:root{--bg-0: #04070f;--bg-1: #071528;--accent: #36d6ff;--accent-soft: #7fe9ff;--ink: #dbeafe;--ink-dim: #7f9bc0;--glass: rgba(10, 22, 44, .55);--glass-line: rgba(120, 200, 255, .16);--danger: #ff6b7d;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-0);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overscroll-behavior:none;-webkit-font-smoothing:antialiased}.app{position:relative;display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,rgba(18,58,110,.35) 0%,transparent 60%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-0) 70%)}.scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.scene canvas{display:block}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(80% 70% at 50% 38%,transparent 40%,rgba(2,5,12,.75) 100%)}.topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 22px}.brand{display:flex;align-items:center;gap:10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:600;letter-spacing:.42em;font-size:15px;color:var(--accent-soft);text-shadow:0 0 18px rgba(54,214,255,.5)}.brand-dot{width:9px;height:9px;border-radius:50%;background:var(--ink-dim);box-shadow:0 0 10px #7f9bc099;transition:all .4s ease}.brand-dot[data-on=true]{background:var(--accent);box-shadow:0 0 14px #36d6ffe6}.stage{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;min-height:0;padding:0 18px}.caption{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding-top:6px;min-height:44px}.caption-text{font-size:13px;letter-spacing:.34em;text-transform:uppercase;color:var(--ink-dim);padding:8px 18px;border-radius:999px;background:#040a1659;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:color .4s ease,text-shadow .4s ease;max-width:80vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.caption[data-mode=listening] .caption-text{color:var(--accent-soft);text-shadow:0 0 16px rgba(54,214,255,.6);letter-spacing:.08em;text-transform:none}.caption[data-mode=speaking] .caption-text,.caption[data-mode=thinking] .caption-text{color:var(--accent);text-shadow:0 0 18px rgba(54,214,255,.7)}.transcript{flex:0 1 auto;margin-top:auto;max-height:46vh;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:16px;margin-bottom:10px;border-radius:20px;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 60px #0008148c,inset 0 1px #ffffff0a;scrollbar-width:thin;scrollbar-color:rgba(120,200,255,.3) transparent}.transcript::-webkit-scrollbar{width:7px}.transcript::-webkit-scrollbar-thumb{background:#78c8ff47;border-radius:999px}.empty{margin:auto;color:var(--ink-dim);font-size:14px;text-align:center;padding:24px}.bubble{max-width:78%;padding:10px 14px;border-radius:15px;line-height:1.5;font-size:14.5px;word-wrap:break-word}.bubble.user{align-self:flex-end;background:linear-gradient(135deg,#36d6ff38,#2563eb47);border:1px solid rgba(54,214,255,.3);color:#eaf6ff}.bubble.agent{align-self:flex-start;background:#091326b3;border:1px solid var(--glass-line);color:var(--ink)}.bubble.error{border-color:#ff6b7d80;color:#ffd7dd}.bubble.pending .bubble-text,.bubble.pending{color:var(--accent-soft);letter-spacing:.3em;animation:pulse 1.2s ease-in-out infinite}.recalled{margin-top:6px;font-size:11px;letter-spacing:.05em;color:var(--ink-dim);cursor:help;border-top:1px solid rgba(120,200,255,.12);padding-top:5px}.tools{margin-top:7px;display:flex;flex-wrap:wrap;gap:6px}.tool-chip{font-size:11px;letter-spacing:.03em;padding:3px 9px;border-radius:999px;font-family:ui-monospace,SF Mono,Menlo,monospace;background:#36d6ff1a;border:1px solid rgba(54,214,255,.28);color:var(--accent-soft)}.tool-chip.blocked{background:#ff6b7d1f;border-color:#ff6b7d66;color:#ffd0d6}.tool-chip.error{border-color:#ffaa5066;color:#ffd9a8}.approval{position:relative;z-index:3;width:min(640px,calc(100% - 36px));margin:0 auto 10px;padding:16px 18px;border-radius:18px;background:#14101ed9;border:1px solid rgba(255,107,125,.42);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 60px #00000080,0 0 34px #ff6b7d29}.approval-head{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink);margin-bottom:10px}.approval-risk{text-transform:uppercase;letter-spacing:.08em;font-size:10px;padding:3px 8px;border-radius:999px;background:#ff6b7d2e;border:1px solid rgba(255,107,125,.45);color:#ffd0d6;font-family:ui-monospace,SF Mono,Menlo,monospace}.approval-risk.write{background:#ffbe5a29;border-color:#ffbe5a73;color:#ffe0b0}.approval-tool{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:15px;color:var(--accent-soft);margin-bottom:8px}.approval-args{margin:0 0 14px;padding:10px 12px;border-radius:12px;background:#00000059;border:1px solid rgba(120,200,255,.12);color:var(--ink);font-size:12.5px;font-family:ui-monospace,SF Mono,Menlo,monospace;max-height:160px;overflow:auto;white-space:pre-wrap;word-break:break-word}.approval-actions{display:flex;gap:10px;justify-content:flex-end}.deny-btn,.allow-btn{height:40px;padding:0 22px;border-radius:12px;font-weight:600;letter-spacing:.04em;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.deny-btn{background:transparent;border-color:#ff6b7d80;color:#ffd0d6}.deny-btn:hover{background:#ff6b7d1f}.allow-btn{background:linear-gradient(135deg,#36d6ffeb,#2563ebeb);color:#04121e}.allow-btn:hover{filter:brightness(1.1)}.composer{position:relative;z-index:2;padding:10px 18px calc(18px + env(safe-area-inset-bottom))}.composer form{display:flex;align-items:center;gap:10px;max-width:900px;margin:0 auto}.field{flex:1;height:50px;padding:0 18px;border-radius:16px;border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--ink);font-size:15px;outline:none;transition:border-color .25s ease,box-shadow .25s ease}.field::placeholder{color:var(--ink-dim)}.field:focus{border-color:#36d6ff8c;box-shadow:0 0 0 3px #36d6ff1f}.mic,.send{height:50px;border-radius:16px;border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--ink);cursor:pointer;transition:all .2s ease}.mic{width:50px;display:grid;place-items:center}.mic:hover:not(:disabled),.send:hover:not(:disabled){border-color:#36d6ff80}.mic:disabled,.send:disabled{opacity:.4;cursor:default}.mic-glyph{width:13px;height:20px;border-radius:8px;background:var(--ink-dim);transition:all .25s ease}.mic.on{border-color:#36d6ffb3;box-shadow:0 0 22px #36d6ff66}.mic.on .mic-glyph{background:var(--accent);box-shadow:0 0 14px var(--accent);animation:pulse 1.1s ease-in-out infinite}.send{padding:0 20px;font-weight:600;letter-spacing:.05em;color:var(--accent-soft)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:620px){.bubble{max-width:88%}.transcript{max-height:42vh}.send{padding:0 14px}.people,.home{display:none}}.people{position:fixed;left:18px;top:60px;z-index:3;width:250px;max-height:46vh;overflow-y:auto;padding:12px 13px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 16px 44px #0006}.people-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.people-title{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}.people-badge{font-size:10px;padding:2px 8px;border-radius:999px;color:#ffe1b0;background:#ffb05229;border:1px solid rgba(255,176,82,.4)}.people-list{display:flex;flex-direction:column;gap:8px}.person{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink)}.person-dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--ink-dim)}.person.known .person-dot{background:var(--accent);box-shadow:0 0 8px var(--accent)}.person.unknown .person-dot{background:#ffb052;box-shadow:0 0 8px #ffb052b3}.person-name{font-weight:600}.person-owner{cursor:pointer;background:none;border:none;padding:0 2px;font-size:13px;line-height:1;color:var(--ink-dim);transition:color .15s ease,transform .15s ease}.person-owner:hover{color:var(--accent-soft);transform:scale(1.15)}.person-owner.on{color:#ffd76a}.person-meta{margin-left:auto;font-size:10px;color:var(--ink-dim)}.person-name-form{display:flex;gap:6px;flex:1;min-width:0}.person-input{flex:1;min-width:0;background:#040a1699;border:1px solid var(--glass-line);border-radius:9px;padding:5px 8px;color:var(--ink);font-size:11px;outline:none}.person-input:focus{border-color:var(--accent-soft)}.person-save{flex:none;cursor:pointer;font-size:10px;letter-spacing:.05em;padding:0 9px;border-radius:9px;color:var(--bg-0);background:var(--accent);border:none}.person-save:disabled{opacity:.4;cursor:default}.home{position:fixed;right:18px;top:60px;z-index:3;width:220px;padding:12px 13px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 16px 44px #0006}.home-head{margin-bottom:10px}.home-title{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}.light-list{display:flex;flex-direction:column;gap:6px}.light{display:flex;align-items:center;gap:8px;cursor:pointer;padding:7px 9px;border-radius:10px;background:#040a1666;border:1px solid var(--glass-line);color:var(--ink);font-size:12px;text-align:left;transition:border-color .15s ease,background .15s ease}.light:hover{border-color:var(--accent-soft)}.light-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--ink-dim)}.light.on{background:#36d6ff1a}.light.on .light-dot{background:#ffd76a;box-shadow:0 0 10px #ffd76ae6}.light-name{font-weight:500}.light-state{margin-left:auto;font-size:10px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em}.light.on .light-state{color:var(--accent-soft)}.login-root{display:flex;align-items:center;justify-content:center}.login{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:14px;width:min(320px,calc(100% - 48px));padding:32px 28px;border-radius:20px;background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 70px #00000080}.login-brand{display:flex;align-items:center;justify-content:center;margin-bottom:14px}.login-brand .brand-dot{width:12px;height:12px}.login-input{width:100%;text-align:center;letter-spacing:.2em;background:#040a1699;border:1px solid var(--glass-line);border-radius:12px;padding:12px 14px;color:var(--ink);font-size:15px;outline:none}.login-input:focus{border-color:var(--accent);box-shadow:0 0 18px #36d6ff40}.login-btn{width:100%;cursor:pointer;padding:11px;border-radius:12px;border:none;color:var(--bg-0);background:var(--accent);font-size:14px;letter-spacing:.06em}.login-btn:disabled{opacity:.45;cursor:default}.login-error{font-size:12px;color:#ff9aa6}