:root{--bg: #0b0c0e;--surface: #16181c;--surface-raised: #1d2025;--line: #262a30;--text: #f2f0eb;--muted: #8a8f98;--live: #ff6a3d;--listen: #57d9a3;--danger: #ff4d4d}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Space Grotesk,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}.page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse 900px 500px at 50% -10%,rgba(255,106,61,.08),transparent 60%),var(--bg)}.card{width:100%;max-width:420px;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:36px 32px 32px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--muted);transition:background .2s ease}.eyebrow .dot.live{background:var(--live);box-shadow:0 0 0 3px #ff6a3d33}h1{font-size:26px;font-weight:600;margin:0 0 28px;letter-spacing:-.01em}.orb-wrap{display:flex;align-items:center;justify-content:center;height:220px;margin-bottom:20px;position:relative}.orb-ring{position:absolute;border-radius:50%;border:1px solid var(--line);transition:transform .08s ease-out,border-color .3s ease,opacity .3s ease}.orb-core{width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3a3d43,#1a1c20 70%);border:1px solid var(--line);position:relative;z-index:2;transition:box-shadow .15s ease,background .3s ease}.orb-core.agent-speaking{background:radial-gradient(circle at 35% 30%,#2c4a3f,#16221d 70%)}.status-row{text-align:center;margin-bottom:24px}.status-label{font-size:14px;color:var(--muted);min-height:20px}.status-label .accent{color:var(--text)}.controls{display:flex;gap:10px}button{font-family:inherit;font-size:14px;font-weight:600;border-radius:12px;border:1px solid var(--line);padding:14px 18px;cursor:pointer;transition:transform .08s ease,background .2s ease,border-color .2s ease,opacity .2s ease;background:var(--surface-raised);color:var(--text)}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:2px solid var(--live);outline-offset:2px}.btn-call{flex:1;background:var(--live);border-color:var(--live);color:#1a0d06}.btn-call.end{background:var(--danger);border-color:var(--danger);color:#2b0505}.btn-mute{width:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.btn-mute.muted{background:var(--surface);color:var(--danger);border-color:var(--danger)}.meta{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:12px}.error-banner{margin-top:16px;padding:10px 12px;border-radius:10px;background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);color:#ffb3b3;font-size:13px}@media (prefers-reduced-motion: reduce){.orb-ring,.orb-core,button{transition:none!important}}