:root{--bg:#0a0a0a;--fg:#f4f4f4;--muted:#8a8a8a;--line:#1f1f1f;--line-soft:#141414;--accent:#ff5a3d;--accent-2:#ffb866;--accent-3:#5d8cff;--danger:#ff4d4d;--ok:#6dd99d;--radius:14px;--font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:var(--font);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}button{border:none;cursor:pointer;padding:0}button,input,select,textarea{font:inherit;color:inherit;background:transparent}input,select,textarea{border:1px solid var(--line);border-radius:10px;padding:10px 12px;outline:none;transition:border-color .15s ease}input:focus,select:focus,textarea:focus{border-color:var(--fg)}.app{display:flex;flex-direction:column;height:100dvh;width:100vw;position:relative}.topbar{justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line-soft)}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;font-weight:600;letter-spacing:-.01em}.brand-mark{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 12px rgba(255,90,61,.35)}.tagline{color:var(--muted);font-size:13px}.top-actions{gap:8px}.icon-btn,.top-actions{display:flex;align-items:center}.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);justify-content:center;color:var(--fg);transition:background .15s ease,border-color .15s ease}.icon-btn:hover{background:#161616;border-color:#2a2a2a}.icon-btn.active{border-color:var(--accent);color:var(--accent)}.stage{flex:1 1;display:grid;grid-template-rows:1fr auto;min-height:0}.orb-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;min-height:0}.orb{--size:220px;--tint:255,122,69;--tint-soft:255,184,102;position:relative;width:var(--size);height:var(--size);isolation:isolate}.orb.listening{--tint:93,140,255;--tint-soft:168,196,255}.orb.thinking{--tint:180,180,200;--tint-soft:220,220,235}.orb.speaking{--tint:255,90,61;--tint-soft:255,184,102}.orb-halo{inset:-22%;background:radial-gradient(circle at 50% 55%,rgba(var(--tint),.28) 0,rgba(var(--tint),.12) 28%,rgba(var(--tint),0) 62%);filter:blur(14px);pointer-events:none;z-index:0;transition:background .4s ease}.orb-core,.orb-halo{position:absolute;border-radius:50%}.orb-core{inset:0;background:radial-gradient(circle at 50% 120%,rgba(var(--tint),.18) 0,rgba(var(--tint),.05) 38%,hsla(0,0%,100%,.02) 62%,hsla(0,0%,100%,0) 75%);box-shadow:0 30px 60px -20px rgba(0,0,0,.6),inset 0 0 60px hsla(0,0%,100%,.04),inset 0 -30px 50px rgba(var(--tint),.18);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow:hidden;transition:box-shadow .25s ease,transform .15s ease;animation:orb-breathe 5s ease-in-out infinite;z-index:1}.orb-tint{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle at 60% 70%,rgba(var(--tint),.55) 0,rgba(var(--tint),.18) 40%,rgba(var(--tint),0) 70%);filter:blur(10px);opacity:.9;transition:background .4s ease,opacity .3s ease}.orb-rim{inset:0;background:transparent;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.1),inset 0 1px 1px hsla(0,0%,100%,.35),inset 0 -1px 2px hsla(0,0%,100%,.06)}.orb-rim,.orb-spec{position:absolute;border-radius:50%;pointer-events:none}.orb-spec{top:8%;left:14%;width:42%;height:30%;background:radial-gradient(ellipse at 50% 50%,hsla(0,0%,100%,.85) 0,hsla(0,0%,100%,.35) 28%,hsla(0,0%,100%,0) 70%);filter:blur(4px);transform:rotate(-18deg)}.orb-spec.sm{top:14%;left:22%;width:16%;height:8%;background:radial-gradient(ellipse at 50% 50%,#fff 0,hsla(0,0%,100%,.4) 40%,hsla(0,0%,100%,0) 80%);filter:blur(1px)}.orb.listening .orb-core{box-shadow:0 30px 60px -20px rgba(0,0,0,.6),inset 0 0 80px hsla(0,0%,100%,.05),inset 0 -30px 60px rgba(var(--tint),.22)}.orb.speaking .orb-core{animation:orb-pulse .55s ease-in-out infinite alternate}.orb.thinking .orb-core{animation:orb-think 1.8s ease-in-out infinite}.orb.thinking .orb-tint{opacity:.55}.orb-ring{position:absolute;inset:-14px;border:1px solid hsla(0,0%,100%,.06);border-radius:50%;pointer-events:none}.orb-ring.r2{inset:-28px;border-color:hsla(0,0%,100%,.04)}.orb-ring.r3{inset:-44px;border-color:hsla(0,0%,100%,.025)}@keyframes orb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes orb-pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes orb-think{0%,to{transform:scale(.98)}50%{transform:scale(1.015)}}.status{font-size:13px;color:var(--muted);letter-spacing:.02em;min-height:18px;text-align:center}.status strong{color:var(--fg);font-weight:500}.transcript{width:min(720px,92vw);max-height:32vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:8px 4px;font-size:15px;line-height:1.5;scrollbar-width:thin}.bubble{padding:10px 14px;border-radius:12px;border:1px solid var(--line-soft);background:#0e0e0e;white-space:pre-wrap}.bubble.user{background:#131313;border-color:#1c1c1c;align-self:flex-end;max-width:80%}.bubble.assistant{align-self:flex-start;max-width:92%}.bubble .who{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.controls{gap:16px;padding:18px 18px 28px;border-top:1px solid var(--line-soft)}.controls,.mic{display:flex;align-items:center;justify-content:center}.mic{width:76px;height:76px;border-radius:50%;border:1px solid var(--line);background:#0e0e0e;transition:transform .1s ease,background .15s ease,border-color .15s ease,box-shadow .2s ease}.mic:hover{background:#151515}.mic:active{transform:scale(.97)}.mic.on{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 6px rgba(255,90,61,.18)}.mic.on svg{color:#0a0a0a}.mic svg{color:var(--fg)}.ghost{border:1px solid var(--line);border-radius:10px;padding:8px 14px;font-size:13px;transition:background .15s ease,border-color .15s ease}.ghost:hover{background:#141414;border-color:#2a2a2a}.ghost.danger{color:var(--danger);border-color:#3a1818}.ghost.danger:hover{background:#1a0d0d}.ghost.primary{background:var(--accent);border-color:var(--accent);color:#0a0a0a;font-weight:600}.ghost.primary:hover{background:var(--accent-2);border-color:var(--accent-2)}.text-input{flex:1 1;max-width:540px}.text-input input{width:100%}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50}.drawer{position:fixed;top:0;right:0;height:100dvh;width:min(420px,100vw);background:#0c0c0c;border-left:1px solid var(--line);z-index:51;display:flex;flex-direction:column;animation:slide-in .18s ease-out}@keyframes slide-in{0%{transform:translateX(20px);opacity:.6}to{transform:translateX(0);opacity:1}}.drawer header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line-soft)}.drawer header h2{margin:0;font-size:15px;font-weight:600}.drawer .body{padding:18px;overflow-y:auto;gap:18px}.drawer .body,.field{display:flex;flex-direction:column}.field{gap:6px}.field label{text-transform:uppercase;letter-spacing:.06em}.field .help,.field label{font-size:12px;color:var(--muted)}.field .help{line-height:1.4}.row{gap:8px}.row,.seg{display:flex}.seg{gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg button{flex:1 1;padding:9px 10px;font-size:13px;border-right:1px solid var(--line);color:var(--muted);transition:background .12s ease,color .12s ease}.seg button:last-child{border-right:none}.seg button.active{background:var(--fg);color:#0a0a0a}.seg button:not(.active):hover{background:#141414;color:var(--fg)}.consent{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#0e0e0e}.consent .title{font-weight:600}.consent .text{color:var(--muted);font-size:13px;line-height:1.5}.consent .actions{display:flex;gap:8px;margin-top:4px}.banner{position:absolute;top:64px;left:50%;transform:translateX(-50%);background:#1a0d0d;border:1px solid #3a1818;color:#ffb1b1;padding:8px 14px;border-radius:10px;font-size:13px;z-index:30;max-width:90vw}.kbd{font-family:var(--mono);font-size:11px;border:1px solid var(--line);background:#131313;padding:1px 6px;border-radius:5px}.kbd,.muted{color:var(--muted)}.tiny{font-size:12px}@media (max-width:720px){.orb{--size:180px}.controls{padding-bottom:36px}.topbar{padding:12px 14px}}