.call{position:relative;display:flex;flex-direction:column;gap:var(--sp-4);width:100%;padding:var(--sp-5);border-radius:var(--r-4);background:var(--surface-strong);border:1px solid var(--border);box-shadow:var(--glass-shadow);overflow:hidden}.call.live{background:var(--surface-strong);border-color:color-mix(in oklch,var(--cyber),transparent 55%)}.call.ended{background:var(--surface)}.call-head{display:flex;align-items:center;gap:var(--sp-2)}.call-eyebrow{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:var(--text-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--ink-2)}.call-timer{margin-left:auto;font-family:var(--font-mono);font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--cyber)}.call.ended .call-timer{color:var(--ink-2)}.caller{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.caller .nm{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em;color:var(--ink)}.caller .sub{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-3);letter-spacing:.03em}.avatar{--av: 72px;position:relative;width:var(--av);height:var(--av);flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-size:calc(var(--av) * .34);font-weight:600;color:var(--accent-ink);background:linear-gradient(155deg,color-mix(in oklab,var(--accent),var(--bg) 35%),color-mix(in oklab,var(--accent),var(--bg) 68%));border:1px solid color-mix(in oklch,var(--accent),transparent 45%)}.avatar.cyber{color:var(--cyber);background:linear-gradient(155deg,color-mix(in oklab,var(--cyber),var(--bg) 35%),color-mix(in oklab,var(--cyber),var(--bg) 72%));border-color:color-mix(in oklch,var(--cyber),transparent 50%)}.avatar.sm{--av: 40px}.avatar.lg{--av: 96px}.avatar.ringing:before,.avatar.ringing:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1.5px solid color-mix(in oklch,var(--accent),transparent 30%);animation:ring-pulse 1.8s var(--ease) infinite}.avatar.ringing:after{animation-delay:.9s}@keyframes ring-pulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.35);opacity:0}to{transform:scale(1.35);opacity:0}}.avatar.speaking{box-shadow:0 0 0 3px color-mix(in oklch,var(--cyber),transparent 55%),0 0 22px -6px var(--cyber-glow)}@media(prefers-reduced-motion:reduce){.avatar.ringing:before,.avatar.ringing:after{animation:none;opacity:0}}.cbtn{--sz: 54px;display:inline-grid;place-items:center;width:var(--sz);height:var(--sz);border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--ink-1);cursor:pointer;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease),box-shadow var(--dur-2) var(--ease);box-shadow:0 1px color-mix(in oklch,white,transparent 75%) inset,0 2px 6px -3px color-mix(in oklch,var(--ink),transparent 84%)}.cbtn svg{width:21px;height:21px}.cbtn:hover{border-color:var(--border-strong);background:color-mix(in oklch,var(--surface),var(--ink) 4%);transform:translateY(-1px)}.cbtn:active{transform:translateY(0) scale(.97)}.cbtn:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--accent),transparent 72%)}.cbtn.sm{--sz: 44px}.cbtn.sm svg{width:17px;height:17px}.cbtn.lg{--sz: 64px}.cbtn.lg svg{width:25px;height:25px}.cbtn.on{background:var(--ink);border-color:var(--ink);color:var(--bg);box-shadow:0 4px 12px -4px color-mix(in oklch,var(--ink),transparent 60%)}.cbtn.accent{background:color-mix(in oklch,var(--accent),transparent 78%);border-color:color-mix(in oklch,var(--accent),transparent 50%);color:var(--accent-text)}.cbtn.answer{background:linear-gradient(180deg,color-mix(in oklch,var(--pos),white 12%),color-mix(in oklch,var(--pos),black 6%));border-color:color-mix(in oklch,var(--pos),black 22%);color:#fff;box-shadow:0 1px #ffffff4d inset,0 6px 18px -6px color-mix(in oklch,var(--pos),transparent 45%)}.cbtn.answer:hover{filter:brightness(1.05);border-color:color-mix(in oklch,var(--pos),black 22%)}.cbtn.end{background:linear-gradient(180deg,#f54748,#d40924);border-color:oklch(.45 .2 25);color:#fff;box-shadow:0 1px #ffffff40 inset,0 6px 18px -6px #d4092480}.cbtn.end:hover{filter:brightness(1.06);border-color:oklch(.45 .2 25)}.cbtn.end svg{transform:rotate(135deg)}.cbtn.end.wide{display:inline-flex;align-items:center;justify-content:center;width:auto;border-radius:var(--r-pill);padding:0 22px;gap:9px;font-family:var(--font-sans);font-size:13px;font-weight:500}.cbtn.end.wide svg{transform:rotate(135deg);flex-shrink:0}.cgroup{display:inline-flex;flex-direction:column;align-items:center;gap:7px}.cgroup .clabel{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.cgroup .clabel.on{color:var(--ink-1)}.call-controls{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:var(--sp-4)}.waveform{display:flex;align-items:center;justify-content:center;gap:3px;height:44px}.waveform .wf-bar{width:3px;min-height:4px;height:30%;border-radius:var(--r-pill);background:var(--cyber);transform-origin:center;animation:wf 1.1s var(--ease) infinite}.waveform.accent .wf-bar{background:var(--accent)}.waveform.idle .wf-bar{animation:none;height:18%;opacity:.5;background:var(--ink-3)}@keyframes wf{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.waveform .wf-bar{animation:none}}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.eq i{width:2.5px;background:currentColor;border-radius:2px;animation:eq .9s var(--ease) infinite}.eq i:nth-child(1){height:40%;animation-delay:0s}.eq i:nth-child(2){height:100%;animation-delay:.18s}.eq i:nth-child(3){height:65%;animation-delay:.36s}@keyframes eq{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.rec{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--neg)}.rec .rec-dot{width:8px;height:8px;border-radius:50%;background:var(--neg);animation:rec-blink 1.4s steps(1) infinite}@keyframes rec-blink{0%,60%{opacity:1}61%,to{opacity:.25}}.dialer{display:flex;flex-direction:column;gap:var(--sp-4);width:100%;max-width:268px}.dial-readout{text-align:center;font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;letter-spacing:.01em;color:var(--ink);font-variant-numeric:tabular-nums;min-height:30px}.dial-readout .ph{color:var(--ink-3)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.key{position:relative;aspect-ratio:1.5 / 1;display:grid;place-items:center;gap:1px;border-radius:var(--r-3);background:var(--surface);border:1px solid var(--border);cursor:pointer;font-family:var(--font-display);transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease);user-select:none}.key .d{font-size:22px;font-weight:500;color:var(--ink);line-height:1}.key .l{font-family:var(--font-mono);font-size:8px;letter-spacing:.18em;color:var(--ink-3);height:9px}.key:hover{background:color-mix(in oklch,var(--surface),var(--ink) 4%);border-color:var(--border-strong)}.key:active{transform:scale(.96);background:color-mix(in oklch,var(--accent),transparent 82%)}.transcript{display:flex;flex-direction:column;gap:var(--sp-3)}.turn{display:flex;flex-direction:column;gap:4px;max-width:86%}.turn.them{align-self:flex-start}.turn.you{align-self:flex-end;align-items:flex-end}.turn .who{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.turn .who .t{font-variant-numeric:tabular-nums}.turn .bubble{padding:9px 13px;border-radius:var(--r-3);font-size:13px;line-height:1.5;color:var(--ink-1);background:var(--bg-1);border:1px solid var(--hairline)}.turn.you .bubble{color:var(--accent-text);background:color-mix(in oklch,var(--accent),transparent 82%);border-color:color-mix(in oklch,var(--accent),transparent 60%);border-bottom-right-radius:var(--r-1)}.turn.them .bubble{border-bottom-left-radius:var(--r-1)}.turn .bubble.partial{color:var(--ink-3);font-style:italic}.turn .bubble.partial:after{content:"▍";animation:caret 1s steps(1) infinite;color:var(--cyber)}@keyframes caret{50%{opacity:0}}.nudge{display:flex;gap:11px;padding:12px 14px;border-radius:var(--r-3);background:var(--cyber-glow);border:1px solid color-mix(in oklch,var(--cyber),transparent 60%)}.nudge .ic{flex-shrink:0;width:24px;height:24px;border-radius:var(--r-1);display:grid;place-items:center;color:var(--cyber);background:color-mix(in oklch,var(--cyber),transparent 78%)}.nudge .body .lab{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyber);margin-bottom:3px}.nudge .body .txt{font-size:12.5px;color:var(--ink-1);line-height:1.45}.nudge.warn{background:color-mix(in oklch,var(--warn),transparent 88%);border-color:color-mix(in oklch,var(--warn),transparent 60%)}.nudge.warn .ic{color:var(--warn);background:color-mix(in oklch,var(--warn),transparent 80%)}.nudge.warn .body .lab{color:var(--warn)}.meter{display:flex;flex-direction:column;gap:7px}.meter .meter-head{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--ink-2);text-transform:uppercase}.meter .bar{display:flex;height:8px;border-radius:var(--r-pill);overflow:hidden;background:var(--bg-2);border:1px solid var(--hairline)}.meter .bar .seg-you{background:var(--accent)}.meter .bar .seg-them{background:var(--cyber)}.meter .legend{display:flex;gap:16px;font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}.meter .legend span{display:inline-flex;align-items:center;gap:5px}.meter .legend .k{width:8px;height:8px;border-radius:2px}.sentiment{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:var(--r-pill);font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--border)}.sentiment .face{font-size:12px}.sentiment.pos{color:var(--pos);border-color:color-mix(in oklch,var(--pos),transparent 60%);background:color-mix(in oklch,var(--pos),transparent 90%)}.sentiment.neu{color:var(--ink-2);background:var(--surface)}.sentiment.neg{color:var(--neg);border-color:color-mix(in oklch,var(--neg),transparent 60%);background:color-mix(in oklch,var(--neg),transparent 92%)}.badge.ring{color:var(--accent);border-color:color-mix(in oklch,var(--accent),transparent 55%);background:color-mix(in oklch,var(--accent),transparent 88%)}.badge.ring .pip,.badge.hold .pip{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.ring .pip{animation:badge-pulse 1.3s var(--ease) infinite}.badge.hold{color:var(--warn);border-color:color-mix(in oklch,var(--warn),transparent 55%);background:color-mix(in oklch,var(--warn),transparent 88%)}.badge.missed{color:var(--neg);border-color:color-mix(in oklch,var(--neg),transparent 60%);background:color-mix(in oklch,var(--neg),transparent 92%)}@keyframes badge-pulse{0%,to{opacity:.4}50%{opacity:1}}.call-row{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:var(--r-2);background:var(--surface);border:1px solid var(--border);transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.call-row:hover{background:color-mix(in oklch,var(--surface),var(--ink) 3%);border-color:var(--border-strong)}.call-row .dir{flex-shrink:0;width:26px;height:26px;border-radius:7px;display:grid;place-items:center;color:var(--ink-3);background:var(--bg-1);border:1px solid var(--hairline)}.call-row .dir.in{color:var(--pos)}.call-row .dir.out{color:var(--cyber)}.call-row .dir.miss{color:var(--neg)}.call-row .who{flex:1;min-width:0}.call-row .who .nm{font-size:13px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-row .who .mt{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);margin-top:2px}.call-row .dur{font-family:var(--font-mono);font-size:11px;color:var(--ink-2);font-variant-numeric:tabular-nums}.call-row .time{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);width:56px;text-align:right}.ptile{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;padding:16px 14px;border-radius:var(--r-3);background:var(--bg-1);border:1px solid var(--border);transition:border-color var(--dur-1) var(--ease)}.ptile.speaking{border-color:color-mix(in oklch,var(--cyber),transparent 40%);box-shadow:0 0 0 1px color-mix(in oklch,var(--cyber),transparent 55%) inset}.ptile .pname{font-size:12.5px;font-weight:500;color:var(--ink)}.ptile .prole{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);margin-top:-5px}.ptile .pmic{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:var(--ink-2);background:var(--surface);border:1px solid var(--border)}.ptile .pmic.muted{color:var(--neg)}.ptile .pmic svg{width:12px;height:12px}