.broadcast{direction:ltr;background:#0f0f0f;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.broadcast--in-page{width:100%;max-width:min(1100px, max(280px, calc((100dvh - var(--portal-nav-h,80px) - var(--portal-foot-h,62px) - 2rem) * 16 / 9)));aspect-ratio:16/9;box-shadow:0 0 0 1px var(--color-border), var(--color-shadow-sm);transition:box-shadow var(--theme-fade) var(--theme-ease);border-radius:16px;margin:0 auto;position:relative;inset:auto}.broadcast__canvas{transform-origin:50%;width:1920px;height:1080px;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) + 2 * var(--sub-lh));--bars-total-h:calc(2 * var(--bar-h));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:auto;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.broadcast__qr-col{flex:0 0 38%;justify-content:center;align-items:center;min-width:0;height:100%;display:flex}.broadcast__video{z-index:1;object-fit:contain;background:0 0;border-radius:18px;width:100%;max-width:100%;height:auto;max-height:100%;display:block;position:relative;overflow:hidden}.broadcast__qr{aspect-ratio:1154/1363;max-width:100%;height:100%;position:relative}.broadcast__qr-art{object-fit:contain;width:100%;height:100%;display:block}.broadcast__qr-slot{justify-content:center;align-items:center;width:36.83%;height:33.02%;display:flex;position:absolute;top:42.7%;left:31.28%}.broadcast__qr-code{aspect-ratio:1;width:100%;height:auto;display:block}.broadcast__bars{bottom:var(--gap);left:var(--gap);right:var(--gap);z-index:8;pointer-events:none;background:#272727d9;border-radius:18px;position:absolute;overflow:hidden}.broadcast__bar{box-sizing:border-box;width:100%;font-size:var(--sub-fs);height:var(--bar-h);-webkit-backdrop-filter:none;padding:var(--bar-pad-top) 16px 0;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;background:0 0;border:none;border-radius:0;transition:none;animation:none;overflow:hidden auto}.broadcast__bar::-webkit-scrollbar{display:none}.broadcast__bar[dir=rtl]{text-align:right}.broadcast__bar[dir=ltr]{text-align:left}.broadcast__bar--translation{border-top:1px solid #ffffff14}.broadcast__text{font-size:inherit;font-weight:700;line-height:var(--sub-lh);color:#fff;text-shadow:none;margin:0;padding:0}.broadcast__text--rtl{font-family:var(--font-amiri), "Amiri", serif}.broadcast__text--ltr{font-family:var(--font-cairo), "Cairo", sans-serif}.broadcast__surah{opacity:.5;font-size:.85em;font-weight:600}.broadcast__verse{color:var(--verse-gold,#e9d7a3);text-shadow:0 0 12px #e9d7a340}.broadcast__ayah{vertical-align:-.32em;width:auto;height:1.35em;margin:0 .04em}.broadcast__glow{transform-origin:50%;z-index:0;opacity:.6;filter:blur(120px)saturate(1.6)brightness(1.05);pointer-events:none;width:100%;height:auto;max-height:100%;transition:opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.15)}.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);direction:rtl;font-size:18px;font-weight:400}.broadcast__overlay-logo{border-radius:18px;width:96px;height:96px;margin-bottom:4px}.soniox-test{direction:ltr;flex-direction:column;align-items:center;gap:1rem;min-height:100vh;padding:1.5rem;display:flex}.soniox-test__title{color:var(--text);font-size:1.8rem;font-weight:700}.soniox-test__subtitle{color:var(--text-muted);margin-top:-.5rem;font-size:.95rem}.soniox-test__badges{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.soniox-test__badge{border:1px solid var(--surface-border);background:var(--surface);color:var(--text-muted);border-radius:999px;padding:.35rem 1rem;font-size:.85rem;font-weight:600}.soniox-test__badge[data-status=capturing],.soniox-test__badge[data-status=connected]{color:var(--green);border-color:#4caf504d}.soniox-test__badge[data-status=connecting]{color:var(--cyan);border-color:var(--cyan-border)}.soniox-test__badge[data-status=error]{color:var(--red);border-color:var(--red-border)}.soniox-test__error{color:var(--red);background:var(--red-dim);border:1px solid var(--red-border);text-align:center;border-radius:8px;max-width:500px;padding:.6rem 1rem;font-size:.85rem}.soniox-test__panels{flex:1;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;max-width:1200px;display:grid}.soniox-test__panel{background:var(--surface);border:1px solid var(--surface-border);border-radius:12px;flex-direction:column;min-height:300px;padding:1.25rem;display:flex}.soniox-test__panel h2{color:var(--cyan);border-bottom:1px solid var(--surface-border);margin-bottom:.75rem;padding-bottom:.5rem;font-size:1rem;font-weight:600}.soniox-test__panel--ar{text-align:right;direction:rtl;order:2}.soniox-test__panel--en{text-align:left;direction:ltr;order:1}.soniox-test__history{scroll-behavior:smooth;flex:1;max-height:60vh;overflow-y:auto}.soniox-test__finalized{color:var(--text);margin-bottom:.5rem;font-size:1.1rem;line-height:1.6}.soniox-test__preview{color:var(--text-muted);opacity:.7;font-size:1.1rem;font-style:italic;line-height:1.6}.soniox-test__controls{margin-top:.5rem;padding-bottom:1rem}.soniox-test__btn{font-family:var(--font-cairo);cursor:pointer;border:none;border-radius:8px;padding:.7rem 2rem;font-size:1.1rem;font-weight:600;transition:opacity .15s}.soniox-test__btn:hover{opacity:.85}.soniox-test__btn--start{background:var(--cyan);color:#050511}.soniox-test__btn--stop{background:var(--red);color:#fff}.landing{background:var(--bg);color:var(--text);direction:ltr;padding:2rem 1.25rem}.landing__card{border:1px solid var(--panel-border);background:var(--panel);width:100%;max-width:34rem;box-shadow:0 0 72px var(--cyan-glow);border-radius:18px;flex-direction:column;margin:auto;padding:2rem 1.75rem;display:flex}.landing__brand{align-items:center;gap:.7rem;margin-bottom:1.75rem;display:flex}.landing__logo{width:44px;height:44px;box-shadow:0 0 0 1px var(--panel-border), 0 0 22px var(--cyan-glow);border-radius:10px;flex-shrink:0}.landing__wordmark{font-family:var(--font-cairo);color:var(--text);letter-spacing:.01em;font-size:1.3rem;font-weight:700}.landing__headline{font-family:var(--font-cairo);color:var(--text);margin-bottom:1.1rem;font-size:1.65rem;font-weight:700;line-height:1.3}.landing__body{font-family:var(--font-cairo);color:var(--text-muted);margin-bottom:1.75rem;font-size:1rem;line-height:1.7}.landing__cta{font-family:var(--font-cairo);color:var(--text);border:1px solid var(--cyan-border);background:var(--cyan-glow);border-radius:12px;margin-bottom:1.75rem;padding:1rem 1.1rem;font-size:1rem;line-height:1.7}.landing__mail{color:var(--cyan);border-bottom:1px solid var(--cyan-border);word-break:break-word;font-weight:700;text-decoration:none}.landing__mail:hover{border-bottom-color:var(--cyan)}.landing__signin{font-family:var(--font-cairo);color:var(--text-muted);align-self:flex-start;align-items:center;min-height:44px;font-size:.85rem;text-decoration:none;transition:color .15s;display:inline-flex}.landing__signin:hover{color:var(--cyan)}@media (width>=40rem){.landing__card{padding:2.5rem}.landing__headline{font-size:1.9rem}}.splash{text-align:center;background:var(--bg);color:var(--text);direction:ltr;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;--color-primary:#60a5fa;--color-primary-light:#93c5fd;--color-primary-dark:#2563eb;--color-accent:#60a5fa;--color-bg:#f7f8fa;--color-surface:#fff;--color-text:#1f2430;--color-text-light:#5b6577;--color-border:#e6e8ee;--color-shadow-sm:0 2px 4px #0000000d;--color-shadow-md:0 4px 16px #00000014;--color-shadow-lg:0 8px 30px #0000001f;--font-heading:"Cairo", "Segoe UI", sans-serif;--font-body:"Cairo", "Segoe UI", sans-serif;--theme-fade:.5s;--theme-ease:cubic-bezier(.4, 0, .2, 1)}:root[data-theme=dark]{--color-accent:#fbbf24;--color-primary-light:#1e3a5f;--color-bg:#121212;--color-surface:#1e1e1e;--color-text:#e6e6e6;--color-text-light:#a0a0a0;--color-border:#333;--color-shadow-sm:0 2px 4px #00000080;--color-shadow-md:0 4px 16px #0009;--color-shadow-lg:0 8px 30px #000000b3}:root:has(body.portal-page){--scrollbar-thumb:#1f243047;--scrollbar-thumb-hover:#1f243073}:root[data-theme=dark]:has(body.portal-page){--scrollbar-thumb:#e6e6e642;--scrollbar-thumb-hover:#e6e6e666}body.portal-page{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);transition:background-color var(--theme-fade) var(--theme-ease), color var(--theme-fade) var(--theme-ease);direction:ltr;font-size:17px;line-height:1.6}:where(html.theme-animating body.portal-page *){transition:background-color var(--theme-fade) var(--theme-ease), border-color var(--theme-fade) var(--theme-ease), color var(--theme-fade) var(--theme-ease), fill var(--theme-fade) var(--theme-ease), stroke var(--theme-fade) var(--theme-ease), box-shadow var(--theme-fade) var(--theme-ease), outline-color var(--theme-fade) var(--theme-ease)}@media (prefers-reduced-motion:reduce){:root{--theme-fade:.01ms}}*{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;direction:rtl;min-height:100dvh}#root{flex-direction:column;min-height:100dvh;display:flex}.page-fit{height:100dvh;display:flex;overflow-y:auto}