.qsc-call{--qsc-arabic: "Noto Sans Arabic", "SF Arabic", "Geeza Pro", "Segoe UI", Tahoma, var(--qs-font-sans);--qsc-quiet: color-mix(in srgb, var(--qs-text) 52%, var(--qs-surface));display:grid;gap:0;margin-top:var(--qs-space-7)}.qsc-call__standin{margin:0 0 var(--qs-space-4);padding:10px 12px;border:var(--qs-border) dashed var(--qs-rule-loud);font:400 var(--qs-text-xs)/1.4 var(--qs-font-mono);color:var(--qs-text-secondary)}.qsc-call__bar{position:sticky;top:var(--qs-nav-height);z-index:3;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;column-gap:var(--qs-space-5);padding:var(--qs-space-4) 0;background:var(--qs-surface);border-bottom:var(--qs-border) solid var(--qs-rule)}.qsc-call__play{min-width:10.5rem}.qsc-call__play svg{transition:none}.qsc-call__play:hover svg{transform:none}.qsc-call[data-state=loading] .qsc-call__play svg{animation:qsc-call-wait 1.1s var(--qs-ease) infinite}@keyframes qsc-call-wait{50%{opacity:.35}}.qsc-call__wave{position:relative;height:56px;cursor:pointer;touch-action:pan-y;border-radius:var(--qs-radius-sm)}.qsc-call__wave:focus-visible{outline:2px solid var(--qs-focus);outline-offset:6px}.qsc-call__bars{position:absolute;inset:0;pointer-events:none}.qsc-call__bars svg{display:block;width:100%;height:100%}.qsc-call__bars path{fill:var(--qs-rule)}.qsc-call__bars path.is-rasha{fill:color-mix(in srgb,var(--qs-surface-accent) 38%,var(--qs-surface))}.qsc-call__bars path.is-caller{fill:color-mix(in srgb,var(--qs-text) 26%,var(--qs-surface))}.qsc-call__bars--played path{fill:var(--qs-rule-loud)}.qsc-call__bars--played path.is-rasha{fill:var(--qs-surface-accent)}.qsc-call__bars--played path.is-caller{fill:var(--qs-text)}.qsc-call__head{position:absolute;top:-6px;bottom:-6px;width:1px;margin-left:-.5px;background:var(--qs-text);pointer-events:none;opacity:0}.qsc-call[data-started] .qsc-call__head{opacity:1}.qsc-call__time{margin:0;font:400 var(--qs-text-xs)/1 var(--qs-font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--qs-text-secondary)}.qsc-call__key{display:flex;gap:16px;margin:0;font:400 var(--qs-text-mono)/1 var(--qs-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--qs-text-tertiary)}.qsc-call__key span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--qs-text)}.qsc-call__key .is-rasha:before{background:var(--qs-surface-accent)}.qsc-call__error{margin:var(--qs-space-4) 0 0;font-size:var(--qs-text-xs);color:var(--qs-text-secondary)}.qsc-call__turns{margin:0;padding:0;list-style:none}.qsc-call__turn{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:var(--qs-space-4) 0 var(--qs-space-4) var(--qs-space-5);border-bottom:var(--qs-border) solid var(--qs-rule);scroll-margin-top:calc(var(--qs-nav-height) + 96px);scroll-margin-bottom:var(--qs-space-5);transition:background-color var(--qs-dur-fast) var(--qs-ease)}.qsc-call__turn:before{content:"";position:absolute;left:0;top:var(--qs-space-4);bottom:var(--qs-space-4);width:2px;background:transparent}.qsc-call__turn.is-now:before{background:var(--qs-surface-accent)}.qsc-call__who{font:400 var(--qs-text-mono)/2 var(--qs-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--qs-text-tertiary)}.qsc-call__turn.is-rasha .qsc-call__who{color:var(--qs-text-accent)}.qsc-call__ar{margin:0;font:500 clamp(1.25rem,1.9vw,1.625rem)/1.65 var(--qsc-arabic);color:var(--qs-text);text-align:start}.qsc-call__turn.is-caller .qsc-call__ar{font-weight:400;color:var(--qs-text-secondary)}.qsc-call__ar span{transition:color var(--qs-dur-fast) var(--qs-ease)}.qsc-call__en{margin:0;max-width:56ch;font:400 var(--qs-text-body)/1.55 var(--qs-font-sans);color:var(--qs-text-secondary)}.qsc-call__turn.is-next .qsc-call__ar,.qsc-call__turn.is-next .qsc-call__en,.qsc-call__turn.is-now .qsc-call__ar span:not(.is-said){color:var(--qsc-quiet)}.qsc-call__from{position:absolute;inset:0;z-index:1;width:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer}.qsc-call__from:focus-visible{outline:2px solid var(--qs-focus);outline-offset:-2px}@media(hover:hover)and (pointer:fine){.qsc-call__turn:hover{background:var(--qs-surface-hover)}}@media(min-width:900px){.qsc-call__turn{grid-template-columns:6.5rem minmax(0,1fr) minmax(0,1fr);column-gap:var(--qs-space-6);align-items:baseline;padding-right:var(--qs-space-4)}.qsc-call__who{grid-column:1;grid-row:1}.qsc-call__en{grid-column:2;grid-row:1}.qsc-call__ar{grid-column:3;grid-row:1}}@media(max-width:639px){.qsc-call__bar{grid-template-columns:auto minmax(0,1fr) auto;column-gap:var(--qs-space-4);padding:var(--qs-space-3) 0}.qsc-call__play{min-width:0;width:48px;padding:0}.qsc-call__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.qsc-call__key{display:none}.qsc-call__wave{height:44px}.qsc-call__turn{padding-left:var(--qs-space-4)}}@media(prefers-reduced-motion:reduce){.qsc-call__turn,.qsc-call__ar span{transition:none}.qsc-call[data-state=loading] .qsc-call__play svg{animation:none}}