:root{--bg:#f4f7f5;--surface:#fff;--text:#0d1f17;--muted:#45584f;--brand:#0b6b4a;--brand-text:#fff;--danger:#b3261e;--user:#e2efe8;--action:#fff4d6;--action-text:#5a4200;--focus:#1a5fd0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b1511;--surface:#13221b;--text:#f1f6f3;--muted:#a9bcb2;--brand:#1fa572;--brand-text:#04140d;--danger:#ff6b5f;--user:#1c3329;--action:#3a3115;--action-text:#ffe49a;--focus:#8ab4ff}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;font:18px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:640px;height:100%;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;gap:12px;margin:0 auto;display:flex}h1{margin:0;font-size:1.5rem}.subtitle{color:var(--muted);margin:2px 0 0}.notice{margin:0;font-weight:600}.transcript{flex-direction:column;flex:1;gap:8px;padding:4px 0;display:flex;overflow-y:auto}.message{white-space:pre-wrap;border-radius:14px;max-width:92%;margin:0;padding:10px 14px}.message .who{color:var(--muted);font-size:.8rem;font-weight:700;display:block}.message.user{background:var(--user);align-self:flex-end}.message.assistant{background:var(--surface);align-self:flex-start}.message.action{background:var(--action);color:var(--action-text);border-radius:999px;align-self:center;padding:6px 14px;font-size:.9rem;font-weight:600}footer{flex-direction:column;gap:12px;display:flex}.turn{text-align:center;color:var(--muted);margin:0;font-size:1.3rem;font-weight:700}.turn.user,.turn.assistant{color:var(--brand)}.toggle{align-items:center;gap:12px;min-height:48px;display:flex}.toggle input{width:28px;height:28px;accent-color:var(--brand);flex:none}.big{font:inherit;cursor:pointer;touch-action:manipulation;border:none;border-radius:999px;min-height:84px;font-size:1.6rem;font-weight:700}.big.call,.big.talk{background:var(--brand);color:var(--brand-text)}.big.talk{min-height:140px}.big.talk.on,.big.hangup{background:var(--danger);color:#fff}.big.hangup.small{min-height:60px;font-size:1.2rem}.big:disabled{opacity:.6}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}