:root{--bg:#0d1e22;--bg-deep:#091518;--ink:#d6e4e0;--ink-dim:#7f9691;--agent:#7fe0c3;--agent-soft:#7fe0c324;--user:#f2b75c;--user-soft:#f2b75c2e;--line:#d6e4e024;--danger:#e07f7f;--display:"Bricolage Grotesque", system-ui, sans-serif;--body:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{font:17px/1.5 var(--body);color:var(--ink);background:radial-gradient(120% 90% at 50% 110%, #12333a 0%, var(--bg) 55%, var(--bg-deep) 100%) fixed, var(--bg);-webkit-font-smoothing:antialiased;margin:0}main{flex-direction:column;align-items:center;min-height:100svh;padding:24px;display:flex}:focus-visible{outline:2px solid var(--agent);outline-offset:3px}button{font:600 16px var(--body);color:var(--bg-deep);background:var(--agent);cursor:pointer;border:0;border-radius:999px;padding:14px 32px;transition:transform .15s,box-shadow .15s}button:hover:not(:disabled){box-shadow:0 6px 24px var(--agent-soft);transform:translateY(-1px)}button:disabled{opacity:.4;cursor:default}button.end{color:var(--danger);border:1px solid var(--danger);background:0 0}input{font:17px var(--body);color:var(--ink);border:1px solid var(--line);background:#09151899;border-radius:999px;min-width:0;padding:14px 22px}input::placeholder{color:var(--ink-dim)}input:focus{border-color:var(--agent);outline:none}.eyebrow{font:12px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);margin:0}.welcome{text-align:center;justify-content:center;gap:24px}.welcome-title{font-family:var(--display);letter-spacing:-.02em;color:#fff;margin:0;font-size:clamp(44px,8vw,88px);font-weight:700;line-height:1.02}.welcome-title em{color:var(--agent);font-style:normal}.welcome-sub{max-width:44ch;color:var(--ink-dim);margin:0}.welcome-form{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.welcome-form input{width:280px}.agent{justify-content:space-between}.agent-bar{border-bottom:1px solid var(--line);align-items:center;gap:10px;width:100%;max-width:720px;padding:8px 0;display:flex}.status-dot{background:var(--ink-dim);border-radius:50%;width:8px;height:8px}.status-dot.live{background:var(--agent);box-shadow:0 0 10px var(--agent)}.agent-id{font:12px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim)}.caller-chip{font:13px var(--mono);color:var(--user);border:1px solid var(--user-soft);text-overflow:ellipsis;white-space:nowrap;background:#f2b75c14;border-radius:999px;max-width:40vw;margin-left:auto;padding:6px 14px;overflow:hidden}.agent-stage{flex-direction:column;align-items:center;gap:48px;display:flex}.status-line{font:15px var(--mono);color:var(--ink-dim);margin:0}.agent-controls{padding:24px 0 16px}.noise{justify-content:center;gap:36px}.meters{flex-direction:column;gap:28px;width:min(560px,100%);display:flex}.meter-head{font:12px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);justify-content:space-between;margin-bottom:10px;display:flex}.meter-track{border:1px solid var(--line);background:#09151899;border-radius:999px;height:14px;overflow:hidden}.meter-fill{border-radius:inherit;transform-origin:0;height:100%;transform:scaleX(0)}.meter-fill.raw{background:var(--user)}.meter-fill.clean{background:var(--agent)}.speech-badge{font:13px var(--mono);color:var(--ink-dim);border:1px solid var(--line);border-radius:999px;margin:0;padding:6px 14px;transition:color .2s,border-color .2s}.speech-badge.on{color:var(--agent);border-color:var(--agent)}.error-line{font:14px var(--mono);color:var(--danger);margin:0}.clips{flex-direction:column;gap:14px;width:min(560px,100%);display:flex}.clip{align-items:center;gap:16px;display:flex}.clip span{font:12px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);flex-shrink:0;width:92px}.clip audio{width:100%;height:40px}.orb{aspect-ratio:1;place-items:center;width:min(280px,60vw);display:grid;position:relative}.orb .core{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, #b8f2de, var(--agent) 55%, #2c8f74);opacity:.5;border-radius:50%;width:42%;transition:opacity .4s}.orb.live .core{opacity:1;animation:3.2s ease-in-out infinite breathe}.orb .ring{border:1px solid var(--agent-soft);border-radius:50%;transition:border-color .3s;position:absolute;inset:0}.orb .r2{inset:12%}.orb .r3{inset:24%}.orb.live .ring{animation:3.2s ease-in-out infinite breathe}.orb.live .r2{animation-delay:.25s}.orb.live .r3{animation-delay:.5s}.orb.speaking .ring{border-color:var(--user);animation:1.1s ease-out infinite ripple}.orb.speaking .r2{animation-delay:.18s}.orb.speaking .r3{animation-delay:.36s}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes ripple{0%{opacity:1;transform:scale(.92)}to{opacity:.25;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.orb .core,.orb .ring{animation:none!important}.orb.speaking .ring{border-color:var(--user)}}