.channel-link{display:inline-flex;align-items:center;gap:6px;margin-top:1.25rem;font-family:Manrope,sans-serif;font-size:.85rem;font-weight:700;color:var(--color-accent-electric-bright)}.channel-link .material-symbols-outlined{font-size:16px;transition:transform .25s var(--ease-out-expo)}.panel:hover .channel-link .material-symbols-outlined{transform:translate(3px)}.call-player{position:relative;padding:1.25rem;color:var(--color-on-ink)}@media(max-width:640px){.call-player{padding:1rem}}.call-player .call-langs{display:flex;flex-wrap:wrap;gap:0 .25rem;margin:0 0 1rem;border-bottom:1px solid var(--ink-border)}.call-player .call-lang{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;margin:0 0 -1px;padding:.5rem .625rem .7rem;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--color-on-ink-variant);font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;line-height:1.3;cursor:pointer;transition:border-color .25s var(--ease-out-expo),color .25s var(--ease-out-expo)}.call-player .call-lang:hover:not([aria-checked=true]){border-bottom-color:var(--ink-border-strong);color:var(--color-on-ink)}.call-player .call-lang[aria-checked=true]{border-bottom-color:var(--color-accent-electric);color:var(--color-on-ink);font-weight:600}.call-player .call-lang .lang-flag{width:20px;height:20px;flex:0 0 auto;border-radius:3px}@media(max-width:480px){.call-player .call-lang{padding-inline:.5rem}.call-player .call-lang__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.call-player .call-lang .lang-flag{width:24px;height:24px}}.call-player .call-scenario{margin:0 0 1rem;font-family:Inter,sans-serif;font-size:.9rem;line-height:1.55;color:var(--color-on-ink-variant);min-height:1.4em}.call-player .call-figure{margin:0}.call-player .call-figure__head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;margin-bottom:.75rem}.call-player .call-party{display:inline-flex;align-items:center;gap:.6rem;font-family:Inter,sans-serif;font-size:.85rem;color:var(--color-on-ink)}.call-player .call-party__role{color:var(--color-on-ink-muted)}.call-player .call-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:700}.call-player .call-avatar--agent{background:var(--color-accent-electric);color:#fff}.call-player .call-avatar--customer{background:#98a2b82e;color:var(--color-on-ink);border:1px solid var(--ink-border-strong)}.call-player .call-status{flex:1 1 100%;min-height:1.25rem}.call-player .call-status:empty{min-height:0}.call-player .call-transcript{position:relative;height:22rem;margin:0;padding:0 .5rem 0 0;list-style:none;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid var(--ink-border);border-bottom:1px solid var(--ink-border);scrollbar-width:thin}@media(max-width:640px){.call-player .call-transcript{height:16rem}}.call-player .call-turn{margin:0;padding:0}.call-player .call-turn__btn{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:0 .75rem;align-items:baseline;width:100%;padding:.6rem .75rem;border:0;border-inline-start:2px solid transparent;border-radius:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer;transition:background-color .25s var(--ease-out-expo),border-color .25s var(--ease-out-expo)}.call-player .call-turn__btn:hover{background:#98a2b80f}.call-player .call-turn.is-active .call-turn__btn{border-inline-start-color:var(--color-accent-electric);background:#4f7cff17}.call-player .call-turn__who{font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;white-space:nowrap;color:var(--color-on-ink-variant)}.call-player .call-turn--agent .call-turn__who{color:var(--color-accent-electric-bright)}.call-player .call-turn__text{font-family:Inter,sans-serif;font-size:.9rem;line-height:1.55;color:var(--color-on-ink)}.call-player .call-turn.is-active .call-turn__text{color:#fff}.call-player .call-turn__time{min-height:24px;font-family:Space Grotesk,sans-serif;font-size:.72rem;font-variant-numeric:tabular-nums;color:var(--color-on-ink-muted)}@media(max-width:480px){.call-player .call-turn__btn{grid-template-columns:minmax(0,1fr) auto}.call-player .call-turn__who{grid-column:1 / -1}}.call-player .call-transcript[dir=rtl] .call-turn__time{direction:ltr}.call-player .call-controls{display:flex;align-items:center;gap:.9rem;padding-top:1rem}.call-player .call-play{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;padding:0;border:0;border-radius:2px;background:#fff;color:#0a0e16;cursor:pointer;transition:background-color .25s var(--ease-out-expo),transform .25s var(--ease-out-expo)}.call-player .call-play:hover:not(:disabled){background:var(--color-accent-electric-bright)}.call-player .call-play:active:not(:disabled){transform:scale(.96)}.call-player .call-play:disabled{opacity:.4;cursor:default}.call-player .call-play:focus-visible{outline-offset:3px}.call-player .call-play__icon{width:22px;height:22px;fill:currentColor}.call-player .call-play__icon--pause,.call-player.is-playing .call-play__icon--play{display:none}.call-player.is-playing .call-play__icon--pause{display:block}.call-player .call-scrub{position:relative;flex:1 1 auto;min-width:0;height:64px}.call-player .call-wave{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.call-player .call-wave__base .call-wave__agent,.call-player .call-wave__base .call-wave__customer{fill:var(--color-on-ink-variant);opacity:.3}.call-player .call-wave__played .call-wave__agent{fill:var(--color-accent-electric)}.call-player .call-wave__played .call-wave__customer{fill:var(--color-on-ink)}.call-player .call-wave__midline{stroke:var(--ink-border-strong);stroke-width:1}.call-player .call-range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.call-player .call-range:focus-visible{outline-offset:0}.call-player .call-range:disabled{cursor:default}.call-player .call-range::-webkit-slider-runnable-track{height:100%;background:transparent}.call-player .call-range::-moz-range-track{height:100%;background:transparent}.call-player .call-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2px;height:64px;border:0;border-radius:0;background:var(--color-on-ink)}.call-player .call-range::-moz-range-thumb{width:2px;height:64px;border:0;border-radius:0;background:var(--color-on-ink)}.call-player .call-time{flex:0 0 auto;font-family:Space Grotesk,sans-serif;font-size:.78rem;font-variant-numeric:tabular-nums;color:var(--color-on-ink-variant);white-space:nowrap}@media(max-width:480px){.call-player .call-time{display:none}}.call-player.is-loading .call-transcript,.call-player.is-buffering .call-controls{opacity:.6}.call-player.has-error .call-controls{opacity:.4}.call-player .call-placeholder{margin:.75rem 0 0;padding:.5rem .75rem;border:1px dashed var(--ink-border-strong);font-family:Inter,sans-serif;font-size:.78rem;color:var(--color-on-ink-variant)}.call-player .call-caption{margin:.9rem 0 0;line-height:1.5}@media(prefers-reduced-motion:reduce){.call-player .call-lang,.call-player .call-turn__btn,.call-player .call-play{transition:none}.call-player .call-transcript{scroll-behavior:auto}}