body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--font-family: "Google Sans", "Product Sans", "Noto Sans", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--bg-primary: #ffffff;--bg-secondary: #f1f3f4;--bg-tertiary: #e8eaed;--text-primary: #202124;--text-secondary: #5f6368;--text-tertiary: #707577;--border-primary: #dadce0;--border-secondary: #e0e0e0;--accent-primary: #1a73e8;--accent-primary-text: #ffffff;--accent-secondary: #34a853;--accent-error: #d93025;--button-bg: var(--bg-tertiary);--button-text: var(--text-primary);--button-hover-bg: #d9dcdf;--button-primary-bg: var(--accent-primary);--button-primary-text: var(--accent-primary-text);--button-primary-hover-bg: #1868cc;--modal-bg: var(--bg-primary);--modal-border: var(--border-primary);--input-bg: var(--bg-primary);--input-text: var(--text-primary);--input-border: var(--border-primary);--input-focus-bg: var(--bg-secondary);--input-placeholder-text: var(--text-tertiary);--link-color: var(--accent-primary);--scrollbar-thumb-color: #bdc1c6;--scrollbar-track-color: var(--bg-secondary);--header-text-opacity: .7;--header-text-hover-opacity: 1;--error-screen-bg: var(--bg-primary);--error-screen-text: var(--text-primary);--error-screen-emoji-text: var(--text-primary);--control-tray-action-bg: var(--bg-tertiary);--control-tray-action-text: var(--text-secondary);--control-tray-action-hover-bg: #d9dcdf;--control-tray-action-hover-border: var(--border-primary);--control-tray-connected-bg: #d4e7ff;--control-tray-connected-text: var(--accent-primary);--control-tray-mic-on-bg: var(--accent-error);--control-tray-mic-on-text: var(--accent-primary-text);--control-tray-mic-on-hover-bg: #c5221f;--control-tray-mic-shadow: rgba(217, 48, 37, .35);--control-tray-connect-toggle-bg: var(--accent-primary);--control-tray-connect-toggle-text: var(--accent-primary-text);--control-tray-border: var(--border-primary);--control-tray-text-indicator: var(--accent-primary);--header-border-bottom: 1px solid var(--border-primary);--mobile-menu-bg: var(--bg-primary);--mobile-menu-border: var(--border-primary);--mobile-menu-shadow: 0 0 20px rgba(0, 0, 0, .1);--mobile-menu-overlay-bg: rgba(0, 0, 0, .4);--hamburger-color: var(--text-secondary);--hamburger-hover-color: var(--text-primary);--hamburger-active-color: var(--accent-primary);--menu-item-active-bg: var(--accent-primary-text);--menu-item-active-text: var(--accent-primary);--menu-item-active-icon-color: var(--accent-primary);--landing-page-text: var(--text-primary);--landing-page-title-color: var(--accent-primary);--landing-page-bg: var(--bg-primary);--landing-page-copyright-text: var(--text-tertiary);--text: white;--gray-200: #b4b8bb;--gray-300: #80868b;--gray-500: #5f6368;--gray-600: #80868b;--gray-700: #3c4043;--gray-800: #303134;--gray-900: #202124;--gray-1000: #0a0a0a;--border-stroke: #444444;--accent-blue: rgb(161, 228, 242);--accent-blue-active-bg: #001233;--accent-blue-active: #98beff;--accent-blue-headers: #448dff;--accent-green: rgb(168, 218, 181);--midnight-blue: rgb(0, 18, 51);--blue-30: #99beff;--accent-red: #ff4600;--Neutral-00: #000;--Neutral-5: #181a1b;--Neutral-10: #1c1f21;--Neutral-15: #232729;--Neutral-20: #2a2f31;--Neutral-30: #404547;--Neutral-50: #707577;--Neutral-60: #888d8f;--Neutral-80: #c3c6c7;--Neutral-90: #e1e2e3;--Green-500: #0d9c53;--Green-700: #025022;--Blue-400: #80c1ff;--Blue-500: #1f94ff;--Blue-800: #0f3557;--Red-400: #ff9c7a;--Red-500: #ff4600;--Red-600: #e03c00;--Red-700: #bd3000;--card-header: #2e96ff;--card-border: #217bfe;--card-background: #13151a;--card-border-radius: 16px;--breakpoint-md: 768px;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}[data-theme=dark]{--bg-primary: var(--Neutral-10);--bg-secondary: var(--Neutral-00);--bg-tertiary: var(--Neutral-5);--text-primary: var(--text);--text-secondary: var(--gray-300);--text-tertiary: var(--gray-600);--border-primary: var(--border-stroke);--border-secondary: var(--gray-700);--accent-primary: var(--accent-blue);--accent-primary-text: var(--Neutral-10);--accent-secondary: var(--accent-green);--accent-error: var(--Red-500);--button-bg: var(--Neutral-30);--button-text: rgba(255, 255, 255, .8);--button-hover-bg: var(--Neutral-50);--button-primary-bg: #4285f4;--button-primary-text: var(--text);--button-primary-hover-bg: var(--accent-blue-headers);--modal-bg: var(--gray-900);--modal-border: var(--gray-800);--input-bg: var(--Neutral-15);--input-text: var(--text);--input-border: var(--gray-700);--input-focus-bg: var(--Neutral-20);--input-placeholder-text: var(--gray-500);--link-color: var(--accent-blue);--scrollbar-thumb-color: var(--gray-600);--scrollbar-track-color: var(--gray-900);--header-text-opacity: .5;--header-text-hover-opacity: 1;--error-screen-bg: black;--error-screen-text: white;--error-screen-emoji-text: white;--control-tray-action-bg: var(--Neutral-20);--control-tray-action-text: var(--Neutral-60);--control-tray-action-hover-bg: rgba(0, 0, 0, 0);--control-tray-action-hover-border: var(--Neutral-20);--control-tray-connected-bg: var(--Blue-800);--control-tray-connected-text: var(--Blue-500);--control-tray-mic-on-bg: var(--Red-500);--control-tray-mic-on-text: black;--control-tray-mic-on-hover-bg: var(--Red-400);--control-tray-mic-shadow: var(--Red-500);--control-tray-connect-toggle-bg: var(--Blue-500);--control-tray-connect-toggle-text: var(--Neutral-5);--control-tray-border: var(--Neutral-30);--control-tray-text-indicator: var(--Blue-500);--header-border-bottom: 1px solid var(--border-stroke);--mobile-menu-bg: var(--Neutral-15);--mobile-menu-border: var(--border-stroke);--mobile-menu-shadow: 0 0 20px rgba(0, 0, 0, .3);--mobile-menu-overlay-bg: rgba(0, 0, 0, .6);--hamburger-color: var(--text-secondary);--hamburger-hover-color: var(--text);--hamburger-active-color: var(--accent-blue);--menu-item-active-bg: var(--Neutral-30);--menu-item-active-text: var(--accent-blue);--menu-item-active-icon-color: var(--accent-blue);--landing-page-text: var(--text);--landing-page-title-color: var(--accent-blue);--landing-page-bg: var(--Neutral-10);--landing-page-copyright-text: var(--gray-500)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}html{background-color:var(--bg-primary);transition:background-color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:400;color:var(--text-primary)}li{list-style:none}input,textarea{font-family:var(--font-family);background:var(--input-bg);color:var(--input-text);border:1px solid var(--input-border);outline:none;font-size:18px;resize:none;-webkit-user-select:text;user-select:text;border-radius:5px;padding:10px}input::placeholder,textarea::placeholder{color:var(--input-placeholder-text);-webkit-user-select:none;user-select:none}select{font-family:inherit;padding:10px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);border-radius:4px;font-size:16px;cursor:pointer;accent-color:var(--accent-primary)}select:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-1px}button{font-family:var(--font-family);background:var(--button-bg);color:var(--button-text);border:none;font-size:16px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:5px;padding:8px 12px;border-radius:8px;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease,transform .1s ease}button:hover{background:var(--button-hover-bg)}button:active{transform:scale(.97)}button.primary{background:var(--button-primary-bg);color:var(--button-primary-text)}button.primary:hover{background:var(--button-primary-hover-bg)}button.icon{font-size:1.2em}.button{background:var(--button-bg);display:inline-flex;padding:10px;border-radius:8px;gap:4px;align-items:center;justify-content:center;color:var(--button-text)}.button:hover{background:var(--button-hover-bg)}.button:active{transform:scale(.97)}.button .icon{font-size:1.2em;color:var(--button-text)}button:focus,.button:focus{outline:2px solid var(--accent-primary);outline-offset:2px}button:focus:not(:focus-visible){outline:none}button[disabled]{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary);color:var(--text-tertiary);transform:scale(1)}button[disabled]:hover{background:var(--bg-tertiary)}button .icon{display:block}.icon{font-family:Material Symbols Outlined;font-weight:300;line-height:1;color:inherit}.space-mono-regular{font-family:Space Mono,monospace;font-weight:400;font-style:normal}.space-mono-bold{font-family:Space Mono,monospace;font-weight:700;font-style:normal}.space-mono-regular-italic{font-family:Space Mono,monospace;font-weight:400;font-style:italic}.space-mono-bold-italic{font-family:Space Mono,monospace;font-weight:700;font-style:italic}.hidden{display:none}.flex{display:flex}.h-screen-full{height:100vh}.w-screen-full{width:100vw}.flex-col{flex-direction:column}header{padding:10px 15px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;position:fixed;width:100%;top:0;left:0;z-index:1000;background-color:var(--bg-primary);border-bottom:var(--header-border-bottom);transition:background-color .3s ease,border-color .3s ease;min-height:60px}.header-slot-left{display:flex;justify-content:flex-start;align-items:center}.header-slot-center{display:flex;justify-content:center;align-items:center;overflow:hidden}.header-slot-right{display:flex;justify-content:flex-end;align-items:center;min-width:40px}header>*{pointer-events:auto}.simpleMode header{opacity:0;transition:all .3s}.simpleMode header:hover{opacity:1}.streaming-console{background:var(--bg-primary);color:var(--text-secondary);display:flex;height:100vh;width:100vw;padding-top:60px}.streaming-console a,.streaming-console a:visited,.streaming-console a:active{color:var(--link-color)}.streaming-console .disabled{pointer-events:none}.streaming-console .disabled>*{pointer-events:none}.streaming-console main{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;gap:1rem;max-width:100%;overflow:hidden}@keyframes mainAreaFadeInSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.streaming-console .main-app-area{display:flex;flex:1;align-items:center;justify-content:center;position:relative;width:100%;opacity:0;animation:mainAreaFadeInSlideUp .5s .1s cubic-bezier(.25,.1,.25,1) forwards}.streaming-console .function-call{position:absolute;top:0;width:100%;height:50%;overflow-y:auto}@keyframes hover{0%{transform:translateY(0)}to{transform:translateY(-3.5px)}}@keyframes pulse{0%{scale:1 1}to{scale:1.2 1.2}}.action-button{display:flex;align-items:center;justify-content:center;background:var(--control-tray-action-bg);color:var(--control-tray-action-text);font-size:1.25rem;line-height:1.75rem;text-transform:lowercase;cursor:pointer;width:48px;height:48px;border-radius:18px;border:1px solid transparent;-webkit-user-select:none;user-select:none;transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out,transform .1s ease}.action-button:focus{border:2px solid var(--control-tray-action-hover-border);outline:2px solid var(--accent-primary)}.action-button:active{transform:scale(.96)}.action-button.outlined{background:transparent;border:1px solid var(--control-tray-action-hover-border)}.action-button .no-action{pointer-events:none}.action-button:hover{background:var(--control-tray-action-hover-bg);border:1px solid var(--control-tray-action-hover-border)}.action-button.connected{background:var(--control-tray-connected-bg);color:var(--control-tray-connected-text)}.action-button.connected:hover{border:1px solid var(--control-tray-connected-text)}@property --volume{syntax: "<length>"; inherit: false; initial-value: 0px;}.disabled .mic-button:before,.mic-button.disabled:before{background:#0000}.mic-button{position:relative;background-color:var(--control-tray-mic-on-bg);z-index:1;color:var(--control-tray-mic-on-text)}.mic-button:focus{border:2px solid var(--control-tray-action-hover-border);outline:2px solid var(--control-tray-mic-on-bg)}.mic-button:hover{background-color:var(--control-tray-mic-on-hover-bg)}.mic-button:before{position:absolute;z-index:-1;top:calc(var(--volume) * -1);left:calc(var(--volume) * -1);display:block;content:"";opacity:.35;background-color:var(--control-tray-mic-shadow);width:calc(100% + var(--volume) * 2);height:calc(100% + var(--volume) * 2);border-radius:24px;transition:all .02s ease-in-out}.connect-toggle:focus{border:2px solid var(--control-tray-action-hover-border);outline:2px solid var(--accent-primary)}.connect-toggle:not(.connected){background-color:var(--control-tray-connect-toggle-bg);color:var(--control-tray-connect-toggle-text)}.control-tray{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:inline-flex;justify-content:center;align-items:flex-start;gap:8px;padding-bottom:18px;z-index:12}.control-tray .disabled .action-button,.control-tray .action-button.disabled{background:transparent;border:1px solid var(--control-tray-border);color:var(--text-tertiary);transform:scale(1)}.control-tray .connection-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.control-tray .connection-container .connection-button-container{border-radius:27px;border:1px solid var(--control-tray-border);background:var(--bg-tertiary);padding:10px}.control-tray .connection-container .text-indicator{font-size:11px;color:var(--control-tray-text-indicator);-webkit-user-select:none;user-select:none;transition:opacity .3s ease}.control-tray .connection-container:not(.connected) .text-indicator{opacity:0}.actions-nav{background:var(--bg-tertiary);border:1px solid var(--control-tray-border);border-radius:27px;display:inline-flex;gap:12px;align-items:center;overflow:clip;padding:10px;transition:all .6s ease-in}.actions-nav>*{display:flex;align-items:center;flex-direction:column;gap:1rem}@keyframes opacity-pulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.top{width:100%;flex-grow:0;flex-shrink:0;height:30px;display:flex;align-self:flex-end;align-items:center;transition:all .2s ease-in}.top button{background:transparent;border:0;cursor:pointer;font-size:1.25rem;line-height:1.75rem;padding:4px;color:var(--text-secondary)}.top button:hover{color:var(--text-primary)}.top button:active{transform:scale(.95)}.keynote-companion{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.counter-container{position:absolute;right:2rem;top:2rem;z-index:10}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScaleUp{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modalShroud{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:9999;background-color:#00000080;animation:fadeIn .3s cubic-bezier(.25,.1,.25,1) forwards}.modalShroud .modal{background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:10px;padding:40px;position:relative;width:100%;max-height:80vh;overflow:auto;margin:20px;color:var(--text-primary);box-shadow:0 5px 15px #0003;animation:fadeInScaleUp .3s cubic-bezier(.25,.1,.25,1) forwards}@media (min-width: 768px){.modalShroud .modal{max-width:500px}}.modalShroud .modal h2{margin-bottom:20px;color:var(--text-primary)}.modalClose{position:absolute;top:15px;right:15px;color:var(--text-secondary);font-size:24px;background:transparent;padding:8px;border-radius:50%;transition:color .2s ease,background-color .2s ease,transform .1s ease}.modalClose:hover{color:var(--text-primary);background:var(--bg-tertiary)}.modalClose:active{transform:scale(.92)}.userSettings{max-width:480px;display:flex;flex-direction:column;gap:20px}.userSettings p{font-size:14px;color:var(--text-primary);line-height:1.5}@media (min-width: 768px){.userSettings p{font-size:18px}}.userSettings form{margin-top:10px;padding-top:20px;border-top:1px solid var(--border-secondary)}form{display:flex;flex-direction:column;gap:20px}form .largeInput{font-size:16px;border-bottom:1px solid var(--input-border);background:transparent;border-top:none;border-left:none;border-right:none;border-radius:0;padding-left:0;padding-right:0;transition:border-color .2s ease}@media (min-width: 768px){form .largeInput{font-size:28px}}form .largeInput:focus{border-bottom-color:var(--accent-primary)}form>div,form label,form details div{display:flex;flex-direction:column;gap:10px;-webkit-user-select:none;user-select:none;color:var(--text-primary)}form details>div{display:flex;flex-direction:column;gap:30px}form summary{margin-bottom:10px;cursor:pointer;color:var(--text-primary)}form input,form textarea{transition:background-color .2s ease,border-color .2s ease}form input:focus,form textarea:focus{background:var(--input-focus-bg);border-color:var(--accent-primary)}form textarea{resize:none}form hr{margin:20px 0;border-color:var(--border-secondary)}form button:first-of-type{margin-top:30px}input[type=range]{padding:0;accent-color:var(--accent-primary);flex:1;background:transparent;border:none}.checkbox{flex-direction:row;color:var(--text-secondary)}.temperature{display:flex;flex-direction:row;align-items:center;gap:10px}.temperature span{font-family:monospace;font-size:14px;color:var(--text-primary)}.colorPicker{display:flex;flex-wrap:wrap;gap:10px}.colorPicker li{width:20px;height:20px;border-radius:100%;transition:outline .1s ease}@media (min-width: 768px){.colorPicker li{width:35px;height:35px}}.colorPicker li.active{outline:4px solid var(--accent-primary)}.colorPicker li button{width:100%;height:100%;border-radius:100%;border:none;cursor:pointer}.colorPicker li button:active{transform:scale(.9)}.editAgent{display:flex;flex-direction:column;gap:30px}@media (min-width: 768px){.editAgent{gap:50px}}.editAgent>div:first-child{max-width:500px}.editAgent>div:nth-child(2){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.agentPreview{width:280px;height:280px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;border-radius:10px;pointer-events:none;position:relative}.agentPreview .agent{position:static;left:unset;top:unset;translate:0 0!important}.voicePicker{display:flex;gap:10px;align-items:center;justify-content:center;color:var(--text-primary)}.voicePicker select{accent-color:var(--accent-primary);color:var(--input-text);background:var(--input-bg);border:1px solid var(--input-border);padding:5px;font-size:16px;border-radius:5px}.voicePicker select:focus-visible{outline:2px solid var(--accent-primary)}.sleep label{display:flex;gap:10px;align-items:center;justify-content:center;color:var(--text-primary)}.sleep input{accent-color:var(--accent-primary)}.roomInfo{display:flex;align-items:center;gap:8px}.roomInfo h1{font-size:16px;font-weight:500;color:var(--text-primary);margin:0;white-space:nowrap;display:flex;align-items:baseline}@media (min-width: 768px){.roomInfo h1{font-size:20px}}.agent-name-prefix{font-size:.75em;font-weight:400;margin-right:.2em;line-height:1;text-transform:uppercase}.agent-name-main{line-height:1}.roomInfo .createButton{opacity:.7;background:transparent;color:var(--text-secondary);padding:6px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;border-radius:50%;width:32px;height:32px;flex-shrink:0;transition:opacity .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease,transform .1s ease}.roomInfo .createButton .icon{font-size:20px;margin:0}.roomInfo .createButton:hover{opacity:1;background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-primary)}.roomInfo .createButton:active{transform:scale(.92);opacity:1}.hint .createButton{margin-top:10px}.deleteRoomButton{background:var(--accent-error);color:var(--accent-primary-text);font-size:12px;margin-top:15px}.deleteRoomButton:hover{background:#c5221f}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;width:100%;background:var(--error-screen-bg);color:var(--error-screen-text);gap:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99991}.error-screen div[style*="font-size: 48px"]{color:var(--error-screen-emoji-text)}.error-screen .error-message-container,.error-screen .error-raw-message-container{width:100%;text-align:center;max-width:650px;padding-left:.5rem;padding-right:.5rem;color:var(--error-screen-text);opacity:1}.error-screen .error-message-container{opacity:.8}.error-screen .error-raw-message-container{opacity:.6}.error-screen .close-button{color:var(--error-screen-text);font-size:24px;background:var(--button-bg);padding:10px 20px;border-radius:8px}.error-screen .close-button:hover{background:var(--button-hover-bg)}.theme-switcher{display:flex;gap:4px;background-color:var(--bg-tertiary);padding:3px;border-radius:9px}.theme-switcher .theme-button{padding:5px 10px;font-size:13px;border:1px solid transparent;background-color:transparent;color:var(--text-secondary);border-radius:7px;font-weight:400;flex-grow:1;justify-content:center;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .1s ease}.theme-switcher .theme-button:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.theme-switcher .theme-button:active{transform:scale(.97)}.theme-switcher .theme-button.active{background-color:var(--bg-primary);color:var(--accent-primary);border-color:var(--border-secondary);box-shadow:0 1px 2px #0000000d,0 1px 1px #00000008;font-weight:500}.theme-switcher .theme-button.active:hover{background-color:var(--bg-primary);color:var(--accent-primary)}.basic-face{transition:transform .3s ease-out}.hamburger-button{padding:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background-color:transparent;border:none;color:var(--hamburger-color);width:40px;height:40px;border-radius:50%;transition:opacity .15s linear,color .2s ease,background-color .2s ease,transform .1s ease}.hamburger-button:hover{color:var(--hamburger-hover-color);background-color:var(--bg-tertiary)}.hamburger-button:active{transform:scale(.92)}.hamburger-button.active{color:var(--hamburger-active-color)}.hamburger-box{width:24px;height:18px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-1px}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{width:24px;height:2px;background-color:currentColor;border-radius:2px;position:absolute;transition-property:transform,opacity;transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger-inner:before,.hamburger-inner:after{content:"";display:block}.hamburger-inner:before{top:-7px}.hamburger-inner:after{bottom:-7px}.hamburger-button.active .hamburger-inner{transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger-button.active .hamburger-inner:before{top:0;transform:rotate(-90deg);opacity:1;transition:top .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)}.hamburger-button.active .hamburger-inner:after{bottom:0;opacity:0;transition:bottom .1s ease-out,opacity .1s .12s ease-out}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--mobile-menu-overlay-bg);z-index:1001;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility 0s .3s linear}.mobile-menu-overlay.open{opacity:1;visibility:visible;transition:opacity .3s ease-in-out,visibility 0s linear}.mobile-menu-panel{position:fixed;top:0;left:0;width:280px;max-width:80%;height:100%;background-color:var(--mobile-menu-bg);border-right:1px solid var(--mobile-menu-border);box-shadow:var(--mobile-menu-shadow);transform:translate(-100%);transition:transform .3s ease-in-out,background-color .3s ease,border-color .3s ease;z-index:1002;display:flex;flex-direction:column;color:var(--text-primary)}.mobile-menu-panel.open{transform:translate(0)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--mobile-menu-border);transition:border-color .3s ease}.mobile-menu-header h2{font-size:18px;font-weight:500;margin:0;color:var(--text-primary)}.close-menu-button{background:transparent;color:var(--text-secondary);padding:8px}.close-menu-button:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.close-menu-button .icon{font-size:24px}.close-menu-button:active{transform:scale(.92)}.mobile-menu-content{padding:15px;overflow-y:auto;flex-grow:1;display:flex;flex-direction:column;gap:25px}.mobile-menu-content .menu-section{display:flex;flex-direction:column;gap:10px}.mobile-menu-content .menu-section h3{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px;padding-left:5px}.mobile-menu-content .menu-item-button{color:var(--text-primary);font-size:16px;width:100%;background:transparent;padding:12px 10px;text-align:left;border-radius:6px;justify-content:flex-start;gap:10px;transition:background-color .2s ease,color .2s ease,transform .1s ease}.mobile-menu-content .menu-item-button:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.mobile-menu-content .menu-item-button:active{transform:scale(.98)}.mobile-menu-content .menu-item-button .icon{font-size:20px;color:var(--text-secondary);transition:color .2s ease}.mobile-menu-content .menu-item-button:hover .icon{color:var(--accent-primary)}.mobile-menu-content .menu-item-button.active{background-color:var(--menu-item-active-bg);color:var(--menu-item-active-text);font-weight:500}.mobile-menu-content .menu-item-button.active .icon{color:var(--menu-item-active-icon-color)}.mobile-menu-content .menu-item-button.active:hover{background-color:var(--menu-item-active-bg);color:var(--menu-item-active-text)}@keyframes fadeInLanding{0%{opacity:0}to{opacity:1}}@keyframes fadeInLandingElement{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.landing-page-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--landing-page-bg);color:var(--landing-page-text);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:10000;padding:20px;animation:fadeInLanding .6s ease-out forwards;overflow-y:auto}.landing-page-content{display:flex;flex-direction:column;align-items:center;gap:25px;max-width:600px}.landing-page-content>*{opacity:0;animation:fadeInLandingElement .6s ease-out forwards}.landing-title{font-size:2.5rem;font-weight:700;color:var(--landing-page-title-color);animation-delay:.2s}.landing-intro{font-size:1.1rem;line-height:1.6;color:var(--landing-page-text);animation-delay:.4s}.landing-button{padding:12px 25px;font-size:1.1rem;font-weight:500;margin-top:15px;animation-delay:.6s}.landing-copyright{position:absolute;bottom:20px;font-size:.85rem;color:var(--landing-page-copyright-text);opacity:0;animation:fadeInLandingElement .6s ease-out .8s forwards}@media (max-width: 768px){.landing-title{font-size:2rem}.landing-intro{font-size:1rem}.landing-button{padding:10px 20px;font-size:1rem}.landing-page-content{gap:20px}}