:root{--bg:#071226;--panel:#09162cb8;--line:#8cb4ff2e;--text:#e9f0fb;--muted:#93a4bf;--cyan:#2fb4ff;--purple:#8a6cff;--danger:#ff5d6c;color:var(--text);background:var(--bg);font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden}.app{background:radial-gradient(ellipse 70% 60% at 50% 40%, #12305e 0%, var(--bg) 70%);height:100dvh;position:relative}.canvas{inset:0;position:absolute!important}.top{pointer-events:none;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:absolute;inset:0 0 auto}.brand{letter-spacing:-.2px;font-size:18px;font-weight:800}.brand span{color:var(--cyan)}.chip{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:14px;font-weight:600;display:inline-flex}.chip i{background:var(--muted);border-radius:50%;width:9px;height:9px}.chip-listening i{background:#3ef0a0;box-shadow:0 0 10px #3ef0a0}.chip-thinking i{background:#ffc94d;animation:1s infinite pulse}.chip-speaking i{background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:.6s infinite pulse}.chip-failed i{background:var(--danger)}@keyframes pulse{50%{opacity:.35}}.bottom{padding:0 16px max(20px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;inset:auto 0 0}.subs{flex-direction:column;justify-content:flex-end;gap:6px;width:min(720px,100%);max-height:34dvh;display:flex;overflow:hidden}.subs p{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;max-width:88%;margin:0;padding:9px 14px;font-size:15px;line-height:1.45}.subs p b{color:var(--muted);margin-bottom:2px;font-size:12px;font-weight:700;display:block}.subs p.agent b{color:var(--cyan)}.subs p.me{background:#3c328c8c;align-self:flex-end}.subs p.me b{color:#b9a6ff}.controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:14px 26px;font-size:16px;font-weight:700}.btn:disabled{opacity:.6;cursor:default}.btn.start{color:#03101f;background:linear-gradient(135deg, var(--cyan), #3b7bff);border:0;padding:16px 34px;font-size:17px;box-shadow:0 10px 34px -8px #2fb4ffb3}.btn.end{color:#ffd3d8;border-color:#ff5d6c80}.btn.mic.off{color:#ffe3a3;border-color:#ffc94d99}.scenario{font:inherit;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:12px 14px}.error{background:#ff5d6c26;border:1px solid #ff5d6c66;border-radius:12px;padding:10px 16px;font-size:14px}@media (width<=560px){.btn{padding:12px 18px;font-size:15px}.subs p{max-width:94%;font-size:14px}}