:root{color-scheme:dark;--bg: #050608;--bg-soft: #0b0f14;--ink: #f7f5f0;--muted: rgba(247, 245, 240, .66);--accent: #ff6a3d;--accent-soft: rgba(255, 106, 61, .14);--line: rgba(247, 245, 240, .12);--subtitle-line: rgba(247, 245, 240, .08);--dock-bg: rgba(9, 12, 17, .84);--dock-shadow: 0 20px 48px rgba(0, 0, 0, .28);--subtitle-font: "Avenir Next", "IBM Plex Sans", "Segoe UI", sans-serif;--persian-font: "Vazirmatn", "Noto Sans Arabic", Tahoma, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%}body{min-height:100vh;min-height:100svh;overflow-x:hidden;background:radial-gradient(circle at top,rgba(255,106,61,.16),transparent 30%),linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%);color:var(--ink);font-family:var(--subtitle-font);-webkit-text-size-adjust:100%}button,input,textarea,select{font:inherit}.skipLink{position:absolute;left:16px;top:12px;z-index:4;padding:10px 14px;border-radius:999px;background:#f7f5f0f5;color:#14181f;text-decoration:none;transform:translateY(-180%);transition:transform .16s ease}.skipLink:focus{transform:translateY(0)}.shell{min-height:100vh;min-height:100svh;max-width:44rem;margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom)) 18px;display:grid;grid-template-rows:auto 1fr auto;gap:18px}.shell[data-reader-mode=true]{grid-template-rows:1fr;gap:0}.listenerChrome{display:grid;gap:18px;transition:opacity .22s ease,transform .22s ease,max-height .22s ease,margin .22s ease}.listenerChrome[data-reader-mode=true]{max-height:0;margin:0;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(-28px)}.topRail{display:flex;align-items:center;justify-content:space-between;gap:16px}.hero{display:grid;align-content:center;justify-items:start;gap:12px;text-align:left;padding:8px 0 4px}.eyebrow{margin:0;color:var(--muted);font-size:.85rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.heroHint{margin:0;color:#f7f5f0d1;font-size:.98rem;line-height:1.45;text-wrap:balance}.language{margin:0;color:var(--accent);font-size:.98rem;font-weight:700;letter-spacing:.04em}.state{margin:0;max-width:10ch;font-size:clamp(2.5rem,15vw,5.2rem);line-height:.92;letter-spacing:-.05em;text-wrap:balance}.state[data-state=live]{color:var(--ink)}.state[data-state=blocked],.state[data-state=reconnecting],.state[data-state=error],.state[data-state=buffering]{color:var(--accent)}.statusPulse{display:inline-grid;grid-auto-flow:column;gap:8px;align-items:end;min-height:22px;opacity:0;transform:translateY(-2px);transition:opacity .18s ease}.statusPulse[data-visible=true]{opacity:1}.statusPulse span{width:5px;height:10px;border-radius:999px;background:#ff6a3ddb;animation:signal-pulse 1.1s ease-in-out infinite;transform-origin:center bottom}.statusPulse span:nth-child(2){animation-delay:.12s}.statusPulse span:nth-child(3){animation-delay:.24s}.statusPulse[data-state=waiting] span{background:#f7f5f080}.statusCard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.statusTile{min-height:96px;padding:14px;border:1px solid var(--subtitle-line);border-radius:22px;background:#f7f5f00a;display:grid;align-content:start;gap:8px}.statusLabel{margin:0;color:var(--muted);font-size:.84rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.statusValue{margin:0;color:#f7f5f0f0;font-size:1rem;line-height:1.45}.subtitlePanel{position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr);min-height:0;align-self:stretch;width:100%;padding:18px;border:1px solid var(--line);border-radius:28px;background:#f7f5f00a;overflow:clip}.subtitlePanel[data-reader-mode=true]{display:flex;flex-direction:column;padding:0;border-color:transparent;border-radius:0;background:transparent;height:calc(100vh - max(20px,env(safe-area-inset-top)) - 22px - env(safe-area-inset-bottom));height:calc(100svh - max(20px,env(safe-area-inset-top)) - 22px - env(safe-area-inset-bottom));min-height:calc(100vh - max(20px,env(safe-area-inset-top)) - 22px - env(safe-area-inset-bottom));min-height:calc(100svh - max(20px,env(safe-area-inset-top)) - 22px - env(safe-area-inset-bottom))}.subtitleHeader{grid-row:1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--subtitle-line)}.subtitleHeaderCopy{display:grid;gap:8px}.subtitleStatusStrip{flex:0 0 auto;display:flex;justify-content:flex-end}.readerStatus{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;border:1px solid rgba(247,245,240,.1);border-radius:999px;background:#f7f5f00d;color:#f7f5f0e0;font-size:.9rem;line-height:1.35;text-align:right;max-width:min(58vw,22rem)}.subtitlePanel[data-reader-mode=true] .subtitleHeader{position:sticky;top:0;z-index:2;padding:8px 0 18px;background:linear-gradient(180deg,#050608fc,#050608e6 76%,#05060800);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.copyEyebrow,.subtitleLead{margin:0}.copyEyebrow{color:var(--muted);font-size:.86rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.subtitleLead{color:#f7f5f0d6;font-size:.98rem;line-height:1.55}.subtitlePanel[data-reader-mode=true] .subtitleLead{max-width:38rem;color:#f7f5f0ad;font-size:.92rem;line-height:1.48}.sessionSummary{grid-row:2;display:grid;gap:14px;margin-top:16px;padding:16px;border:1px solid rgba(247,245,240,.1);border-radius:24px;background:linear-gradient(180deg,#f7f5f00d,#f7f5f008)}.sessionSummary[data-status=ready]{border-color:#ff6a3d3d;background:linear-gradient(180deg,#ff6a3d1f,#f7f5f00a)}.sessionSummary[data-status=pending]{border-color:#f7f5f029}.sessionSummary[data-status=failed]{border-color:#f7f5f01f;background:linear-gradient(180deg,#f7f5f00a,#f7f5f005)}.sessionSummaryHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sessionSummaryCopy{display:grid;gap:8px}.sessionSummaryMeta,.sessionSummaryBody{margin:0}.sessionSummaryMeta{color:#f7f5f0b8;font-size:.94rem;line-height:1.5}.sessionSummaryStatus{display:inline-flex;align-items:center;min-height:36px;padding:6px 12px;border:1px solid rgba(247,245,240,.1);border-radius:999px;background:#f7f5f00d;color:#f7f5f0e6;font-size:.88rem;font-weight:600;white-space:nowrap}.sessionSummary[data-status=ready] .sessionSummaryStatus{border-color:#ff6a3d3d;background:#ff6a3d24}.sessionSummaryBody{color:#f7f5f0f5;font-size:1rem;line-height:1.72;white-space:pre-line;text-wrap:pretty}.subtitlePanel[data-reader-mode=true] .sessionSummary{margin-top:12px;padding:18px;border-radius:8px}.subtitlePanel[data-reader-mode=true] .sessionSummaryBody{font-size:clamp(1.06rem,4.6vw,1.32rem);line-height:1.78}.subtitles{grid-row:3;display:grid;gap:12px;padding-top:16px;padding-bottom:20px;min-height:0;overflow-y:auto;align-content:start;scroll-behavior:smooth;overscroll-behavior:contain;scrollbar-gutter:stable}.subtitlePanel[data-reader-mode=true] .subtitles{flex:1 1 auto;gap:0;min-height:0;padding:12px 0 calc(36px + env(safe-area-inset-bottom));scroll-padding-bottom:calc(36px + env(safe-area-inset-bottom))}.subtitleCard{position:relative;display:grid;grid-template-columns:3px minmax(0,1fr);gap:16px;align-items:stretch;padding:16px 0;border-block-start:1px solid rgba(247,245,240,.07);background:transparent;transition:background-color .18s ease,border-color .18s ease,opacity .18s ease;transform-origin:top center}.subtitleCard[data-rank="0"]{border-color:#ff6a3d47;background:linear-gradient(90deg,#ff6a3d14,#ff6a3d00)}.subtitleCard[data-rank="1"]{border-color:#f7f5f01a;background:transparent}.subtitleCard[data-rank="2"]{border-color:#f7f5f014;background:transparent}.subtitleCard[data-rank="3"]{border-color:#f7f5f00e;background:transparent}.subtitleCard[data-path=refine]{border-color:#ff6a3d33}.subtitleCard[data-final=false]{border-style:dashed}.subtitleAccent{width:3px;min-height:100%;border-radius:999px;background:#ff6a3d52;align-self:stretch;transition:background-color .18s ease,box-shadow .18s ease,opacity .18s ease}.subtitleCard[data-rank="0"] .subtitleAccent{background:var(--accent);box-shadow:0 0 0 1px #ff6a3d33}.subtitleCard[data-rank="1"] .subtitleAccent{background:#ff6a3d8f}.subtitleCard[data-rank="2"] .subtitleAccent{background:#f7f5f042}.subtitleLine{margin:0;font-size:clamp(1.08rem,4.6vw,1.44rem);line-height:1.68;color:#f7f5f0f0;text-wrap:pretty;word-break:normal;overflow-wrap:anywhere}.subtitleCard[data-rank="0"] .subtitleLine{color:#f7f5f0fc;font-weight:650}.subtitleCard[data-rank="1"] .subtitleLine{color:#f7f5f0eb}.subtitleCard[data-rank="2"] .subtitleLine{color:#f7f5f0d6}.subtitleCard[data-rank="3"] .subtitleLine{color:#f7f5f0c7}.subtitlePanel[data-reader-mode=true] .subtitleLine{font-size:clamp(1.2rem,5.2vw,1.72rem);line-height:1.76}.subtitleCard[data-fresh=true]{border-color:#ff6a3d4d}.subtitleCard[data-fresh=true] .subtitleAccent{animation:subtitle-accent-pulse .82s cubic-bezier(.22,1,.36,1)}.subtitlePlaceholder{margin:0;padding:16px 0 0;color:#f7f5f0c2;font-size:clamp(1.05rem,4.6vw,1.32rem);line-height:1.7;text-wrap:pretty}.jumpToLiveButton{position:absolute;right:0;bottom:calc(8px + env(safe-area-inset-bottom));z-index:3;min-height:44px;padding:8px 16px;border:1px solid rgba(255,106,61,.28);border-radius:999px;background:#ff6a3df0;color:#fffaf6;font-weight:700;cursor:pointer;box-shadow:0 14px 36px #00000052}.jumpToLiveButton:focus-visible{outline:2px solid #fffaf6;outline-offset:3px}.controls{display:grid;gap:12px}.controlDock{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom));z-index:2;width:100%;padding:14px;border:1px solid rgba(247,245,240,.1);border-radius:28px;background:var(--dock-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--dock-shadow)}.dockMeta{display:flex;align-items:center;justify-content:space-between;gap:12px}.audioStatus{margin:0;min-height:1.4em;color:var(--muted);font-size:.94rem;line-height:1.4}.audioStatus[data-state=ready]{color:var(--ink)}.audioStatus[data-state=blocked]{color:var(--accent)}.audioStatus[data-state=buffering]{color:#f7f5f0e0}.primaryButton{width:100%;min-height:68px;padding:18px 24px;border:0;border-radius:999px;background:var(--accent);color:#fffaf6;font-size:1.08rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease;box-shadow:0 18px 48px #ff6a3d33;touch-action:manipulation}.primaryButton[data-action=mute]{background:#f7f5f014;color:var(--ink);box-shadow:none}.primaryButton[data-action=retry]{background:#ff6a3d33;color:var(--ink)}.primaryButton:hover{transform:translateY(-1px)}.primaryButton:focus-visible,.textToggle:focus-visible,.jumpToLiveButton:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.textToggle{flex:0 0 auto;min-height:44px;border:0;padding:6px 0 6px 10px;background:transparent;color:var(--muted);cursor:pointer;font-size:.98rem;touch-action:manipulation}[lang=fa] .language,[lang=fa] .subtitlePanel,[lang=fa] .subtitleCard,[lang=fa] .subtitleLine,[lang=fa] .subtitlePlaceholder{font-family:var(--persian-font)}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:721px){.shell{padding:max(28px,env(safe-area-inset-top)) 28px calc(28px + env(safe-area-inset-bottom)) 28px;gap:26px}.hero{justify-items:center;text-align:center}.statusCard,.topRail{justify-content:center}.dockMeta{justify-content:center;gap:18px}.audioStatus{text-align:center}}@media(max-width:420px){.shell{padding-inline:14px}.statusCard{grid-template-columns:1fr}.controlDock{border-radius:24px;padding:12px}.subtitlePanel{border-radius:24px;padding:16px}.subtitlePanel[data-reader-mode=true]{border-radius:0;padding:0}.subtitleHeader,.sessionSummaryHeader{flex-direction:column;align-items:flex-start}.subtitleStatusStrip{width:100%;justify-content:flex-start}.readerStatus{max-width:100%;text-align:left}.subtitlePanel[data-reader-mode=true] .subtitleHeader{gap:8px}.subtitlePanel[data-reader-mode=true] .subtitleLine{font-size:clamp(1.18rem,5.4vw,1.48rem)}.dockMeta{flex-direction:column;align-items:flex-start;gap:6px}.textToggle{padding-left:0}}@keyframes signal-pulse{0%,to{opacity:.4;transform:scaleY(.72)}50%{opacity:1;transform:scaleY(1.45)}}@keyframes subtitle-accent-pulse{0%{opacity:.68;box-shadow:0 0 #ff6a3d00}45%{opacity:1;box-shadow:0 0 0 8px #ff6a3d29}to{opacity:1;box-shadow:0 0 #ff6a3d00}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.skipLink{transition:none}}