:root{--bg:#02060c;--holo:#5ff3ff;--holo-dim:#5ff3ff73;--amber:#ffb347;--text:#d8fbff;--font:"SF Mono", ui-monospace, Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}.app{background:radial-gradient(ellipse at center, #06202e 0%, var(--bg) 62%);height:100%;position:relative}.app.state-thinking{--holo:var(--amber);--holo-dim:#ffb34773}.scene{inset:0;position:absolute!important}.hud{padding:max(16px, env(safe-area-inset-top)) 16px 16px;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;left:0;right:0}.hud-top{top:0}.hud-top h1{letter-spacing:.45em;color:var(--holo);text-shadow:0 0 12px var(--holo-dim);margin:0;font-size:15px;font-weight:600}.hud-right{align-items:center;gap:14px;display:flex}.quota{letter-spacing:.15em;text-transform:uppercase;opacity:.6;font-size:11px}.conn{letter-spacing:.15em;text-transform:uppercase;opacity:.8;align-items:center;gap:8px;font-size:11px;display:flex}.conn .dot{background:#ff5a5a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px}.conn-online .dot{background:#4dff9a}.conn-connecting .dot{background:var(--amber)}.hud-center{text-align:center;flex-direction:column;justify-content:center;gap:10px;bottom:9%}.caption{letter-spacing:.04em;max-width:min(640px,100%);margin:0;font-size:13px;line-height:1.5}.caption-user{opacity:.6}.caption-jarvis{color:#fff;text-shadow:0 0 10px var(--holo-dim)}.state-label{letter-spacing:.5em;text-transform:uppercase;color:var(--holo);text-shadow:0 0 10px var(--holo-dim);margin:0;font-size:12px;transition:color .6s}.hud-bottom{padding-bottom:max(16px, env(safe-area-inset-bottom));letter-spacing:.1em;opacity:.85;flex-wrap:wrap;font-size:11px;bottom:0}.debug{pointer-events:auto;flex-wrap:wrap;gap:6px;display:flex}button{font:inherit;letter-spacing:.12em;text-transform:uppercase;color:var(--text);border:1px solid var(--holo-dim);cursor:pointer;background:#5ff3ff0f;border-radius:2px;padding:7px 10px;font-size:10px}button:hover,button.active{color:#fff;background:#5ff3ff2e}.token{border:1px solid var(--holo-dim);letter-spacing:.15em;text-transform:uppercase;background:#020c14d9;flex-direction:column;gap:8px;width:min(320px,100% - 32px);padding:16px;font-size:11px;display:flex;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.token input{font:inherit;color:var(--text);border:1px solid var(--holo-dim);background:0 0;padding:8px;font-size:14px}@media (width<=480px){.hud-bottom time{width:100%}}.approvals{border:1px solid var(--amber);z-index:2;background:#020c14e0;width:min(360px,100% - 32px);max-height:calc(100% - 140px);padding:14px;position:absolute;top:56px;right:16px;overflow-y:auto;box-shadow:0 0 24px #ffb34726}.approvals h2{letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin:0 0 10px;font-size:11px;font-weight:600}.approvals .count{background:var(--amber);color:var(--bg);border-radius:8px;margin-left:6px;padding:0 6px;display:inline-block}.approvals ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.approvals li{border-top:1px solid #ffb34740;padding-top:10px}.approvals .meta{letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin:0;font-size:10px}.approvals .summary{margin:4px 0 8px;font-size:13px;line-height:1.45}.approvals details{margin-bottom:8px;font-size:11px}.approvals pre{white-space:pre-wrap;max-height:180px;font:inherit;background:#ffffff0a;margin:6px 0 0;padding:8px;overflow:auto}.approvals .actions{gap:8px;display:flex}.approvals .approve{border-color:#4dff9a}.approvals .approve.confirm{color:#fff;background:#4dff9a40}.approvals .refuse{border-color:#ff5a5a}@media (width<=480px){.approvals{max-height:50%;top:auto;bottom:120px;right:16px}}.dashboard{z-index:1;flex-direction:column;gap:10px;width:min(300px,100% - 32px);max-height:calc(100% - 140px);display:flex;position:absolute;top:56px;left:16px;overflow-y:auto}.panel{border:1px solid var(--holo-dim);background:#020c14b8;padding:10px 12px;box-shadow:0 0 18px #5ff3ff14}.panel header{justify-content:space-between;align-items:center;display:flex}.panel h2{letter-spacing:.2em;text-transform:uppercase;color:var(--holo);margin:0;font-size:10px;font-weight:600}.panel .close{opacity:.6;background:0 0;border:none;padding:0 6px;font-size:14px}.panel ul{margin:8px 0 0;padding-left:14px;font-size:12px;line-height:1.5}.panel li+li{margin-top:4px}@media (width<=480px){.dashboard{flex-direction:row;width:calc(100% - 32px);max-height:38%;overflow-x:auto}.panel{min-width:230px}}