.call-ui{--call-bg: #13233d;--call-ink: #ffffff;--call-dim: #c3cee0;--call-line: rgba(255, 255, 255, .16);--call-soft: rgba(255, 255, 255, .08);background:var(--call-bg);color:var(--call-ink);border:1px solid var(--call-line);font-size:12px;line-height:1.3;box-sizing:border-box}.call-ui[data-terminal]{--call-bg: hsl(var(--muted));--call-ink: hsl(var(--foreground));--call-dim: hsl(var(--muted-foreground));--call-line: hsl(var(--border));--call-soft: hsl(var(--background) / .6);box-shadow:none}.call-ui button:focus-visible{outline:2px solid #82b8ff;outline-offset:2px}.call-ui svg{width:18px;height:18px;flex-shrink:0}.call-ui-row{display:flex;align-items:center;gap:6px;min-width:0;width:100%}.call-ui-identity{display:flex;flex:1;min-width:0;align-items:center;gap:9px;min-height:44px;padding:0 6px;text-align:start;border-radius:10px}.call-ui-identity:hover{background:var(--call-soft)}.call-ui-avatar{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:var(--call-soft);border:1px solid var(--call-line);font-size:11px;font-weight:700;color:var(--call-ink);letter-spacing:.02em}.call-ui-summary{display:grid;gap:2px;min-width:0;flex:1}.call-ui-name{font-size:11px;font-weight:600;color:var(--call-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-ui-status{display:flex;align-items:center;gap:6px;min-width:0;font-size:12px;font-weight:650}.call-ui-status-line{display:flex;align-items:center;gap:6px;min-width:0}.call-ui-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-ui-status-stacked{display:grid;gap:1px}.call-ui-status-stacked .call-ui-clock{padding-inline-start:13px;font-size:11px}.call-ui-clock{font-variant-numeric:tabular-nums;font-weight:650;direction:ltr;color:var(--call-dim);flex-shrink:0}.call-ui .call-ui-chevron{width:14px;height:14px;color:var(--call-dim)}.call-ui-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0;background:#9aa5b4}.call-ui-dot[data-tone=live]{background:#5fd68f}.call-ui-dot[data-tone=warn]{background:#f4c15c}.call-ui-dot[data-tone=bad]{background:#ff7d88}.call-ui-dot[data-pulse]{animation:call-ui-pulse 1.6s ease-in-out infinite}@keyframes call-ui-pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.call-ui-dot[data-pulse]{animation:none}}.call-ui-mute{display:flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-width:44px;min-height:44px;padding:0 10px;border:1px solid var(--call-line);border-radius:12px;background:var(--call-soft);font-size:12px;font-weight:700;white-space:nowrap}.call-ui-mute[aria-pressed=true]{background:#f6d58e;color:#33230a;border-color:#f6d58e}.call-ui-mute-compact{padding:0;border-radius:50%}.call-ui-rejoin{display:flex;align-items:center;justify-content:center;gap:8px;background:#e8f7ee;color:#14532d;border-radius:12px;font-weight:700;white-space:nowrap}.call-ui-rejoin-row{min-height:44px;padding:0 12px;font-size:12px;flex-shrink:0}.call-ui .call-ui-rejoin-row svg{width:16px;height:16px}.call-ui-hear{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(244,193,92,.55);background:#f4c15c24;color:#ffd98a;font-weight:700;white-space:nowrap}.call-ui-hear-row{width:100%;min-height:40px;padding:0 12px;border-radius:10px;font-size:12px}.call-ui .call-ui-hear-row svg{width:16px;height:16px}.call-ui-hear-chip{min-height:36px;padding:0 10px;border-radius:999px;font-size:11px;flex-shrink:0}.call-ui .call-ui-hear-chip svg{width:14px;height:14px}.call-ui-hear-large{width:100%;max-width:300px;min-height:48px;padding:0 16px;border-radius:14px;font-size:13px}.call-ui-strip{display:flex;flex-direction:column;gap:4px;flex-shrink:0;z-index:20;border-inline:0;border-radius:0;padding:3px max(8px,env(safe-area-inset-right)) 3px max(8px,env(safe-area-inset-left))}.call-ui-strip[data-strip-at=above-composer]{border-bottom:0}.call-ui-strip[data-strip-at=below-header]{border-top:0}.call-ui-strip>.call-ui-hear{margin-bottom:4px}.call-ui-bar{--call-ink: #ffffff;--call-dim: rgba(255, 255, 255, .85);--call-line: rgba(255, 255, 255, .28);--call-soft: rgba(255, 255, 255, .16);background:transparent;border:0;width:100%;display:flex;flex-direction:column;gap:4px;padding:0}.call-ui-bar[data-terminal]{background:transparent;--call-ink: #ffffff;--call-dim: rgba(255, 255, 255, .85)}.call-ui-bar .call-ui-identity{padding-inline:0;min-height:40px;gap:8px}.call-ui-bar .call-ui-identity:hover{background:var(--call-soft)}.call-ui-bar .call-ui-avatar{width:28px;height:28px}.call-ui-bar .call-ui-mute,.call-ui-bar .call-ui-end-row,.call-ui-bar .call-ui-rejoin-row{min-height:40px}.call-ui-bar .call-ui-end-row{min-width:44px;padding:0}.call-ui-bar .call-ui-clock{color:#fff}.call-ui-end-row{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:40px;min-height:40px;padding:0;border-radius:12px}.call-ui .call-ui-end-row svg{width:18px;height:18px}.call-ui-pill{--call-edge: 12px;--call-side-inset: max(env(safe-area-inset-left), env(safe-area-inset-right));position:absolute;z-index:20;display:flex;flex-direction:column;gap:4px;padding:4px;border-radius:26px;max-width:calc(100% - 2 * var(--call-edge) - 2 * var(--call-side-inset));box-shadow:0 8px 24px #0a162a47}.call-ui-pill[data-corner^=bottom]{bottom:calc(var(--call-edge) + env(safe-area-inset-bottom))}.call-ui-pill[data-corner^=top]{top:var(--call-edge)}.call-ui-pill[data-corner$=-end]{inset-inline-end:calc(var(--call-edge) + var(--call-side-inset))}.call-ui-pill[data-corner$=-start]{inset-inline-start:calc(var(--call-edge) + var(--call-side-inset))}.call-ui-pill .call-ui-identity{flex:0 1 auto;padding:0 4px 0 2px;gap:8px;border-radius:22px}.call-ui-pill .call-ui-label{max-width:150px}.call-ui-pill .call-ui-rejoin-row{border-radius:22px}.call-ui-pill>.call-ui-hear{border-radius:20px}.call-ui-header{display:flex;align-items:center;flex:0 1 420px;min-width:0;padding:2px 3px;border-radius:14px}.call-ui-header[data-audio-prompt]{flex-basis:540px}.call-ui-header .call-ui-row{gap:4px}.call-ui-header .call-ui-identity{min-width:150px;min-height:40px;gap:8px}.call-ui-header .call-ui-mute,.call-ui-header .call-ui-rejoin-row{min-height:40px;min-width:40px}.call-ui-header .call-ui-hear-chip{margin-inline-end:2px}.call-ui-header[data-terminal]{--call-bg: rgba(255, 255, 255, .1);--call-ink: #ffffff;--call-dim: rgba(255, 255, 255, .72);--call-line: rgba(255, 255, 255, .2);--call-soft: rgba(255, 255, 255, .08)}.call-ui-expanded{position:absolute;inset:0;z-index:25;display:flex;align-items:flex-end;justify-content:center}.call-ui-backdrop{position:absolute;inset:0;background:#0812228c}.call-ui-panel{position:relative;width:100%;max-height:100%;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:14px;padding:12px calc(20px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));border-radius:24px 24px 0 0;border-bottom:0;box-shadow:0 -12px 48px #0812224d}.call-ui-panel:focus{outline:none}.call-ui-handle{height:4px;width:36px;background:var(--call-line);border-radius:10px;margin-bottom:4px}.call-ui-avatar-large{height:72px;width:72px;font-size:24px}.call-ui-panel-name{font-size:18px;font-weight:700;text-align:center;margin:0;overflow-wrap:anywhere;max-width:100%}.call-ui-panel>.call-ui-status{justify-content:center;flex-wrap:wrap}.call-ui-panel .call-ui-label{white-space:normal;text-align:center}.call-ui-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-top:4px}.call-ui-mute-large,.call-ui-end,.call-ui-controls .call-ui-rejoin{min-height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;border-radius:14px;font-size:13px;font-weight:700}.call-ui-end{background:#c72f43;color:#fff;border:1px solid #c72f43}.call-ui button.call-ui-end{color:#fff}.call-ui-divider{width:100%;max-width:300px;height:1px;background:var(--call-line);margin-top:4px}.call-ui-end-class{min-height:44px;width:100%;max-width:300px;border-radius:12px;border:1.5px solid rgba(255,125,136,.7);background:transparent;font-size:13px;font-weight:700}.call-ui button.call-ui-end-class{color:#ff9ea7}.call-ui[data-terminal] button.call-ui-end-class{color:hsl(var(--destructive));border-color:hsl(var(--destructive) / .55)}.call-ui-minimize{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:0 16px;font-size:12px;font-weight:600}.call-ui button.call-ui-minimize{color:var(--call-dim)}.call-ui-away{position:fixed;z-index:95;bottom:max(calc(12px + env(safe-area-inset-bottom)),calc(var(--app-bottom-nav-height, 0px) + 8px));inset-inline-start:calc(12px + env(safe-area-inset-left));inset-inline-end:calc(12px + env(safe-area-inset-right));max-width:540px;margin-inline:auto;display:flex;flex-direction:column;gap:4px;padding:4px 4px 4px 12px;border-radius:18px;box-shadow:0 8px 24px #0a162a47}.call-ui-away .call-ui-status{flex:1}.call-ui-away .call-ui-end{min-height:44px;padding:0 12px;font-size:12px;border-radius:12px;flex-shrink:0}.call-ui-away>.call-ui-hear{border-radius:12px}@media(min-width:768px){.call-ui-expanded{align-items:center;padding:20px}.call-ui-panel{width:420px;border-radius:22px;border-bottom:1px solid var(--call-line);padding:28px 24px 18px;box-shadow:0 18px 60px #08122259}.call-ui-handle{display:none}}[data-call-dock=pill] .study-pane{padding-bottom:calc(76px + env(safe-area-inset-bottom))}[data-call-dock=pill][data-call-audio-prompt] .study-pane{padding-bottom:calc(120px + env(safe-area-inset-bottom))}