#call-overlay{position:fixed;z-index:80;inset:0;overflow-y:auto;background:var(--bg);color:var(--ink);display:flex;flex-direction:column;align-items:center;padding:30px 40px;gap:20px}.call-top{width:100%;max-width:1040px;display:flex;align-items:start;justify-content:space-between;gap:20px}.call-top h1{font-size:23px;margin-top:9px}.call-top p{font-size:13px;color:var(--muted);margin-top:7px}.call-eyebrow{font-size:12px;color:var(--muted);letter-spacing:.12em}#call-timer{font-size:19px;color:var(--muted)}.call-center{display:flex;flex-direction:column;align-items:center;gap:26px;max-width:620px;width:100%;text-align:center;margin:auto 0;min-height:360px;justify-content:center}#call-orb{position:relative;width:190px;height:190px;display:grid;place-items:center}.orb-ring{position:absolute;inset:0;border:1px solid var(--line);border-radius:50%;box-shadow:0 0 0 18px var(--paper2)}.orb-core{width:130px;height:130px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 16px 40px #17352f20}.orb-core span{display:block;background:var(--paper);width:5px;height:20px;border-radius:5px}.orb-core span:nth-child(2),.orb-core span:nth-child(4){height:38px}.orb-core span:nth-child(3){height:55px}[data-state="speaking"] .orb-core span,[data-state="listening"] .orb-core span{animation:voice-wave 1.1s ease-in-out infinite alternate}[data-state="speaking"] .orb-core span:nth-child(2),[data-state="listening"] .orb-core span:nth-child(2){animation-delay:-.4s}[data-state="speaking"] .orb-core span:nth-child(4),[data-state="listening"] .orb-core span:nth-child(4){animation-delay:-.8s}[data-state="thinking"] .orb-ring{animation:voice-breathe 1.3s ease-in-out infinite alternate}[data-state="muted"] .orb-core,[data-state="ended"] .orb-core{opacity:.5}#call-state{font-family:system-ui,sans-serif;font-size:19px;font-weight:500}#call-caption{font-size:16px;line-height:1.9;color:var(--muted);max-width:38em;min-height:60px}.call-controls{display:flex;gap:38px;align-items:center;justify-content:center;padding:10px}.call-control,.call-hangup{display:flex;flex-direction:column;gap:7px;align-items:center;border:0;background:transparent;color:var(--text);font-size:13px;padding:0 15px}.call-control span,.call-hangup span{border-radius:50%;width:64px;height:64px;display:grid;place-items:center;background:var(--paper);border:1px solid var(--line);font-size:24px}.call-hangup span{background:var(--error);color:var(--paper);border:0}.call-control[aria-pressed="true"] span{background:var(--muted);color:var(--paper)}.call-hint{font-size:12px;color:var(--muted);text-align:center}.call-record{font-size:13px;max-width:620px;width:100%;text-align:center}.call-record>div{text-align:left;max-height:220px;overflow:auto;display:grid;gap:15px;margin-top:15px;background:var(--paper);padding:20px}.call-record p.user{color:var(--muted)}#call-error{max-width:600px;background:var(--paper);border:1px solid var(--line);padding:15px;border-radius:7px;text-align:center;display:grid;gap:12px}.call-setup{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.7fr);gap:24px}.call-intro{display:grid;gap:18px;align-content:center;padding:20px}.call-intro h2{font-size:28px}.badge{justify-self:start}@keyframes voice-wave{to{transform:scaleY(.5)}}@keyframes voice-breathe{to{transform:scale(1.08);opacity:.5}}@media(max-width:650px){#call-overlay{padding:22px 20px;gap:16px}.call-top h1{font-size:19px}.call-center{min-height:330px;gap:22px}#call-orb{width:150px;height:150px}.orb-core{width:110px;height:110px}.call-setup{grid-template-columns:1fr}.call-intro{padding:0}.call-record{padding-bottom:15px}}@media(prefers-reduced-motion:reduce){.orb-core span,.orb-ring{animation:none!important}}
#call-overlay .call-controls{gap:18px;flex-wrap:wrap}#call-overlay .call-control,#call-overlay .call-hangup{min-width:80px;min-height:60px;padding:16px 20px;border-radius:32px;background:var(--paper);border:1px solid var(--line);color:var(--ink);font-size:15px}#call-overlay .call-hangup{background:var(--error);color:#fff;border-color:transparent}#call-overlay .call-control[aria-pressed="true"]{background:var(--muted);color:var(--paper)}.call-resume-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.call-resume-banner p{margin-top:7px;color:var(--muted);font-size:14px}@media(max-width:650px){.call-resume-banner{align-items:stretch;flex-direction:column}#call-overlay .call-controls{gap:10px}#call-overlay .call-control,#call-overlay .call-hangup{min-width:76px;padding:14px 16px}}