:root{--bg-0: #05060c;--bg-1: #090c18;--surface: rgba(18, 24, 44, .42);--stroke: rgba(120, 140, 210, .14);--stroke-hi: rgba(140, 170, 255, .3);--text: #e9edfb;--muted: #767f9e;--muted-dim: #4a5270;--c-violet: #7b5cff;--c-magenta: #ff4d9d;--c-cyan: #38e8ff;--c-teal: #2bffc6;--c-amber: #ffb454;--c-red: #ff5c6c;--font-ui: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(120% 80% at 50% -10%,#0e1430 0%,transparent 55%),radial-gradient(100% 100% at 50% 120%,#120a26 0%,transparent 60%),var(--bg-0);color:var(--text);font-family:var(--font-ui);min-height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(120,150,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(120,150,255,.035) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 0%,transparent 80%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 0%,transparent 80%);pointer-events:none;z-index:0}.shell{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em}.brand{display:flex;align-items:center;gap:11px}.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--muted-dim);box-shadow:0 0 0 0 transparent;transition:background .4s ease,box-shadow .4s ease}.brand .name{font-family:var(--font-ui);font-weight:600;font-size:14px;letter-spacing:.18em}.brand .role{color:var(--muted)}.topbar .sys{color:var(--muted-dim)}.stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:0 24px}.orb-wrap{position:relative;width:min(72vw,360px);aspect-ratio:1;display:grid;place-items:center}canvas.orb{width:100%;height:100%;display:block}.state{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:64px}.state .label{font-size:20px;font-weight:500;letter-spacing:.01em;transition:color .4s ease}.state .transcript{font-family:var(--font-mono);font-size:13px;color:var(--muted);max-width:34ch;line-height:1.5;min-height:20px;transition:opacity .3s ease}.controls{display:flex;align-items:center;gap:16px}.talk{position:relative;width:76px;height:76px;border-radius:50%;border:1px solid var(--stroke-hi);background:var(--surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--text);cursor:pointer;display:grid;place-items:center;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}.talk svg{width:28px;height:28px}.talk:hover{transform:translateY(-2px);border-color:var(--c-cyan)}.talk:active{transform:scale(.95)}.talk:focus-visible{outline:2px solid var(--c-cyan);outline-offset:4px}.talk.live{border-color:transparent;box-shadow:0 0 0 1px var(--c-cyan),0 0 34px -4px var(--c-cyan)}.ghost{height:44px;padding:0 20px;border-radius:24px;border:1px solid var(--stroke);background:transparent;color:var(--muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;cursor:pointer;transition:color .25s,border-color .25s,opacity .25s}.ghost:hover{color:var(--text);border-color:var(--stroke-hi)}.ghost:focus-visible{outline:2px solid var(--c-cyan);outline-offset:3px}.ghost[disabled]{opacity:.3;pointer-events:none}.footer{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;padding:18px 26px 26px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--muted-dim)}.footer b{color:var(--muted);font-weight:500}@media(max-width:480px){.topbar{padding:16px 18px}.topbar .sys{display:none}.stage{gap:22px}}@media(prefers-reduced-motion:reduce){.talk,.ghost{transition:none}}