:root{--bg: #f6f7f9;--panel: #ffffff;--ink: #16181d;--muted: #6b7280;--line: #e5e7eb;--accent: #2563eb;--danger: #dc2626;--ok: #16a34a;--warn: #d97706;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink)}@media(prefers-color-scheme:dark){:root{--bg: #0f1115;--panel: #171a21;--ink: #e7e9ee;--muted: #9aa1ad;--line: #2a2f3a}}*{box-sizing:border-box}body{margin:0;background:var(--bg)}h1{font-size:1.15rem;margin:0}h2{font-size:.95rem;margin:0 0 .6rem;color:var(--muted);font-weight:600}button{font:inherit;border:0;border-radius:8px;padding:.55rem 1rem;cursor:pointer;background:var(--accent);color:#fff}button:disabled{opacity:.5;cursor:default}button.danger{background:var(--danger)}input,select,textarea{font:inherit;width:100%;padding:.55rem .7rem;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink)}textarea{font-family:ui-monospace,monospace;font-size:.82rem}label{display:grid;gap:.3rem;font-size:.85rem;color:var(--muted)}code{font-family:ui-monospace,monospace;font-size:.78rem}.err{color:var(--danger)}.login{max-width:320px;margin:18vh auto;display:grid;gap:1rem}.login form{display:grid;gap:.6rem}.console{max-width:1200px;margin:0 auto;padding:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.console header{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1rem;display:grid;gap:.7rem;align-content:start}.setup,.turns,.report{grid-column:1 / -1}.tabs{display:flex;gap:.4rem;flex-wrap:wrap}.tabs button{background:transparent;color:var(--muted);border:1px solid var(--line)}.tabs button.on{color:var(--ink);border-color:var(--accent)}.actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.actions .phone{width:180px}.sep{color:var(--muted);font-size:.85rem}.states{display:flex;gap:.5rem;flex-wrap:wrap}.pill{padding:.25rem .7rem;border-radius:999px;font-size:.8rem;border:1px solid var(--line)}.agent-speaking,.user-speaking{border-color:var(--ok);color:var(--ok)}.agent-thinking{border-color:var(--warn);color:var(--warn)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.kpi{border:1px solid var(--line);border-radius:10px;padding:.5rem .6rem;display:grid;gap:.2rem}.kpi span{font-size:.72rem;color:var(--muted)}.kpi b{font-size:1.15rem;font-variant-numeric:tabular-nums}.transcript{max-height:360px;overflow:auto}.transcript p{margin:0;font-size:.9rem}.transcript p.user b{color:var(--accent)}.transcript p.assistant b{color:var(--ok)}.transcript em{color:var(--warn);font-style:normal;font-size:.8rem}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.85rem}th,td{text-align:right;padding:.35rem .5rem;border-bottom:1px solid var(--line)}th:first-child,td:first-child{text-align:left}.note{font-size:.75rem;color:var(--muted);margin:0}.log{max-height:360px;overflow:auto}.log code{display:block;white-space:pre-wrap;word-break:break-all;padding:.2rem 0;border-bottom:1px dashed var(--line)}.report pre{margin:0;white-space:pre-wrap;font-size:.8rem}@media(max-width:760px){.console{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}}.demo{min-height:100vh;max-width:720px;margin:0 auto;padding:1.2rem 16px 2rem;display:grid;grid-template-rows:auto auto 1fr;gap:1.2rem}.demo header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.demo header select{width:auto;max-width:60%}.brand{font-weight:700;letter-spacing:.02em}.stage{display:grid;justify-items:center;gap:.8rem;padding:1.5rem 0 .5rem}.orb{position:relative;width:168px;height:168px;border-radius:50%;padding:0;background:radial-gradient(circle at 35% 30%,#60a5fa,#2563eb 60%,#1e3a8a);box-shadow:0 18px 50px -18px #2563ebb3;transition:transform .25s ease,filter .25s ease}.orb:hover:not(:disabled){transform:scale(1.03)}.orb .core{position:relative;z-index:1;color:#fff;font-size:2.2rem}.orb .ring{position:absolute;inset:-10px;border-radius:50%;border:2px solid transparent}.orb.live.agent-speaking{background:radial-gradient(circle at 35% 30%,#4ade80,#16a34a 60%,#14532d)}.orb.live.agent-speaking .ring{border-color:#16a34a80;animation:pulse 1.1s ease-out infinite}.orb.live.agent-thinking{background:radial-gradient(circle at 35% 30%,#fcd34d,#d97706 60%,#78350f)}.orb.live.agent-thinking .ring{border-color:#d9770680;animation:spin 1.2s linear infinite;border-top-color:transparent}.orb.live.user-speaking .ring{border-color:#2563eb8c;animation:pulse .8s ease-out infinite}.orb.connecting{filter:saturate(.4)}@keyframes pulse{0%{transform:scale(.95);opacity:1}to{transform:scale(1.18);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.label{margin:0;color:var(--muted);font-size:.95rem;min-height:1.4em}.end{background:transparent;color:var(--danger);border:1px solid var(--danger)}.chat{display:grid;gap:.6rem;align-content:start}.bubble{max-width:85%;padding:.6rem .85rem;border-radius:14px;position:relative}.bubble p{margin:0;line-height:1.4}.bubble.user{justify-self:end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.bubble.assistant{justify-self:start;background:var(--panel);border:1px solid var(--line);border-bottom-left-radius:4px}.bubble .lat{display:inline-block;margin-top:.3rem;font-size:.7rem;color:var(--muted);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.orb .ring{animation:none!important}}.bubble.user.interim{opacity:.7}