.call-backdrop{-webkit-backdrop-filter:blur(6px);z-index:9999;background:#0f12188c;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out callFadeIn;display:flex;position:fixed;inset:0}:root[data-theme=dark] .call-backdrop{background:#000000a8}@keyframes callFadeIn{0%{opacity:0}to{opacity:1}}.call-card{background:var(--bg-0,#fff);border:1px solid var(--border-0,#e6e6e6);width:100%;box-shadow:var(--shadow-lg,0 8px 28px #00000024);color:var(--text-0,#0d0d0d);border-radius:20px;position:relative;overflow:hidden}.call-card--pre{text-align:center;max-width:380px;padding:1.75rem 1.5rem 1.375rem}.call-pre-avatar{background:var(--cv2-accent,#003087);width:52px;height:52px;color:var(--cv2-accent-contrast,#fff);border-radius:50%;justify-content:center;align-items:center;margin:0 auto .875rem;display:flex}.call-pre-title{letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:650}.call-pre-subtitle{color:var(--text-2,#6e6e6e);font-variant-numeric:tabular-nums;margin:.25rem 0 0;font-size:.8125rem;font-weight:500}.call-pre-consent{color:var(--text-2,#6e6e6e);margin:.875rem 0 0;font-size:.8125rem;line-height:1.5}.call-pre-actions{gap:.625rem;margin-top:1.25rem;display:flex}.call-btn{cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;min-height:42px;padding:0 1rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.call-btn--ghost{color:var(--text-1,#3f3f3f);border:1px solid var(--border-1,#d2d2d2);background:0 0}.call-btn--ghost:hover{background:var(--surface-1,#f7f7f7)}.call-btn--primary{background:var(--cv2-accent,#003087);color:var(--cv2-accent-contrast,#fff);border:1px solid #0000}.call-btn--primary:hover{background:var(--cv2-accent-hover,#06246b)}.call-btn--block{flex:none;width:100%}.call-btn:focus-visible,.call-ctl:focus-visible,.call-jump:focus-visible{outline:2px solid var(--cv2-focus,#0b57d0);outline-offset:2px}.call-card--live{grid-template-rows:auto 1fr auto auto;max-width:560px;height:min(78vh,720px);padding:0;display:grid}.call-header{border-bottom:1px solid var(--border-0,#e6e6e6);justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1.125rem;display:flex}.call-header-meta{align-items:center;gap:.5rem;display:inline-flex}.call-status-pill{background:var(--surface-1,#f7f7f7);color:var(--text-1,#3f3f3f);border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.call-status-pill--active{background:var(--cv2-success-soft,#dcfae6);color:var(--success,#067647)}.call-status-pill--transferring{background:var(--cv2-warning-soft,#fef0c7);color:var(--warning,#b54708)}.call-status-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.call-status-pill--active .call-status-dot{animation:1.6s infinite callDotPulse}@keyframes callDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.3)}}.call-ticket-chip{background:var(--surface-1,#f7f7f7);color:var(--text-2,#6e6e6e);border:1px solid var(--border-0,#e6e6e6);border-radius:8px;padding:.1875rem .5rem;font-size:.75rem;font-weight:600}.call-lang{position:relative}.call-lang-chip{font:inherit;background:var(--surface-1,#f7f7f7);color:var(--text-1,#3f3f3f);border:1px solid var(--border-0,#e6e6e6);cursor:pointer;border-radius:8px;align-items:center;gap:.3125rem;padding:.1875rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.call-lang-chip:hover{background:var(--surface-2,#efefef)}.call-lang-chip:focus-visible,.call-lang-option:focus-visible{outline:2px solid var(--cv2-accent,#1d3a70);outline-offset:2px}.call-lang-chip--pinned{color:var(--cv2-accent,#1d3a70);border-color:currentColor}.call-lang-menu{z-index:2;background:var(--bg-0,#fff);border:1px solid var(--border-0,#e6e6e6);min-width:13rem;max-width:min(16rem,100vw - 2rem);box-shadow:var(--shadow-lg,0 8px 28px #00000024);border-radius:12px;padding:.375rem;position:absolute;top:calc(100% + .375rem);right:0}.call-lang-menu-hint{color:var(--text-2,#6e6e6e);margin:.25rem .5rem .375rem;font-size:.75rem}.call-lang-option{width:100%;font:inherit;color:var(--text-0,#0d0d0d);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem;font-size:.875rem;display:flex}.call-lang-option:hover,.call-lang-option--active{background:var(--surface-1,#f7f7f7)}.call-timer{color:var(--text-2,#6e6e6e);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:600}.call-thread-wrap{min-height:0;position:relative}.call-thread{overscroll-behavior:contain;scroll-behavior:smooth;flex-direction:column;gap:1.125rem;height:100%;padding:1.25rem 1.25rem 1.5rem;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 20px);mask-image:linear-gradient(#0000 0,#000 20px)}.call-thread-empty{text-align:center;color:var(--text-2,#6e6e6e);margin:auto 0;font-size:.875rem}.call-turn{flex-direction:column;gap:.25rem;max-width:100%;display:flex}.call-turn--caller{align-self:flex-end;align-items:flex-end;max-width:82%}.call-turn--agent{align-self:stretch;align-items:flex-start}.call-say{color:var(--text-0,#0d0d0d);white-space:pre-wrap;overflow-wrap:anywhere;font-size:1.0625rem;line-height:1.55;animation:.18s ease-out callTextIn}.call-say--interim{color:var(--text-2,#6e6e6e)}@keyframes callTextIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.call-speaker-chip{letter-spacing:.04em;text-transform:uppercase;color:var(--text-2,#6e6e6e);font-size:.6875rem;font-weight:700}.call-bubble{background:var(--cv2-user-bubble,#eef3fc);border:1px solid var(--cv2-user-bubble-border,#d9e4f5);color:var(--text-0,#0d0d0d);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:16px 16px 6px;padding:.5rem .875rem;font-size:.9375rem;line-height:1.45}.call-bubble--interim{opacity:.7;border-style:dashed}.call-bubble-cursor{vertical-align:text-bottom;background:currentColor;border-radius:1px;width:.45rem;height:.9em;margin-left:.25rem;animation:1s steps(2,start) infinite callCaretBlink;display:inline-block}@keyframes callCaretBlink{to{visibility:hidden}}.call-system-note{color:var(--text-2,#6e6e6e);text-align:center;align-self:center;margin:0;font-size:.75rem;font-weight:500}.call-jump{cursor:pointer;color:var(--text-1,#3f3f3f);background:var(--bg-0,#fff);border:1px solid var(--border-1,#d2d2d2);box-shadow:var(--shadow-md,0 4px 14px #00000014);border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-family:inherit;font-size:.75rem;font-weight:600;animation:.15s ease-out callTextIn;display:inline-flex;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%)}.call-jump:hover{background:var(--surface-1,#f7f7f7)}.call-error{color:var(--danger,#b42318);background:var(--cv2-danger-soft,#fee4e2);border-radius:10px;margin:0 1.25rem;padding:.5rem .75rem;font-size:.8125rem}.call-audio-unlock{font:inherit;color:var(--cv2-accent-contrast,#fff);background:var(--cv2-accent,#003087);cursor:pointer;border:0;border-radius:10px;margin:0 1.25rem;padding:.625rem .75rem;font-size:.875rem;font-weight:600}.call-audio-unlock:focus-visible{outline:2px solid var(--cv2-accent,#003087);outline-offset:2px}.call-dock{border-top:1px solid var(--border-0,#e6e6e6);justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1.25rem .5rem;display:flex}.call-dock-side{flex:1;align-items:center;gap:.625rem;display:inline-flex}.call-dock-side--end{justify-content:flex-end}.call-ctl{cursor:pointer;width:44px;height:44px;color:var(--text-1,#3f3f3f);background:var(--surface-1,#f7f7f7);border:1px solid var(--border-0,#e6e6e6);border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s,color .15s,transform .15s;display:inline-flex}.call-ctl:hover{background:var(--surface-2,#f0f0f0);transform:translateY(-1px)}.call-ctl--muted{background:var(--cv2-warning-soft,#fef0c7);color:var(--warning,#b54708);border-color:#0000}.call-ctl--hangup{color:#fff;background:#d92d20;border-color:#0000}.call-ctl--hangup:hover{background:#b42318}.call-hint{text-align:center;color:var(--text-3,#6e6e6e);margin:0;padding:0 1.25rem .875rem;font-size:.75rem}.call-orb-wrap{flex:none;justify-content:center;align-items:center;width:96px;height:64px;display:flex}.call-orb{--orb-level:0;width:56px;height:56px;transform:scale(calc(1 + var(--orb-level) * .18));justify-content:center;align-items:center;transition:transform 60ms linear;display:flex;position:relative}.call-orb-core{background:radial-gradient(circle at 32% 28%,#f9c74f8c,#0000 42%),radial-gradient(circle at 60% 65%,#0b57d0,#003087 72%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 12px #ffffff2e}.call-orb-halo{opacity:calc(.15 + var(--orb-level) * .85);pointer-events:none;background:radial-gradient(circle,#0b57d06b,#0000 68%);border-radius:50%;transition:opacity 80ms linear;position:absolute;inset:-14px}.call-orb:after{content:"";border:1px solid #0030872e;border-radius:50%;position:absolute;inset:-2px}:root[data-theme=dark] .call-orb:after{border-color:#ffffff24}:root[data-theme=dark] .call-orb-halo{inset:-20px}.call-orb[data-mode=listening] .call-orb-core{background:radial-gradient(circle at 32% 28%,#ffffff80,#0000 42%),radial-gradient(circle at 60% 65%,#12b886,#00756b 72%)}.call-orb[data-mode=listening] .call-orb-halo{background:radial-gradient(circle,#00756b6b,#0000 68%)}.call-orb[data-mode=idle]{animation:4s ease-in-out infinite callOrbBreathe}@keyframes callOrbBreathe{0%,to{transform:scale(.97)}50%{transform:scale(1.02)}}@media (max-width:560px){.call-backdrop{padding:.5rem}.call-card--live{height:min(88vh,720px)}.call-thread{gap:1rem;padding:1rem .875rem 1.25rem}.call-say{font-size:1rem}.call-dock{padding:.75rem .875rem .5rem}}@media (prefers-reduced-motion:reduce){.call-backdrop,.call-say,.call-jump{animation:none}.call-thread{scroll-behavior:auto}.call-bubble-cursor,.call-orb[data-mode=idle],.call-status-pill--active .call-status-dot{animation:none}.call-orb{transition:none;transform:none}}
