.broadcast{direction:ltr;background:#0f0f0f;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.broadcast__canvas{--canvas-w:1920px;--canvas-h:1080px;width:var(--canvas-w);height:var(--canvas-h);transform-origin:50%;transform:rotate(var(--bc-rot,0deg)) scale(var(--bc-scale,1));--gap:20px;--sub-fs:42px;--sub-lh:70px;--bar-pad-top:14px;--bar-h:calc(var(--bar-pad-top) + var(--sub-lh));--bar-count:2;--bar-gap:12px;--bars-total-h:calc(var(--bar-count) * var(--bar-h) + (var(--bar-count) - 1) * var(--bar-gap));--stage-h:calc(var(--canvas-h) - 3 * var(--gap) - var(--bars-total-h));--verse-glow:0 0 12px #e9d7a340;flex:none;position:relative;overflow:visible}.broadcast__stage{top:var(--gap);left:var(--gap);right:var(--gap);bottom:calc(var(--bars-total-h) + 2 * var(--gap));align-items:stretch;gap:var(--gap);z-index:1;display:flex;position:absolute}.broadcast__video-col{flex:1 1 0;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.broadcast__video-col--hidden{display:none}.broadcast__video{z-index:1;width:min(100%, calc(var(--stage-h) * 16 / 9));aspect-ratio:16/9;object-fit:contain;background:0 0;border-radius:18px;max-width:100%;height:auto;max-height:100%;display:block;position:relative;overflow:hidden}.broadcast__bars{bottom:var(--gap);left:var(--gap);right:var(--gap);z-index:8;pointer-events:none;gap:var(--bar-gap);flex-direction:column;display:flex;position:absolute}.broadcast__bar{box-sizing:border-box;width:100%;font-size:var(--sub-fs);height:var(--bar-h);white-space:nowrap;-webkit-backdrop-filter:none;padding:var(--bar-pad-top) 16px 0;background:#272727d9;border:none;border-radius:18px;transition:none;animation:none;overflow:hidden}.broadcast__bar[dir=rtl]{text-align:right}.broadcast__bar[dir=ltr]{text-align:left}.broadcast__text{font-size:inherit;font-weight:700;line-height:var(--sub-lh);color:#fff;text-shadow:none;margin:0;padding:0}.broadcast__text:after{content:"";width:16px;display:inline-block}.broadcast__text--rtl{font-family:var(--font-amiri), "Amiri", serif}.broadcast__text--ltr{font-family:var(--font-cairo), "Cairo", sans-serif}.broadcast__glow{width:min(100%, calc(var(--stage-h) * 16 / 9));aspect-ratio:16/9;transform-origin:50%;z-index:0;opacity:.6;filter:blur(120px)saturate(1.6)brightness(1.05);pointer-events:none;max-width:100%;height:auto;max-height:100%;transition:opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.15)}.broadcast__surah{opacity:.5;font-size:.85em;font-weight:600}.broadcast__verse{color:var(--verse-gold,#e9d7a3);text-shadow:var(--verse-glow,none)}.broadcast__ayah{vertical-align:-.32em;width:auto;height:1.35em;margin:0 .04em}.broadcast__unread,.broadcast__fringe{opacity:0}.broadcast__fringe--1{opacity:.55}.broadcast__fringe--2{opacity:.3}.broadcast__fringe--3{opacity:.12}.broadcast__pointer{vertical-align:-.14em;opacity:.8;width:.11em;height:.95em;box-shadow:0 0 .55em var(--pointer-glow,currentColor);background:currentColor;border-radius:.06em;margin:0 -.055em;animation:1.5s ease-in-out infinite caption-pointer;display:inline-block}@keyframes caption-pointer{0%,to{opacity:.8}50%{opacity:.28}}@media (prefers-reduced-motion:reduce){.broadcast__pointer{animation:none}}.broadcast__ghost-anchor{height:0;display:block;position:relative}.broadcast__ghost{top:0;pointer-events:none;width:100%;animation:.26s ease-out forwards caption-swap-out;position:absolute;inset-inline-start:0}@keyframes caption-swap-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.broadcast__ghost{opacity:0;animation:none}}.broadcast__status-overlay{-webkit-backdrop-filter:blur(20px);z-index:15;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.broadcast__status-text{font-family:var(--font-cairo);color:var(--cyan);text-align:center;font-size:24px;font-weight:700}.broadcast__status-subtext{font-family:var(--font-cairo);color:var(--text-muted);text-align:center;font-size:16px;font-weight:400}.broadcast__indicator{-webkit-backdrop-filter:blur(10px);z-index:10;background:#0009;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;display:flex;position:absolute;top:16px;right:16px}.broadcast__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.broadcast__dot--green{background:var(--green);box-shadow:0 0 6px #4caf5080}.broadcast__dot--cyan{background:var(--cyan);box-shadow:0 0 6px var(--cyan-dim);animation:1.2s ease-in-out infinite broadcast-pulse}.broadcast__dot--red{background:var(--red);box-shadow:0 0 6px var(--red-dim)}.broadcast__dot--dim{background:var(--text-muted);opacity:.4}.broadcast__dot--amber{background:#ffc107;animation:1.2s ease-in-out infinite broadcast-pulse;box-shadow:0 0 6px #ffc10766}.broadcast__indicator-label{font-family:var(--font-cairo);color:#ffffffb3;font-size:13px;font-weight:700}@keyframes broadcast-pulse{0%,to{opacity:1}50%{opacity:.4}}.broadcast__waiting-pulse{background:var(--cyan-dim);border:2px solid var(--cyan);border-radius:50%;width:60px;height:60px;animation:2s ease-in-out infinite waitPulse}@keyframes waitPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.broadcast__idle{z-index:12;background:#0f0f0f;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:-100%}.broadcast__idle-logo{width:160px;height:160px;box-shadow:0 0 0 1px #ffffff0f, 0 0 60px var(--cyan-glow);border-radius:28px}.broadcast__idle-wordmark{font-family:var(--font-cairo);color:var(--text);letter-spacing:.02em;font-size:40px;font-weight:700}.broadcast__idle-tagline{font-family:var(--font-cairo);color:var(--text-muted);font-size:18px;font-weight:400}.broadcast__overlay-logo{border-radius:18px;width:96px;height:96px;margin-bottom:4px}.splash{text-align:center;background:var(--bg);color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:40px 20px;display:flex;position:fixed;inset:0}.splash__logo{width:96px;height:96px;box-shadow:0 0 0 1px var(--panel-border), 0 0 48px var(--cyan-glow);border-radius:20px}.splash__wordmark{font-family:var(--font-cairo);color:var(--text);letter-spacing:.02em;font-size:1.6rem;font-weight:700}.splash__label{font-family:var(--font-cairo);color:var(--text-muted);font-size:.9rem;animation:1.6s ease-in-out infinite splash-pulse}@keyframes splash-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.splash__label{animation:none}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050511;--surface:#1e283c66;--surface-border:#ffffff14;--input-bg:#1e283c99;--cyan:#00e5ff;--cyan-dim:#00e5ff33;--cyan-border:#00e5ff4d;--cyan-glow:#00e5ff0d;--red:#ff3b30;--red-dim:#ff3b301a;--red-border:#ff3b304d;--text:#f0f0f5;--text-muted:#a0aab5;--green:#4caf50;--font-cairo:"Cairo", sans-serif;--font-amiri:"Amiri", serif;--gold:#d4a843;--gold-dim:#d4a84326;--gold-border:#d4a8434d;--verse-gold:#e9d7a3;--svg-sky:#bedffa;--svg-lavender:#d8d0f8;--svg-pink:#f2ccf3;--ambient-base:#0f0f0f;--panel:#272727b8;--panel-strong:#272727d9;--panel-border:#ffffff1a;--panel-inset:#1414168c;--scrollbar-thumb:#ffffff38;--scrollbar-thumb-hover:#ffffff57;--scrollbar-track:transparent;--font-heading:"Cairo", "Segoe UI", sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);margin:0;padding:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}body{background:var(--bg);color:var(--text);font-family:var(--font-cairo);-webkit-font-smoothing:antialiased;min-height:100dvh}#root{flex-direction:column;min-height:100dvh;display:flex}.page-fit{height:100dvh;display:flex;overflow-y:auto}