@import"https://fonts.googleapis.com/css2?family=Delius&display=swap";:root{--bg-color-white: #ffffff;--color-text: #252a2e;--color-text-white: #ffffff;--color-text-muted: #dadae4;--color-primary: #4d426d;--color-secondary: #5c5082;--color-secondary-hover: #796aab;--success-color: #28a026;--error-color: #ff0000;--loading-color: #6b5b95;--border-color: #707070;--border-color-light: #b0b0b0;--backdrop-color: rgba(0, 0, 0, .5);--color-text-secondary: #b8bdd2;--nav-header-start: rgba(58, 44, 97, .5);--nav-header-end: rgba(41, 31, 72, .46);--nav-header-border: rgba(255, 255, 255, .24);--nav-logo-gradient-start: #ffffff;--nav-logo-gradient-end: #ddd7ef;--nav-link-bg: rgba(255, 255, 255, .08);--nav-link-border: rgba(255, 255, 255, .2);--nav-link-color: var(--color-text-white);--nav-link-hover-start: rgba(144, 114, 222, .9);--nav-link-hover-end: rgba(110, 87, 175, .9);--nav-link-hover-border: rgba(230, 218, 255, .75);--nav-link-hover-color: var(--color-text-white);--nav-link-active-start: rgba(131, 103, 207, .94);--nav-link-active-end: rgba(99, 78, 161, .94);--nav-focus-ring: rgba(178, 147, 255, .46);--nav-mobile-trigger-start: rgba(125, 96, 202, .96);--nav-mobile-trigger-end: rgba(96, 74, 161, .96);--nav-mobile-trigger-border: rgba(233, 221, 255, .7);--nav-mobile-trigger-dot: rgba(248, 245, 255, .96);--nav-mobile-trigger-dot-open: rgba(255, 221, 232, .98);--nav-mobile-menu-start: rgba(249, 245, 255, .95);--nav-mobile-menu-end: rgba(239, 231, 255, .95);--nav-mobile-menu-border: rgba(164, 138, 226, .4);--nav-mobile-menu-pointer: rgba(245, 238, 255, .98);--nav-mobile-link-color: #40345f;--nav-mobile-link-hover-start: rgba(151, 118, 233, .92);--nav-mobile-link-hover-end: rgba(118, 93, 191, .94);--nav-mobile-link-hover-border: rgba(231, 218, 255, .85);--nav-mobile-link-hover-color: var(--color-text-white);--chat-bg-radial-light-start: rgba(255, 255, 255, .28);--chat-bg-radial-light-end: rgba(255, 255, 255, 0);--chat-bg-radial-accent-start: rgba(129, 38, 177, .16);--chat-bg-radial-accent-end: rgba(129, 38, 177, 0);--chat-bg-overlay-start: rgba(35, 26, 62, .36);--chat-bg-overlay-mid: rgba(62, 48, 94, .28);--chat-bg-overlay-end: rgba(29, 23, 53, .44);--chat-header-bg: rgba(42, 33, 71, .4);--chat-header-border: rgba(255, 255, 255, .2);--chat-window-start: rgba(102, 80, 156, .44);--chat-window-end: rgba(72, 58, 108, .52);--chat-window-border: rgba(255, 255, 255, .26);--chat-window-highlight-start: rgba(255, 255, 255, .25);--chat-window-highlight-end: rgba(255, 255, 255, 0);--chat-window-sheen-start: rgba(255, 255, 255, .1);--chat-window-sheen-end: rgba(255, 255, 255, 0);--chat-sidebar-start: rgba(95, 74, 147, .42);--chat-sidebar-end: rgba(63, 52, 99, .54);--chat-sidebar-border: rgba(255, 255, 255, .24);--chat-sidebar-overlay-start: rgba(255, 255, 255, .12);--chat-sidebar-overlay-end: rgba(255, 255, 255, 0);--chat-selected-friend-start: rgba(149, 114, 233, .44);--chat-selected-friend-end: rgba(125, 90, 208, .52);--chat-selected-friend-border: rgba(255, 255, 255, .82);--chat-default-card-bg: rgba(255, 255, 255, .09);--chat-default-card-border: rgba(255, 255, 255, .18);--chat-sidebar-title-bg: rgba(255, 255, 255, .12);--chat-sidebar-title-border: rgba(255, 255, 255, .24);--chat-search-input-border: rgba(255, 255, 255, .32);--chat-search-input-bg: rgba(255, 255, 255, .16);--chat-friend-item-border: rgba(255, 255, 255, .22);--chat-friend-item-start: rgba(255, 255, 255, .23);--chat-friend-item-end: rgba(255, 255, 255, .12);--chat-friend-item-inset: rgba(255, 255, 255, .24);--chat-friend-item-hover-bg: rgba(255, 255, 255, .2);--chat-friend-item-hover-border: rgba(255, 255, 255, .38);--chat-remove-btn-start: rgba(255, 240, 244, .94);--chat-remove-btn-end: rgba(255, 227, 234, .94);--chat-remove-btn-border: rgba(226, 108, 132, .34);--chat-remove-btn-icon: #b63f62;--chat-remove-btn-hover-start: rgba(255, 102, 137, .9);--chat-remove-btn-hover-end: rgba(235, 70, 110, .92);--chat-remove-btn-hover-border: rgba(255, 208, 220, .8);--chat-remove-btn-hover-icon: var(--color-text-white);--chat-remove-btn-active-start: rgba(229, 74, 112, .92);--chat-remove-btn-active-end: rgba(205, 56, 95, .94);--chat-remove-btn-focus-ring: rgba(241, 119, 154, .38);--chat-remove-hover-bg: rgba(255, 0, 0, .1);--chat-modal-overlay-bg: rgba(0, 0, 0, .4);--chat-header-panel-border: rgba(255, 255, 255, .22);--chat-header-panel-start: rgba(103, 78, 166, .36);--chat-header-panel-end: rgba(78, 60, 124, .24);--chat-messages-start: rgba(49, 36, 86, .2);--chat-messages-end: rgba(49, 36, 86, .11);--chat-messages-base: rgba(255, 255, 255, .07);--chat-search-results-bg: var(--bg-color-white);--chat-composer-bg: rgba(77, 66, 109, .66);--chat-composer-border: rgba(255, 255, 255, .22);--chat-composer-input-bg: rgba(255, 255, 255, .93);--chat-composer-placeholder: #857ca1;--chat-composer-control-bg: rgba(255, 255, 255, .95);--chat-composer-control-border: rgba(111, 94, 159, .3);--chat-composer-control-icon: #5d4d93;--chat-composer-focus-ring: rgba(111, 94, 159, .24);--chat-composer-control-hover-bg: #f5f2ff;--chat-composer-control-hover-border: #6f5e9f;--chat-emoji-btn-start: #f8f1ff;--chat-emoji-btn-end: #eee3ff;--chat-emoji-btn-hover-start: #f1e4ff;--chat-emoji-btn-hover-end: #e6d6ff;--chat-emoji-btn-icon: #6f55b8;--chat-attachment-btn-start: #f5f7ff;--chat-attachment-btn-end: #edf1ff;--chat-attachment-btn-icon: #3f5cf3;--chat-recording: #ef4444;--chat-attachment-menu-bg: #ffffff;--chat-attachment-image-start: #33c3ff;--chat-attachment-image-end: #2f86ff;--chat-attachment-document-start: #ffb347;--chat-attachment-document-end: #ff8a3d;--chat-emoji-search-bg: #f8f9ff;--chat-send-start: #8a5cf6;--chat-send-end: #6f54c8;--chat-send-border: rgba(255, 255, 255, .34);--chat-send-sheen-start: rgba(255, 255, 255, .36);--chat-send-sheen-end: rgba(255, 255, 255, 0);--chat-message-left-start: rgba(115, 88, 186, .96);--chat-message-left-end: rgba(92, 74, 145, .96);--chat-message-left-accent-start: rgba(137, 108, 210, .96);--chat-message-left-accent-end: rgba(98, 77, 157, .96);--chat-message-left-border: rgba(214, 199, 255, .26);--chat-message-left-user: rgba(255, 255, 255, .96);--chat-message-left-content: rgba(255, 255, 255, .98);--chat-message-left-accent-line: rgba(230, 221, 255, .52);--chat-message-left-sheen-start: rgba(255, 255, 255, .24);--chat-message-left-sheen-end: rgba(255, 255, 255, 0);--chat-message-right-start: rgba(255, 255, 255, .96);--chat-message-right-end: rgba(242, 244, 255, .96);--chat-message-right-accent-start: rgba(234, 225, 255, .94);--chat-message-right-accent-end: rgba(220, 207, 255, .94);--chat-message-right-border: rgba(129, 106, 199, .28);--chat-message-right-user: #5f4c96;--chat-message-right-content: #2e2548;--chat-message-right-accent-line: rgba(114, 89, 185, .4);--chat-message-right-sheen-start: rgba(255, 255, 255, .38);--chat-message-right-sheen-end: rgba(255, 255, 255, 0);--chat-message-left-timestamp: rgba(255, 255, 255, .8);--chat-message-right-timestamp: rgba(0, 0, 0, .6);--chat-doc-left-bg: rgba(255, 255, 255, .16);--chat-doc-right-color: #4b3d76;--chat-doc-right-bg: rgba(115, 88, 186, .14);--chat-mobile-toggle-start: rgba(84, 66, 136, .96);--chat-mobile-toggle-end: rgba(62, 49, 103, .96);--chat-mobile-toggle-border: rgba(234, 225, 255, .42);--chat-mobile-toggle-icon: #f7f3ff;--chat-mobile-toggle-hover-start: rgba(99, 79, 157, .96);--chat-mobile-toggle-hover-end: rgba(74, 58, 122, .96);--chat-mobile-toggle-open-start: rgba(210, 83, 122, .95);--chat-mobile-toggle-open-end: rgba(176, 62, 102, .95);--chat-mobile-toggle-open-border: rgba(255, 221, 232, .85);--chat-mobile-toggle-open-icon: var(--color-text-white);--chat-mobile-toggle-focus-ring: rgba(186, 153, 255, .45);--chat-mobile-overlay: rgba(0, 0, 0, .3)}:root{--default-font: "Delius", Arial sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 2rem;--font-size-2xl: 3rem;--font-size-3xl: 4rem;--font-size-4xl: 5rem}:root{--shadow-sm: 0 0 5px 0 rgba(0, 0, 0, .35);--shadow-md: 0 0 10px 0 rgba(0, 0, 0, .4);--shadow-lg: 0 0 15px 0 rgba(0, 0, 0, .5);--shadow-inset-sm: var(--size-xxs) var(--size-xxs) var(--size-xs) rgba(0, 0, 0, .2) inset;--shadow-inset-md: var(--size-xxs) var(--size-xxs) var(--size-sm) rgba(0, 0, 0, .4) inset;--shadow-nav-header: 0 10px 28px rgba(22, 15, 43, .28);--shadow-nav-link: 0 4px 12px rgba(27, 19, 52, .2);--shadow-nav-link-hover: 0 8px 18px rgba(44, 32, 84, .3);--shadow-nav-mobile-trigger: 0 8px 18px rgba(42, 29, 77, .3);--shadow-nav-mobile-trigger-hover: 0 10px 20px rgba(42, 29, 77, .35);--shadow-nav-mobile-menu: 0 18px 34px rgba(24, 17, 45, .28);--shadow-chat-window: 0 18px 40px rgba(15, 10, 32, .34);--shadow-chat-window-inset: inset 0 1px 0 rgba(255, 255, 255, .2);--shadow-chat-sidebar: 0 18px 38px rgba(17, 12, 32, .3);--shadow-chat-sidebar-inset: inset 0 1px 0 rgba(255, 255, 255, .22);--shadow-chat-selected-friend: 0 10px 24px rgba(17, 11, 38, .34);--shadow-chat-search-results: 0 4px 12px rgba(0, 0, 0, .15);--shadow-chat-toggle: 0 10px 22px rgba(0, 0, 0, .28);--shadow-chat-toggle-hover: 0 12px 24px rgba(27, 19, 52, .36);--shadow-chat-toggle-active: 0 7px 14px rgba(27, 19, 52, .28);--shadow-chat-toggle-open: 0 12px 24px rgba(0, 0, 0, .32);--shadow-chat-remove-btn: 0 6px 12px rgba(182, 63, 98, .18);--shadow-chat-remove-btn-hover: 0 8px 16px rgba(182, 63, 98, .3);--shadow-chat-message: 0 2px 8px rgba(0, 0, 0, .15);--shadow-chat-message-left: 0 8px 20px rgba(57, 38, 108, .28);--shadow-chat-message-right: 0 8px 20px rgba(82, 62, 142, .22);--shadow-chat-message-hover: 0 4px 12px rgba(0, 0, 0, .2);--shadow-chat-attachment-menu: 0 12px 26px rgba(0, 0, 0, .22);--shadow-chat-attachment-option: 0 8px 18px rgba(0, 0, 0, .2);--shadow-chat-emoji-selector: 0 10px 25px rgba(0, 0, 0, .25);--shadow-chat-composer-control: 0 6px 14px rgba(53, 37, 95, .18);--shadow-chat-composer-control-hover: 0 9px 18px rgba(53, 37, 95, .24);--shadow-chat-send: 0 8px 18px rgba(111, 84, 200, .45);--shadow-chat-send-hover: 0 10px 22px rgba(111, 84, 200, .5);--shadow-chat-send-active: 0 5px 12px rgba(111, 84, 200, .42);--shadow-chat-recording-pulse-start: 0 0 0 0 rgba(239, 68, 68, .4);--shadow-chat-recording-pulse-mid: 0 0 0 8px rgba(239, 68, 68, 0);--shadow-chat-recording-pulse-end: 0 0 0 0 rgba(239, 68, 68, 0)}:root{--size-xxs: .25rem;--size-xs: .5rem;--size-sm: 1rem;--size-md: 1.5rem;--size-lg: 2rem;--size-xl: 3rem;--size-2xl: 4rem;--size-3xl: 5rem;--size-4xl: 6rem;--negative-size-xxs: -.25rem;--negative-size-xs: -.5rem;--negative-size-sm: -1rem;--negative-size-md: -1.5rem;--negative-size-lg: -2rem;--negative-size-xl: -3rem;--negative-size-2xl: -4rem;--negative-size-3xl: -5rem;--negative-size-4xl: -6rem;--line-height-sm: 1.2;--line-height-md: 1.5;--line-height-lg: 1.8;--width-xxs: 7.5rem;--width-xs: 12.5rem;--width-sm: 18.75rem;--width-md: 25rem;--width-lg: 31.25rem;--width-xl: 37.5rem;--width-2xl: 50rem;--width-3xl: 75rem;--height-xxs: 7.5rem;--height-xs: 12.5rem;--height-sm: 18.75rem;--height-md: 25rem;--height-lg: 31.25rem;--height-xl: 37.5rem;--height-2xl: 50rem;--height-3xl: 75rem;--negative-width-xs: -12.5rem;--negative-width-sm: -18.75rem;--negative-width-md: -25rem;--negative-width-lg: -31.25rem;--negative-width-xl: -37.5rem;--negative-width-xxl: -50rem;--negative-width-xxxl: -75rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 3rem;--radius-2xl: 5rem;--radius-3xl: 10rem;--width-chat-default-message: 28.75rem;--width-chat-sidebar-mobile: 21.25rem;--width-chat-title-mobile-reserve: 11.25rem;--width-chat-audio: 15rem;--height-chat-search-results: 12.5rem;--height-chat-emoji-max: 21.25rem;--height-chat-emoji-list-max: 16.25rem;--height-chat-messages-bottom-pad: 3.75rem;--height-chat-mobile-title-offset: 5.625rem;--height-chat-mobile-emoji-max: 17.5rem;--height-chat-mobile-emoji-list-max: 13.125rem;--size-chat-control: 2.375rem;--size-chat-control-mobile: 2.5rem;--size-chat-control-icon: 1.25rem;--size-chat-remove-btn: 1.875rem;--size-chat-remove-icon: 1rem;--size-chat-attachment-option: 2.75rem;--size-chat-toggle: 2.625rem;--size-chat-toggle-icon: 1.125rem;--size-chat-toggle-icon-open: 1.25rem;--size-chat-toggle-edge-offset: .375rem;--size-chat-dot-gap: .125rem;--size-chat-dot: .25rem;--size-chat-inline-gap: .125rem;--size-chat-image-radius: .5rem;--size-chat-image-spacing: .5rem;--size-chat-border-left: .25rem;--size-chat-translate-sm: .625rem;--size-border-thin: 1px;--size-border-medium: 2px;--radius-full: 999px;--size-nav-header-padding-y: var(--size-xs);--size-nav-header-padding-x: var(--size-sm);--size-nav-logo-icon: 2.25rem;--size-nav-link-padding-y: .625rem;--size-nav-link-padding-x: .875rem;--size-nav-link-min-width: 6.875rem;--size-nav-mobile-trigger: 3rem;--size-nav-mobile-dot: .4375rem;--size-nav-mobile-menu-offset: .75rem;--size-nav-mobile-menu-pointer: .875rem;--size-nav-mobile-link-shift: .25rem;--size-nav-mobile-link-padding-y: .75rem;--size-nav-mobile-link-padding-x: 1rem;--size-nav-mobile-link-min-height: 3rem;--radius-nav-link: 1.25rem;--radius-nav-mobile-menu: 1.25rem;--width-nav-mobile-max: 23.75rem;--blur-nav-header: .75rem;--blur-nav-surface: 1rem;--blur-chat-header: .875rem;--blur-chat-panel: .75rem;--blur-chat-composer: .625rem;--blur-chat-search: .5rem;--blur-chat-messages: .25rem}:root{--z-index-10: 10;--z-index-20: 20;--z-index-30: 30;--z-index-40: 40;--z-index-50: 50;--z-index-100: 100;--z-index-200: 200;--z-index-500: 500;--z-index-1000: 1000}html{box-sizing:border-box;overflow-x:hidden}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;overflow-x:hidden;width:100%}.flex{display:flex}.flex-center{justify-content:center;align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.align-center{align-items:center}.flex-wrap{flex-wrap:wrap}.flex-column{flex-direction:column}.flex-grow{flex-grow:1}.gap-xxs{gap:var(--size-xxs)}.gap-xs{gap:var(--size-xs)}.gap-sm{gap:var(--size-sm)}.gap-md{gap:var(--size-md)}.gap-lg{gap:var(--size-lg)}.gap-xl{gap:var(--size-xl)}.m-xs{margin:var(--size-xs)}.m-sm{margin:var(--size-sm)}.m-md{margin:var(--size-md)}.m-lg{margin:var(--size-lg)}.m-h-xs{margin:0 var(--size-xs)}.m-h-sm{margin:0 var(--size-sm)}.m-h-md{margin:0 var(--size-md)}.m-h-lg{margin:0 var(--size-lg)}.m-v-xs{margin:var(--size-xs) 0}.m-v-sm{margin:var(--size-sm) 0}.m-v-md{margin:var(--size-md) 0}.m-v-lg{margin:var(--size-lg) 0}.p-xs{padding:var(--size-xs)}.p-sm{padding:var(--size-sm)}.p-md{padding:var(--size-md)}.p-lg{padding:var(--size-lg)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.btn{margin:var(--size-xxs);border:0;border-radius:var(--radius-md);padding:var(--size-sm) var(--size-md);font-family:var(--default-font);font-size:var(--font-size-md);cursor:pointer}.btn:not(.btn-link):hover{box-shadow:var(--shadow-inset-sm);transition:box-shadow .5s;filter:contrast(120%)}.btn-sm{padding:var(--size-xs) var(--size-sm)}.btn.btn-link{border:none;background:transparent;color:var(--color-text-white)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-secondary{color:var(--color-text);background-color:var(--color-secondary)}.btn-secondary:hover{color:#000}@keyframes loading-spinner-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{position:absolute;top:0;left:0;display:inline-block;border-radius:var(--radius-md);width:100%;height:100%;background-color:var(--backdrop-color);z-index:var(--z-index-1000)}.loading-spinner.opaque{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.loading-spinner img{position:absolute;top:50%;left:50%;animation:loading-spinner-animation 1s linear infinite;margin:calc(var(--negative-size-xl) / 2) 0 0 calc(var(--negative-size-xl) / 2);width:var(--size-xl);height:var(--size-xl)}.page{padding-top:calc(var(--size-4xl) + var(--size-sm));padding-bottom:var(--size-4xl)}.page.public-page{background:url(/register-bg.webp) center/cover fixed no-repeat}.page .matte-glass-container{position:relative;border:none;border-radius:var(--size-lg) var(--size-lg) var(--size-lg) var(--size-xs);padding:var(--size-lg) var(--size-lg) var(--size-md) var(--size-lg);width:90%;background:linear-gradient(135deg,#8126b140 60%,#ffffff26);box-shadow:0 8px 32px #1f26872e;-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);margin:var(--size-lg) auto 0 auto;border-right:6px solid #b135f4;border-bottom:6px solid #b135f4}.auth-page{width:100%;min-height:100vh;font-family:var(--default-font);overflow-x:hidden;box-sizing:border-box}.auth-form{max-width:var(--width-lg)}h2{font-size:var(--size-lg);color:var(--color-text-white);text-align:center}.message-box{display:none;margin-top:var(--size-sm);border-radius:var(--radius-lg);padding:.5rem 1rem;text-align:center;font-weight:700;background-color:#ffffffbf;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.message-box.visible{display:block}.message-box.error{display:block;color:#b80808}.message-box.success{display:block;color:#3f923f}.input-row{position:relative;width:100%;margin:var(--size-xs) 0}.gender-row{display:flex;justify-content:flex-start;align-items:center;gap:1rem;color:var(--color-text-white);background:none;border:none;padding:0;box-shadow:none}.gender-row input[type=radio]{-moz-appearance:auto;appearance:auto;-webkit-appearance:radio;width:auto;height:auto;margin:0 .5rem 0 0;background:none;border:none;box-shadow:none;outline:none;vertical-align:middle}.input-row label{display:inline-block;margin-bottom:var(--size-xs);font-size:var(--size-sm);color:var(--color-text-white);transition:.5s}.input-row input{display:flex;align-items:center;justify-content:center;border:none;padding:var(--size-xs);border-radius:10px;width:100%;font-size:var(--size-sm);color:var(--color-text-white);background-color:#f5f5f51a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.input-row input:-webkit-autofill,.input-row input:-webkit-autofill:hover,.input-row input:-webkit-autofill:focus,.input-row input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:var(--color-text-white);transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #c8c8c833}.input-row .icon{position:absolute;bottom:0;right:var(--size-xs);color:var(--color-text-white);font-size:var(--size-md)}.input-row input{display:flex;align-items:center;justify-content:center}.auth-actions{display:flex;justify-content:space-between;margin:1rem 0;width:100%;color:var(--color-text-white)}.auth-actions>label{display:flex;align-items:center;cursor:pointer}.auth-actions>label>input{margin-right:.5rem;width:var(--size-sm);height:var(--size-sm)}.auth-actions a,.auth-link-row p a{color:var(--color-text-white);text-decoration:none}.auth-actions a:hover,.auth-link-row p a:hover{text-decoration:underline;filter:brightness(100%)}.auth-submit-button{box-shadow:0 0 var(--size-sm) 0 #ffffff4d;min-width:var(--width-xs);max-width:var(--width-sm)}.auth-link-row{color:var(--color-text-white);text-align:center;margin:25px 0 10px}@media (max-width: 360px){.auth-form{display:flex;justify-content:center;align-items:center;width:80%;height:100vh;border:none;border-radius:0}h2{font-size:var(--size-sm);color:var(--color-text-white);text-align:center}}*,*:before,*:after{box-sizing:border-box}.header{position:fixed;top:0;left:0;right:0;width:100%;background:linear-gradient(180deg,var(--nav-header-start) 0%,var(--nav-header-end) 100%);border-bottom:var(--size-border-thin) solid var(--nav-header-border);box-shadow:var(--shadow-nav-header);backdrop-filter:blur(var(--blur-nav-header));-webkit-backdrop-filter:blur(var(--blur-nav-header));z-index:var(--z-index-1000);box-sizing:border-box;padding:var(--size-nav-header-padding-y) var(--size-nav-header-padding-x);display:flex;align-items:center;justify-content:space-between}.header .logo{display:flex;align-items:center;text-decoration:none;margin-left:var(--size-md)}.header .logo img{width:var(--size-nav-logo-icon);height:var(--size-nav-logo-icon)}.header .logo span{font-size:var(--font-size-lg);font-weight:700;margin-left:var(--size-xs);color:var(--color-text-white)}.header .logo span{background:linear-gradient(135deg,var(--nav-logo-gradient-start),var(--nav-logo-gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-nav,.nav-bar{display:flex;align-items:center;gap:var(--size-xs)}.main-nav a,.main-nav button.btn-link{margin:0;min-width:var(--size-nav-link-min-width);border:var(--size-border-thin) solid var(--nav-link-border);border-radius:var(--radius-nav-link);padding:var(--size-nav-link-padding-y) var(--size-nav-link-padding-x);color:var(--nav-link-color);background:var(--nav-link-bg);box-shadow:var(--shadow-nav-link);transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;backdrop-filter:blur(var(--blur-nav-header));-webkit-backdrop-filter:blur(var(--blur-nav-header))}.nav-bar a,.nav-bar button.btn-link{display:flex;align-items:center;justify-content:center;font-family:var(--default-font);text-decoration:none;color:var(--nav-link-color);font-size:var(--font-size-sm);font-weight:700;letter-spacing:calc(var(--size-border-thin) * .2);cursor:pointer}.nav-bar a:hover,.nav-bar button.btn-link:hover{color:var(--nav-link-hover-color);border-color:var(--nav-link-hover-border);background:linear-gradient(145deg,var(--nav-link-hover-start) 0%,var(--nav-link-hover-end) 100%);box-shadow:var(--shadow-nav-link-hover);transform:translateY(calc(var(--size-border-thin) * -1))}.nav-bar a:active,.nav-bar button.btn-link:active{background:linear-gradient(145deg,var(--nav-link-active-start) 0%,var(--nav-link-active-end) 100%);transform:translateY(0)}.nav-bar a:focus-visible,.nav-bar button.btn-link:focus-visible,.mobile-menu-trigger:focus-visible{outline:none;box-shadow:0 0 0 var(--size-xxs) var(--nav-focus-ring)}.nav-bar-hidden-toggle,.mobile-menu-trigger{display:none}@media all and (max-width: 1199px){.header{padding:var(--size-xs) var(--size-sm);overflow:hidden}.header:has(.nav-bar-hidden-toggle:checked){overflow:visible}.header .logo{margin-left:0}.header .logo img{width:var(--size-lg);height:var(--size-lg)}.header .logo span{font-size:var(--font-size-lg)}.main-nav{gap:0}.mobile-menu-trigger{position:absolute;top:var(--size-xs);right:var(--size-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-xxs);width:var(--size-nav-mobile-trigger);height:var(--size-nav-mobile-trigger);padding:0;border:var(--size-border-thin) solid var(--nav-mobile-trigger-border);border-radius:var(--radius-full);background:linear-gradient(165deg,var(--nav-mobile-trigger-start) 0%,var(--nav-mobile-trigger-end) 100%);box-shadow:var(--shadow-nav-mobile-trigger);cursor:pointer;z-index:var(--z-index-500);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.mobile-menu-trigger:hover{transform:translateY(calc(var(--size-border-thin) * -1));box-shadow:var(--shadow-nav-mobile-trigger-hover)}.mobile-menu-trigger:active{transform:translateY(0)}.nav-bar a:after{display:none}.nav-bar-hidden-toggle:checked+.mobile-menu-trigger{border-color:var(--nav-link-hover-border)}.mobile-menu-trigger>.dot{display:block;width:var(--size-nav-mobile-dot);height:var(--size-nav-mobile-dot);border-radius:50%;background:var(--nav-mobile-trigger-dot);transition:background .2s ease,transform .2s ease}.nav-bar-hidden-toggle:checked+label>.dot{background:var(--nav-mobile-trigger-dot-open)}.nav-bar-hidden-toggle:checked+label>.dot:nth-child(1){transform:translateY(var(--size-nav-mobile-link-shift))}.nav-bar-hidden-toggle:checked+label>.dot:nth-child(3){transform:translateY(calc(var(--size-nav-mobile-link-shift) * -1))}.nav-bar{display:flex;flex-direction:column;align-items:stretch;gap:var(--size-sm);position:absolute;top:calc(100% + var(--size-nav-mobile-menu-offset));left:auto;right:var(--size-sm);padding:var(--size-md);width:min(calc(100vw - var(--size-md)),var(--width-nav-mobile-max));background:linear-gradient(160deg,var(--nav-mobile-menu-start) 0%,var(--nav-mobile-menu-end) 100%);border:var(--size-border-thin) solid var(--nav-mobile-menu-border);border-radius:var(--radius-nav-mobile-menu);box-shadow:var(--shadow-nav-mobile-menu);backdrop-filter:blur(var(--blur-nav-surface));-webkit-backdrop-filter:blur(var(--blur-nav-surface));pointer-events:none;visibility:hidden;transform:translateY(calc(var(--size-sm) * -1)) scale(.96);opacity:0;transition:opacity .24s ease,transform .24s ease,visibility .24s ease;box-sizing:border-box;z-index:var(--z-index-500)}.nav-bar:before{content:"";display:block;position:absolute;top:calc(var(--size-nav-mobile-menu-pointer) * -.5);right:calc(var(--size-md) + var(--size-xs));width:var(--size-nav-mobile-menu-pointer);height:var(--size-nav-mobile-menu-pointer);background:var(--nav-mobile-menu-pointer);border-top:var(--size-border-thin) solid var(--nav-mobile-menu-border);border-left:var(--size-border-thin) solid var(--nav-mobile-menu-border);pointer-events:none;transform:rotate(45deg)}.nav-bar a,.nav-bar button.btn-link{width:100%;min-height:var(--size-nav-mobile-link-min-height);align-items:center;justify-content:flex-start;text-align:left;color:var(--nav-mobile-link-color);font-size:var(--font-size-lg);background:transparent;border-color:transparent;box-shadow:none;padding:var(--size-nav-mobile-link-padding-y) var(--size-nav-mobile-link-padding-x);border-radius:var(--radius-md)}.nav-bar a:hover,.nav-bar button.btn-link:hover{color:var(--nav-mobile-link-hover-color);border-color:var(--nav-mobile-link-hover-border);background:linear-gradient(145deg,var(--nav-mobile-link-hover-start) 0%,var(--nav-mobile-link-hover-end) 100%);transform:translate(var(--size-nav-mobile-link-shift))}.nav-bar-hidden-toggle:checked~.nav-bar{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0) scale(1)}}