:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0b0c10;--panel:#15171e;--border:#262a35;--text:#e7e9ee;--muted:#9aa0ad;--accent:#6c8cff;--danger:#ff6b6b}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.page{flex-direction:column;align-items:center;gap:20px;min-height:100dvh;padding:48px 16px;display:flex}.page h1{letter-spacing:-.02em;margin:0;font-size:28px}.page .subtitle{color:var(--muted);margin:0;font-size:14px}.avatar-stage{background:var(--panel);border:1px solid var(--border);border-radius:16px;width:360px;height:540px;overflow:hidden}.panel{flex-direction:column;gap:12px;width:360px;display:flex}.controls{align-items:center;gap:10px;display:flex}.btn{appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#0b0c10}.status{color:var(--muted);font-size:13px}.statusbar{align-items:center;gap:8px;font-size:13px;display:flex}.dot{background:var(--muted);border-radius:50%;width:9px;height:9px}.dot[data-phase=connecting]{background:#ffd166}.dot[data-phase=connected],.dot[data-phase=listening]{background:#06d6a0}.dot[data-phase=speaking]{background:var(--accent)}.error{color:var(--danger);min-height:18px;font-size:13px}