:root{--bg: #050505;--surface: #131313;--surface-low: #0e0e0e;--surface-high: #2a2a2a;--outline: rgba(60, 74, 64, .35);--text: #f5f5f5;--text-muted: #8a8a8a;--accent: #50ffab;--accent-ink: #002111;--danger: #ffb4ab;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-10: 40px}html:not(.dark){--bg: #f9f9f9;--surface: #ffffff;--surface-low: #f4f4f4;--surface-high: #eaeaea;--outline: rgba(33, 33, 33, .25);--text: #0a0a0a;--text-muted: #666666}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,sans-serif}body{overflow:hidden;transition:background-color .7s ease}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 350,"GRAD" 0,"opsz" 24}.panel-glass{background:color-mix(in srgb,var(--surface) 62%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:.5px solid var(--outline)}.theme-transition-overlay{position:fixed;inset:0;pointer-events:none;z-index:999;background:radial-gradient(circle at center,transparent 0%,transparent 100%);opacity:0}body.transitioning .theme-transition-overlay{opacity:1;animation:flash .8s ease-out forwards}@keyframes flash{0%{background:radial-gradient(circle at center,color-mix(in srgb,var(--accent) 30%,transparent) 0%,transparent 28%);opacity:0;transform:scale(.8)}50%{opacity:.7;transform:scale(1.3)}to{opacity:0;transform:scale(1.9)}}.noise-layer{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.04;background-image:radial-gradient(circle at 20% 30%,#fff .4px,transparent .4px);background-size:3px 3px}.sidenav{position:fixed;left:0;top:0;width:76px;height:100vh;z-index:50;display:flex;flex-direction:column;align-items:center;padding:var(--space-6) 0}.brand-vertical{writing-mode:vertical-rl;transform:rotate(180deg);font-family:Space Grotesk,sans-serif;letter-spacing:-.02em;font-size:28px;font-weight:700}.sidenav-nav{margin-top:var(--space-10);display:grid;gap:var(--space-2);width:100%}.nav-item{all:unset;cursor:pointer;width:100%;min-height:72px;display:grid;place-items:center;color:var(--text-muted);border-left:2px solid transparent;transition:color .17s ease,border-color .17s ease,background-color .17s ease}.nav-item small{font-size:9px;letter-spacing:.06em}.nav-item.active,.nav-item:hover{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.version-label{margin-top:auto;font-size:9px;color:var(--accent);letter-spacing:.07em}.topbar{position:fixed;top:0;left:76px;right:0;height:66px;z-index:45;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6)}.topbar-title{display:flex;align-items:center;gap:var(--space-3)}.topbar h1{font-family:Space Grotesk,sans-serif;font-size:28px;letter-spacing:-.02em;margin:0}.divider{display:block;width:.5px;height:18px;background:var(--outline)}.mode-tag{color:var(--accent);font-size:10px;letter-spacing:.12em}.topbar-actions{display:flex;align-items:center;gap:var(--space-3)}.toggle-btn{border:.5px solid var(--outline);background:transparent;color:var(--text);font-size:10px;letter-spacing:.08em;min-height:34px;padding:0 var(--space-4);display:flex;align-items:center;gap:var(--space-2);cursor:pointer;transition:border-color .17s ease,color .17s ease,background-color .17s ease}.toggle-btn:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.icon-btn{color:var(--text-muted);cursor:pointer}.icon-btn:hover{color:var(--accent)}.main{margin-left:76px;margin-top:66px;height:calc(100vh - 98px);position:relative;display:grid;justify-items:center;align-content:start;padding:var(--space-6);z-index:10;overflow-y:auto;overflow-x:hidden}body.auth-only{overflow:auto}body.auth-only .sidenav,body.auth-only .topbar,body.auth-only .footer,body.auth-only .noise-layer,body.auth-only .theme-transition-overlay,body.auth-only .grid-bg{display:none}body.auth-only .main{margin:0;height:100vh;padding:var(--space-4)}body.auth-only .login-panel{width:min(520px,96vw);background:var(--surface);border:.5px solid var(--outline)}body.auth-only .console{display:none}.grid-bg{position:absolute;inset:0;opacity:.16;background-image:radial-gradient(var(--accent) .45px,transparent .45px),linear-gradient(0deg,transparent 0%,color-mix(in srgb,var(--accent) 7%,transparent) 40%,transparent 100%);background-size:22px 22px,100% 100%;animation:drift 18s linear infinite}@keyframes drift{0%{background-position:0 0,0 0}to{background-position:0 22px,0 0}}.login-panel{width:min(560px,96vw);padding:var(--space-8);display:grid;gap:var(--space-4);position:relative;z-index:2}.login-panel h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:30px;letter-spacing:-.02em}.login-panel p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.6}.login-form{display:grid;gap:var(--space-2)}.login-form input,.transcript footer input{background:var(--surface-low);border:.5px solid transparent;border-bottom-color:var(--outline);color:var(--text);min-height:42px;padding:0 var(--space-3);font-size:11px;letter-spacing:.08em}.login-form input:focus,.transcript footer input:focus{outline:none;border-bottom-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent)}.login-form button,.transcript footer button,.transcript-actions button{border:.5px solid var(--outline);background:color-mix(in srgb,var(--accent) 90%,#032113 10%);color:var(--accent-ink);min-height:44px;padding:0 var(--space-4);letter-spacing:.07em;font-weight:600;cursor:pointer;transition:filter .15s ease}.login-form button:hover,.transcript footer button:hover,.transcript-actions button:hover{filter:brightness(1.08)}.notice{min-height:18px;font-size:12px;color:var(--text-muted)}.console{width:min(1020px,95vw);display:grid;gap:var(--space-6);position:relative;z-index:2;margin-block:var(--space-4) var(--space-8)}.status-row{display:flex;justify-content:center;gap:var(--space-8);flex-wrap:wrap}.status-chip{display:flex;gap:var(--space-2);align-items:center;font-size:10px;letter-spacing:.12em;color:var(--text-muted)}.status-chip span{width:5px;height:5px;background:var(--text-muted)}.status-chip.active,.status-chip.active span{color:var(--accent);background:var(--accent)}.master-zone{min-height:320px;position:relative;display:grid;place-items:center}.orbital-ring{position:absolute;width:clamp(280px,42vw,420px);height:clamp(280px,42vw,420px);border:.5px solid color-mix(in srgb,var(--accent) 44%,transparent);border-radius:999px;animation:pulse 2.6s ease-in-out infinite}.ring-delay{animation-delay:1.3s}@keyframes pulse{0%{opacity:.2;transform:scale(.94)}70%{opacity:0;transform:scale(1.12)}to{opacity:0;transform:scale(1.12)}}.master-button{width:clamp(230px,32vw,340px);aspect-ratio:1;border:none;border-radius:999px;background:radial-gradient(circle at 30% 20%,#8fffc9 0%,var(--accent) 54%,#18d682 100%);color:#001a10;display:grid;place-items:center;align-content:center;gap:var(--space-2);font-family:Space Grotesk,sans-serif;box-shadow:0 0 90px color-mix(in srgb,var(--accent) 45%,transparent),0 0 28px color-mix(in srgb,var(--accent) 65%,transparent),inset 0 -10px 26px #0000002e;cursor:pointer;transform:translateY(0);transition:transform .14s ease,box-shadow .3s ease}.master-button span{font-size:clamp(52px,8vw,76px);font-variation-settings:"FILL" 1}.master-button strong{font-size:clamp(22px,2vw,34px);letter-spacing:-.02em}.master-button small{font-family:Inter,sans-serif;font-size:10px;letter-spacing:.2em}.master-button:hover{box-shadow:0 0 120px color-mix(in srgb,var(--accent) 58%,transparent),0 0 38px color-mix(in srgb,var(--accent) 78%,transparent),inset 0 -10px 26px #00000026}.master-button:active,.master-button.recording{transform:scale(.97);animation:recordingPulse .9s ease-in-out infinite}@keyframes recordingPulse{0%{filter:saturate(100%)}50%{filter:saturate(130%)}to{filter:saturate(100%)}}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:var(--space-8);justify-items:center;text-align:center}.stats-grid p{margin:0 0 var(--space-1);color:var(--text-muted);font-size:10px;letter-spacing:.08em}.stats-grid strong{font-family:Space Grotesk,sans-serif;color:var(--accent);font-size:29px;font-weight:400}.transcript{width:min(980px,96vw);margin-inline:auto;min-height:360px;height:clamp(360px,44vh,520px);max-height:calc(100vh - 240px);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 82%,black 18%),color-mix(in srgb,var(--surface-low) 90%,black 10%))}.transcript header,.transcript footer{min-height:58px;padding:0 var(--space-4);display:flex;align-items:center;justify-content:space-between;border-bottom:.5px solid var(--outline)}.transcript footer{gap:var(--space-3);border-top:.5px solid var(--outline);border-bottom:none;background:color-mix(in srgb,var(--surface) 88%,black 12%);justify-content:flex-start}.transcript header span{color:var(--text);font-size:12px;letter-spacing:.12em;font-weight:600}.transcript-actions{display:flex;align-items:center;gap:var(--space-2)}.transcript-actions label{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:12px;letter-spacing:.09em}.transcript-actions input{accent-color:var(--accent)}.transcript-actions button{min-height:34px;font-size:11px;letter-spacing:.05em;background:color-mix(in srgb,var(--surface-high) 60%,transparent);color:var(--text)}.feed{overflow-y:auto;min-height:0;padding:var(--space-6);display:grid;gap:var(--space-6);background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 8%,transparent),transparent 40%),color-mix(in srgb,var(--surface-low) 92%,black 8%);overscroll-behavior:contain}.feed-item{display:flex;flex-direction:column;gap:var(--space-2);max-width:min(86%,760px);animation:messageIn .22s ease-out}@keyframes messageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.feed-item header{display:flex;align-items:center;justify-content:space-between;border:none;min-height:auto;padding:0 2px;gap:var(--space-4)}.feed-item b{color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.04em}.feed-item time{font-size:12px;color:var(--text-muted);white-space:nowrap}.feed-item p{margin:0;padding:14px 16px;border-left:none;border:.5px solid color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--surface-high) 55%,transparent);font-size:18px;line-height:1.55;color:#ecfffa;overflow-wrap:anywhere;white-space:pre-wrap}html:not(.dark) .feed-item p{color:#292929;background:color-mix(in srgb,#ffffff 72%,#f0f0f0 28%)}.feed-item.assistant{justify-self:start}.feed-item.user p{border-color:color-mix(in srgb,#8fd9ff 70%,transparent);background:color-mix(in srgb,#0b2331 54%,transparent)}.feed-item.user{justify-self:end;margin-left:auto}.feed-item.user b{color:#9ad8ff}.feed-item.system p{border-color:color-mix(in srgb,#ffd796 70%,transparent);background:color-mix(in srgb,#2f2613 48%,transparent);color:var(--text-muted)}.transcript footer input{flex:1 1 auto;width:100%;min-width:0;min-height:46px;font-size:14px;letter-spacing:.05em;border:.5px solid color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--surface-low) 86%,black 14%);padding-inline:16px}.transcript footer input::placeholder{color:color-mix(in srgb,var(--text-muted) 72%,transparent)}.transcript footer button{flex:0 0 78px;min-width:78px;min-height:46px;padding:0;display:grid;place-items:center}.transcript footer button .material-symbols-outlined{font-size:24px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.custom-scrollbar::-webkit-scrollbar{width:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--accent)}.footer{position:fixed;left:76px;right:0;bottom:0;height:32px;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;z-index:40;font-size:9px;letter-spacing:.09em}.footer>span{color:var(--accent)}.footer>div{display:flex;gap:var(--space-6);color:var(--text-muted)}@media(max-width:980px){.sidenav{width:62px}.brand-vertical{font-size:22px}.topbar,.footer,.main{left:62px;margin-left:62px}.topbar{padding-inline:var(--space-3)}.topbar h1{font-size:22px}.toggle-btn span:last-child,.nav-item small,.topbar .divider,.mode-tag{display:none}.console{width:min(96vw,900px)}.stats-grid strong{font-size:24px}}@media(max-width:720px){body{overflow-y:auto}.main{min-height:calc(100vh - 98px);height:auto;padding:var(--space-3);margin-bottom:32px}.sidenav{display:none}.topbar,.footer,.main{margin-left:0;left:0}.master-zone{min-height:260px}.stats-grid{gap:var(--space-3)}.stats-grid strong{font-size:18px}.transcript{min-height:300px;height:54vh;max-height:calc(100vh - 190px)}.feed{padding:var(--space-4);gap:var(--space-4)}.feed-item{max-width:96%}.feed-item b{font-size:12px}.feed-item time{font-size:11px}.feed-item p{font-size:16px;padding:12px 13px}.footer>div{display:none}}