:root{--clr-accent-500: #FF5602;--clr-accent-400: #FE6E00;--clr-accent-300: #FF8303;--clr-accent-100: #FEDEBE;--clr-primary-400: #FFAF42;--clr-neutral-900: black;--clr-neutral-100: white;--ff-primary: "Be Vietnam Pro", sans-serif;--ff-body: var(--ff-primary);--ff-heading: var(--ff-primary);--fw-regular: 400;--fw-semi-bold: 500;--fw-bold: 700;--fs-300: .8125rem;--fs-400: .875rem;--fs-500: .9375rem;--fs-600: 1rem;--fs-700: 1.875rem;--fs-800: 2.5rem;--fs-900: 3.5rem;--size-100: .25rem;--size-200: .5rem;--size-300: .75rem;--size-400: 1rem;--size-500: 1.5rem;--size-600: 2rem;--size-700: 3rem;--size-800: 4rem;--size-900: 5rem;--fs-primary-heading: var(--fs-800);--fs-secondary-heading: var(--fs-700);--fs-body: var(--fs-400);--fs-nav: var(--fs-500);--fs-button: var(--fs-300)}@media (min-width: 50em){:root{--fs-primary-heading: var(--fs-900);--fs-secondary-heading: var(--fs-800);--fs-body: var(--fs-500);--fs-nav: var(--fs-300)}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}html,body{height:100%}body{text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg{max-width:100%;display:block}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.text-primary-400{color:var(--clr-primary-400)}.text-accent-400{color:var(--clr-accent-400)}.text-accent-100{color:var(--clr-accent-100)}.text-neutral-100{color:var(--clr-neutral-100)}.text-neutral-900{color:var(--clr-neutral-900)}.bg-primary-400{background-color:var(--clr-primary-400)}.bg-accent-400{background-color:var(--clr-accent-400)}.bg-accent-100{background-color:var(--clr-accent-100)}.bg-neutral-100{background-color:var(--clr-neutral-100)}.bg-neutral-900{background-color:var(--clr-neutral-900)}.fw-bold{font-weight:var(--fw-bold)}.fw-semi-bold{font-weight:var(--fw-semi-bold)}.fw-regular{font-weight:var(--fw-regular)}.fs-primary-heading{font-size:var(--fs-primary-heading);line-height:1.1}.fs-secondary-heading{font-size:var(--fs-secondary-heading);line-height:1.1}.fs-300{font-size:var(--fs-300)}.fs-400{font-size:var(--fs-400)}.fs-500{font-size:var(--fs-500)}.fs-600{font-size:var(--fs-600)}.padding-block-900{padding-block:var(--size-900)}.padding-block-700{padding-block:var(--size-700)}.container{--max-width: 1110px;--padding: var(--size-700);width:min(var(--max-width),100% - (var(--padding) * 2));margin-inline:auto}.even-columns{display:grid;gap:1rem}@media (min-width: 50em){.even-columns{grid-auto-flow:column;grid-auto-columns:1fr}}.center{display:flex;justify-content:center;align-items:center}.vertical{display:flex;flex-direction:column}body{font-size:var(--fs-body);font-family:var(--ff-body);color:var(--clr-primary-400)}.button{cursor:pointer;text-decoration:none;border:0;border-radius:100vmax;padding:1.25em 2.5em;font-weight:var(--fw-bold);font-size:var(--fs-button);line-height:1;color:var(--clr-neutral-100);background-color:var(--clr-accent-400);box-shadow:0 1.125em 1em -1em var(--clr-accent-500)}.button[data-type=inverted]{background-color:var(--clr-neutral-100);color:var(--clr-accent-400)}.button:hover,.button:focus-visible{background-color:var(--clr-accent-300)}.button[data-type=inverted]:hover,.button[data-type=inverted]:focus-visible{background-color:var(--clr-neutral-100);color:var(--clr-accent-300)}nav a{padding:1rem 2rem;border-radius:.5rem;font-size:var(--fs-500);font-weight:var(--fw-bold);color:var(--clr-neutral-100);background-color:var(--clr-primary-400);transition:background-color .2s ease-in-out}nav a:hover{background-color:var(--clr-accent-300)}.input-field{width:100%;padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:5px;font-size:16px}.send-button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.send-button:hover{background-color:#3e8e41}.error-message{color:#f44336;font-size:14px;margin-bottom:20px}.dropdown{position:absolute;background-color:#333;color:#fff;padding:10px;border-radius:5px;display:none;z-index:1}.dropdown li a{color:#fff;text-decoration:none;padding:10px;display:block}.dropdown li a:hover{background-color:#444}.nav-item:hover .dropdown{display:block}.navbar ul{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between}nav{display:flex;gap:1rem}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:100}.modal-content{background-color:#ffaf42;padding:20px;border-radius:8px;width:300px;text-align:center;box-shadow:0 4px 12px #0003}.modal-content h3{font-size:18px;margin-bottom:10px;color:#fff}.modal-content button{padding:10px 20px;font-size:16px;background-color:#ff8303;color:#fff;border:none;border-radius:4px;cursor:pointer;margin:5px}.modal-content button:hover{background-color:#c0392b}.modal-content button:last-child{background-color:#bdc3c7}.modal-content button:last-child:hover{background-color:#95a5a6}.dropdown li{padding:5px 10px}.nav-link{cursor:pointer}.nav-item a:hover+.dropdown{display:block}.main-view{height:100vh;display:flex;flex-direction:column}.columns{flex:1;display:flex}.column{flex:1;padding:20px;border:1px solid #ddd;background-color:#f7f7f7}.column:nth-child(1){background-color:#ccc}.column:nth-child(3){background-color:#eee}.modal-content form{display:flex;flex-direction:column;align-items:center;padding:20px}.modal-content form label{font-weight:700;margin-bottom:10px}.modal-content form input[type=text],.modal-content form input[type=email],.modal-content form input[type=password]{width:100%;padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:5px}.modal-content form input[type=text]:focus,.modal-content form input[type=email]:focus,.modal-content form input[type=password]:focus{border:1px solid #aaa;box-shadow:0 0 5px #0000001a}.modal-content form button[type=button]{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.modal-content form button[type=button]:hover{background-color:#3e8e41}.modal-content form .form-group{margin-bottom:20px}.modal-content form .form-group label{display:block;margin-bottom:10px}.modal-content form .form-group input[type=text],.modal-content form .form-group input[type=email],.modal-content form .form-group input[type=password]{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px}.modal-content form .form-group input[type=text]:focus,.modal-content form .form-group input[type=email]:focus,.modal-content form .form-group input[type=password]:focus{border:1px solid #aaa;box-shadow:0 0 5px #0000001a}.search-bar{display:flex;gap:var(--size-200);margin:var(--size-400) auto;max-width:600px;padding:0 var(--size-400)}.search-input{flex:1;padding:var(--size-200);border:1px solid var(--clr-accent-100);border-radius:var(--size-100);font-size:var(--fs-400)}.search-button{padding:var(--size-200) var(--size-400);background-color:var(--clr-accent-400);color:var(--clr-neutral-100);border:none;border-radius:var(--size-100);font-size:var(--fs-400);cursor:pointer;transition:background-color .2s ease-in-out}.search-button:hover{background-color:var(--clr-accent-300)}.user-list{margin:var(--size-400) auto;max-width:600px;padding:0 var(--size-400)}.user-link{display:block;padding:var(--size-200);margin-bottom:var(--size-100);background-color:var(--clr-neutral-100);border:1px solid var(--clr-accent-100);border-radius:var(--size-100);color:var(--clr-neutral-900);text-decoration:none;transition:background-color .2s ease-in-out}.private-messages{max-width:600px;margin:var(--size-400) auto;padding:var(--size-400)}.messages-container{max-height:400px;overflow-y:auto;margin-bottom:var(--size-400)}.message{margin-bottom:var(--size-200);padding:var(--size-200);background-color:var(--clr-neutral-100);border:1px solid var(--clr-accent-100);border-radius:var(--size-100)}.message-form{display:flex;gap:var(--size-200)}.message-input{flex:1;padding:var(--size-200);border:1px solid var(--clr-accent-100);border-radius:var(--size-100)}.send-button{padding:var(--size-200) var(--size-400);background-color:var(--clr-accent-400);color:var(--clr-neutral-100);border:none;border-radius:var(--size-100);cursor:pointer;transition:background-color .2s ease-in-out}.message-count{margin-bottom:var(--size-400);font-weight:var(--fw-bold)}.no-results{margin:var(--size-400) auto;max-width:600px;padding:0 var(--size-400);color:var(--clr-neutral-900);font-style:italic}.main-view{display:flex;flex-direction:column;height:100vh}.columns{display:flex;flex:1}.column{padding:var(--size-400)}.left-column{width:300px;border-right:1px solid var(--clr-accent-100);overflow-y:auto}.middle-column{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--size-400)}.right-column{width:300px;border-left:1px solid var(--clr-accent-100);overflow-y:auto}.search-bar{margin-bottom:var(--size-400)}.search-input{width:100%;padding:var(--size-200);border:1px solid var(--clr-accent-100);border-radius:var(--size-100);font-size:var(--fs-400)}.user-list{display:flex;flex-direction:column;gap:var(--size-200)}.user-link{padding:var(--size-200);background-color:var(--clr-neutral-100);border:1px solid var(--clr-accent-100);border-radius:var(--size-100);color:var(--clr-neutral-900);text-decoration:none;transition:background-color .2s ease-in-out}.user-link:hover{background-color:var(--clr-accent-100)}.input-field{width:100%;padding:var(--size-200);border:1px solid var(--clr-accent-100);border-radius:var(--size-100);font-size:var(--fs-400)}.send-button{padding:var(--size-200) var(--size-400);background-color:var(--clr-accent-400);color:var(--clr-neutral-100);border:none;border-radius:var(--size-100);font-size:var(--fs-400);cursor:pointer;transition:background-color .2s ease-in-out}.send-button:hover{background-color:var(--clr-accent-300)}img{max-width:100px}.container[data-v-75267a85]{display:flex;justify-content:space-between;align-items:center}[data-v-75267a85-s]{font-size:var(--fs-600)}header[data-v-75267a85]{background-color:#f17720}[data-v-72ca9809] a{text-decoration:none}nav[data-v-72ca9809]{display:flex;gap:1rem}h1[data-v-72ca9809]{text-align:center;font-size:200px}p[data-v-72ca9809]{text-align:center;font-size:75px}main[data-v-72ca9809]{background-image:linear-gradient(to bottom,#ff8303,#b6f5ff);background-size:100% 100vh;background-attachment:fixed}[data-v-b002148b] a{text-decoration:none}form[data-v-b002148b]{max-width:500px;margin:40px auto;padding:20px;background-color:#f9f9f9;border:1px solid #ccc;border-radius:10px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;align-items:center}label[data-v-b002148b]{display:block;margin-bottom:10px;font-weight:700}input[type=email][data-v-b002148b],input[type=password][data-v-b002148b]{width:100%;height:40px;margin-bottom:20px;padding:10px;border:1px solid #ccc;border-radius:5px}main[data-v-b002148b]{background-image:linear-gradient(to bottom,#ff8303,#b6f5ff);background-size:100% 100vh;background-attachment:fixed}.message[data-v-157f1ba0]{margin-bottom:1em;padding:1em;border-bottom:1px solid #ccc}.messages-container[data-v-27df6e3e]{height:400px;overflow-y:auto;border:1px solid #ccc;padding:10px}.new-messages-indicator[data-v-27df6e3e]{text-align:center;padding:10px;background-color:#f0f0f0;cursor:pointer}.loading-indicator[data-v-27df6e3e]{text-align:center;padding:10px}.modal[data-v-fca93790]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;color:#fff}.modal-content[data-v-fca93790]{background-color:#ffaf42;padding:20px;border-radius:5px}h2[data-v-fca93790]{margin-bottom:10px;color:#fff;font-size:larger}[data-v-1bf80dd6] a,[data-v-2deb52a1] a{text-decoration:none}form[data-v-2deb52a1]{max-width:500px;margin:40px auto;padding:20px;background-color:#f9f9f9;border:1px solid #ccc;border-radius:10px;box-shadow:0 0 10px #0000001a}label[data-v-2deb52a1]{display:block;margin-bottom:10px;font-weight:700}input[type=text][data-v-2deb52a1],input[type=email][data-v-2deb52a1],input[type=password][data-v-2deb52a1]{width:100%;height:40px;margin-bottom:20px;padding:10px;border:1px solid #ccc;border-radius:5px}main[data-v-2deb52a1]{background-image:linear-gradient(to bottom,#ff8303,#b6f5ff);background-size:100% 100vh;background-attachment:fixed}.profile-view{padding:20px;background-color:#f7f7f7;border:1px solid #ddd;border-radius:10px;box-shadow:0 0 10px #0000001a}.back-button{background-color:#ffaf42;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.back-button:hover{background-color:#ff8303}h1{margin-bottom:20px;text-align:center;color:#333;font-size:20px;font-weight:700;text-decoration:underline}p{margin-bottom:10px;color:#666;font-size:16px;text-align:center}.search-bar[data-v-62f767d3]{display:flex;gap:var(--size-200);margin:var(--size-400) auto;max-width:600px;padding:0 var(--size-400)}.search-input[data-v-62f767d3]{flex:1;padding:var(--size-200);border:1px solid var(--clr-accent-100);border-radius:var(--size-100);font-size:var(--fs-400)}.search-button[data-v-62f767d3]{padding:var(--size-200) var(--size-400);background-color:var(--clr-accent-400);color:var(--clr-neutral-100);border:none;border-radius:var(--size-100);font-size:var(--fs-400);cursor:pointer;transition:background-color .2s ease-in-out}.search-button[data-v-62f767d3]:hover{background-color:var(--clr-accent-300)}.user-list[data-v-62f767d3]{margin:var(--size-400) auto;max-width:600px;padding:0 var(--size-400)}.user-link[data-v-62f767d3]{display:block;padding:var(--size-200);margin-bottom:var(--size-100);background-color:var(--clr-neutral-100);border:1px solid var(--clr-accent-100);border-radius:var(--size-100);color:var(--clr-neutral-900);text-decoration:none;transition:background-color .2s ease-in-out}.user-link[data-v-62f767d3]:hover{background-color:var(--clr-accent-100)}