:root{--bg:#070b14;--bg-glow:radial-gradient(1200px 600px at 70% -10%, #22d3ee12, transparent 60%);--surface:#0e1524;--sidebar:#0a101c;--text:#e6edf7;--muted:#8b98ad;--border:#1c2740;--accent:#22d3ee;--accent-strong:#0ea5c6;--accent-text:#04121a;--accent-soft:#22d3ee1f;--user-bubble:#12304a;--listen:#f472b6;--think:#a78bfa;--error:#ff6b6b;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg) var(--bg-glow) no-repeat;color:var(--text);font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:var(--accent);color:var(--accent-text);border:0;border-radius:10px;padding:10px 16px;font-weight:600;transition:background .15s,box-shadow .15s,opacity .15s}button:hover:not(:disabled){background:var(--accent-strong);box-shadow:0 0 18px #22d3ee59}button:disabled{opacity:.5;cursor:default}button.link{color:var(--muted);box-shadow:none;background:0 0;padding:4px 0;font-weight:500}button.link:hover:not(:disabled){color:var(--text);box-shadow:none;background:0 0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%;padding:10px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}h1,h2,h3{letter-spacing:-.01em}.muted{color:var(--muted)}.error{color:var(--error);margin:0}.stack{gap:14px;display:grid}label{color:var(--muted);gap:6px;font-size:14px;display:grid}.orb{--c:var(--accent);--size:var(--orb-size,160px);width:var(--size);height:var(--size);flex:none;position:relative}.orb[data-state=listening]{--c:var(--listen)}.orb[data-state=thinking]{--c:var(--think)}.orb-core{background:radial-gradient(circle at 35% 30%, #fff 0%, var(--c) 28%, color-mix(in srgb, var(--c) 35%, #050a14) 75%);box-shadow:0 0 calc(var(--size) * .28) color-mix(in srgb, var(--c) 70%, transparent);border-radius:50%;transition:background .4s,box-shadow .4s;animation:4.5s ease-in-out infinite orb-breathe;position:absolute;inset:22%}.orb-ring{border:1.5px solid #0000;border-top-color:var(--c);border-right-color:color-mix(in srgb, var(--c) 35%, transparent);opacity:.8;border-radius:50%;animation:9s linear infinite orb-spin;position:absolute;inset:8%}.orb-ring-b{border-top-color:#0000;border-bottom-color:color-mix(in srgb, var(--c) 70%, transparent);border-left-color:color-mix(in srgb, var(--c) 25%, transparent);opacity:.55;animation-duration:14s;animation-direction:reverse;inset:0}.orb[data-state=listening] .orb-core{animation:1s ease-in-out infinite orb-listen}.orb[data-state=thinking] .orb-ring{animation-duration:1.6s}.orb[data-state=thinking] .orb-ring-b{animation-duration:2.6s}.orb[data-state=thinking] .orb-core{animation-duration:1.8s}.orb[data-state=speaking] .orb-core{animation:.7s ease-in-out infinite orb-speak}.orb-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:13px}@keyframes orb-spin{to{transform:rotate(360deg)}}@keyframes orb-breathe{0%,to{transform:scale(.96)}50%{transform:scale(1.04)}}@keyframes orb-listen{0%,to{transform:scale(.92)}50%{transform:scale(1.12)}}@keyframes orb-speak{0%,to{transform:scale(.97)}35%{transform:scale(1.1)}65%{transform:scale(1.02)}}@media (prefers-reduced-motion:reduce){.orb *,.dot,.mic.recording,.console:before,.packet,.orb-stage:after,.status-dot{animation:none!important}.drawer{transition:none!important}}.brand{align-items:center;gap:10px;display:flex}.brand h1,.brand-name{letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:18px;font-weight:700}.brand-mark{background:radial-gradient(circle at 35% 30%, #fff 0%, var(--accent) 30%, #0b4a58 80%);border-radius:50%;width:22px;height:22px;box-shadow:0 0 14px #22d3ee99}.login{place-items:center;min-height:100%;padding:16px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;gap:24px;width:100%;max-width:380px;padding:28px;display:grid;box-shadow:0 0 60px #22d3ee0f}.login-brand{justify-items:center;gap:8px;display:grid}.login-brand h1{letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:22px}.chip{color:var(--text);border:1px solid var(--border);background:0 0;border-radius:999px;font-weight:500}.chip:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);box-shadow:none}.message{max-width:100%}.message p{white-space:pre-wrap;margin:0}.message.user{background:var(--user-bubble);border-radius:var(--radius);align-self:flex-end;max-width:85%;padding:10px 14px}.message.assistant{align-self:stretch}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown table{border-collapse:collapse;margin:12px 0;display:block;overflow-x:auto}.markdown th,.markdown td{border:1px solid var(--border);text-align:left;padding:6px 10px}.markdown th{background:var(--surface);color:var(--accent)}.markdown code{background:var(--surface);border-radius:4px;padding:1px 5px;font-size:.92em}.thinking{gap:5px;padding:6px 0;display:flex}.dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite blink}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.mic{background:var(--surface);width:48px;color:var(--accent);border:1px solid var(--border);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:none;place-items:center;padding:0;display:grid}.mic:hover:not(:disabled){background:var(--surface);border-color:var(--accent)}.mic.recording{background:var(--listen);color:#1a0412;border-color:var(--listen);animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--listen) 50%, transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--listen) 0%, transparent)}}button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.page{height:100%;padding:24px max(16px,50% - 480px) 64px;overflow-y:auto}.page h2{margin-top:32px}.page section h3{margin:20px 0 8px;font-size:15px}.small{font-size:12px}.table-wrap{overflow-x:auto}.page table{border-collapse:collapse;width:100%}.page th,.page td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:8px 10px}.notice{background:var(--user-bubble);border-radius:var(--radius);padding:10px 14px}.rows{margin:0 0 12px;padding:0;list-style:none}.rows li{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.inline-form{flex-wrap:wrap;align-items:end;gap:10px;margin:8px 0;display:flex}.inline-form label{color:var(--muted);gap:2px;font-size:12px;display:grid}.inline-form input{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:9rem;padding:6px 8px}.model-name{align-self:center;min-width:10rem}.checks{padding:0;list-style:none}.checks li{padding:4px 0}.checks .ok strong{color:#4ade80}.checks .bad strong{color:var(--error)}.log{background:var(--surface);border:1px solid var(--border);border-radius:10px;max-height:340px;padding:12px;font-size:12px;overflow-x:auto}.mic.preparing{opacity:.6}.shell{flex-direction:column;height:100dvh;display:flex}.shell-main{flex:1;min-height:0;position:relative}.topbar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--sidebar) 85%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex;position:relative}.topbar .brand{color:var(--text);text-decoration:none}.topnav{align-items:center;gap:4px;display:flex}.topnav>a,.settings summary{color:var(--muted);cursor:pointer;border-radius:8px;padding:7px 12px;font-weight:600;text-decoration:none;list-style:none}.settings summary::-webkit-details-marker{display:none}.topnav>a:hover,.settings summary:hover{color:var(--text)}.topnav>a.active{color:var(--accent);background:var(--accent-soft)}.settings{position:relative}.settings-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:10px;width:260px;padding:14px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 40px #00000080}.tz select{padding:6px 8px;font-size:13px}.console{isolation:isolate;height:100%;position:relative;overflow:hidden}.console:before{content:"";z-index:-1;background:radial-gradient(1.5px 1.5px at 12% 22%,#9fe9f5 50%,#0000 51%) no-repeat,radial-gradient(1px 1px at 28% 68%,#cfe 50%,#0000 51%) no-repeat,radial-gradient(1.5px 1.5px at 47% 14%,#b8c7ff 50%,#0000 51%) no-repeat,radial-gradient(1px 1px at 63% 81%,#9fe9f5 50%,#0000 51%) no-repeat,radial-gradient(1.5px 1.5px at 78% 35%,#cfe 50%,#0000 51%) no-repeat,radial-gradient(1px 1px at 88% 72%,#b8c7ff 50%,#0000 51%) no-repeat,radial-gradient(1px 1px at 35% 40%,#fff 50%,#0000 51%) no-repeat,radial-gradient(1px 1px at 92% 10%,#fff 50%,#0000 51%) no-repeat,linear-gradient(#22d3ee0b 1px,#0000 1px) 0 0/56px 56px,linear-gradient(90deg,#22d3ee0b 1px,#0000 1px) 0 0/56px 56px;animation:90s linear infinite drift;position:absolute;inset:-20%;-webkit-mask-image:radial-gradient(#000 35%,#0000 85%);mask-image:radial-gradient(#000 35%,#0000 85%)}@keyframes drift{to{transform:translate(-56px,-56px)}}.stage{flex-direction:column;align-items:center;height:100%;padding:16px 20px 20px;display:flex;overflow-y:auto}.stage-grid{flex:1;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-content:center;align-items:center;gap:8px 12px;width:min(1180px,100%);display:grid}.stage-left{grid-area:1/1;justify-self:end}.hud-strip{flex-wrap:wrap;justify-content:center;gap:12px;width:min(1180px,100%);display:flex}.orb-stage{grid-area:1/2;place-items:center;padding:24px;display:grid;position:relative}.orb-stage:before{content:"";background:radial-gradient(circle,#22d3ee24,#0000 65%);border-radius:50%;position:absolute;inset:0}.orb-stage:after{content:"";border:1.5px solid var(--accent);opacity:0;border-radius:50%;position:absolute;inset:12%}.orb-stage[data-pulse=true]:after{animation:1.4s ease-out sync-pulse}@keyframes sync-pulse{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.35)}}.stage-grid>.stage-core{display:contents}.stage-right{grid-area:1/3;justify-self:start}.orb-label{text-align:center;grid-area:2/2}.caption{text-align:center;grid-area:3/1/auto/-1;justify-self:center;width:min(680px,100%);max-height:26vh;padding:4px 8px;overflow-y:auto}.caption p{margin:4px 0}.transcript{color:var(--muted);font-style:italic}.caption .markdown table{text-align:left}.readout{min-width:190px;color:var(--text);border-left:2px solid var(--accent);background:linear-gradient(90deg,#22d3ee14,#0000);gap:2px;padding:10px 14px;text-decoration:none;display:grid}a.readout:hover{background:linear-gradient(90deg,#22d3ee29,#0000)}.status-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px}.status-value{font-weight:600}.dock{z-index:5;background:linear-gradient(transparent, var(--bg) 35%);justify-items:center;gap:14px;width:100%;padding:24px 0 20px;display:grid;position:sticky;bottom:-20px}.dock-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.mic-big{width:76px;height:76px;box-shadow:0 0 0 1px var(--accent), 0 0 30px #22d3ee4d;border-radius:50%}.mic-big.recording{box-shadow:0 0 0 1px var(--listen), 0 0 36px #f472b68c}.branch{align-items:center;display:flex}.link-line{--dur:3.2s;background:linear-gradient(270deg, var(--accent), #22d3ee26);flex:none;width:clamp(48px,9vw,130px);height:2px;margin-left:-44px;position:relative;overflow:visible}.packet{width:8px;height:8px;box-shadow:0 0 10px 2px var(--accent);animation:flow-x var(--dur) linear infinite;background:#fff;border-radius:50%;position:absolute;top:-3px;left:0}.packet-2{animation-delay:calc(var(--dur) / -2)}@keyframes flow-x{0%{opacity:0;left:100%}15%,85%{opacity:1}to{opacity:0;left:0}}@keyframes flow-y{0%{opacity:0;top:100%}15%,85%{opacity:1}to{opacity:0;top:0}}.branch[data-side=left] .link-line{background:linear-gradient(90deg, #22d3ee26, var(--accent));margin-left:0;margin-right:-44px}.branch[data-side=left] .packet{animation-name:flow-x-rev}@keyframes flow-x-rev{0%{opacity:0;left:0}15%,85%{opacity:1}to{opacity:0;left:100%}}.branch[data-link=syncing] .link-line{--dur:.9s}.branch[data-link=down] .link-line,.branch[data-side=left][data-link=down] .link-line{background:repeating-linear-gradient(90deg, var(--muted) 0 6px, transparent 6px 12px);opacity:.5}.branch[data-link=down] .packet{display:none}.panel{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(160deg,#0e1524eb,#0a101ccc);border-radius:6px;width:270px;padding:14px 16px 16px;position:relative;box-shadow:0 0 40px #22d3ee14,inset 0 0 30px #22d3ee0a}.panel:before,.panel:after{content:"";border:2px solid var(--accent);width:12px;height:12px;position:absolute}.panel:before{border-bottom:0;border-right:0;top:-2px;left:-2px}.panel:after{border-top:0;border-left:0;bottom:-2px;right:-2px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.panel-title{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:700}.status-dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.status-dot.live{background:#4ade80;box-shadow:0 0 8px #4ade80}.status-dot.syncing{background:var(--accent);animation:.9s ease-in-out infinite blink}.status-dot.down{background:var(--error)}.metrics{grid-template-columns:1fr 1fr;gap:10px 14px;margin:0;display:grid}.metrics>div{gap:1px;display:grid}.metrics>div:nth-child(n+3){grid-column:1/-1}.metrics dt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px}.metrics dd{flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;font-size:18px;font-weight:600;display:flex}.metrics .sub{color:var(--muted);font-size:12px;font-weight:400}.metrics .warn dd{color:#fbbf24}.bar{background:var(--border);border-radius:2px;grid-column:1/-1;height:4px;margin-top:4px;overflow:hidden}.bar span{background:linear-gradient(90deg, var(--accent-strong), var(--accent));height:100%;display:block}.drawer{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));visibility:hidden;background:#080d18f0;flex-direction:column;width:min(480px,100%);transition:transform .3s,visibility 0s linear .3s;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(105%);box-shadow:-20px 0 60px #00000080}.drawer.open{visibility:visible;transition:transform .3s;transform:none}.drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.drawer-head h2{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:15px}.drawer-actions{align-items:center;gap:12px;display:flex}.drawer-actions a.link{color:var(--accent);text-decoration:none}.history-menu{border-bottom:1px solid var(--border);padding:8px 16px}.history-menu summary{cursor:pointer;color:var(--muted);font-size:13px}.history-menu nav{gap:2px;max-height:200px;margin-top:8px;display:grid;overflow-y:auto}.history-menu a{color:var(--text);border-radius:8px;padding:6px 8px;text-decoration:none;display:grid}.history-menu a:hover,.history-menu a.active{background:var(--surface)}.history-menu .title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.history-menu .date{color:var(--muted);font-size:12px}.drawer .messages{flex-direction:column;flex:1;gap:16px;min-height:0;padding:16px;display:flex;overflow-y:auto}.composer{border-top:1px solid var(--border);gap:8px;padding:12px 16px 16px;display:flex}.composer textarea{resize:none;field-sizing:content;min-height:44px;max-height:160px}@media (max-width:900px){.stage-grid{grid-template-columns:1fr;align-content:start;justify-items:center;padding-bottom:40px}.hud-strip{gap:8px}.stage-left{grid-area:4/1;justify-self:center;width:100%}.readout{min-width:0;padding:6px 10px}.orb-stage{grid-area:1/1;padding:4px}.orb-label{grid-area:2/1}.caption{grid-row:5}.stage-right{grid-area:3/1;justify-self:center;width:100%}.branch{flex-direction:column;align-items:center;width:100%}.branch .link-line{order:-1;margin:0}.link-line,.branch[data-side=left] .link-line{background:linear-gradient(180deg, var(--accent), #22d3ee26);width:2px;height:40px;margin:0}.packet,.branch[data-side=left] .packet{animation-name:flow-y;top:auto;left:-3px}.branch[data-link=down] .link-line{background:repeating-linear-gradient(0deg, var(--muted) 0 6px, transparent 6px 12px)}.panel{width:min(360px,100%)}.topbar{padding:8px 12px}.brand-name,.dock-actions .chip{display:none}}.legal{max-width:760px;margin:0 auto;padding:48px 20px 80px}.legal h1{margin-top:0}.legal h2{margin-top:32px;font-size:18px}.legal code{background:var(--surface);border-radius:4px;padding:1px 5px}.clock{z-index:4;border-left:2px solid var(--accent);pointer-events:none;background:linear-gradient(90deg,#22d3ee14,#0000);gap:2px;padding:8px 14px;display:grid;position:absolute;top:14px;left:20px}.clock-time{font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--accent);text-shadow:0 0 14px #22d3ee73;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:26px;font-weight:600;line-height:1.1}.clock-date{letter-spacing:.04em;color:var(--muted);font-size:12px}.clock-date:first-letter{text-transform:uppercase}@media (max-width:900px){.console{flex-direction:column;display:flex}.console>.stage{flex:1;height:auto;min-height:0}.clock{margin:8px 16px 0;position:static}.clock-time{font-size:22px}}.profile{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 24px;margin:0;display:grid}.profile>div{gap:2px;display:grid}.profile dt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px}.profile dd{overflow-wrap:anywhere;margin:0;font-weight:600}.password-form{max-width:420px}
