.broadcast{direction:ltr;background:#0f0f0f;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.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;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__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}.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)}.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}.mcap{color:var(--text);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);--surface:var(--panel);--surface-border:var(--panel-border);--input-bg:var(--panel-inset);background:radial-gradient(75% 45% at 18% 0%, #bedffa1a, transparent 70%),  radial-gradient(65% 40% at 100% 12%, #f2ccf314, transparent 70%),  radial-gradient(85% 50% at 50% 100%, #d8d0f817, transparent 75%),  var(--ambient-base);direction:ltr;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.mcap__topbar{border-bottom:1px solid var(--surface-border);-webkit-backdrop-filter:blur(8px);background:#0f0f0fb8;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.mcap__brand{align-items:center;gap:8px;display:flex}.mcap__logo{border-radius:6px;width:26px;height:26px}.mcap__wordmark{font-family:var(--font-cairo);font-size:1rem;font-weight:700}.mcap__status{align-items:center;gap:6px;display:flex}.mcap__status-label{font-family:var(--font-cairo);color:var(--text-muted);font-size:.72rem;font-weight:700}.mcap__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.mcap__dot--green{background:var(--green);box-shadow:0 0 6px #4caf5080}.mcap__dot--cyan{background:var(--cyan);animation:1.2s ease-in-out infinite mcap-pulse}.mcap__dot--amber{background:#ffc107;animation:1.2s ease-in-out infinite mcap-pulse}.mcap__dot--red{background:var(--red)}.mcap__dot--dim{background:var(--text-muted);opacity:.4}@keyframes mcap-pulse{0%,to{opacity:1}50%{opacity:.4}}.mcap__langbar{border-bottom:1px solid var(--surface-border);flex-shrink:0;padding:10px 14px}.mcap__langbtn{width:100%;min-height:48px;font-family:var(--font-cairo);color:var(--text);background:var(--input-bg);border:1px solid var(--surface-border);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;font-weight:700;transition:background .15s,border-color .15s;display:flex}.mcap__langbtn:active{background:var(--surface)}.mcap__langbtn-label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:1.15rem;overflow:hidden}.mcap__chevron{color:var(--text-muted);flex-shrink:0;font-size:.9rem;transition:transform .2s}.mcap__chevron.is-open{transform:rotate(180deg)}.mcap__stage{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.mcap__content{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:column;flex:1;gap:18px;padding:16px 16px 28px;display:flex;overflow-y:auto}.mcap__content::-webkit-scrollbar{width:0;height:0;display:none}.mcap__menu{z-index:20;background:radial-gradient(75% 45% at 18% 0%, #bedffa1a, transparent 70%), radial-gradient(85% 50% at 50% 100%, #d8d0f817, transparent 75%), var(--ambient-base);opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;transition:opacity .2s,transform .2s,visibility .2s;display:flex;position:absolute;inset:0;transform:translateY(-8px)}.mcap__menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.mcap__menu-back{min-height:48px;font-family:var(--font-cairo);color:var(--text-muted);text-align:left;border:none;border-bottom:1px solid var(--surface-border);cursor:pointer;background:0 0;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:.95rem;font-weight:700;display:flex}.mcap__menu-back-arrow{font-size:1.3rem;line-height:1}.mcap__menu-list{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.mcap__menu-item{width:100%;min-height:48px;font-family:var(--font-cairo);text-align:start;color:var(--text);border:none;border-bottom:1px solid var(--surface-border);cursor:pointer;background:0 0;padding:10px 16px;font-size:1.05rem;display:block}.mcap__menu-item.is-active{color:var(--cyan);background:#00e0ff14}.mcap__block{background:var(--surface);border:1px solid var(--surface-border);border-radius:16px;padding:14px 16px}.mcap__block--solo{flex:1}.mcap__text{word-wrap:break-word;overflow-wrap:break-word;margin:0;font-size:clamp(20px,5.4vw,30px);font-weight:700;line-height:1.7}.mcap__block--solo .mcap__text{font-size:clamp(24px,6.6vw,38px)}.mcap__text--rtl{font-family:var(--font-amiri), "Amiri", serif;text-align:right}.mcap__text--ltr{font-family:var(--font-cairo), "Cairo", sans-serif;text-align:left}.mcap__final,.mcap__preview{opacity:1}.mcap__waiting{opacity:.3}.mcap__surah{opacity:.5;font-size:.85em;font-weight:600}.mcap__verse{color:var(--verse-gold,#e9d7a3)}.mcap__ayah{vertical-align:-.32em;width:auto;height:1.35em;margin:0 .04em}.mcap__idle{text-align:center;flex-direction:column;align-items:center;gap:14px;margin:auto;padding:40px 20px;display:flex}.mcap__idle-logo{width:96px;height:96px;box-shadow:0 0 0 1px #ffffff0f, 0 0 48px var(--cyan-glow);border-radius:20px}.mcap__idle-wordmark{font-family:var(--font-cairo);font-size:1.6rem;font-weight:700}.mcap__idle-tagline{font-family:var(--font-cairo);color:var(--text-muted);font-size:1rem}.mcap__idle-sub{font-family:var(--font-cairo);color:var(--text-muted);opacity:.7;font-size:.85rem}.watch{background:var(--bg);color:var(--text);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);direction:ltr;position:fixed;inset:0;overflow:hidden}.watch__video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.watch__idle{text-align:center;background:var(--bg);z-index:12;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 20px;display:flex;position:absolute;inset:0}.watch__idle-logo{width:128px;height:128px;box-shadow:0 0 0 1px #ffffff0f, 0 0 56px var(--cyan-glow);border-radius:24px}.watch__idle-wordmark{font-family:var(--font-cairo);color:var(--text);letter-spacing:.02em;font-size:1.9rem;font-weight:700}.watch__idle-tagline{font-family:var(--font-cairo);color:var(--text-muted);direction:rtl;font-size:1.05rem;font-weight:400}.watch__idle-sub{font-family:var(--font-cairo);color:var(--text-muted);opacity:.7;font-size:.85rem}.watch__tap{z-index:14;cursor:pointer;-webkit-backdrop-filter:blur(6px);color:var(--text);-webkit-tap-highlight-color:transparent;background:#0000008c;border:none;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.watch__tap-icon{width:88px;min-width:44px;height:88px;min-height:44px;color:var(--bg);background:var(--cyan);box-shadow:0 0 32px var(--cyan-dim);border-radius:50%;justify-content:center;align-items:center;padding-left:6px;font-size:34px;display:flex}.watch__tap-label{font-family:var(--font-cairo);color:var(--text);font-size:1.15rem;font-weight:700}.watch__pill{top:calc(14px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));z-index:10;font-family:var(--font-cairo);letter-spacing:.04em;color:#ffffffd9;-webkit-backdrop-filter:blur(10px);background:#0009;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:.75rem;font-weight:700;display:flex;position:absolute}.watch__dot{background:var(--green);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.2s ease-in-out infinite watch-pulse;box-shadow:0 0 6px #4caf5080}@keyframes watch-pulse{0%,to{opacity:1}50%{opacity:.4}}.watch__glow{z-index:0;opacity:.5;transform-origin:50%;filter:blur(55px)saturate(1.5)brightness(1.05);pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0;transform:scale(1.2);-webkit-mask-image:radial-gradient(78% 78%,#000 50%,#0000 100%);mask-image:radial-gradient(78% 78%,#000 50%,#0000 100%)}.watch__video{z-index:1;background:0 0;position:relative}.landing{background:var(--bg);min-height:100dvh;color:var(--text);direction:ltr;justify-content:center;align-items:center;padding:2rem 1.25rem;display:flex}.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;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;--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}: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}body.portal-page{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);direction:ltr;font-size:17px;line-height:1.6;transition:background-color .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}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}