@font-face{font-family:KFGQPC Uthmanic Hafs v20;src:url(/fonts/KFGQPC-Uthmanic-Hafs-v20.ttf)format("truetype");font-display:swap}@font-face{font-family:KFGQPC Uthman Taha Naskh v20;src:url(/fonts/KFGQPC-Uthman-Taha-Naskh-v20.ttf)format("truetype");font-display:swap}*{box-sizing:border-box;scrollbar-width:none!important}html{scroll-behavior:smooth}body{background:var(--color-canvas-deep);min-width:320px;color:var(--color-text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:clip}button,input,select{color:inherit;font:inherit}button,a,select,input[type=range]{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.38}a{color:inherit;text-decoration:none}button,input,select{border:0}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:4px}::selection{background:color-mix(in srgb, var(--color-accent) 32%, transparent);color:var(--color-text)}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.page-shell{--color-canvas:#f6f8f8;--color-surface-raised:#fff;--color-surface-muted:#f0f3f3;--color-text:#15191a;--color-text-soft:#374146;--color-text-muted:#687378;--color-brand:#17191a;--color-brand-strong:#0d0f10;--color-brand-soft:#e2ecea;--color-on-brand:#fff;--color-accent:#79a9c0;--color-accent-strong:#315f78;--color-accent-soft:#e7f0f4;--color-border:#dfe4e5;--shadow-2:0 18px 48px #10181a14;background:radial-gradient(760px 430px at 102% 0%, color-mix(in srgb, var(--color-accent-soft) 80%, transparent), transparent 72%), radial-gradient(680px 420px at -5% 100%, color-mix(in srgb, var(--color-brand-soft) 74%, transparent), transparent 76%), var(--color-canvas);place-items:center;min-height:100dvh;padding:24px;display:grid}[data-theme=dark] .page-shell{--color-canvas:#0f1415;--color-surface-raised:#1a2122;--color-surface-muted:#202829;--color-text:#f2f5f4;--color-text-soft:#d1d8d6;--color-text-muted:#9ba6a5;--color-brand:#f3f5f5;--color-brand-strong:#fff;--color-brand-soft:#18302b;--color-on-brand:#111515;--color-accent:#83b7ce;--color-accent-strong:#a9d2e2;--color-accent-soft:#182b34;--color-border:#2d3738;--shadow-2:0 18px 48px #0000004d}[data-theme=sepia] .page-shell{--color-canvas:#f6f8f8;--color-surface-raised:#fff;--color-surface-muted:#f0f3f3;--color-text:#15191a;--color-text-soft:#374146;--color-text-muted:#687378;--color-brand:#17191a;--color-brand-strong:#0d0f10;--color-brand-soft:#e2ecea;--color-on-brand:#fff;--color-accent:#79a9c0;--color-accent-strong:#315f78;--color-accent-soft:#e7f0f4;--color-border:#dfe4e5}.empty-state{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-raised) 94%, transparent);width:min(520px,100%);box-shadow:var(--shadow-2);text-align:center;border-radius:28px;justify-items:center;padding:clamp(32px,7vw,58px);display:grid}.empty-state>svg{background:var(--color-accent-soft);width:46px;height:46px;color:var(--color-accent-strong);border-radius:14px;margin-bottom:20px;padding:11px}.empty-state h1{font-family:var(--font-display);margin:0;font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.25}.empty-state p{max-width:34ch;color:var(--color-text-muted);margin:12px 0 24px;line-height:1.85}.primary-button{border-radius:var(--radius-pill);background:var(--color-brand);min-height:46px;color:var(--color-on-brand);box-shadow:0 12px 26px color-mix(in srgb, var(--color-brand) 18%, transparent);justify-content:center;align-items:center;padding-inline:22px;font-weight:800;display:inline-flex}.reels-studio{--color-canvas:#f6f8f8;--color-canvas-deep:#eef2f2;--color-surface:#fafbfb;--color-surface-raised:#fff;--color-surface-muted:#f0f3f3;--color-text:#15191a;--color-text-soft:#374146;--color-text-muted:#687378;--color-brand:#17191a;--color-brand-strong:#0d0f10;--color-brand-soft:#e2ecea;--color-on-brand:#fff;--color-accent:#79a9c0;--color-accent-strong:#315f78;--color-accent-soft:#e7f0f4;--color-border:#dfe4e5;--color-border-strong:#c5cdcf;--color-focus:#315f78;--color-success:#317665;--color-success-soft:#e2efe9;--shadow-1:0 1px 2px #10181a0d;--shadow-2:0 18px 48px #10181a14;--shadow-3:0 34px 90px #10181a24;--lattice-line:#2c444c0f;background:radial-gradient(880px 420px at 102% 6%, color-mix(in srgb, var(--color-accent-soft) 74%, transparent), transparent 72%), radial-gradient(760px 420px at -5% 82%, color-mix(in srgb, var(--color-brand-soft) 70%, transparent), transparent 74%), var(--color-canvas);min-height:100dvh}[data-theme=dark] .reels-studio{--color-canvas:#0f1415;--color-canvas-deep:#090d0e;--color-surface:#141a1b;--color-surface-raised:#1a2122;--color-surface-muted:#202829;--color-text:#f2f5f4;--color-text-soft:#d1d8d6;--color-text-muted:#9ba6a5;--color-brand:#f3f5f5;--color-brand-strong:#fff;--color-brand-soft:#18302b;--color-on-brand:#111515;--color-accent:#83b7ce;--color-accent-strong:#a9d2e2;--color-accent-soft:#182b34;--color-border:#2d3738;--color-border-strong:#435052;--color-focus:#a9d2e2;--color-success:#7bc8b0;--color-success-soft:#17332c;--shadow-1:0 1px 2px #0000003d;--shadow-2:0 18px 48px #0000004d;--shadow-3:0 34px 90px #00000075;--lattice-line:#a9d2e20f}[data-theme=sepia] .reels-studio{--color-canvas:#f6f8f8;--color-canvas-deep:#eef2f2;--color-surface:#fafbfb;--color-surface-raised:#fff;--color-surface-muted:#f0f3f3;--color-text:#15191a;--color-text-soft:#374146;--color-text-muted:#687378;--color-brand:#17191a;--color-brand-strong:#0d0f10;--color-brand-soft:#e2ecea;--color-on-brand:#fff;--color-accent:#79a9c0;--color-accent-strong:#315f78;--color-accent-soft:#e7f0f4;--color-border:#dfe4e5;--color-border-strong:#c5cdcf;--color-focus:#315f78;--color-success:#317665;--color-success-soft:#e2efe9}.reels-topbar{z-index:60;border-bottom:1px solid color-mix(in srgb, var(--color-border) 88%, transparent);background:color-mix(in srgb, var(--color-surface-raised) 91%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:72px;padding:10px clamp(16px,3vw,42px);display:grid;position:sticky;top:0;box-shadow:0 10px 34px #121a1c0d}.reels-brand{align-items:center;gap:11px;width:max-content;display:flex}.reels-brand>img{object-fit:contain;object-position:left center;width:clamp(132px,12vw,174px);height:50px}.reels-brand span,.reels-brand strong,.reels-brand small{display:block}.reels-brand strong{font-family:var(--font-display);font-size:1.15rem}.reels-brand small{color:var(--color-accent-strong);margin-top:-2px;font-size:.68rem;font-weight:800}.product-switch{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:999px;gap:4px;padding:4px;display:flex}.product-switch a,.product-switch span{min-height:42px;color:var(--color-text-muted);border-radius:999px;align-items:center;gap:7px;padding:0 15px;font-size:.78rem;font-weight:850;display:flex}.product-switch svg{width:17px}.product-switch b{font:inherit}.product-switch .is-active{background:var(--color-brand);color:var(--color-on-brand);box-shadow:var(--shadow-1)}.reels-topbar__actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.reels-topbar__actions>span{color:var(--color-text-muted);align-items:center;gap:7px;font-size:.72rem;font-weight:750;display:flex}.reels-topbar__actions>span svg{width:17px;color:var(--color-accent-strong)}.reels-topbar__actions>.reels-save-state{border:1px solid color-mix(in srgb, var(--color-success) 18%, var(--color-border));border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-success-soft) 74%, var(--color-surface-raised));min-height:32px;color:var(--color-success);padding-inline:11px}.reels-topbar__actions>.reels-save-state svg{color:currentColor}.reels-workspace{grid-template-columns:minmax(520px,.92fr) minmax(520px,1.08fr);gap:12px;min-height:calc(100dvh - 72px);padding:12px;display:grid}.reels-controls{z-index:2;border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-raised) 97%, transparent);min-width:0;box-shadow:var(--shadow-2);border-radius:22px;flex-direction:column;padding:clamp(22px,3vw,38px) clamp(20px,3.4vw,50px) 24px;display:flex;position:relative}.studio-heading{align-items:center;gap:14px;display:flex}.studio-heading>span{background:var(--color-brand);width:52px;height:52px;color:var(--color-on-brand);border-radius:16px;place-items:center;display:grid;box-shadow:0 12px 28px #11161729}.studio-heading svg{width:23px}.studio-heading small,.studio-heading h1{margin:0;display:block}.studio-heading small{color:var(--color-info,var(--color-accent-strong));letter-spacing:.08em;font-size:.66rem;font-weight:900}.studio-project-summary{border:1px solid color-mix(in srgb, var(--color-accent) 24%, var(--color-border));background:color-mix(in srgb, var(--color-accent-soft) 72%, var(--color-surface-raised));border-radius:16px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;margin-top:18px;padding:12px 14px;display:grid}.studio-project-summary>div:first-child{align-items:center;gap:10px;min-width:0;display:flex}.studio-project-summary>div:first-child>svg{width:18px;color:var(--color-accent-strong);flex:0 0 18px}.studio-project-summary>div:not(:first-child){border-inline-start:1px solid color-mix(in srgb, var(--color-accent) 22%, var(--color-border));text-align:center;min-width:64px;padding-inline-start:14px}.studio-project-summary small,.studio-project-summary strong{display:block}.studio-project-summary small{color:var(--color-text-muted);font-size:.55rem}.studio-project-summary strong{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.7rem;overflow:hidden}.studio-heading h1{font-family:var(--font-display);margin-top:4px;font-size:clamp(1.2rem,1.5vw,1.65rem);line-height:1.25}.studio-steps{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-muted) 56%, transparent);border-radius:17px;grid-template-columns:repeat(7,1fr);gap:6px;margin:20px 0 24px;padding:12px 10px 10px;display:grid;position:relative}.studio-steps:before{background:var(--color-border);content:"";height:1px;position:absolute;top:31px;left:8%;right:8%}.studio-steps button{min-width:0;color:var(--color-text-subtle);background:0 0;justify-items:center;gap:3px;padding:0;display:grid;position:relative}.studio-steps button>span{z-index:1;border:1px solid var(--color-border);background:var(--color-surface-raised);width:38px;height:38px;transition:transform var(--motion-fast), background var(--motion-fast), color var(--motion-fast);border-radius:50%;place-items:center;display:grid}.studio-steps button:hover>span{transform:translateY(-2px)}.studio-steps button svg{width:17px}.studio-steps button small{font-size:.56rem;font-weight:900}.studio-steps button strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.68rem;overflow:hidden}.studio-steps button.is-active,.studio-steps button.is-done{color:var(--color-success)}.studio-steps button.is-active{color:var(--color-text)}.studio-steps button.is-active>span{background:var(--color-brand);color:var(--color-on-brand);border-color:#0000;box-shadow:0 7px 20px #11161729}.studio-steps button.is-done>span{border-color:color-mix(in srgb, var(--color-success) 28%, var(--color-border));background:var(--color-success-soft);color:var(--color-success)}.studio-panel{flex:1}.studio-form-section{animation:.26s ease-out both rise-in}.studio-form-section>header{border-bottom:1px solid var(--color-border);margin-bottom:18px;padding-bottom:15px}.studio-form-section>header small{color:var(--color-accent-strong);letter-spacing:.06em;font-size:.62rem;font-weight:900}.studio-form-section>header h2{font-family:var(--font-display);margin:3px 0 4px;font-size:1.38rem}.studio-form-section>header p{color:var(--color-text-muted);margin:0;font-size:.78rem;line-height:1.7}.choice-pills{gap:10px;margin-bottom:18px;display:grid}.choice-pills--two{grid-template-columns:repeat(2,1fr)}.choice-pills button{border:1px solid var(--color-border);background:var(--color-surface-raised);text-align:right;min-height:70px;transition:border-color var(--motion-fast), transform var(--motion-fast), box-shadow var(--motion-fast);border-radius:16px;align-items:center;gap:12px;padding:12px 15px;display:flex}.choice-pills button:hover{transform:translateY(-2px)}.choice-pills button.is-active{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 12%, transparent)}.choice-pills button>svg{width:24px;color:var(--color-accent-strong)}.choice-pills button span,.choice-pills button strong,.choice-pills button small{display:block}.choice-pills button strong{font-size:.88rem}.choice-pills button small{color:var(--color-text-muted);margin-top:3px;font-size:.66rem}.studio-field{gap:7px;margin-bottom:15px;display:grid}.studio-field>span{color:var(--color-text-muted);font-size:.72rem;font-weight:850}.select-shell{position:relative}.select-shell select,.studio-field>.numeric-text-input{border:1px solid var(--color-border);background:var(--color-surface-raised);appearance:none;border-radius:13px;outline:0;width:100%;min-height:48px;padding:0 14px;font-weight:750}.select-shell select{padding-left:42px}.select-shell svg{pointer-events:none;width:16px;color:var(--color-text-subtle);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.select-shell select:focus,.studio-field>.numeric-text-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 12%, transparent)}.searchable-picker{min-width:0;position:relative}.searchable-picker__trigger{border:1px solid var(--color-border);background:var(--color-surface-raised);width:100%;min-height:48px;color:var(--color-text);text-align:right;border-radius:13px;outline:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 13px;display:flex}.searchable-picker__trigger>span{flex:1;min-width:0}.searchable-picker__trigger strong,.searchable-picker__trigger small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.searchable-picker__trigger strong{font-size:.72rem;font-weight:800}.searchable-picker__trigger small{color:var(--color-text-muted);margin-top:2px;font-size:.55rem}.searchable-picker__trigger>svg{width:17px;color:var(--color-text-subtle);flex:none;transition:transform .16s}.searchable-picker.is-open .searchable-picker__trigger{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 12%, transparent)}.searchable-picker.is-open .searchable-picker__trigger>svg{transform:rotate(180deg)}.searchable-picker__popover{top:calc(100% + 7px);z-index:130;border:1px solid var(--color-border-strong);background:color-mix(in srgb, var(--color-surface-raised) 96%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:15px;width:max(100%,min(430px,82vw));padding:7px;position:absolute;inset-inline-start:0;box-shadow:0 22px 60px #03110e38}.searchable-picker__popover--portal{z-index:500;max-width:calc(100vw - 24px);position:fixed;inset:auto;overflow:hidden}.searchable-picker__portal-layer{z-index:500;pointer-events:none;position:fixed;inset:0}.searchable-picker__portal-layer .searchable-picker__popover--portal{pointer-events:auto}.searchable-picker__backdrop{display:none}.searchable-picker__search{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:10px;align-items:center;gap:7px;min-height:42px;padding:0 10px;display:flex}.searchable-picker__search>svg{width:16px;color:var(--color-accent-strong);flex:none}.searchable-picker__search input{min-width:0;color:var(--color-text);background:0 0;outline:0;flex:1;font-size:.68rem}.searchable-picker__search button{width:26px;height:26px;color:var(--color-text-muted);border-radius:7px;place-items:center;display:grid}.searchable-picker__search button svg{width:13px}.searchable-picker__options{overscroll-behavior:contain;gap:3px;max-height:280px;margin-top:6px;display:grid;overflow-y:auto}.searchable-picker__options>button{width:100%;min-height:48px;color:var(--color-text);text-align:right;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:7px 9px;display:flex}.searchable-picker__options>button:hover,.searchable-picker__options>button.is-active{background:color-mix(in srgb, var(--color-brand) 11%, var(--color-surface-muted))}.searchable-picker__options>button>span{flex:1;min-width:0}.searchable-picker__options strong,.searchable-picker__options small{display:block}.searchable-picker__options strong{font-size:.66rem}.searchable-picker__options small{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:.54rem;line-height:1.55;display:-webkit-box;overflow:hidden}.searchable-picker__options>button>svg{width:16px;color:var(--color-brand);flex:none}.searchable-picker__empty{min-height:86px;color:var(--color-text-muted);place-content:center;justify-items:center;gap:5px;font-size:.62rem;display:grid}.searchable-picker__empty svg{width:19px}.range-mode{background:var(--color-surface-muted);border-radius:13px;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:16px;padding:4px;display:grid}.range-mode button{min-height:40px;color:var(--color-text-muted);background:0 0;border-radius:10px;font-size:.7rem;font-weight:800}.range-mode button.is-active{background:var(--color-surface-raised);color:var(--color-brand);box-shadow:var(--shadow-1)}.ayah-range{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.ayah-range>span svg{width:18px;color:var(--color-accent-strong)}.selection-summary,.reciter-card,.export-estimate,.render-job{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:17px}.selection-summary{align-items:center;gap:12px;padding:14px 16px;display:flex}.selection-summary>svg{width:21px;color:var(--color-accent-strong)}.selection-summary span{flex:1;min-width:0}.selection-summary strong,.selection-summary small{display:block}.selection-summary strong{font-size:.82rem}.selection-summary small{color:var(--color-text-muted);font-size:.65rem}.selection-summary b{color:var(--color-accent-strong);font-variant-numeric:tabular-nums}.selection-summary b svg{width:18px}.reciter-card{align-items:center;gap:14px;margin:8px 0 17px;padding:16px;display:flex}.reciter-card__portrait{border:1px solid var(--color-border-strong);background:color-mix(in srgb, var(--color-accent-soft) 68%, var(--color-surface-raised));width:58px;height:58px;color:var(--color-text-muted);box-shadow:0 0 0 4px var(--color-surface-raised);border-radius:50%;flex:0 0 58px;place-items:center;display:grid;position:relative;overflow:visible}.reciter-card__portrait>img{border-radius:inherit;object-fit:cover;object-position:50% 34%;width:100%;height:100%;overflow:hidden}.reciter-card__portrait>svg{stroke-width:1.65px;width:23px}.reciter-card__portrait>i{border:3px solid var(--color-surface-raised);background:var(--color-brand);width:23px;height:23px;color:var(--color-on-brand);border-radius:50%;place-items:center;font-style:normal;display:grid;position:absolute;bottom:-3px;right:-3px}.reciter-card__portrait>i svg{fill:currentColor;width:9px}.reciter-card>div{flex:1;min-width:0}.reciter-card small,.reciter-card strong,.reciter-card p{margin:0;display:block}.reciter-card small,.reciter-card p{color:var(--color-text-muted);font-size:.62rem}.reciter-card strong{margin:3px 0;font-size:.84rem}.background-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px;display:grid}.background-library{gap:17px;margin-bottom:16px;display:grid}.background-library>section>header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.background-library>section>header>span{color:var(--color-text);align-items:center;gap:7px;font-size:.68rem;font-weight:900;display:inline-flex}.background-library>section>header svg{width:15px;height:15px;color:var(--color-accent-strong)}.background-library>section>header small{color:var(--color-text-subtle);font-size:.54rem}.background-library .background-grid{margin-bottom:0}.background-grid button{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:14px;min-width:0;padding:5px 5px 9px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative}.background-grid button>span{aspect-ratio:.78;background-color:#071f1c;background-position:50%;background-size:cover;border-radius:10px;display:block;overflow:hidden}.background-grid button>span>video{object-fit:cover;width:100%;height:100%;display:block}.background-grid button>strong{text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:.62rem;display:block;overflow:hidden}.background-grid button>em{color:#fff8df;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#041512c2;border:1px solid #ffffff47;border-radius:99px;align-items:center;gap:4px;min-height:22px;padding:3px 7px;font-size:.5rem;font-style:normal;font-weight:850;display:inline-flex;position:absolute;top:10px;left:10px}.background-grid button>em svg{width:10px;height:10px}.background-grid button>b{background:var(--color-accent);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:10px;right:10px}.background-grid button>b svg{width:12px}.background-grid button.is-active{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 11%, transparent)}.background-grid button:hover{border-color:color-mix(in srgb, var(--color-accent) 48%, var(--color-border));transform:translateY(-2px)}.listen-page{--color-canvas:#f6f8f8;--color-canvas-deep:#eef2f2;--color-surface:#fafbfb;--color-surface-raised:#fff;--color-surface-muted:#f0f3f3;--color-text:#15191a;--color-text-soft:#374146;--color-text-muted:#687378;--color-brand:#17191a;--color-brand-strong:#0d0f10;--color-brand-soft:#e2ecea;--color-on-brand:#fff;--color-accent:#79a9c0;--color-accent-strong:#315f78;--color-accent-soft:#e7f0f4;--color-border:#dfe4e5;--color-border-strong:#c5cdcf;--color-focus:#315f78;--color-success:#317665;--color-success-soft:#e2efe9;--shadow-1:0 1px 2px #10181a0d;--shadow-2:0 18px 48px #10181a14;--shadow-3:0 34px 90px #10181a24;--lattice-line:#2c444c0f;background:radial-gradient(900px 450px at 102% 7%, color-mix(in srgb, var(--color-accent-soft) 78%, transparent), transparent 72%), radial-gradient(760px 460px at -5% 86%, color-mix(in srgb, var(--color-brand-soft) 72%, transparent), transparent 76%), var(--color-canvas);min-height:100dvh}[data-theme=dark] .listen-page{--color-canvas:#0f1415;--color-canvas-deep:#090d0e;--color-surface:#141a1b;--color-surface-raised:#1a2122;--color-surface-muted:#202829;--color-text:#f2f5f4;--color-text-soft:#d1d8d6;--color-text-muted:#9ba6a5;--color-brand:#f3f5f5;--color-brand-strong:#fff;--color-brand-soft:#18302b;--color-on-brand:#111515;--color-accent:#83b7ce;--color-accent-strong:#a9d2e2;--color-accent-soft:#182b34;--color-border:#2d3738;--color-border-strong:#435052;--color-focus:#a9d2e2;--color-success:#7bc8b0;--color-success-soft:#17332c;--shadow-1:0 1px 2px #0000003d;--shadow-2:0 18px 48px #0000004d;--shadow-3:0 34px 90px #00000075;--lattice-line:#a9d2e20f}[data-theme=sepia] .listen-page{--color-canvas:#f6f8f8;--color-canvas-deep:#eef2f2;--color-surface:#fafbfb;--color-surface-raised:#fff;--color-surface-muted:#f0f3f3;--color-text:#15191a;--color-text-soft:#374146;--color-text-muted:#687378;--color-brand:#17191a;--color-brand-strong:#0d0f10;--color-brand-soft:#e2ecea;--color-on-brand:#fff;--color-accent:#79a9c0;--color-accent-strong:#315f78;--color-accent-soft:#e7f0f4;--color-border:#dfe4e5;--color-border-strong:#c5cdcf;--color-focus:#315f78;--color-success:#317665;--color-success-soft:#e2efe9}.listen-page--state{text-align:center;place-content:center;justify-items:center;gap:10px;min-height:100dvh;padding:24px;display:grid}.listen-page--state>svg{width:42px;height:42px;color:var(--color-accent-strong)}.listen-page--state strong{font-family:var(--font-display);margin-top:4px;font-size:1.55rem}.listen-page--state small{color:var(--color-text-muted)}.listen-page--state button{border-radius:var(--radius-pill);background:var(--color-brand);min-height:42px;color:var(--color-on-brand);margin-top:8px;padding-inline:18px;font-weight:850}.listen-topbar{background:color-mix(in srgb, var(--color-surface-raised) 91%, transparent);box-shadow:0 10px 34px #121a1c0d}.listen-layout{direction:ltr;grid-template-columns:minmax(310px,390px) minmax(0,1fr);min-height:calc(100dvh - 72px);display:grid}.listen-library,.listen-player{direction:rtl}.listen-library{border-right:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-raised) 88%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;gap:16px;max-height:calc(100dvh - 72px);padding:clamp(22px,3vw,34px) clamp(18px,2.4vw,28px) 20px;display:flex;overflow:hidden}.listen-library__heading{align-items:center;gap:12px;display:flex}.listen-library__heading>span{border:1px solid color-mix(in srgb, var(--color-accent) 40%, var(--color-border));background:color-mix(in srgb, var(--color-accent-soft) 70%, transparent);width:48px;height:48px;color:var(--color-accent-strong);border-radius:50%;flex:0 0 48px;place-items:center;display:grid}.listen-library__heading svg{width:21px}.listen-library__heading small,.listen-library__heading h1{margin:0;display:block}.listen-library__heading small{color:var(--color-accent-strong);font-size:.68rem;font-weight:900}.listen-library__heading h1{font-family:var(--font-display);margin-top:1px;font-size:clamp(1.25rem,2vw,1.55rem);font-weight:700}.listen-field{gap:7px;display:grid}.listen-field>span,.listen-options label>span,.listen-option-field>span{color:var(--color-text-muted);font-size:.68rem;font-weight:850}.listen-field select,.listen-options select{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-raised);width:100%;min-height:46px;color:var(--color-text);outline:0;padding:0 13px;font-size:.78rem;font-weight:750}.listen-field select:focus,.listen-options select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 14%, transparent)}.listen-library__summary{border:1px solid color-mix(in srgb, var(--color-brand) 26%, var(--color-border));border-radius:var(--radius-card);background:color-mix(in srgb, var(--color-brand-soft) 52%, transparent);grid-template-columns:repeat(2,1fr);gap:6px;padding:12px;display:grid}.listen-library__summary>span{color:var(--color-text-muted);text-align:center;font-size:.68rem}.listen-library__summary strong{color:var(--color-brand-strong);font-size:.95rem}.listen-library__summary small{border-top:1px solid color-mix(in srgb, var(--color-brand) 18%, transparent);color:var(--color-text-soft);text-align:center;grid-column:1/-1;padding-top:7px;font-size:.67rem}.listen-complete-filter{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-raised) 86%, transparent);text-align:right;width:100%;min-height:54px;transition:border-color var(--motion-fast), background var(--motion-fast);border-radius:13px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.listen-complete-filter>span{border:1px solid var(--color-border-strong);background:var(--color-surface-muted);width:32px;height:19px;transition:border-color var(--motion-fast), background var(--motion-fast);border-radius:99px;position:relative}.listen-complete-filter>span i{background:var(--color-text-muted);width:11px;height:11px;transition:translate var(--motion-fast), background var(--motion-fast);border-radius:50%;position:absolute;top:3px;right:3px}.listen-complete-filter div{min-width:0}.listen-complete-filter strong,.listen-complete-filter small{display:block}.listen-complete-filter strong{color:var(--color-text-soft);font-size:.7rem}.listen-complete-filter small{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.58rem;overflow:hidden}.listen-complete-filter>b{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:.65rem}.listen-complete-filter.is-active{border-color:color-mix(in srgb, var(--color-brand) 44%, var(--color-border));background:color-mix(in srgb, var(--color-brand-soft) 52%, var(--color-surface-raised))}.listen-complete-filter.is-active>span{border-color:var(--color-brand);background:var(--color-brand)}.listen-complete-filter.is-active>span i{background:var(--color-on-brand);translate:-13px}.listen-complete-filter.is-active strong{color:var(--color-brand-strong)}.listen-search{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-raised);align-items:center;gap:9px;min-height:44px;padding-inline:12px 6px;display:flex}.listen-search>svg{width:17px;color:var(--color-text-muted);flex:0 0 17px}.listen-search input{background:0 0;outline:0;flex:1;min-width:0;font-size:.76rem}.listen-search button{background:var(--color-surface-muted);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.listen-search button svg{width:15px}.listen-reciter-list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:5px;min-height:180px;padding-left:4px;display:flex;overflow-y:auto}.listen-reciter-list>button{text-align:right;width:100%;min-height:62px;transition:transform var(--motion-fast), border-color var(--motion-fast), background var(--motion-fast);background:0 0;border:1px solid #0000;border-radius:13px;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:8px 10px;display:grid}.listen-reciter-list>button:hover{background:var(--color-surface-muted);transform:translate(-2px)}.listen-reciter-list>button>span{border:1px solid var(--color-border);background:var(--color-surface-raised);width:42px;height:42px;color:var(--color-accent-strong);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:1.05rem;font-weight:800;display:grid;overflow:hidden}.listen-reciter-avatar img{object-fit:cover;object-position:50% 36%;width:100%;height:100%}.listen-reciter-avatar img[src*=mahmoud-khalil-al-husary]{object-position:50% 30%}.listen-reciter-avatar svg{width:18px;color:var(--color-text-muted);stroke-width:1.7px}.listen-reciter-list>button div,.listen-reciter-list>button strong,.listen-reciter-list>button small{min-width:0}.listen-reciter-list>button strong,.listen-reciter-list>button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.listen-reciter-list>button small{color:var(--color-text-muted);margin-top:3px;font-size:.64rem}.listen-reciter-list>button>svg{width:17px;color:var(--color-text-muted)}.listen-empty{min-height:180px;color:var(--color-text-muted);text-align:center;place-content:center;justify-items:center;gap:9px;font-size:.72rem;display:grid}.listen-empty svg{width:24px}.listen-library>footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);justify-content:center;align-items:center;gap:8px;padding-top:13px;font-size:.58rem;display:flex}.listen-player{background:color-mix(in srgb, var(--color-canvas) 72%, transparent);flex-direction:column;align-items:center;min-width:0;padding:clamp(24px,4.5vw,58px) clamp(20px,6vw,92px) 24px;display:flex;position:relative;overflow:hidden}.listen-player:before,.listen-player:after{z-index:0;border:1px solid color-mix(in srgb, var(--color-accent) 15%, transparent);content:"";pointer-events:none;border-radius:50%;position:absolute}.listen-player:before{aspect-ratio:1;width:min(62vw,780px);top:10%}.listen-player:after{aspect-ratio:1;width:min(46vw,590px);top:19%}.listen-player>*{z-index:1;position:relative}.listen-player__source{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-surface-raised) 84%, transparent);min-height:34px;color:var(--color-text-muted);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:7px;padding:0 11px;font-size:.65rem;display:flex}.listen-player__source svg{width:14px;color:var(--color-accent-strong)}.listen-player__source small{color:var(--color-accent-strong);font-weight:850}.listen-now{text-align:center;justify-items:center;margin-top:clamp(22px,4vh,44px);display:grid}.listen-now__disc{border:1px solid color-mix(in srgb, var(--color-accent) 42%, var(--color-border));background:radial-gradient(circle, var(--color-accent) 0 7%, transparent 8% 19%, color-mix(in srgb, var(--color-accent) 24%, transparent) 20% 21%, transparent 22%), color-mix(in srgb, var(--color-surface-raised) 88%, transparent);width:76px;height:76px;box-shadow:0 16px 46px color-mix(in srgb, var(--color-accent) 15%, transparent);color:var(--color-accent-strong);border-radius:50%;place-items:center;margin-bottom:15px;display:grid;position:relative}.listen-now__disc svg{opacity:.64;width:35px}.listen-now__disc i{background:var(--color-brand);border-radius:50%;width:7px;height:7px;position:absolute}.listen-now.is-playing .listen-now__disc{animation:9s linear infinite listen-disc-spin}.listen-now__disc.has-portrait{border:2px solid var(--color-surface-raised);background:var(--color-surface-raised);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 45%, var(--color-border)), 0 16px 46px color-mix(in srgb, var(--color-accent) 15%, transparent);overflow:hidden}.listen-now__disc.has-portrait img{object-fit:cover;object-position:50% 36%;width:100%;height:100%}.listen-now__disc.has-portrait img[src*=mahmoud-khalil-al-husary]{object-position:50% 30%}.listen-now__disc.has-portrait i{border:2px solid var(--color-surface-raised);bottom:5px;right:5px}.listen-now.is-playing .listen-now__disc.has-portrait{animation:none}@keyframes listen-disc-spin{to{transform:rotate(-360deg)}}.listen-now>small{color:var(--color-accent-strong);font-size:.7rem;font-weight:900}.listen-now h2{font-family:var(--font-display);margin:4px 0 0;font-size:clamp(2rem,4.7vw,3.75rem);font-weight:700;line-height:1.15}.listen-now p{color:var(--color-text-soft);margin:5px 0 0;font-size:clamp(.9rem,1.6vw,1.15rem);font-weight:850}.listen-now>span{max-width:min(560px,80vw);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:.68rem;overflow:hidden}.listen-signal{--signal-glow:10px;--signal-opacity:.08;width:min(760px,100%);height:clamp(108px,17vh,160px);margin-top:clamp(16px,3vh,28px);position:relative}.listen-signal__halo{background:color-mix(in srgb, var(--color-accent) 24%, transparent);filter:blur(var(--signal-glow));opacity:var(--signal-opacity);border-radius:50%;transition:filter .26s ease-out,opacity .26s ease-out;position:absolute;inset:18% 5%}.listen-signal__canvas{width:100%;height:100%;position:absolute;inset:0}.listen-signal>span{color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:.62rem;font-weight:750;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.listen-signal>span svg{width:14px}.listen-signal.is-live>span{color:var(--color-success)}.listen-loading-bar{border:1px solid color-mix(in srgb, var(--color-accent) 20%, var(--color-border));background:color-mix(in srgb, var(--color-surface-muted) 78%, transparent);width:min(330px,72%);height:6px;box-shadow:inset 0 1px 2px color-mix(in srgb, var(--color-text) 7%, transparent);border-radius:99px;position:absolute;bottom:3px;left:50%;overflow:hidden;transform:translate(-50%)}.listen-loading-bar>i{inset-block:0;border-radius:inherit;background:linear-gradient(90deg, var(--color-brand), var(--color-accent-strong), var(--color-brand));box-shadow:0 0 12px color-mix(in srgb, var(--color-accent) 36%, transparent);transition:width .18s ease-out;position:absolute;right:0}.listen-loading-bar.is-indeterminate>i{width:38%;animation:1.25s cubic-bezier(.45,0,.55,1) infinite listen-loading-sweep}.listen-loading-bar.is-slow>i{animation-duration:1.8s}@keyframes listen-loading-sweep{0%{right:-40%}to{right:102%}}.listen-timeline{width:min(690px,100%);margin-top:8px}.listen-timeline input,.listen-volume input{appearance:none;background:linear-gradient(to left, var(--color-accent) 0 var(--listen-progress,0%), color-mix(in srgb, var(--color-brand) 34%, var(--color-border)) var(--listen-progress,0%) var(--listen-buffered,var(--listen-progress,0%)), var(--color-border) var(--listen-buffered,var(--listen-progress,0%)) 100%);border-radius:99px;outline:0;width:100%;height:5px}.listen-timeline input::-webkit-slider-thumb{appearance:none;border:3px solid var(--color-surface-raised);background:var(--color-accent-strong);width:15px;height:15px;box-shadow:0 2px 8px color-mix(in srgb, var(--color-accent) 40%, transparent);border-radius:50%}.listen-volume input::-webkit-slider-thumb{appearance:none;border:3px solid var(--color-surface-raised);background:var(--color-accent-strong);width:15px;height:15px;box-shadow:0 2px 8px color-mix(in srgb, var(--color-accent) 40%, transparent);border-radius:50%}.listen-timeline input::-moz-range-thumb{border:3px solid var(--color-surface-raised);background:var(--color-accent-strong);border-radius:50%;width:10px;height:10px}.listen-volume input::-moz-range-thumb{border:3px solid var(--color-surface-raised);background:var(--color-accent-strong);border-radius:50%;width:10px;height:10px}.listen-timeline>div{color:var(--color-text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:8px;font-size:.65rem;display:flex}.listen-controls{align-items:center;gap:clamp(18px,3vw,30px);margin-top:5px;display:flex}.listen-controls>button{border:1px solid var(--color-border);background:var(--color-surface-raised);width:46px;height:46px;color:var(--color-text-soft);box-shadow:var(--shadow-1);transition:transform var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast);border-radius:50%;place-items:center;display:grid}.listen-controls>button:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent-strong);transform:translateY(-2px)}.listen-controls>button svg{width:20px}.listen-controls>.listen-controls__play{border-color:var(--color-brand);background:var(--color-brand);width:66px;height:66px;color:var(--color-on-brand);box-shadow:0 15px 34px color-mix(in srgb, var(--color-brand) 28%, transparent)}.listen-controls>.listen-controls__play svg{fill:currentColor;width:27px}.listen-controls>.listen-controls__play.is-loading{box-shadow:0 0 0 8px color-mix(in srgb, var(--color-brand) 10%, transparent), 0 15px 34px color-mix(in srgb, var(--color-brand) 24%, transparent)}.listen-controls>.listen-controls__play.is-loading svg{fill:none}.listen-options{justify-content:center;align-items:end;gap:9px;width:min(760px,100%);margin-top:clamp(18px,3vh,28px);display:flex}.listen-options label,.listen-option-field{flex:210px;gap:6px;min-width:0;display:grid}.listen-options select{min-height:42px;font-size:.7rem}.listen-options .searchable-picker__trigger{min-height:42px}.listen-volume{align-items:center;gap:10px;width:min(250px,70%);margin-top:15px;display:flex}.listen-volume button{width:34px;height:34px;color:var(--color-text-muted);background:0 0;border-radius:50%;flex:0 0 34px;place-items:center;display:grid}.listen-volume button svg{width:17px}.listen-volume input{height:3px}.listen-error{border:1px solid color-mix(in srgb, var(--color-danger) 36%, var(--color-border));border-radius:var(--radius-control);background:var(--color-danger-soft);width:min(650px,100%);min-height:42px;color:var(--color-danger);align-items:center;gap:9px;margin-top:13px;padding:8px 12px;font-size:.7rem;display:flex}.listen-error svg{flex:0 0 17px;width:17px}.listen-error span{flex:1}.listen-error button{background:color-mix(in srgb, var(--color-danger) 12%, transparent);border-radius:7px;padding:5px 8px;font-size:.62rem}.listen-player audio{display:none}.listen-player__nav{width:min(620px,100%);color:var(--color-text-muted);justify-content:space-between;align-items:center;margin-top:18px;font-size:.63rem;display:flex}.listen-player__nav button{border-radius:var(--radius-pill);min-height:34px;color:var(--color-text-soft);background:0 0;align-items:center;gap:5px;padding-inline:10px;font-size:.66rem;font-weight:750;display:flex}.listen-player__nav button:hover:not(:disabled){background:var(--color-surface-muted)}.listen-player__nav svg{width:15px}@media (max-width:1040px){.listen-layout{grid-template-columns:minmax(280px,330px) minmax(0,1fr)}.listen-player{padding-inline:34px}.listen-library{padding-inline:17px}.listen-now h2{font-size:clamp(2rem,5vw,3.15rem)}}@media (max-width:820px){.listen-topbar{grid-template-columns:auto 1fr auto;min-height:64px;padding:8px 12px}.listen-topbar .reels-brand span{display:none}.listen-layout{flex-direction:column;min-height:auto;display:flex}.listen-player{order:1;min-height:calc(100dvh - 64px);padding:28px 22px 24px}.listen-library{border-top:1px solid var(--color-border);border-right:0;order:2;max-height:none;padding:26px 18px;overflow:visible}.listen-reciter-list{flex:none;max-height:520px}.listen-player:before{width:88vw}.listen-player:after{width:66vw}}@media (max-width:580px){.listen-topbar{grid-template-columns:auto 1fr}.listen-topbar .reels-topbar__actions{display:none}.listen-topbar .product-switch{justify-self:end}.listen-player{min-height:calc(100svh - 64px);padding:20px 14px 18px}.listen-player__source span{display:none}.listen-now{margin-top:20px}.listen-now__disc{width:64px;height:64px}.listen-now h2{font-size:2.25rem}.listen-signal{height:104px;margin-top:12px}.listen-controls{margin-top:2px}.listen-options{grid-template-columns:1fr;display:grid}.listen-volume{margin-top:12px}.listen-player__nav{margin-top:13px}.listen-library__heading h1{font-size:1.28rem}.listen-library>footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.background-grid button>span>video{display:none}}.reader-index-panel{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-raised) 94%, transparent);min-width:0;min-height:0;box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;flex-direction:column;gap:12px;margin:12px 12px 12px 0;padding:16px 13px 13px;display:none;overflow:hidden}.reader-index-panel__head{align-items:center;gap:10px;display:flex}.reader-index-panel__head>span{background:var(--color-brand);width:42px;height:42px;color:var(--color-on-brand);border-radius:13px;flex:0 0 42px;place-items:center;display:grid}.reader-index-panel__head svg{width:19px}.reader-index-panel__head strong,.reader-index-panel__head small{display:block}.reader-index-panel__head strong{font-size:.82rem}.reader-index-panel__head small{color:var(--color-text-muted);margin-top:2px;font-size:.62rem}.reader-index-search{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:12px;align-items:center;gap:8px;min-height:44px;padding-inline:11px 5px;display:flex}.reader-index-search>svg{width:16px;color:var(--color-text-muted);flex:0 0 16px}.reader-index-search input{min-width:0;color:var(--color-text);background:0 0;outline:0;flex:1;font-size:.7rem}.reader-index-search button{background:var(--color-surface-muted);width:32px;height:32px;color:var(--color-text-muted);border-radius:9px;place-items:center;display:grid}.reader-index-search button svg{width:14px}.reader-index-list{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;flex:1;gap:4px;min-height:0;padding-left:3px;display:flex;overflow-y:auto}.reader-index-list>button{width:100%;min-height:54px;color:var(--color-text-soft);text-align:right;transition:background var(--motion-fast), border-color var(--motion-fast), transform var(--motion-fast);background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:35px minmax(0,1fr) 17px;align-items:center;gap:9px;padding:7px 8px;display:grid}.reader-index-list>button:hover{background:var(--color-surface-muted);transform:translate(-2px)}.reader-index-list>button.is-active{border-color:color-mix(in srgb, var(--color-accent) 42%, var(--color-border));background:color-mix(in srgb, var(--color-accent-soft) 70%, var(--color-surface-raised));color:var(--color-text)}.reader-index-list>button>span:first-child{background:var(--color-surface-muted);width:32px;height:32px;color:var(--color-text-muted);border-radius:10px;place-items:center;font-size:.65rem;display:grid}.reader-index-list>button.is-active>span:first-child{background:var(--color-brand);color:var(--color-on-brand)}.reader-index-list strong,.reader-index-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.reader-index-list strong{font-size:.73rem}.reader-index-list small{color:var(--color-text-muted);margin-top:2px;font-size:.58rem}.reader-index-list>button>svg{width:15px;color:var(--color-text-muted)}.reader-index-list>button.is-active>svg{color:var(--color-accent-strong)}.reader-index-progress{border:1px solid color-mix(in srgb, var(--color-accent) 24%, var(--color-border));background:color-mix(in srgb, var(--color-accent-soft) 58%, var(--color-surface-raised));border-radius:14px;padding:12px}.reader-index-progress>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.reader-index-progress span{color:var(--color-text-muted);font-size:.6rem}.reader-index-progress strong{color:var(--color-accent-strong);font-size:.65rem}.reader-index-progress>i{background:var(--color-border);border-radius:99px;height:4px;margin-top:9px;display:block;overflow:hidden}.reader-index-progress>i>span{border-radius:inherit;background:var(--color-accent-strong);height:100%;display:block}@media (min-width:1101px){.hall{--reader-index-width:clamp(220px, 18vw, 280px)}.read-hall{grid-template-columns:var(--reader-index-width) minmax(0, 1fr) 0;grid-template-areas:"index canvas bayaan";gap:0}.reader-index-panel{grid-area:index;display:flex}.hall.has-bayaan .read-hall{grid-template-columns:0 minmax(0, 1fr) var(--bayaan-column-width);grid-template-areas:"index canvas bayaan"}.hall.has-bayaan .reader-index-panel,.hall.is-page-view-spread .reader-index-panel{display:none}.hall.is-page-view-spread .read-hall{grid-template-columns:minmax(0,1fr) 0;grid-template-areas:"canvas bayaan"}.hall.is-page-view-spread.has-bayaan .read-hall{grid-template-columns:minmax(0, 1fr) var(--bayaan-column-width)}}@media (min-width:1720px){.hall.has-bayaan:not(.is-page-view-spread) .read-hall{grid-template-columns:var(--reader-index-width) minmax(0, 1fr) var(--bayaan-column-width)}.hall.has-bayaan:not(.is-page-view-spread) .reader-index-panel{display:flex}}.listen-queue{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-raised) 94%, transparent);min-width:0;max-height:calc(100dvh - 96px);box-shadow:var(--shadow-2);direction:rtl;border-radius:20px;flex-direction:column;gap:16px;margin:12px 12px 12px 0;padding:18px 15px 15px;display:flex;overflow:hidden}.listen-queue__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.listen-queue__head>div{align-items:center;gap:9px;min-width:0;display:flex}.listen-queue__head>div>span{background:var(--color-brand);width:38px;height:38px;color:var(--color-on-brand);border-radius:12px;flex:0 0 38px;place-items:center;display:grid}.listen-queue__head svg{width:17px}.listen-queue__head strong,.listen-queue__head small{display:block}.listen-queue__head small{color:var(--color-text-muted);margin-top:2px;font-size:.57rem}.listen-queue__head>b{border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text-muted);white-space:nowrap;border-radius:99px;padding:6px 9px;font-size:.58rem}.listen-session-card{border:1px solid color-mix(in srgb, var(--color-accent) 28%, var(--color-border));background:color-mix(in srgb, var(--color-accent-soft) 62%, var(--color-surface-raised));border-radius:16px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:11px;padding:12px;display:grid}.listen-session-card__portrait{border:2px solid var(--color-surface-raised);background:var(--color-surface-muted);width:58px;height:58px;color:var(--color-text-muted);box-shadow:0 0 0 1px var(--color-border);border-radius:50%;place-items:center;display:grid;overflow:hidden}.listen-session-card__portrait img{object-fit:cover;object-position:50% 35%;width:100%;height:100%}.listen-session-card__portrait svg{width:22px}.listen-session-card small,.listen-session-card strong,.listen-session-card div>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.listen-session-card small{color:var(--color-accent-strong);font-size:.57rem;font-weight:850}.listen-session-card strong{margin-top:2px;font-size:.76rem}.listen-session-card div>span{color:var(--color-text-muted);margin-top:2px;font-size:.59rem}.listen-queue__section-title{justify-content:space-between;align-items:center;gap:12px;padding-top:2px;display:flex}.listen-queue__section-title strong,.listen-queue__section-title small{display:block}.listen-queue__section-title strong{font-size:.73rem}.listen-queue__section-title small{color:var(--color-text-muted);margin-top:2px;font-size:.57rem}.listen-queue__section-title>span{color:var(--color-accent-strong);font-size:.65rem}.listen-queue-list{flex-direction:column;flex:1;gap:5px;min-height:0;display:flex;overflow-y:auto}.listen-queue-list>button{text-align:right;width:100%;min-height:58px;transition:background var(--motion-fast), border-color var(--motion-fast), transform var(--motion-fast);background:0 0;border:1px solid #0000;border-radius:13px;grid-template-columns:34px minmax(0,1fr) 32px;align-items:center;gap:9px;padding:8px;display:grid}.listen-queue-list>button:hover{border-color:var(--color-border);background:var(--color-surface-muted);transform:translate(-2px)}.listen-queue-list>button>span:first-child{color:var(--color-text-muted);font-size:.61rem}.listen-queue-list strong,.listen-queue-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.listen-queue-list small{color:var(--color-text-muted);margin-top:2px;font-size:.57rem}.listen-queue-list>button>svg{box-sizing:content-box;background:var(--color-surface-raised);width:15px;height:15px;color:var(--color-accent-strong);box-shadow:var(--shadow-1);border-radius:50%;padding:8px}.listen-queue-empty{min-height:180px;color:var(--color-text-muted);text-align:center;place-content:center;justify-items:center;gap:10px;font-size:.68rem;line-height:1.7;display:grid}.listen-queue-empty svg{width:24px}.listen-queue__footer{border-top:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;gap:10px;padding-top:13px;display:grid}.listen-queue__footer>div:last-child{border-inline-start:1px solid var(--color-border);min-width:58px;padding-inline-start:10px}.listen-queue__footer span,.listen-queue__footer strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.listen-queue__footer span{color:var(--color-text-muted);font-size:.54rem}.listen-queue__footer strong{margin-top:2px;font-size:.62rem}@media (min-width:1101px){.listen-layout{grid-template-columns:minmax(280px,330px) minmax(0,1fr) minmax(250px,300px);gap:12px;height:calc(100dvh - 72px);min-height:0;padding:0 0 0 12px}.listen-library{border:1px solid var(--color-border);max-height:calc(100dvh - 96px);box-shadow:var(--shadow-2);border-radius:20px;margin:12px 0 12px 12px;padding:20px 17px 15px}.listen-player{border:1px solid var(--color-border);box-shadow:var(--shadow-2);border-radius:20px;margin-block:12px;padding-inline:clamp(24px,3.4vw,56px)}}@media (max-width:1100px){.listen-queue{display:none}}.reels-stage-rail{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-raised) 96%, transparent);min-width:0;height:calc(100dvh - 96px);box-shadow:var(--shadow-2);border-radius:20px;flex-direction:column;padding:20px 16px;display:flex;position:sticky;top:84px;overflow:hidden}.reels-stage-rail .studio-heading{flex-direction:column;align-items:flex-start}.reels-stage-rail .studio-heading>span{border-radius:14px;width:46px;height:46px}.reels-stage-rail .studio-heading h1{font-size:1.18rem;line-height:1.45}.reels-stage-rail .studio-project-summary{grid-template-columns:1fr 1fr;gap:8px;padding:10px}.reels-stage-rail .studio-project-summary>div:first-child{border-bottom:1px solid var(--color-border);grid-column:1/-1;padding-bottom:9px}.reels-stage-rail .studio-project-summary>div:not(:first-child){text-align:right;border-inline-start:0;min-width:0;padding-inline-start:0}.reels-stage-rail .studio-steps{flex:1;grid-template-columns:1fr;align-content:start;gap:4px;margin:14px 0 0;padding:8px;overflow-y:auto}.reels-stage-rail .studio-steps:before{width:1px;height:auto;inset:28px 29px 28px auto}.reels-stage-rail .studio-steps button{text-align:right;grid-template-columns:36px 27px minmax(0,1fr);place-items:center stretch;gap:8px;min-height:48px;padding:5px 3px}.reels-stage-rail .studio-steps button>span{justify-self:center;width:36px;height:36px}.reels-stage-rail .studio-steps button small{color:var(--color-text-muted);text-align:center}.reels-stage-rail .studio-steps button strong{font-size:.7rem}@media (min-width:1201px){.reels-workspace{grid-template-columns:minmax(220px,260px) minmax(430px,.88fr) minmax(450px,1.12fr);align-items:start;gap:12px}.reels-controls{min-height:calc(100dvh - 96px);padding:24px clamp(20px,2.6vw,38px) 20px}}@media (max-width:1200px) and (min-width:861px){.reels-workspace{grid-template-columns:minmax(440px,1fr) minmax(420px,1fr);align-items:start;display:grid}.reels-stage-rail{grid-column:1/-1;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);align-items:center;gap:12px 18px;height:auto;padding:16px 18px;display:grid;position:relative;top:0}.reels-stage-rail .studio-heading{flex-direction:row;align-items:center}.reels-stage-rail .studio-project-summary{margin-top:0}.reels-stage-rail .studio-steps{grid-column:1/-1;grid-template-columns:repeat(7,1fr);margin:0;overflow:visible}.reels-stage-rail .studio-steps:before{width:auto;height:1px;inset:29px 8% auto}.reels-stage-rail .studio-steps button{text-align:center;grid-template-columns:1fr;justify-items:center;gap:3px;min-height:0;padding:0;display:grid}.reels-preview{height:calc(100dvh - 96px);top:84px}}@media (max-width:860px){.reels-workspace{flex-direction:column;display:flex}.reels-stage-rail{order:1;width:100%;height:auto;padding:16px;position:relative;top:0}.reels-stage-rail .studio-heading{flex-direction:row;align-items:center}.reels-stage-rail .studio-project-summary{margin-top:12px}.reels-stage-rail .studio-steps{grid-template-columns:repeat(7,minmax(72px,1fr));margin-top:12px;overflow:auto hidden}.reels-stage-rail .studio-steps:before{display:none}.reels-stage-rail .studio-steps button{text-align:center;grid-template-columns:1fr;justify-items:center;gap:3px;min-height:70px;padding:4px;display:grid}.reels-preview{order:2}.reels-controls{order:3}}@media (max-width:560px){.reels-stage-rail{border-radius:17px}.reels-stage-rail .studio-heading h1{font-size:1.02rem}.reels-stage-rail .studio-project-summary{grid-template-columns:1fr 1fr}}.upload-drop{border:1px dashed color-mix(in srgb, var(--color-accent) 54%, var(--color-border));background:color-mix(in srgb, var(--color-accent-soft) 20%, var(--color-surface-raised));text-align:right;border-radius:15px;align-items:center;gap:12px;width:100%;min-height:70px;margin-bottom:15px;padding:12px 15px;display:flex}.upload-drop.is-active{border-style:solid;border-color:var(--color-accent)}.upload-drop>svg{width:24px;color:var(--color-accent-strong)}.upload-drop>span{flex:1}.upload-drop strong,.upload-drop small{display:block}.upload-drop strong{font-size:.77rem}.upload-drop small{color:var(--color-text-muted);font-size:.6rem}.upload-drop>b{color:var(--color-text-muted);font-size:.68rem}.upload-drop>b svg{width:18px}.background-picker-disclosure{border:1px solid color-mix(in srgb, var(--color-accent) 28%, var(--color-border));background:var(--color-surface-raised);border-radius:16px;margin-bottom:14px}.background-picker-disclosure>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:11px 13px;list-style:none;display:flex}.background-picker-disclosure>summary::-webkit-details-marker{display:none}.background-picker-disclosure>summary>span{align-items:center;gap:10px;min-width:0;display:flex}.background-picker-disclosure>summary>span>svg{width:21px;color:var(--color-accent-strong);flex:0 0 21px}.background-picker-disclosure>summary strong,.background-picker-disclosure>summary small{display:block}.background-picker-disclosure>summary strong{font-size:.7rem}.background-picker-disclosure>summary small{color:var(--color-text-muted);margin-top:2px;font-size:.55rem}.background-picker-disclosure>summary>b{background:var(--color-surface-muted);min-height:36px;color:var(--color-accent-strong);white-space:nowrap;border-radius:10px;align-items:center;gap:5px;padding:0 10px;font-size:.54rem;display:inline-flex}.background-picker-disclosure>summary>b svg{width:13px;transition:transform .18s}.background-picker-disclosure[open]>summary>b svg{transform:rotate(180deg)}.background-picker-disclosure[open]>summary{border-bottom:1px solid var(--color-border)}.background-picker-body{padding:13px}.background-picker-body .background-library{margin-bottom:14px}.background-picker-body .upload-drop{margin-bottom:0}.motion-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.static-background-note{border:1px solid var(--color-border);background:var(--color-surface-muted);min-height:64px;color:var(--color-accent-strong);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.static-background-note>svg{width:21px}.static-background-note strong,.static-background-note small{display:block}.static-background-note strong{color:var(--color-text);font-size:.69rem}.static-background-note small{color:var(--color-text-muted);margin-top:3px;font-size:.56rem}.studio-field input[type=range]{width:100%;accent-color:var(--color-accent-strong)}.studio-field>span{justify-content:space-between;align-items:center;gap:8px;display:flex}.studio-field>span b{color:var(--color-accent-strong);font-variant-numeric:tabular-nums;font-size:.61rem}.studio-tool-section{border:1px solid var(--color-border);background:linear-gradient(145deg, color-mix(in srgb, var(--color-surface-raised) 96%, transparent), color-mix(in srgb, var(--color-surface-muted) 62%, var(--color-surface-raised)));border-radius:18px;margin-top:14px;padding:14px;box-shadow:inset 0 1px #ffffff85}.studio-tool-section>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.studio-tool-section>header>div{align-items:center;gap:9px;min-width:0;display:flex}.studio-tool-section>header>div>span{background:color-mix(in srgb, var(--color-accent-soft) 72%, var(--color-surface-raised));width:36px;height:36px;color:var(--color-accent-strong);border-radius:11px;flex:0 0 36px;place-items:center;display:grid}.studio-tool-section>header svg{width:17px}.studio-tool-section>header strong,.studio-tool-section>header small{display:block}.studio-tool-section>header strong{font-size:.75rem}.studio-tool-section>header small{color:var(--color-text-muted);margin-top:2px;font-size:.55rem;line-height:1.45}.studio-tool-section>header>b{background:var(--color-surface-muted);color:var(--color-accent-strong);border-radius:99px;flex:none;padding:5px 8px;font-size:.53rem}.motion-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:13px;display:grid}.motion-preset-grid>button{border:1px solid var(--color-border);background:var(--color-surface-raised);text-align:right;border-radius:13px;justify-items:start;gap:3px;min-height:92px;padding:10px;transition:transform .18s,border-color .18s,background .18s;display:grid;position:relative}.motion-preset-grid>button:hover{transform:translateY(-2px)}.motion-preset-grid>button.is-active{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent-soft) 42%, var(--color-surface-raised));box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 9%, transparent)}.motion-preset-grid>button>span{background:var(--color-surface-muted);width:29px;height:29px;color:var(--color-accent-strong);border-radius:9px;place-items:center;display:grid}.motion-preset-grid>button>span svg{width:15px}.motion-preset-grid>button>strong{font-size:.63rem}.motion-preset-grid>button>small{color:var(--color-text-muted);font-size:.49rem;line-height:1.4}.motion-preset-grid>button>i{background:var(--color-accent-strong);color:#fff;border-radius:50%;place-items:center;width:19px;height:19px;display:grid;position:absolute;top:8px;left:8px}.motion-preset-grid>button>i svg{width:11px}.control-sliders{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.control-sliders--three{grid-template-columns:repeat(3,minmax(0,1fr))}.control-sliders .studio-field{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:12px;min-width:0;margin:0;padding:10px}.control-sliders input:disabled{opacity:.35;cursor:not-allowed}.crop-control-grid{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:10px;margin-top:10px;display:grid}.crop-control-grid .studio-field{min-width:0;margin:0}.crop-control-grid>button{border:1px solid var(--color-border);background:var(--color-surface-raised);min-height:44px;color:var(--color-text-muted);white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:.54rem;font-weight:800;display:inline-flex}.crop-control-grid>button svg{width:14px}.studio-effects-section{background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--color-accent-soft) 65%, transparent), transparent 42%), var(--color-surface-raised)}.video-effect-feature{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:16px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.video-effect-feature.is-active{border-color:var(--color-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 9%, transparent)}.video-effect-toggle{text-align:right;align-items:center;gap:12px;width:100%;min-height:76px;padding:11px 12px;display:flex}.video-effect-toggle>span{border:1px solid color-mix(in srgb, var(--effect-color) 35%, var(--color-border));background:radial-gradient(circle, color-mix(in srgb, var(--effect-color) 46%, transparent), color-mix(in srgb, var(--effect-color) 8%, var(--color-surface-muted)));width:46px;height:46px;color:var(--color-accent-strong);border-radius:14px;flex:0 0 46px;place-items:center;display:grid}.video-effect-toggle>span svg{width:20px}.video-effect-toggle>div{flex:1;min-width:0}.video-effect-toggle strong,.video-effect-toggle small{display:block}.video-effect-toggle strong{font-size:.69rem}.video-effect-toggle small{color:var(--color-text-muted);margin-top:3px;font-size:.52rem;line-height:1.45}.video-effect-toggle>i{border:1px solid var(--color-border);width:23px;height:23px;color:var(--color-text-muted);border-radius:50%;place-items:center;display:grid}.video-effect-toggle>i svg{width:12px}.video-effect-feature.is-active .video-effect-toggle>i{background:var(--color-accent-strong);color:#fff;border-color:#0000}.video-effect-settings{border-top:1px solid var(--color-border);background:var(--color-surface-muted);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:8px;display:grid}.effect-scope{background:var(--color-surface-raised);border-radius:9px;grid-column:1/-1;grid-template-columns:repeat(2,1fr);gap:3px;padding:3px;display:grid}.effect-scope button{min-height:32px;color:var(--color-text-muted);border-radius:7px;font-size:.5rem;font-weight:800}.effect-scope button.is-active{background:var(--color-brand);color:var(--color-on-brand)}.video-effect-settings>label{color:var(--color-text-muted);gap:4px;font-size:.49rem;font-weight:800;display:grid}.video-effect-settings>label input[type=range]{width:100%;accent-color:var(--color-accent-strong)}.video-effect-settings>.effect-color input{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:8px;width:34px;height:30px;padding:2px}.text-effect-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.text-effect-presets>button{border:1px solid var(--color-border);background:var(--color-surface-raised);text-align:right;border-radius:13px;grid-template-columns:52px 1fr;align-items:center;gap:9px;min-height:82px;padding:8px;display:grid}.text-effect-presets>button.is-active{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent-soft) 36%, var(--color-surface-raised));box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 9%, transparent)}.text-effect-presets>button>span,.text-effect-presets>button strong,.text-effect-presets>button small{display:block}.text-effect-presets>button strong{font-size:.64rem}.text-effect-presets>button small{color:var(--color-text-muted);margin-top:2px;font-size:.5rem;line-height:1.4}.text-fx-sample{color:#fffaf0;background:#071f1c;border:1px solid #e7c77d33;border-radius:13px;place-items:center;width:52px;height:52px;font-style:normal;display:grid}.text-fx-sample svg{width:21px}.text-fx-sample--glow{color:#fff4c7;filter:drop-shadow(0 0 6px #d7b767)}.text-motion-row{border-top:1px solid var(--color-border);grid-template-columns:minmax(100px,.7fr) minmax(220px,1.5fr);align-items:center;gap:10px;margin-top:10px;padding-top:10px;display:grid}.text-motion-row>div:first-child strong,.text-motion-row>div:first-child small{display:block}.text-motion-row>div:first-child strong{font-size:.63rem}.text-motion-row>div:first-child small{color:var(--color-text-muted);font-size:.5rem}.text-motion-row>div:last-child{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.text-motion-row button{border:1px solid var(--color-border);background:var(--color-surface-muted);min-height:40px;color:var(--color-text-muted);border-radius:10px;justify-content:center;align-items:center;gap:5px;font-size:.53rem;font-weight:800;display:inline-flex}.text-motion-row button svg{width:14px}.text-motion-row button.is-active{border-color:var(--color-accent);background:var(--color-brand);color:var(--color-on-brand)}.metadata-controls{background:color-mix(in srgb, var(--color-accent-soft) 27%, var(--color-surface-raised))}.visibility-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.visibility-grid>button{border:1px solid var(--color-border);background:var(--color-surface-raised);text-align:right;border-radius:13px;align-items:center;gap:9px;min-height:64px;padding:9px;display:flex}.visibility-grid>button.is-active{border-color:color-mix(in srgb, var(--color-success) 60%, var(--color-border))}.visibility-grid>button>span{background:var(--color-surface-muted);width:34px;height:34px;color:var(--color-text-muted);border-radius:10px;flex:0 0 34px;place-items:center;display:grid}.visibility-grid>button.is-active>span{background:var(--color-success-soft);color:var(--color-success)}.visibility-grid>button>span svg{width:16px}.visibility-grid>button>div{flex:1;min-width:0}.visibility-grid strong,.visibility-grid small{display:block}.visibility-grid strong{font-size:.63rem}.visibility-grid small{color:var(--color-text-muted);margin-top:2px;font-size:.49rem}.visibility-grid>button>i{background:var(--color-surface-muted);color:var(--color-text-muted);border-radius:99px;padding:4px 7px;font-size:.48rem;font-style:normal;font-weight:850}.visibility-grid>button.is-active>i{background:var(--color-success-soft);color:var(--color-success)}.text-fine-controls .surah-title-controls{margin-top:2px}.reading-highlight-section{background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--color-accent-soft) 48%, transparent), transparent 46%), var(--color-surface-raised)}.identity-badge{align-items:center;gap:5px;min-height:32px;display:inline-flex}.identity-badge svg{width:13px!important}.highlight-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.highlight-options button{border:1px solid var(--color-border);background:var(--color-surface-raised);text-align:right;border-radius:13px;grid-template-columns:44px 1fr 22px;align-items:center;gap:10px;min-height:78px;padding:10px;display:grid;position:relative}.highlight-options button.is-active{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent-soft) 30%, var(--color-surface-raised))}.highlight-options button span,.highlight-options button strong,.highlight-options button small{display:block}.highlight-options button strong{font-size:.65rem}.highlight-options button small{color:var(--color-text-muted);margin-top:3px;font-size:.5rem;line-height:1.45}.highlight-options button>b{background:var(--color-accent-strong);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.highlight-options button>b:empty{background:0 0}.highlight-options button>b svg{width:11px}.highlight-option-icon{background:color-mix(in srgb, var(--color-accent-soft) 58%, var(--color-surface-muted));width:44px;height:44px;color:var(--color-accent-strong);border-radius:12px;place-items:center;font-style:normal;display:grid}.highlight-option-icon svg{width:20px}.surah-title-controls{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:15px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:grid}.surah-title-heading{align-items:center;gap:9px;min-width:0;display:flex}.surah-title-heading>span{background:var(--color-accent-soft);width:36px;height:36px;color:var(--color-accent-strong);border-radius:11px;flex:0 0 36px;place-items:center;display:grid}.surah-title-heading>span svg{width:17px}.surah-title-heading strong,.surah-title-heading small{display:block}.surah-title-heading strong{font-size:.68rem}.surah-title-heading small{color:var(--color-text-muted);margin-top:2px;font-size:.51rem;line-height:1.45}.surah-title-style-options{grid-area:2/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.surah-title-style-options button{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-raised) 82%, transparent);min-height:42px;color:var(--color-text-muted);border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:6px 8px;font-size:.59rem;font-weight:800;display:inline-flex}.surah-title-style-options button svg{width:14px}.surah-title-style-options button.is-active{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent-soft) 34%, var(--color-surface-raised));color:var(--color-accent-strong)}.title-color-control{color:var(--color-text-muted);grid-area:1/2;justify-items:center;gap:4px;font-size:.54rem;display:grid}.title-color-control input[type=color]{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:11px;width:38px;height:38px;padding:2px;overflow:hidden}.fine-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.fine-color-grid label:last-child{grid-column:1/-1}.fine-color-grid label{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:12px;align-items:center;gap:8px;min-width:0;min-height:58px;padding:8px;display:flex}.fine-color-grid label>i{background:var(--color-surface-muted);width:28px;height:28px;color:var(--color-accent-strong);border-radius:8px;flex:0 0 28px;place-items:center;font-style:normal;display:grid}.fine-color-grid label>i svg{width:14px}.fine-color-grid label>span{flex:1;min-width:0}.fine-color-grid strong,.fine-color-grid small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.fine-color-grid strong{color:var(--color-text);font-size:.56rem}.fine-color-grid small{color:var(--color-text-muted);margin-top:2px;font-size:.46rem}.fine-color-grid input{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:9px;flex:0 0 30px;width:30px;height:30px;padding:2px;overflow:hidden}.fine-slider-grid{grid-template-columns:1fr;gap:8px;display:grid}.fine-slider-card{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:13px;grid-template-columns:38px 1fr;gap:9px;min-width:0;padding:10px;display:grid}.fine-slider-card>i{background:color-mix(in srgb, var(--color-accent-soft) 58%, var(--color-surface-muted));width:38px;height:38px;color:var(--color-accent-strong);border-radius:11px;grid-row:1/3;place-items:center;font-style:normal;display:grid}.fine-slider-card>i svg{width:17px}.fine-slider-card>span{grid-template-columns:1fr auto;column-gap:8px;min-width:0;display:grid}.fine-slider-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:.59rem;overflow:hidden}.fine-slider-card b{color:var(--color-accent-strong);font-variant-numeric:tabular-nums;font-size:.56rem}.fine-slider-card small{color:var(--color-text-muted);grid-column:1/-1;margin-top:2px;font-size:.47rem;line-height:1.4}.fine-slider-card input{width:100%;accent-color:var(--color-accent-strong);grid-column:1/-1}.aspect-options{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px;display:grid}.format-intro{border:1px solid color-mix(in srgb, var(--color-accent) 28%, var(--color-border));background:radial-gradient(circle at 8% 20%, color-mix(in srgb, var(--color-brand-soft) 92%, transparent), transparent 40%), linear-gradient(135deg, color-mix(in srgb, var(--color-accent-soft) 84%, var(--color-surface-raised)), var(--color-surface-raised));min-height:100px;color:var(--color-text);border-radius:18px;align-items:center;gap:15px;margin-bottom:14px;padding:16px 18px;display:flex;position:relative;overflow:hidden}.format-intro:after{border:1px solid color-mix(in srgb, var(--color-accent) 17%, transparent);content:"";pointer-events:none;border-radius:13px;position:absolute;inset:9px}.format-intro>span{z-index:1;border:1px solid color-mix(in srgb, var(--color-accent) 46%, var(--color-border));background:color-mix(in srgb, var(--color-surface-raised) 86%, transparent);width:58px;height:72px;color:var(--color-accent-strong);transition:width var(--motion-normal), height var(--motion-normal);border-radius:11px;flex:none;place-items:center;display:grid}.format-intro>span.is-wide{width:104px;height:58px}.format-intro>span svg{width:24px}.format-intro>div{z-index:1}.format-intro strong,.format-intro small{display:block}.format-intro strong{font-family:var(--font-display);font-size:1rem}.format-intro small{color:var(--color-text-muted);text-align:right;direction:ltr;margin-top:4px;font-size:.64rem}.format-intro>i{background:linear-gradient(90deg, color-mix(in srgb, var(--color-accent) 32%, transparent), transparent);width:46%;height:1px;position:absolute;top:50%;right:48%}.format-note,.export-format-summary{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:14px;align-items:center;gap:11px;padding:12px 14px;display:flex}.format-note>svg{width:21px;color:var(--color-brand);flex:0 0 21px}.format-note strong,.format-note small,.export-format-summary strong,.export-format-summary small{display:block}.format-note strong{font-size:.69rem}.format-note small{color:var(--color-text-muted);margin-top:3px;font-size:.59rem;line-height:1.5}.export-format-summary{background:var(--color-surface-raised);margin-bottom:12px}.export-format-summary>span{background:color-mix(in srgb, var(--color-accent) 13%, transparent);width:40px;height:40px;color:var(--color-accent-strong);border-radius:11px;flex:none;place-items:center;display:grid}.export-format-summary>span.is-wide{width:54px;height:34px}.export-format-summary>span svg{width:19px}.export-format-summary>div{flex:1;min-width:0}.export-format-summary small{color:var(--color-text-muted);font-size:.57rem}.export-format-summary strong{margin-top:2px;font-size:.69rem}.export-format-summary button{border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-brand);border-radius:9px;padding:7px 10px;font-size:.61rem;font-weight:800}.aspect-options button{border:1px solid var(--color-border);background:var(--color-surface-raised);text-align:right;border-radius:15px;align-items:center;gap:13px;min-height:72px;padding:11px 15px;display:flex}.aspect-options button.is-active{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 10%, transparent)}.aspect-shape{border:2px solid var(--color-accent-strong);border-radius:4px;display:block}.aspect-shape--vertical{width:21px;height:38px}.aspect-shape--wide{width:42px;height:24px}.aspect-options strong,.aspect-options small{display:block}.aspect-options strong{font-size:.76rem}.aspect-options small{color:var(--color-text-muted);font-size:.61rem}.resolution-grid{grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:14px;display:grid}.resolution-grid button{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:12px;min-height:59px;padding:8px}.resolution-grid button strong,.resolution-grid button small{display:block}.resolution-grid button strong{font-size:.76rem}.resolution-grid button small{color:var(--color-text-muted);direction:ltr;margin-top:3px;font-size:.51rem}.resolution-grid button.is-active{border-color:var(--color-accent);background:var(--color-brand);color:var(--color-on-brand)}.resolution-grid button.is-active small{color:color-mix(in srgb, var(--color-on-brand) 72%, transparent)}.export-estimate{grid-template-columns:repeat(3,1fr);margin-bottom:12px;display:grid;overflow:hidden}.export-estimate>div{border-left:1px solid var(--color-border);align-items:center;gap:8px;min-width:0;padding:12px;display:flex}.export-estimate>div:last-child{border-left:0}.export-estimate svg{width:18px;color:var(--color-accent-strong)}.export-estimate small,.export-estimate strong{white-space:nowrap;display:block}.export-estimate small{color:var(--color-text-muted);font-size:.53rem}.export-estimate strong{font-variant-numeric:tabular-nums;margin-top:2px;font-size:.69rem}.export-quota{border:1px solid color-mix(in srgb, var(--color-brand) 25%, var(--color-border));background:color-mix(in srgb, var(--color-brand-soft) 52%, var(--color-surface-raised));border-radius:12px;align-items:center;gap:9px;margin-bottom:12px;padding:10px 12px;display:flex}.export-quota>svg{width:19px;color:var(--color-brand);flex:0 0 19px}.export-quota strong,.export-quota small{display:block}.export-quota strong{font-size:.67rem}.export-quota small{color:var(--color-text-muted);margin-top:2px;font-size:.55rem}.export-quota.is-empty{border-color:color-mix(in srgb, var(--color-warning) 42%, var(--color-border));background:var(--color-warning-soft)}.studio-warning{background:var(--color-warning-soft);color:var(--color-warning-strong,var(--color-text));border-radius:11px;align-items:flex-start;gap:8px;margin-bottom:10px;padding:9px 11px;font-size:.64rem;line-height:1.6;display:flex}.studio-warning svg{flex:0 0 17px;width:17px}.heavy-confirm{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:12px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;display:flex}.heavy-confirm input{width:18px;height:18px;accent-color:var(--color-brand)}.heavy-confirm strong,.heavy-confirm small{display:block}.heavy-confirm strong{font-size:.68rem}.heavy-confirm small{color:var(--color-text-muted);font-size:.57rem}.export-button,.studio-navigation>button:not(.button-secondary),.render-job footer button:not(.button-secondary){background:var(--color-brand);color:var(--color-on-brand);box-shadow:0 12px 30px color-mix(in srgb, var(--color-brand) 20%, transparent);border-radius:14px;justify-content:center;align-items:center;gap:10px;display:flex}.export-button{width:100%;min-height:66px;padding:10px 17px}.export-button>svg{width:21px}.export-button>span{text-align:right;flex:1}.export-button strong,.export-button small{display:block}.export-button strong{font-size:.82rem}.export-button small{opacity:.72;text-align:right;direction:ltr;font-size:.57rem}.render-job{padding:14px}.render-job>header{align-items:center;gap:10px;display:flex}.render-job>header>span{background:var(--color-brand-soft);width:38px;height:38px;color:var(--color-brand);border-radius:50%;place-items:center;display:grid}.render-job>header svg{width:18px}.render-job>header>div{flex:1}.render-job>header strong,.render-job>header small{display:block}.render-job>header strong{font-size:.73rem}.render-job>header small{color:var(--color-text-muted);font-size:.55rem}.render-job>header b{font-variant-numeric:tabular-nums;font-size:.7rem}.render-progress{background:var(--color-surface-muted);border-radius:99px;height:6px;margin:12px 0;overflow:hidden}.render-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--color-brand), var(--color-accent));height:100%;transition:width .3s;display:block}.render-meta,.render-availability{background:var(--color-surface-muted);color:var(--color-text-muted);border-radius:9px;justify-content:space-between;align-items:center;gap:8px;margin:0 0 10px;padding:8px 10px;font-size:.57rem;display:flex}.render-availability{color:var(--color-success);justify-content:center}.render-availability b{color:inherit;font-variant-numeric:tabular-nums}.render-availability.is-expired{color:var(--color-danger)}.render-job p{color:var(--color-danger);margin:8px 0;font-size:.63rem}.render-job footer{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.render-job footer button{min-height:39px;padding:0 14px;font-size:.65rem;font-weight:800}.render-job--completed>header>span{background:var(--color-success-soft);color:var(--color-success)}.render-job--failed>header>span{background:var(--color-danger-soft);color:var(--color-danger)}.render-job footer button.render-restart-button{border:1px solid color-mix(in srgb, var(--color-accent) 38%, var(--color-border));background:color-mix(in srgb, var(--color-accent-soft) 46%, var(--color-surface-raised));min-height:44px;color:var(--color-accent-strong);box-shadow:none;border-radius:13px;align-items:center;gap:8px;padding:0 13px 0 16px;display:inline-flex}.render-restart-button>span{background:var(--color-accent-strong);color:#fff;border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.render-restart-button>span svg{width:13px}.render-restart-button>strong{font-size:.64rem}.studio-navigation{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:16px;display:flex}.studio-navigation>span{color:var(--color-text-subtle);font-size:.62rem;font-weight:850}.studio-navigation>button{border-radius:12px;align-items:center;gap:7px;min-height:41px;padding:0 15px;font-size:.68rem;font-weight:850;display:flex}.studio-navigation>button svg{width:16px}.button-secondary{border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text-muted);box-shadow:none}.reels-preview{border:1px solid var(--color-border);background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--color-brand-soft) 72%, var(--color-surface-raised)) 0, transparent 34%), color-mix(in srgb, var(--color-surface-muted) 76%, var(--color-surface-raised));min-width:0;height:calc(100dvh - 72px);box-shadow:var(--shadow-2);background-size:auto;border-radius:22px;grid-template-rows:auto minmax(0,1fr) auto;padding:clamp(20px,3vw,40px);display:grid;position:sticky;top:72px;overflow:hidden}.reels-preview>header,.reels-preview>footer{justify-content:space-between;align-items:center;display:flex}.reels-preview>header{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-raised) 92%, transparent);min-height:50px;box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;padding:8px 10px}.reels-preview>header>div{align-items:center;gap:9px;display:flex}.reels-preview>header span span,.reels-preview>header strong,.reels-preview>header small{display:block}.reels-preview>header strong{font-size:.74rem}.reels-preview>header small{color:var(--color-text-muted);font-size:.58rem}.preview-actions{align-items:center;gap:8px;display:flex}.preview-actions>b{border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text-muted);direction:ltr;border-radius:99px;padding:6px 10px;font-size:.6rem}.preview-actions>button,.preview-fullscreen-exit{border:1px solid var(--color-border);background:var(--color-surface-raised);width:32px;height:32px;color:var(--color-accent-strong);border-radius:10px;place-items:center;display:grid}.preview-actions>button svg,.preview-fullscreen-exit svg{width:16px;height:16px}.live-dot{background:var(--color-success);width:9px;height:9px;box-shadow:0 0 0 5px color-mix(in srgb, var(--color-success) 15%, transparent);border-radius:50%;animation:1.8s ease-in-out infinite gold-pulse;display:block}.preview-stage{place-items:center;min-height:0;padding:22px;display:grid;position:relative;container-type:size}.preview-stage:before{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--color-accent) 17%, transparent), transparent 68%);filter:blur(12px);content:"";border-radius:50%;width:min(72%,640px);position:absolute}.preview-device{z-index:1;background:#071f1c;border:6px solid #151718;border-radius:28px;max-width:100%;max-height:100%;position:relative;overflow:hidden;box-shadow:0 34px 80px #0d12143d,0 0 0 1px #ffffff24}.preview-canvas{direction:ltr;background:#071f1c;width:100%;height:100%;overflow:hidden}.preview-state{color:#fff8e9;text-align:center;background:radial-gradient(circle at 50% 34%,#15483e,#061c19 68%);place-content:center;justify-items:center;gap:8px;width:100%;height:100%;padding:24px;display:grid}.preview-state>svg{color:#e7c77d;width:24px;height:24px}.preview-state strong,.preview-state small{display:block}.preview-state strong{font-size:.76rem}.preview-state small{color:#ffffffad;max-width:280px;font-size:.58rem;line-height:1.6}.preview-state--error>svg{color:#ffb5aa}.preview-device:fullscreen{max-width:none;max-height:none;box-shadow:none;background:#000;border:0;border-radius:0;place-items:center;display:grid;overflow:hidden;aspect-ratio:auto!important;width:100vw!important;height:100vh!important}.preview-device:fullscreen .preview-canvas{max-width:100vw;max-height:100vh;position:relative}.preview-device[data-aspect=vertical]:fullscreen .preview-canvas{width:min(100vw,56.25vh);height:min(100vh,177.778vw)}.preview-device[data-aspect=wide]:fullscreen .preview-canvas{width:min(100vw,177.778vh);height:min(100vh,56.25vw)}.preview-fullscreen-exit{top:max(18px, env(safe-area-inset-top));left:max(18px, env(safe-area-inset-left));z-index:10;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000094;border-color:#ffffff38;position:absolute}.reels-preview--vertical .preview-device{width:auto;max-width:none;height:min(100cqh,780px,177.778cqw);max-height:none}.reels-preview--wide .preview-device{width:min(100cqw,920px,177.778cqh);max-width:none;height:auto;max-height:none}.reels-preview>footer{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-raised) 88%, transparent);box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;gap:18px;padding:14px 18px}.reels-preview>footer>div{min-width:0}.reels-preview>footer strong,.reels-preview>footer span{display:block}.reels-preview>footer strong{text-overflow:ellipsis;white-space:nowrap;font-size:.67rem;overflow:hidden}.reels-preview>footer span{color:var(--color-text-muted);direction:rtl;margin-top:2px;font-size:.55rem}.studio-form-section--editor{margin-inline:-4px}.reel-editor{gap:14px;display:grid}.reel-editor>audio{display:none}.reel-editor-loading{border:1px dashed var(--color-border-strong);background:var(--color-surface-muted);text-align:center;border-radius:18px;place-content:center;justify-items:center;gap:8px;min-height:280px;display:grid}.reel-editor-loading svg{width:24px;color:var(--color-accent-strong)}.reel-editor-loading strong{margin-top:4px;font-size:.82rem}.reel-editor-loading small{color:var(--color-text-muted);font-size:.64rem}.reel-editor__transport{border:1px solid color-mix(in srgb, var(--color-brand) 28%, var(--color-border));background:color-mix(in srgb, var(--color-brand-soft) 28%, var(--color-surface-raised));border-radius:17px;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);align-items:center;gap:12px;min-height:74px;padding:10px 13px;display:grid}.reel-editor__transport>div:first-child{grid-template-columns:auto auto;justify-content:start;align-items:baseline;gap:2px 9px;display:grid}.reel-editor__transport>div:first-child>span{background:color-mix(in srgb, var(--color-brand) 12%, transparent);width:fit-content;color:var(--color-brand-strong);border-radius:99px;grid-column:1/-1;padding:3px 7px;font-size:.5rem;font-weight:900}.reel-editor__transport>div:first-child>span.is-manual{background:color-mix(in srgb, var(--color-accent) 18%, transparent);color:var(--color-accent-strong)}.reel-editor__transport strong{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:.78rem}.reel-editor__transport small{color:var(--color-text-muted);font-size:.55rem}.reel-editor__transport-buttons{direction:ltr;align-items:center;gap:5px;display:flex}.reel-editor__transport-buttons button{border:1px solid var(--color-border);background:var(--color-surface-raised);width:34px;height:34px;color:var(--color-text-muted);border-radius:50%;place-items:center;display:grid}.reel-editor__transport-buttons button svg{width:15px}.reel-editor__transport-buttons button.is-primary{background:var(--color-brand);width:46px;height:46px;color:var(--color-on-brand);box-shadow:0 9px 26px color-mix(in srgb, var(--color-brand) 26%, transparent);border-color:#0000}.reel-editor__transport-buttons button.is-primary svg{width:25px}.reel-timeline-shell{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:18px;padding:13px;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.reel-timeline-shell>header,.reel-overlay-editor>header,.reel-overlay-editor>header>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.reel-timeline-shell>header{margin-bottom:10px}.reel-timeline-shell>header strong,.reel-timeline-shell>header small{display:block}.reel-timeline-shell>header strong{font-size:.72rem}.reel-timeline-shell>header small{color:var(--color-text-muted);margin-top:2px;font-size:.53rem}.reel-timeline-shell>header button,.reel-overlay-editor>header>button{border:1px solid var(--color-border);background:var(--color-surface-muted);min-height:32px;color:var(--color-text-soft);border-radius:9px;align-items:center;gap:6px;padding:0 10px;font-size:.56rem;font-weight:850;display:inline-flex}.reel-timeline-shell>header button svg,.reel-overlay-editor>header>button svg{width:13px}.reel-timeline__tools{direction:ltr;align-items:center;gap:4px;display:flex}.reel-timeline__tools>span{min-width:28px;color:var(--color-accent-strong);text-align:center;font-size:.55rem;font-weight:900}.reel-timeline__tools>button{min-width:30px;padding-inline:8px}.reel-timeline__tools>button:disabled{opacity:.38}.reel-timeline{border:1px solid var(--color-border-strong);background:linear-gradient(180deg, color-mix(in srgb, var(--color-accent-soft) 50%, var(--color-surface-raised)), color-mix(in srgb, var(--color-accent-soft) 24%, var(--color-surface-muted)));cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background-size:auto;border-radius:13px 13px 7px 7px;height:116px;position:relative;overflow:hidden}.reel-timeline.is-dragging{cursor:ew-resize}.reel-timeline__ticks{opacity:.32;position:absolute;inset:0}.reel-timeline__ticks i{background:color-mix(in srgb, var(--color-text) 14%, transparent);width:1px;position:absolute;top:0;bottom:0}.reel-waveform{justify-content:space-between;align-items:center;gap:1px;display:flex;position:absolute;inset:17px 7px}.reel-waveform>i{background:linear-gradient(180deg, var(--color-accent-strong), var(--color-success) 48%, var(--color-accent-strong));opacity:.76;border-radius:99px;flex:1;min-width:1px;max-width:3px}.reel-waveform__loading{width:100%;color:var(--color-text-muted);direction:rtl;justify-content:center;align-items:center;gap:7px;font-size:.58rem;display:flex}.reel-waveform__loading svg{width:14px}.reel-timeline__outside{z-index:2;background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--color-text) 16%, transparent) 0 7px, color-mix(in srgb, var(--color-text) 10%, transparent) 7px 14px);pointer-events:none;position:absolute;top:0;bottom:0}.reel-timeline__outside--start{left:0}.reel-timeline__outside--end{right:0}.reel-timeline__playhead{z-index:6;background:var(--color-brand);width:1px;box-shadow:0 0 10px color-mix(in srgb, var(--color-brand) 32%, transparent);pointer-events:none;position:absolute;top:0;bottom:0}.reel-timeline__playhead i{background:var(--color-brand);border-radius:1px;width:8px;height:8px;position:absolute;top:3px;left:50%;transform:translate(-50%)rotate(45deg)}.reel-timeline__handle{z-index:7;cursor:ew-resize;touch-action:none;background:0 0;width:15px;padding:0;position:absolute;top:0;bottom:0;transform:translate(-50%)}.reel-timeline__handle:before{background:var(--color-accent-strong);width:1px;box-shadow:0 0 8px color-mix(in srgb, var(--color-accent) 52%, transparent);content:"";position:absolute;top:0;bottom:0;left:7px}.reel-timeline__handle>span{border:1px solid color-mix(in srgb, var(--color-accent) 72%, var(--color-border));background:var(--color-accent-strong);border-radius:4px;width:11px;height:18px;position:absolute;top:8px;left:2px;box-shadow:0 3px 10px #0f1b203d}.reel-timeline__handle.is-trim>span{background:var(--color-success);height:28px;top:4px}.reel-ayah-track-heading{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;margin-bottom:6px;display:flex}.reel-ayah-track-heading>div{align-items:center;gap:7px;display:flex}.reel-ayah-track-heading>div>span{background:var(--color-brand-soft);width:27px;height:27px;color:var(--color-brand-strong);border-radius:8px;place-items:center;display:grid}.reel-ayah-track-heading svg{width:13px}.reel-ayah-track-heading strong,.reel-ayah-track-heading small{display:block}.reel-ayah-track-heading strong{font-size:.64rem}.reel-ayah-track-heading small{color:var(--color-text-muted);margin-top:1px;font-size:.49rem}.reel-ayah-track-heading>small{text-align:left}.reel-ayah-track{background:color-mix(in srgb, var(--color-brand-soft) 36%, var(--color-surface-muted));-webkit-user-select:none;user-select:none;border-radius:7px 7px 12px 12px;height:80px;margin-top:4px;position:relative;overflow:visible}.reel-ayah-track>button:not(.reel-ayah-track__handle){border-right:1px solid color-mix(in srgb, var(--color-accent) 56%, transparent);background:color-mix(in srgb, var(--color-accent-soft) 72%, var(--color-surface-raised));min-width:2px;color:var(--color-accent-strong);text-align:center;grid-template-rows:minmax(0,1fr) auto;gap:4px;padding:8px 7px 6px;display:grid;position:absolute;top:0;bottom:0;overflow:hidden}.reel-ayah-track>button:not(.reel-ayah-track__handle):hover{background:color-mix(in srgb, var(--color-accent) 18%, transparent)}.reel-ayah-track>button:not(.reel-ayah-track__handle)>span{color:var(--color-text);font-family:var(--font-reading);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.61rem;line-height:1.55;display:-webkit-box;overflow:hidden}.reel-ayah-track>button:not(.reel-ayah-track__handle)>i{white-space:nowrap;justify-content:center;align-items:center;gap:5px;min-width:0;font-style:normal;display:flex}.reel-ayah-track b,.reel-ayah-track small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reel-ayah-track b{font-size:.5rem}.reel-ayah-track small{color:var(--color-text-muted);font-size:.44rem}.reel-ayah-track__handle{z-index:5;cursor:ew-resize;touch-action:none;width:16px;padding:0;position:absolute;top:-4px;bottom:-4px;transform:translate(-50%)}.reel-ayah-track__handle:before{background:var(--color-accent);width:2px;box-shadow:0 0 9px color-mix(in srgb, var(--color-accent) 60%, transparent);content:"";border-radius:99px;position:absolute;top:0;bottom:0;left:7px}.reel-ayah-track__handle>span{border:1px solid color-mix(in srgb, var(--color-accent) 80%, #fff);background:var(--color-accent-strong);border-radius:5px;width:12px;height:25px;position:absolute;top:50%;left:2px;transform:translateY(-50%);box-shadow:0 4px 12px #00000047}.reel-ayah-track__playhead{z-index:4;pointer-events:none;background:#fff;width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #ffffffc2}.reel-ayah-track.is-dragging{cursor:ew-resize}.reel-timeline-shell>footer{color:var(--color-text-subtle);text-align:center;direction:ltr;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:8px;font-size:.48rem;display:grid}.reel-timeline-shell>footer span{font-variant-numeric:tabular-nums}.reel-timeline-shell>footer small{direction:rtl}.reel-overlay-editor{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:18px;padding:13px}.reel-overlay-editor>header{margin-bottom:11px}.reel-overlay-editor>header>div{justify-content:flex-start}.reel-overlay-editor>header>div>span{background:var(--color-brand-soft);width:34px;height:34px;color:var(--color-brand-strong);border-radius:10px;place-items:center;display:grid}.reel-overlay-editor>header>div>span svg{width:16px}.reel-overlay-editor>header strong,.reel-overlay-editor>header small{display:block}.reel-overlay-editor>header strong{font-size:.72rem}.reel-overlay-editor>header small{color:var(--color-text-muted);margin-top:2px;font-size:.53rem}.reel-overlay-editor>header>button{background:var(--color-brand);color:var(--color-on-brand);border-color:#0000}.reel-overlay-empty{border:1px dashed var(--color-border);background:var(--color-surface-muted);min-height:95px;color:var(--color-text-muted);text-align:center;border-radius:13px;place-content:center;justify-items:center;gap:4px;display:grid}.reel-overlay-empty svg{width:18px;color:var(--color-accent-strong)}.reel-overlay-empty strong{font-size:.65rem}.reel-overlay-empty small{font-size:.53rem}.reel-overlay-list{gap:10px;display:grid}.reel-overlay-list article{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:13px;padding:11px}.reel-overlay-list article>header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.reel-overlay-list article>header strong{font-size:.64rem}.reel-overlay-list article>header button{background:color-mix(in srgb, var(--color-danger) 9%, transparent);width:29px;height:29px;color:var(--color-danger);border-radius:8px;place-items:center;display:grid}.reel-overlay-list article>header svg{width:14px}.reel-overlay-list textarea{resize:vertical;border:1px solid var(--color-border);background:var(--color-surface-raised);width:100%;min-height:66px;color:var(--color-text);font:inherit;border-radius:10px;outline:0;padding:9px 10px;font-size:.68rem;line-height:1.6}.reel-overlay-list textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 12%, transparent)}.reel-overlay-effects{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:11px;margin-top:9px;padding:9px}.reel-overlay-effects__heading{align-items:center;gap:7px;margin-bottom:8px;display:flex}.reel-overlay-effects__heading>span{background:var(--color-brand-soft);width:28px;height:28px;color:var(--color-brand-strong);border-radius:8px;place-items:center;display:grid}.reel-overlay-effects__heading>span svg{width:13px}.reel-overlay-effects__heading strong,.reel-overlay-effects__heading small{display:block}.reel-overlay-effects__heading strong{font-size:.58rem}.reel-overlay-effects__heading small{color:var(--color-text-muted);font-size:.47rem}.reel-overlay-effect-options{grid-template-columns:repeat(2,1fr);gap:5px;display:grid}.reel-overlay-effect-options button{border:1px solid var(--color-border);background:var(--color-surface-muted);min-height:45px;color:var(--color-text-muted);border-radius:9px;align-items:center;gap:6px;padding:5px 7px;font-size:.49rem;font-weight:800;display:flex}.reel-overlay-effect-options button.is-active{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent-soft) 38%, var(--color-surface-raised));color:var(--color-text)}.reel-overlay-effect-options i{color:#fffaf0;background:#071f1c;border-radius:7px;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.reel-overlay-effect-options i svg{width:14px}.reel-overlay-effect-options .is-glow{color:#fff3bd;filter:drop-shadow(0 0 4px #d7b767)}.reel-overlay-motion-options{border-top:1px solid var(--color-border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;margin-top:7px;padding-top:7px;display:grid}.reel-overlay-motion-options>span{color:var(--color-text-muted);align-items:center;gap:4px;font-size:.48rem;font-weight:800;display:inline-flex}.reel-overlay-motion-options>span svg{width:12px}.reel-overlay-motion-options>div{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.reel-overlay-motion-options button{background:var(--color-surface-muted);min-height:31px;color:var(--color-text-muted);border-radius:7px;padding:0 7px;font-size:.47rem;font-weight:800}.reel-overlay-motion-options button.is-active{background:var(--color-brand);color:var(--color-on-brand)}.reel-overlay-time,.reel-overlay-controls,.reel-overlay-style{gap:8px;margin-top:9px;display:grid}.reel-overlay-time{grid-template-columns:repeat(2,1fr)}.reel-overlay-time label{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:9px;grid-template-columns:1fr auto auto;align-items:center;gap:5px;padding:7px 8px;display:grid}.reel-overlay-time span,.reel-overlay-time small,.reel-overlay-controls span,.reel-overlay-style label>span{color:var(--color-text-muted);font-size:.52rem;font-weight:800}.reel-overlay-time input{width:56px;color:var(--color-text);font-variant-numeric:tabular-nums;background:0 0;outline:0;font-size:.62rem}.reel-overlay-controls{grid-template-columns:repeat(2,1fr)}.reel-overlay-controls label{gap:2px;display:grid}.reel-overlay-controls input,.reel-overlay-opacity input{width:100%;accent-color:var(--color-accent)}.reel-overlay-safe-position{gap:2px;display:grid}.reel-overlay-safe-position>span{color:var(--color-text-muted);font-size:.52rem;font-weight:800}.reel-overlay-safe-position>input{width:100%;accent-color:var(--color-accent)}.reel-overlay-style{grid-template-columns:auto auto minmax(120px,1fr) auto;align-items:end}.reel-overlay-style label{gap:5px;display:grid}.reel-overlay-style input[type=color]{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:8px;width:38px;height:32px;padding:2px}.reel-overlay-align{background:var(--color-surface-raised);border-radius:9px;gap:3px;padding:3px;display:flex}.reel-overlay-align button{width:29px;height:29px;color:var(--color-text-muted);border-radius:7px;place-items:center;display:grid}.reel-overlay-align button svg{width:14px}.reel-overlay-align button.is-active{background:var(--color-brand);color:var(--color-on-brand)}.reels-toast{z-index:100;border:1px solid color-mix(in srgb, var(--color-danger) 35%, var(--color-border));background:var(--color-surface-raised);width:min(100% - 32px,560px);min-height:52px;box-shadow:var(--shadow-3);color:var(--color-danger);border-radius:14px;align-items:center;gap:10px;padding:10px 14px;animation:.22s ease-out both rise-in;display:flex;position:fixed;bottom:24px;right:50%;transform:translate(50%)}.reels-toast>svg{flex:0 0 20px;width:20px}.reels-toast>span{color:var(--color-text);flex:1;font-size:.7rem;line-height:1.55}.reels-toast button{background:var(--color-surface-muted);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.reels-toast button svg{width:16px}@media (max-width:1120px){.reels-workspace{grid-template-columns:minmax(470px,.95fr) minmax(420px,1.05fr)}.reels-controls{padding-left:24px;padding-right:24px}.reels-topbar__actions>span{display:none}.background-grid{grid-template-columns:repeat(2,1fr)}.control-sliders--three{grid-template-columns:1fr}.crop-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crop-control-grid>button{grid-column:1/-1}}@media (max-width:860px){.reels-topbar{grid-template-columns:auto 1fr auto;min-height:64px;padding:8px 12px}.reels-brand>img{width:104px;height:44px}.reels-brand span{display:none}.product-switch{justify-self:center}.product-switch a,.product-switch span{min-height:38px;padding:0 10px;font-size:.65rem}.reels-workspace{flex-direction:column-reverse;gap:10px;min-height:auto;padding:10px;display:flex}.reels-controls{border:1px solid var(--color-border)}.reels-preview{height:min(72dvh,720px);min-height:520px;padding:18px;position:relative;top:0}}@media (max-width:560px){.reels-topbar{grid-template-columns:auto 1fr}.reels-topbar__actions{display:none}.product-switch{justify-self:end}.product-switch b{display:none}.reels-workspace{gap:7px;padding:7px}.reels-preview{border-radius:17px;height:60dvh;min-height:430px;padding:12px}.reels-preview>footer{padding:10px 12px}.preview-stage{padding:13px}.preview-device{border-width:5px;border-radius:20px}.reels-controls{border-radius:17px;padding:22px 14px 18px}.studio-heading>span{width:44px;height:44px}.studio-heading h1{font-size:1.1rem}.studio-project-summary{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px}.studio-project-summary>div:last-child{display:none}.studio-steps{margin:16px 0 18px;padding-inline:5px}.studio-steps button strong{display:none}.choice-pills--two,.motion-grid{grid-template-columns:1fr}.studio-tool-section{border-radius:15px;padding:11px}.studio-tool-section>header{align-items:flex-start}.studio-tool-section>header>b{margin-top:5px}.motion-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-sliders,.control-sliders--three,.crop-control-grid,.text-effect-presets,.visibility-grid{grid-template-columns:1fr}.crop-control-grid>button{grid-column:auto}.text-motion-row{grid-template-columns:1fr}.background-grid{grid-template-columns:repeat(2,1fr)}.surah-title-controls{grid-template-columns:1fr auto}.surah-title-style-options{grid-area:2/1/auto/-1}.title-color-control{grid-area:1/2}.highlight-options,.fine-color-grid,.fine-slider-grid{grid-template-columns:1fr}.resolution-grid{grid-template-columns:repeat(2,1fr)}.export-estimate{grid-template-columns:1fr}.export-estimate>div{border-left:0;border-bottom:1px solid var(--color-border)}.export-estimate>div:last-child{border-bottom:0}.reel-editor__transport{grid-template-columns:1fr auto}.reel-timeline-shell>header{flex-direction:column;align-items:flex-start}.reel-timeline-shell>header button{justify-content:center;align-self:stretch}.reel-timeline__tools{direction:rtl;flex-wrap:wrap;width:100%}.reel-timeline__tools>button{flex:1}.reel-timeline__tools>button[aria-label]{flex:0 0 34px}.reel-timeline{height:100px}.reel-waveform{gap:0}.reel-waveform>i:nth-child(2n),.reel-ayah-track-heading>small{display:none}.reel-ayah-track{height:72px}.reel-overlay-time,.reel-overlay-controls{grid-template-columns:1fr}.reel-overlay-style{grid-template-columns:auto auto 1fr}.reel-overlay-align{grid-column:1/-1;justify-content:center}.reel-overlay-effect-options{grid-template-columns:repeat(2,1fr)}.reel-overlay-motion-options{grid-template-columns:1fr}.reel-overlay-motion-options>div{width:100%}}@media (prefers-reduced-motion:reduce){.studio-form-section,.motion-preset-grid>button,.video-effect-feature,.background-picker-disclosure>summary>b svg{transition:none;animation:none}.motion-preset-grid>button:hover,.background-grid button:hover{transform:none}}.skip-link{z-index:999;background:var(--color-brand-strong);min-height:44px;color:var(--color-on-brand);transition:transform var(--motion-fast);border-radius:10px;padding:11px 16px;position:fixed;top:10px;right:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.quran-text{font-family:var(--font-reading);font-variant-ligatures:common-ligatures}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.player-bar{grid-template-columns:minmax(0,1fr) auto;min-height:58px;padding-block:5px}}@media (max-width:700px){.player-bar{min-height:calc(58px + env(safe-area-inset-bottom));padding:6px 9px calc(5px + env(safe-area-inset-bottom))}.player-actions>button{width:38px;height:38px}.player-play{width:44px!important;height:44px!important}}@keyframes gold-pulse{0%,to{opacity:.55}50%{opacity:1}}img.brand-mark__image,svg.brand-mark__symbol{display:block}[data-theme=dark] img.brand-mark__image--official{filter:invert()}.hall{--bayaan-column-width:clamp(340px, 31vw, 430px);--color-canvas:#f6f8f8;--color-canvas-deep:#eef2f2;--color-surface:#fafbfb;--color-surface-raised:#fff;--color-surface-muted:#f0f3f3;--color-text:#15191a;--color-text-soft:#374146;--color-text-muted:#687378;--color-brand:#17191a;--color-brand-strong:#0d0f10;--color-brand-soft:#e2ecea;--color-on-brand:#fff;--color-accent:#79a9c0;--color-accent-strong:#315f78;--color-accent-soft:#e7f0f4;--color-border:#dfe4e5;--color-border-strong:#c5cdcf;--color-focus:#315f78;--color-success:#317665;--color-success-soft:#e2efe9;--shadow-1:0 1px 2px #10181a0d;--shadow-2:0 18px 48px #10181a14;--shadow-3:0 34px 90px #10181a24;--lattice-line:#2c444c0d;background:radial-gradient(960px 430px at 101% -6%, color-mix(in srgb, var(--color-accent-soft) 78%, transparent), transparent 72%), radial-gradient(720px 420px at -4% 92%, color-mix(in srgb, var(--color-brand-soft) 66%, transparent), transparent 76%), var(--color-canvas);background-size:auto;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);height:100dvh;display:grid;position:relative;overflow:hidden}[data-theme=dark] .hall{--color-canvas:#0f1415;--color-canvas-deep:#090d0e;--color-surface:#141a1b;--color-surface-raised:#1a2122;--color-surface-muted:#202829;--color-text:#f2f5f4;--color-text-soft:#d1d8d6;--color-text-muted:#9ba6a5;--color-brand:#f3f5f5;--color-brand-strong:#fff;--color-brand-soft:#18302b;--color-on-brand:#111515;--color-accent:#83b7ce;--color-accent-strong:#a9d2e2;--color-accent-soft:#182b34;--color-border:#2d3738;--color-border-strong:#435052;--color-focus:#a9d2e2;--color-success:#7bc8b0;--color-success-soft:#17332c;--shadow-1:0 1px 2px #0000003d;--shadow-2:0 18px 48px #0000004d;--shadow-3:0 34px 90px #00000075;--lattice-line:#a9d2e20d}[data-theme=sepia] .hall{--color-canvas:#f6f8f8;--color-canvas-deep:#eef2f2;--color-surface:#fafbfb;--color-surface-raised:#fff;--color-surface-muted:#f0f3f3;--color-text:#15191a;--color-text-soft:#374146;--color-text-muted:#687378;--color-brand:#17191a;--color-brand-strong:#0d0f10;--color-brand-soft:#e2ecea;--color-on-brand:#fff;--color-accent:#79a9c0;--color-accent-strong:#315f78;--color-accent-soft:#e7f0f4;--color-border:#dfe4e5;--color-border-strong:#c5cdcf;--color-focus:#315f78;--color-success:#317665;--color-success-soft:#e2efe9}.hall-header{z-index:40;border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-raised) 91%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);align-items:center;gap:12px;width:100%;min-width:0;min-height:64px;padding:9px clamp(12px,2vw,24px);display:flex;position:relative;box-shadow:0 10px 34px #121a1c0d}.surah-trigger{border:1px solid color-mix(in srgb, var(--color-accent) 38%, var(--color-border));border-radius:var(--radius-control);background:var(--color-surface-raised);max-width:300px;min-height:46px;box-shadow:var(--shadow-1);transition:border-color var(--motion-fast), box-shadow var(--motion-fast);align-items:center;gap:10px;padding:6px 14px;display:flex;position:relative}.surah-trigger:hover{border-color:color-mix(in srgb, var(--color-accent) 62%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 14%, transparent)}.surah-trigger>svg:first-child{width:19px;color:var(--color-accent-strong);flex:0 0 19px}.surah-trigger__label{min-width:0}.surah-trigger__label small,.surah-trigger__label strong{text-align:right;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.surah-trigger__label small{color:var(--color-accent-strong);letter-spacing:.06em;font-size:.6rem;font-weight:800}.surah-trigger__label strong{font-family:var(--font-display);font-size:1.08rem;line-height:1.25}.surah-trigger>svg:last-child{width:15px;color:var(--color-text-muted);flex:0 0 15px}.hall-meta{flex:1;justify-content:center;align-items:center;gap:7px;min-width:0;display:flex}.meta-chip{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);min-height:34px;color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:6px;padding:0 11px;font-size:.68rem;display:flex}.meta-chip--official{border-color:color-mix(in srgb, var(--color-accent) 36%, transparent);background:color-mix(in srgb, var(--color-accent-soft) 60%, transparent);color:var(--color-accent-strong)}.meta-chip svg{width:14px}.hall-actions{flex:none;align-items:center;gap:10px;display:flex}.hall-product-switch a,.hall-product-switch span{min-height:38px;padding-inline:11px;font-size:.7rem}.focus-toggle{border:1px solid color-mix(in srgb, var(--color-accent) 34%, var(--color-border));border-radius:var(--radius-pill);background:var(--color-surface-raised);min-height:38px;color:var(--color-accent-strong);transition:border-color var(--motion-fast), background var(--motion-fast), color var(--motion-fast);align-items:center;gap:6px;padding:0 12px;font-size:.72rem;font-weight:750;display:flex}.focus-toggle:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-accent) 68%, transparent);background:var(--color-accent-soft)}.focus-toggle svg{width:15px}.page-view-switch{border:1px solid color-mix(in srgb, var(--color-accent) 28%, var(--color-border));border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-surface-muted) 88%, transparent);gap:2px;padding:3px;display:flex}.page-view-switch button{border-radius:var(--radius-pill);min-height:36px;color:var(--color-text-muted);transition:background var(--motion-fast), color var(--motion-fast), box-shadow var(--motion-fast);background:0 0;align-items:center;gap:5px;padding:0 10px;font-size:.68rem;font-weight:750;display:flex}.page-view-switch button:hover{color:var(--color-accent-strong)}.page-view-switch button.is-active{background:var(--color-surface-raised);box-shadow:var(--shadow-1);color:var(--color-accent-strong)}.page-view-switch svg{width:15px;height:15px}.theme-toggle{border:1px solid var(--color-border);background:var(--color-surface-raised);width:44px;height:44px;color:var(--color-text-muted);box-shadow:var(--shadow-1);transition:border-color var(--motion-fast), background var(--motion-fast), color var(--motion-fast), transform var(--motion-fast);border-radius:50%;flex:0 0 44px;place-items:center;display:grid}.theme-toggle:hover{border-color:color-mix(in srgb, var(--color-accent) 54%, var(--color-border));background:var(--color-accent-soft);color:var(--color-accent-strong)}.theme-toggle:active{transform:scale(.95)}.theme-toggle svg{width:19px;height:19px}.hall-message{z-index:30;border:1px solid color-mix(in srgb, var(--color-danger) 32%, transparent);border-radius:var(--radius-control);background:var(--color-danger-soft);color:var(--color-danger);animation:rise-in var(--motion-normal) both;border-right-width:3px;margin:10px clamp(12px,2vw,24px) 0;padding:10px 14px;font-size:.78rem}.hall-empty{text-align:center;max-width:760px;animation:rise-in var(--motion-slow) var(--ease-glide) both;flex-direction:column;justify-content:center;align-items:center;margin:auto;padding:40px 24px;display:flex}.hall-empty>span{border:1px solid color-mix(in srgb, var(--color-accent) 50%, transparent);outline:1px solid color-mix(in srgb, var(--color-accent) 24%, transparent);outline-offset:5px;background:var(--color-brand);width:82px;height:82px;box-shadow:0 22px 44px color-mix(in srgb, var(--color-brand) 26%, transparent);color:var(--color-on-brand);border-radius:23px;place-items:center;display:grid;position:relative}.hall-empty>span:has(img.brand-mark__image--official){width:min(230px,70vw);height:86px;box-shadow:none;background:0 0;border:0;border-radius:0;outline:0}.hall-empty>span svg,.hall-empty>span img{object-fit:contain;width:48px;height:48px}.hall-empty>span img.brand-mark__image--official{width:100%;height:100%}.hall-empty small{color:var(--color-accent-strong);letter-spacing:.07em;margin-top:26px;font-weight:800}.hall-empty h2{font-family:var(--font-display);margin:8px 0;font-size:clamp(2rem,4vw,3rem);font-weight:400}.hall-empty p{max-width:520px;color:var(--color-text-muted);margin:0;line-height:1.95}.hall-empty>button{border-radius:var(--radius-control);background:var(--color-brand);min-height:48px;box-shadow:0 12px 28px color-mix(in srgb, var(--color-brand) 26%, transparent);color:var(--color-on-brand);transition:background var(--motion-fast), transform var(--motion-fast);align-items:center;gap:8px;margin-top:26px;padding:0 22px;font-weight:750;display:flex}.hall-empty>button:hover{background:var(--color-brand-strong)}.hall-empty>button:active{transform:scale(.97)}.hall-empty--loading>svg{width:40px;height:40px;color:var(--color-brand)}.drawer-scrim{z-index:90;visibility:hidden;background:var(--color-scrim);opacity:0;transition:opacity var(--motion-normal), visibility var(--motion-normal);border-radius:0;position:fixed;inset:0}.is-drawer-open .drawer-scrim{visibility:visible;opacity:1}.surah-drawer{z-index:100;border-left:1px solid var(--color-border);background:linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 6%, transparent), transparent 140px), var(--color-surface);width:min(370px,92vw);box-shadow:var(--shadow-3);transition:transform var(--motion-slow) var(--ease-standard);grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;position:fixed;top:0;bottom:0;right:0;transform:translate(105%)}.is-drawer-open .surah-drawer{transform:translate(0)}.drawer-head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 14px;display:flex}.drawer-head>a{align-items:center;gap:11px;min-width:0;display:flex}.drawer-head>a>span.drawer-brand__logo{flex:0 174px;width:174px;height:56px;display:block}.drawer-head .drawer-brand__logo img{object-fit:contain;object-position:right center;width:100%;height:100%}.drawer-head strong,.drawer-head small{display:block}.drawer-head strong{font-family:var(--font-display);font-size:1.3rem;line-height:1.15}.drawer-head small{color:var(--color-text-muted);margin-top:3px;font-size:.71rem}.drawer-head>button{background:var(--color-surface-muted);border-radius:11px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.drawer-head>button svg{width:19px;height:19px}.drawer-search{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);min-height:44px;color:var(--color-text-muted);transition:border-color var(--motion-fast), box-shadow var(--motion-fast);align-items:center;gap:8px;margin:14px 16px 10px;padding:0 13px;display:flex}.drawer-search:focus-within{border-color:color-mix(in srgb, var(--color-accent) 65%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 16%, transparent)}.drawer-search>svg{width:17px;height:17px}.drawer-search input{width:100%;min-width:0;color:var(--color-text);background:0 0;outline:0;padding:0;font-size:.8rem}.drawer-search input::placeholder{color:var(--color-text-muted)}.drawer-search button{width:30px;height:30px;color:var(--color-text-muted);background:0 0;border-radius:50%;flex:0 0 30px;place-items:center;display:grid}.drawer-search button:hover{background:var(--color-surface-muted)}.drawer-search button svg{width:14px}.surah-list{scrollbar-color:var(--color-border-strong) transparent;scrollbar-width:thin;min-height:0;padding:4px 12px 16px;overflow-y:auto}.surah-list>button{text-align:right;width:100%;min-height:58px;transition:background var(--motion-fast), border-color var(--motion-fast), transform var(--motion-fast);background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:8px 11px;display:grid;position:relative}.surah-list>button:hover{background:var(--color-surface-muted)}.surah-list>button:active{transform:scale(.985)}.surah-list>button.is-active{border-color:color-mix(in srgb, var(--color-accent) 30%, transparent);background:linear-gradient(270deg, color-mix(in srgb, var(--color-accent) 14%, transparent), transparent 42%), var(--color-surface-raised)}.surah-list>button.is-active:before{background:var(--color-accent);content:"";border-radius:999px;width:3px;position:absolute;top:12px;bottom:12px;right:-1px}.surah-list>button>svg{width:16px;color:var(--color-border-strong)}.surah-list>button.is-active>svg{color:var(--color-accent)}.surah-list__number{z-index:1;width:30px;height:30px;color:var(--color-text-muted);place-items:center;margin:auto;font-size:.72rem;font-weight:700;display:grid;position:relative}.surah-list__number:before,.surah-list__number:after{z-index:-1;border:1px solid color-mix(in srgb, var(--color-border-strong) 85%, transparent);content:"";border-radius:6px;position:absolute;inset:0}.surah-list__number:after{opacity:.55;rotate:45deg}.is-active .surah-list__number{color:var(--color-accent-strong)}.is-active .surah-list__number:before{border-color:color-mix(in srgb, var(--color-accent) 70%, transparent)}.surah-list__name{min-width:0}.surah-list__name strong,.surah-list__name small{display:block}.surah-list__name strong{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:1.04rem;overflow:hidden}.surah-list__name small{color:var(--color-text-muted);margin-top:2px;font-size:.67rem}.drawer-loading{min-height:150px;color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:.79rem;display:flex}.drawer-loading svg{width:22px}.read-hall{width:100%;min-height:0;transition:grid-template-columns .28s var(--ease-glide);grid-template-columns:minmax(0,1fr) 0;grid-template-areas:"canvas bayaan";display:grid}.hall.has-bayaan .read-hall{grid-template-columns:minmax(0, 1fr) var(--bayaan-column-width);grid-template-areas:"canvas bayaan"}.mushaf-canvas{grid-area:canvas;place-items:center;min-width:0;min-height:0;padding:clamp(7px,1.2vh,16px) clamp(52px,5vw,76px) clamp(34px,4.2vh,46px);display:grid;position:relative}.mushaf-page{width:min(96%,700px)}@supports (width:1cqh){.mushaf-canvas{container-type:size}.mushaf-page{width:min(92cqw,61.6cqh)}}.page-arrow{z-index:5;border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-raised) 88%, transparent);width:46px;height:46px;box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text-soft);transition:border-color var(--motion-fast), color var(--motion-fast), transform var(--motion-fast);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;translate:0 -50%}.page-arrow:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-accent) 60%, transparent);color:var(--color-accent-strong);transform:scale(1.05)}.page-arrow:active:not(:disabled){transform:scale(.96)}.page-arrow svg{width:20px}.page-arrow--prev{right:clamp(6px,1.4vw,20px)}.page-arrow--next{left:clamp(6px,1.4vw,20px)}.page-pill{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-surface-raised) 88%, transparent);box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:baseline;gap:7px;padding:6px 14px;display:flex;position:absolute;bottom:clamp(10px,1.8vh,18px);right:50%;translate:50%}.page-pill span{color:var(--color-accent-strong);font-size:.74rem;font-weight:800}.page-pill small{color:var(--color-text-muted);font-size:.64rem}.bayaan-tab{z-index:6;writing-mode:vertical-rl;border:1px solid color-mix(in srgb, var(--color-accent) 40%, var(--color-border));border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-surface-raised) 90%, transparent);box-shadow:var(--shadow-2);color:var(--color-accent-strong);letter-spacing:.05em;transition:border-color var(--motion-fast), color var(--motion-fast);align-items:center;gap:8px;padding:13px 9px;font-size:.72rem;font-weight:750;display:flex;position:absolute;top:calc(50% + 68px);left:clamp(6px,1.4vw,20px);translate:0 -50%}.bayaan-tab:hover{border-color:color-mix(in srgb, var(--color-accent) 65%, transparent);color:var(--color-accent-strong)}.bayaan-tab svg{width:15px}.mushaf-page{--color-text:#212c22;--color-accent:#9d7320;--color-accent-strong:#7c5913;--color-accent-soft:#f2e9d1;aspect-ratio:5/7;border:1px solid var(--color-mushaf-paper-edge);background:radial-gradient(circle at 14% 8%, color-mix(in srgb, var(--color-mushaf-frame-soft) 18%, transparent), transparent 28%), radial-gradient(circle at 86% 92%, color-mix(in srgb, var(--color-mushaf-frame-soft) 14%, transparent), transparent 30%), var(--color-paper);box-shadow:0 24px 60px color-mix(in srgb, var(--color-text) 16%, transparent), 0 60px 130px color-mix(in srgb, var(--color-text) 12%, transparent);border-radius:2px;width:min(96%,700px);position:relative;overflow:hidden;container-type:size}@supports (width:1cqh){.mushaf-page{width:min(94cqw,65.6449cqh)}}[data-theme=dark] .mushaf-page{--color-text:#ede9da;--color-accent:#d5ae62;--color-accent-strong:#e7c784;--color-accent-soft:#32281a;box-shadow:0 26px 70px #0000008c,0 70px 150px #0006}[data-theme=sepia] .mushaf-page{--color-text:#372f1d;--color-accent:#96682c;--color-accent-strong:#75501e;--color-accent-soft:#eeddc0}.mushaf-frame{z-index:1;pointer-events:none;border:1px solid var(--color-mushaf-frame);box-shadow:inset 0 0 0 clamp(2px, .55cqw, 4px) var(--color-paper), inset 0 0 0 clamp(3px, .8cqw, 6px) var(--color-mushaf-frame-soft);position:absolute;inset:clamp(8px,2.35cqw,18px) clamp(8px,2.15cqw,16px) clamp(10px,2.75cqw,21px)}.mushaf-frame:before{border:1px solid color-mix(in srgb, var(--color-mushaf-frame) 72%, transparent);content:"";position:absolute;inset:clamp(5px,1.25cqw,10px)}.mushaf-frame__corner{aspect-ratio:1;opacity:0;width:clamp(20px,6.6cqw,50px);transition:opacity var(--motion-normal);position:absolute}.mushaf-frame__corner:before,.mushaf-frame__corner:after{content:"";position:absolute}.mushaf-frame__corner:before{border:1px solid var(--color-mushaf-frame);background:color-mix(in srgb, var(--color-paper) 88%, transparent);inset:18%;rotate:45deg}.mushaf-frame__corner:after{border:1px solid var(--color-mushaf-frame-strong);background:var(--color-mushaf-frame-soft);inset:36%;rotate:45deg}.mushaf-frame__corner--top-start{top:clamp(-7px,-.9cqw,-3px);right:clamp(-7px,-.9cqw,-3px)}.mushaf-frame__corner--top-end{top:clamp(-7px,-.9cqw,-3px);left:clamp(-7px,-.9cqw,-3px)}.mushaf-frame__corner--bottom-start{bottom:clamp(-7px,-.9cqw,-3px);right:clamp(-7px,-.9cqw,-3px)}.mushaf-frame__corner--bottom-end{bottom:clamp(-7px,-.9cqw,-3px);left:clamp(-7px,-.9cqw,-3px)}.mushaf-body{z-index:2;color:var(--color-paper-ink);position:absolute;inset:clamp(40px,8.7cqh,73px) clamp(24px,6.4cqw,48px) clamp(48px,10.8cqh,90px);overflow:hidden}.mushaf-text{height:100%;font-size:var(--mushaf-size,clamp(11px, 2.75cqh, 30px));text-align:justify;line-height:1.66}.mushaf-paragraph{margin:0}.mushaf-lines{grid-template-rows:repeat(15,minmax(0,1fr));width:100%;min-width:0;height:100%;display:grid}.mushaf-lines .surah-band,.mushaf-lines .bismillah-line{align-self:center}.mushaf-line-row{justify-content:flex-start;align-items:baseline;gap:var(--mushaf-line-gap,.42em);width:100%;min-width:0;padding-inline:0;display:flex}.mushaf-line-row[data-line-align=center]{justify-content:center}.mushaf-line-row[data-line-align=fill]{justify-content:flex-start}.mushaf-word{white-space:nowrap;color:inherit;font:inherit;line-height:inherit;transition:background var(--motion-fast), box-shadow var(--motion-fast);background:0 0;border-radius:3px;margin:0;padding:0;display:inline-block!important}.mushaf-word.ayah-seal{font-family:var(--font-reading);font-size:.74em}button.mushaf-word:hover{background:color-mix(in srgb, var(--color-accent) 15%, transparent)}.mushaf-word.is-selected{background:color-mix(in srgb, var(--color-accent) 24%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 45%, transparent)}.mushaf-word.is-audio-current{box-shadow:inset 0 -.09em color-mix(in srgb, var(--color-accent) 85%, transparent)}.mushaf-word.is-playing{animation:2.2s ease-in-out infinite ayah-breathe}.surah-band{grid-template-columns:minmax(10px,1fr) auto minmax(10px,1fr);align-items:center;gap:clamp(6px,1.8cqw,15px);min-width:0;margin-block:.24em .18em;display:grid}.surah-band i{background:linear-gradient(90deg, color-mix(in srgb, var(--color-mushaf-frame) 75%, transparent), color-mix(in srgb, var(--color-mushaf-frame) 25%, transparent));height:2px;position:relative}.surah-band i:first-child:after,.surah-band i:last-child:after{border:1px solid color-mix(in srgb, var(--color-mushaf-frame) 72%, transparent);background:var(--color-paper);content:"";width:6px;height:6px;position:absolute;top:50%;translate:0 -50%;rotate:45deg}.surah-band i:first-child:after{right:-3px}.surah-band i:last-child{background:linear-gradient(90deg, color-mix(in srgb, var(--color-mushaf-frame) 25%, transparent), color-mix(in srgb, var(--color-mushaf-frame) 75%, transparent))}.surah-band i:last-child:after{left:-3px;right:auto}.surah-band strong{border:1px solid color-mix(in srgb, var(--color-mushaf-frame) 75%, transparent);background:color-mix(in srgb, var(--color-paper) 88%, var(--color-mushaf-frame-soft));min-width:clamp(92px,23cqw,176px);box-shadow:inset 0 0 0 2px var(--color-paper);color:var(--color-paper-ink);font-family:var(--font-display);text-align:center;white-space:nowrap;border-radius:50%/28%;padding:.08em 1em .14em;font-size:.94em;font-weight:400;position:relative}.bismillah-line{text-align:center;margin:0 0 .18em}.mushaf-ayah{white-space:normal;color:inherit;font:inherit;line-height:inherit;transition:background var(--motion-fast), box-shadow var(--motion-fast);background:0 0;border-radius:3px;margin:0;padding:0 1px;display:inline!important}.mushaf-ayah+.mushaf-ayah:before{content:" "}.mushaf-ayah:hover{background:color-mix(in srgb, var(--color-accent) 15%, transparent)}.mushaf-ayah.is-selected{background:color-mix(in srgb, var(--color-accent) 24%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 45%, transparent)}.mushaf-ayah.is-audio-current{box-shadow:inset 0 -.08em color-mix(in srgb, var(--color-accent) 85%, transparent)}.mushaf-ayah.is-playing{animation:2.2s ease-in-out infinite ayah-breathe}@keyframes ayah-breathe{50%{background-color:color-mix(in srgb, var(--color-accent) 30%, transparent)}}.ayah-seal{color:var(--color-seal);vertical-align:-.04em;padding-inline-start:1px}.ghareeb-mark{color:var(--color-seal);font:inherit;background:0 0}.mushaf-foot{z-index:2;justify-content:center;align-items:center;gap:clamp(10px,2.6cqw,24px);display:flex;position:absolute;bottom:clamp(13px,3cqh,25px);left:clamp(30px,12cqw,80px);right:clamp(30px,12cqw,80px)}.mushaf-foot i{opacity:.72;background:linear-gradient(90deg, transparent, var(--color-mushaf-frame));flex:1;max-width:clamp(40px,14cqw,110px);height:1px}.mushaf-foot i:last-child{background:linear-gradient(90deg, var(--color-mushaf-frame), transparent)}.mushaf-page-medal{border:1px solid color-mix(in srgb, var(--color-mushaf-frame) 82%, transparent);background:var(--color-paper);width:clamp(23px,4.4cqh,34px);height:clamp(23px,4.4cqh,34px);color:var(--color-mushaf-frame-strong);border-radius:5px;place-items:center;display:grid;position:relative;rotate:45deg}.mushaf-page-medal:after{z-index:-1;border:1px solid color-mix(in srgb, var(--color-mushaf-frame) 58%, transparent);background:var(--color-paper);content:"";position:absolute;inset:0;scale:.66}.mushaf-page-medal b{font-family:var(--font-display);font-size:clamp(.54rem,1.6cqh,.82rem);font-weight:400;rotate:-45deg}.mushaf-head{z-index:2;color:var(--color-paper-muted);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(4px,1.6cqw,12px);font-size:clamp(.52rem,1.25cqh,.68rem);display:grid;position:absolute;top:clamp(15px,3.15cqh,26px);left:clamp(24px,6.6cqw,50px);right:clamp(24px,6.6cqw,50px)}.mushaf-head span{justify-self:start}.mushaf-head strong{max-width:25ch;color:var(--color-mushaf-frame-strong);font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:1.12em;font-weight:400;overflow:hidden}.mushaf-head small{white-space:nowrap;justify-self:end;font-size:.92em}.bayaan-column{min-width:0;min-height:0;animation:rise-in var(--motion-normal) var(--ease-glide) both;grid-area:bayaan;padding:clamp(12px,2vh,22px) 0 clamp(12px,2vh,22px) clamp(12px,1.4vw,18px);display:flex}.insight-panel{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);width:100%;box-shadow:var(--shadow-2);flex-direction:column;display:flex;overflow:hidden}.insight-panel:before{z-index:2;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-accent) 75%, transparent), transparent);content:"";height:2px;position:absolute;top:0;left:10%;right:10%}.insight-panel{position:relative}.insight-panel__toolbar{border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-accent-soft) 35%, var(--color-surface-raised));flex:none;justify-content:space-between;align-items:center;gap:10px;min-height:60px;padding:10px 15px;display:flex}.insight-panel__toolbar>div:first-child{align-items:center;gap:10px;display:flex}.insight-panel__toolbar>div:first-child>span{border:1px solid color-mix(in srgb, var(--color-accent) 45%, transparent);background:color-mix(in srgb, var(--color-accent-soft) 70%, transparent);width:32px;height:32px;color:var(--color-accent-strong);border-radius:9px;place-items:center;display:grid;rotate:45deg}.insight-panel__toolbar>div:first-child>span svg{rotate:-45deg}.insight-panel__toolbar svg{width:16px}.insight-panel__toolbar strong{font-family:var(--font-display);font-size:1.08rem}.insight-panel__actions{align-items:center;gap:5px;display:flex}.insight-panel__actions button{border-radius:var(--radius-pill);background:var(--color-surface-muted);min-height:36px;color:var(--color-text-muted);transition:background var(--motion-fast), color var(--motion-fast);justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:.66rem;display:flex}.insight-panel__actions button:hover{color:var(--color-text)}.insight-panel__actions button.is-active{background:var(--color-brand);color:var(--color-on-brand)}.insight-prompt,.insight-loading{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px 24px;display:flex}.insight-prompt>span{border:1px solid color-mix(in srgb, var(--color-accent) 40%, transparent);background:var(--color-accent-soft);width:54px;height:54px;color:var(--color-accent-strong);border-radius:14px;place-items:center;animation:3.2s ease-in-out infinite gold-pulse;display:grid;position:relative;rotate:45deg}.insight-prompt>span svg{width:23px;rotate:-45deg}.insight-prompt h2{font-family:var(--font-display);margin:21px 0 6px;font-size:1.45rem;font-weight:400}.insight-prompt p{color:var(--color-text-muted);margin:0;font-size:.78rem;line-height:1.9}.insight-prompt small{border:1px dashed color-mix(in srgb, var(--color-accent) 40%, transparent);color:var(--color-text-muted);border-radius:10px;margin-top:15px;padding:8px 12px;font-size:.65rem;line-height:1.6}.insight-loading{color:var(--color-text-muted);gap:12px}.insight-loading svg{width:26px;color:var(--color-brand)}.insight-content{scroll-behavior:smooth;scrollbar-color:var(--color-border-strong) transparent;scrollbar-width:thin;flex:1;min-height:0;padding:0 17px 20px;overflow-y:auto}.insight-ayah-heading{border-bottom:1px solid var(--color-border);background:linear-gradient(180deg, color-mix(in srgb, var(--color-accent-soft) 55%, transparent), transparent);text-align:center;margin:0 -17px 16px;padding:18px 20px 15px;position:relative}.insight-ayah-heading:after{border:1px solid color-mix(in srgb, var(--color-accent) 55%, transparent);background:var(--color-surface);content:"";width:9px;height:9px;position:absolute;bottom:-5px;right:50%;translate:50%;rotate:45deg}.insight-ayah-heading>span{color:var(--color-accent-strong);letter-spacing:.05em;font-size:.7rem;font-weight:800}.insight-ayah-heading p{color:var(--color-text);margin:11px 0 0;font-size:clamp(1.2rem,1.9vw,1.5rem);line-height:2.05}.insight-audio{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-raised);gap:9px;padding:12px;display:grid}.insight-audio>button{background:var(--color-brand);min-height:42px;color:var(--color-on-brand);transition:background var(--motion-fast);border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:.75rem;font-weight:750;display:flex}.insight-audio>button:hover{background:var(--color-brand-strong)}.insight-audio>button.is-playing{background:var(--color-accent);color:#111515}.insight-audio>button svg{width:17px}.insight-audio label,.insight-audio-reciter{min-width:0;color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:8px;font-size:.68rem;display:flex}.insight-audio .compact-select{flex:1;min-width:0}.compact-select select{appearance:none;background:0 0;border-radius:8px;outline:0;min-height:34px;padding:0 8px 0 27px;font-weight:700}.compact-select svg{pointer-events:none;width:15px;color:var(--color-accent-strong);position:absolute;left:7px}.compact-select{align-items:center;display:inline-flex;position:relative}.insight-audio-reciter .reciter-picker-trigger{flex:1;min-width:0}body.has-reciter-picker{overflow:hidden}.reciter-picker-trigger{border:1px solid var(--color-border);background:var(--color-surface-muted);min-width:0;min-height:38px;color:var(--color-text);text-align:right;transition:border-color var(--motion-fast), background var(--motion-fast), box-shadow var(--motion-fast);border-radius:9px;justify-content:space-between;align-items:center;gap:9px;padding:5px 10px;display:flex}.reciter-picker-trigger:hover,.reciter-picker-trigger[aria-expanded=true]{border-color:color-mix(in srgb, var(--color-accent) 64%, var(--color-border));background:var(--color-surface-raised);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 9%, transparent)}.reciter-picker-trigger>span{gap:1px;min-width:0;display:grid}.reciter-picker-trigger strong,.reciter-picker-trigger small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reciter-picker-trigger strong{font-size:.72rem;font-weight:800}.reciter-picker-trigger small{color:var(--color-text-muted);font-size:.56rem}.reciter-picker-trigger>svg{width:15px;color:var(--color-accent-strong);flex:none}.reciter-picker-backdrop{z-index:400;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071c16a3;place-items:center;padding:20px;animation:.16s ease-out both reciter-backdrop-in;display:grid;position:fixed;inset:0}.reciter-picker-dialog{border:1px solid color-mix(in srgb, var(--color-frame-accent,var(--color-accent)) 48%, var(--color-border));background:linear-gradient(145deg, color-mix(in srgb, var(--color-surface-raised) 96%, var(--color-accent) 4%), var(--color-surface-raised));width:min(620px,100%);max-height:min(760px,100dvh - 40px);color:var(--color-text);border-radius:24px;grid-template-rows:auto auto minmax(0,1fr) auto;animation:.19s cubic-bezier(.2,.8,.2,1) both reciter-dialog-in;display:grid;overflow:hidden;box-shadow:0 30px 90px #04140f57}.reciter-picker-dialog>header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px 13px;display:flex}.reciter-picker-dialog>header small{color:var(--color-accent-strong);font-size:.62rem;font-weight:850}.reciter-picker-dialog>header h2{font-family:var(--font-display);margin:2px 0 0;font-size:1.12rem}.reciter-picker-dialog>header button,.reciter-picker-search>button{background:var(--color-surface-muted);width:36px;height:36px;color:var(--color-text-muted);border-radius:50%;flex:none;place-items:center;display:grid}.reciter-picker-dialog>header button svg,.reciter-picker-search>button svg{width:16px}.reciter-picker-search{border:1px solid var(--color-border);background:var(--color-surface-muted);min-height:46px;color:var(--color-text-muted);border-radius:13px;align-items:center;gap:9px;margin:14px 18px 9px;padding:0 12px;display:flex}.reciter-picker-search:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 10%, transparent)}.reciter-picker-search>svg{width:18px;color:var(--color-accent-strong);flex:none}.reciter-picker-search input{min-width:0;min-height:44px;color:var(--color-text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:.82rem}.reciter-picker-search>button{width:29px;height:29px}.reciter-picker-results{overscroll-behavior:contain;scrollbar-color:color-mix(in srgb, var(--color-accent) 36%, transparent) transparent;min-height:180px;padding:4px 18px 16px;overflow-y:auto}.reciter-picker-group h3{z-index:1;background:color-mix(in srgb, var(--color-surface-raised) 94%, transparent);color:var(--color-text-muted);margin:0 -2px;padding:12px 7px 7px;font-size:.62rem;font-weight:850;position:sticky;top:0}.reciter-picker-group>button{width:100%;min-height:52px;color:var(--color-text-soft);text-align:right;transition:background var(--motion-fast), border-color var(--motion-fast);border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:8px 11px;display:flex}.reciter-picker-group>button:hover{background:var(--color-surface-muted)}.reciter-picker-group>button.is-selected{border-color:color-mix(in srgb, var(--color-accent) 36%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 10%, var(--color-surface-muted))}.reciter-picker-group>button>span{gap:2px;display:grid}.reciter-picker-group>button strong{font-size:.78rem}.reciter-picker-group>button small{color:var(--color-text-muted);font-size:.6rem}.reciter-picker-group>button>svg{width:18px;color:var(--color-accent-strong);flex:none}.reciter-picker-empty{min-height:180px;color:var(--color-text-muted);place-items:center;font-size:.78rem;display:grid}.reciter-picker-dialog>footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:12px;padding:11px 20px 13px;font-size:.6rem;display:flex}.reciter-picker-dialog>footer span{color:var(--color-accent-strong);font-weight:850}@keyframes reciter-backdrop-in{0%{opacity:0}}@keyframes reciter-dialog-in{0%{opacity:0;transform:translateY(10px)scale(.985)}}.insight-audio select{background:var(--color-surface-muted);width:100%;min-width:0;color:var(--color-text-soft);border-radius:8px;font-size:.71rem}.insight-sections{gap:5px;margin:14px 0;padding-bottom:3px;display:flex;overflow-x:auto}.insight-sections a{border:1px solid var(--color-border);border-radius:var(--radius-pill);min-width:max-content;color:var(--color-text-muted);transition:border-color var(--motion-fast), color var(--motion-fast);padding:7px 11px;font-size:.69rem}.insight-sections a:hover{border-color:color-mix(in srgb, var(--color-accent) 55%, transparent);color:var(--color-accent-strong)}.correction-block,.tafsir-block,.ghareeb-block{border-top:1px solid var(--color-border);margin-top:14px;padding-top:15px;scroll-margin-top:10px;position:relative}.correction-block:before,.tafsir-block:before,.ghareeb-block:before{border:1px solid color-mix(in srgb, var(--color-accent) 50%, transparent);background:var(--color-surface);content:"";width:7px;height:7px;position:absolute;top:-4px;right:50%;translate:50%;rotate:45deg}.reader-section-title{align-items:center;gap:11px;margin-bottom:12px;display:flex}.reader-section-title>span{background:var(--color-brand-soft);width:32px;height:32px;color:var(--color-brand);border-radius:8px;flex:0 0 32px;place-items:center;display:grid;rotate:45deg}.reader-section-title>span svg{rotate:-45deg}.reader-section-title svg{width:16px}.reader-section-title small,.reader-section-title h2{margin:0;display:block}.reader-section-title small{color:var(--color-text-muted);letter-spacing:.03em;font-size:.61rem}.reader-section-title h2{font-family:var(--font-display);margin-top:2px;font-size:1.07rem;font-weight:400}.reader-concept-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.reader-concept-grid--single{grid-template-columns:1fr}.reader-concept{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-raised);box-shadow:var(--shadow-1);transition:transform var(--motion-normal) var(--ease-glide), box-shadow var(--motion-normal);position:relative;overflow:hidden}.reader-concept:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.reader-concept--correct{border-color:color-mix(in srgb, var(--color-success) 34%, var(--color-border))}.reader-concept--incorrect{border-color:color-mix(in srgb, var(--color-danger) 30%, var(--color-border))}.reader-media{aspect-ratio:4/3;background:var(--color-surface-muted);position:relative;overflow:hidden}.reader-media img,.reader-media video{object-fit:cover;width:100%;height:100%}.reader-media__mark{color:#fffdf5;border-radius:50%;place-items:center;width:29px;height:29px;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 4px 14px #0000004d}.reader-media__mark--correct{background:var(--color-success)}.reader-media__mark--incorrect{background:var(--color-danger)}.reader-media__mark svg{width:15px}.reader-concept__body{padding:11px 12px 12px}.reader-concept__body>span{color:var(--color-text-muted);letter-spacing:.04em;font-size:.59rem}.reader-concept__body h3{font-family:var(--font-display);margin:3px 0 4px;font-size:.98rem;font-weight:400}.reader-concept__body p,.tafsir-block>p,.ghareeb-list p{color:var(--color-text-soft);margin:0;font-size:.73rem;line-height:1.9}.tafsir-block--official{border:1px solid color-mix(in srgb, var(--color-accent) 34%, var(--color-border));border-radius:var(--radius-card);background:linear-gradient(165deg, color-mix(in srgb, var(--color-paper) 70%, transparent), transparent 45%), color-mix(in srgb, var(--color-accent-soft) 45%, var(--color-surface-raised));box-shadow:inset 0 0 0 3px var(--color-surface), inset 0 0 0 4px color-mix(in srgb, var(--color-accent) 20%, transparent);margin-top:14px;padding:15px}.tafsir-ayah{color:var(--color-accent-strong);font-family:var(--font-reading);font-size:1.09em}.ghareeb-list{gap:8px;display:grid}.ghareeb-list article{border-right:2px solid color-mix(in srgb, var(--color-accent) 45%, transparent);background:var(--color-surface-muted);border-radius:9px;grid-template-columns:minmax(68px,.34fr) minmax(0,1fr);gap:10px;padding:9px 11px;display:grid}.ghareeb-list strong{color:var(--color-accent-strong);font-family:var(--font-reading);font-size:1.03em}.tafsir-block--editorial{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-raised);box-shadow:var(--shadow-1);margin-top:14px;padding:15px}.insight-navigation{border-top:1px solid var(--color-border);justify-content:space-between;gap:8px;margin-top:16px;padding-top:16px;display:flex}.insight-navigation button{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);min-height:40px;color:var(--color-text-soft);transition:border-color var(--motion-fast), color var(--motion-fast);justify-content:center;align-items:center;gap:5px;padding:0 13px;font-size:.71rem;display:flex}.insight-navigation button:hover{border-color:color-mix(in srgb, var(--color-accent) 55%, transparent);color:var(--color-accent-strong)}.insight-navigation svg{width:15px}.listen-hall{grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.listen-stage{text-align:center;max-width:980px;animation:rise-in var(--motion-slow) var(--ease-glide) both;flex-direction:column;justify-content:center;align-items:center;gap:14px;margin:0 auto;padding:24px clamp(16px,4vw,48px) 10px;display:flex}.stage-surah{color:var(--color-accent-strong);letter-spacing:.06em;align-items:center;gap:10px;font-size:.78rem;font-weight:800;display:inline-flex}.stage-surah:before,.stage-surah:after{background:linear-gradient(90deg, transparent, var(--color-accent));content:"";width:30px;height:1px;display:inline-block}.stage-surah:after{background:linear-gradient(90deg, var(--color-accent), transparent)}.stage-ayah{max-width:34ch;color:var(--color-text);margin:0;font-size:clamp(1.5rem,4.6dvh,2.9rem);line-height:2.05}.stage-state{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);min-height:36px;color:var(--color-text-muted);align-items:center;gap:8px;padding:0 14px;font-size:.72rem;display:inline-flex}.stage-state svg{width:15px}.stage-state.is-live{border-color:color-mix(in srgb, var(--color-accent) 50%, transparent);background:color-mix(in srgb, var(--color-accent-soft) 65%, transparent);color:var(--color-accent-strong);animation:2.6s ease-in-out infinite gold-pulse}.stage-tools{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.stage-tools button{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);min-height:40px;color:var(--color-text-soft);transition:border-color var(--motion-fast), color var(--motion-fast);align-items:center;gap:7px;padding:0 15px;font-size:.72rem;display:flex}.stage-tools button:hover{border-color:color-mix(in srgb, var(--color-accent) 55%, transparent);color:var(--color-accent-strong)}.stage-tools button.is-active{border-color:color-mix(in srgb, var(--color-brand) 55%, transparent);background:var(--color-brand);color:var(--color-on-brand)}.stage-tools svg{width:15px}.listen-hall:has(.readalong){grid-template-rows:minmax(0,1fr)}.readalong{width:min(96%,940px);min-height:0;animation:rise-in var(--motion-slow) var(--ease-glide) both;flex-direction:column;margin:0 auto;padding:clamp(10px,1.8vh,20px) clamp(12px,3vw,26px) clamp(12px,2vh,22px);display:flex}.readalong-head{border-bottom:1px solid color-mix(in srgb, var(--color-accent) 34%, transparent);box-shadow:0 3px 0 -2px color-mix(in srgb, var(--color-accent) 18%, transparent);flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding-bottom:10px;display:flex}.readalong-head strong{font-family:var(--font-display);color:var(--color-text);font-size:1.3rem;font-weight:400}.readalong-head>span{color:var(--color-accent-strong);font-size:.74rem;font-weight:750}.readalong-head>small{color:var(--color-text-muted);flex-basis:100%;font-size:.68rem;line-height:1.7}.readalong-text{border:1px solid color-mix(in srgb, var(--color-accent) 40%, transparent);min-height:0;box-shadow:inset 0 0 0 4px var(--color-canvas), inset 0 0 0 5px color-mix(in srgb, var(--color-accent) 22%, transparent), var(--shadow-2);background:linear-gradient(160deg, #ffffff6b, transparent 38%), var(--color-paper);color:var(--color-paper-ink);text-align:justify;text-align-last:center;scrollbar-color:var(--color-border-strong) transparent;scrollbar-width:thin;border-radius:8px;flex:1;margin-top:clamp(8px,1.6vh,16px);padding:clamp(16px,3vh,30px) clamp(14px,3vw,28px) clamp(44px,7vh,64px);font-size:clamp(1.05rem,2.9dvh,1.55rem);line-height:2.45;overflow-y:auto}[data-theme=dark] .readalong-text{box-shadow:inset 0 0 0 4px var(--color-canvas), inset 0 0 0 5px color-mix(in srgb, var(--color-accent) 26%, transparent), var(--shadow-2)}.readalong-text button{color:inherit;font:inherit;line-height:inherit;transition:background var(--motion-fast), box-shadow var(--motion-fast);background:0 0;border-radius:5px;padding:1px 2px;display:inline}.readalong-text button:hover{background:color-mix(in srgb, var(--color-accent) 15%, transparent)}.readalong-text button.is-marked{background:color-mix(in srgb, var(--color-accent) 26%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 48%, transparent)}.ayah-ticker{scrollbar-width:none;align-items:center;gap:7px;max-width:1060px;margin:0 auto;padding:10px clamp(16px,4vw,44px) 16px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.ayah-ticker::-webkit-scrollbar{display:none}.ayah-ticker button{border:1px solid var(--color-border);background:var(--color-surface-raised);width:42px;height:42px;color:var(--color-text-soft);transition:border-color var(--motion-fast), background var(--motion-fast), color var(--motion-fast);border-radius:50%;flex:0 0 42px;place-items:center;font-size:.76rem;font-weight:700;display:grid;position:relative}.ayah-ticker button:hover{border-color:color-mix(in srgb, var(--color-accent) 55%, transparent);color:var(--color-accent-strong)}.ayah-ticker button.is-done{border-color:color-mix(in srgb, var(--color-success) 40%, var(--color-border));color:var(--color-success)}.ayah-ticker button.is-current{border-color:var(--color-accent);background:var(--color-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-accent) 22%, transparent);color:#111515;animation:2.4s ease-in-out infinite gold-pulse}.bayaan-sheet{z-index:80;width:min(440px,100vw - 24px);animation:rise-in var(--motion-normal) var(--ease-glide) both;display:flex;position:fixed;top:74px;bottom:88px;right:12px}.player-bar{z-index:45;border-top:1px solid color-mix(in srgb, var(--color-accent) 30%, var(--color-border));background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand-strong) 86%, var(--color-text) 4%), color-mix(in srgb, var(--color-brand-strong) 94%, black)), var(--color-brand-strong);width:100%;min-width:0;color:var(--color-on-brand);animation:rise-in var(--motion-normal) both;grid-template-columns:minmax(170px,1fr) minmax(190px,.9fr) auto;align-items:center;gap:16px;padding:10px clamp(14px,2.4vw,26px);display:grid;position:relative}.player-now{align-items:center;gap:11px;min-width:0;display:flex}.player-now>span{border:1px solid color-mix(in srgb, var(--color-accent) 55%, transparent);background:color-mix(in srgb, var(--color-on-brand) 9%, transparent);width:42px;height:42px;color:var(--color-accent);border-radius:11px;flex:0 0 42px;place-items:center;display:grid;position:relative;rotate:45deg}.player-now>span svg{rotate:-45deg}.player-now>span.is-live{background:var(--color-accent);color:#111515;animation:2.4s ease-in-out infinite gold-pulse}.player-now svg{width:18px}.player-now div{min-width:0}.player-now small,.player-now strong,.player-now div>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.player-now small{color:color-mix(in srgb, var(--color-accent) 85%, white);letter-spacing:.05em;font-size:.6rem;font-weight:800}.player-now strong{font-family:var(--font-display);margin-top:1px;font-size:.95rem}.player-timeline{min-width:0}.player-timeline input{width:100%;height:4px;accent-color:var(--color-accent);cursor:pointer}.player-timeline div{color:color-mix(in srgb, var(--color-on-brand) 55%, transparent);direction:ltr;justify-content:space-between;margin-top:4px;font-size:.58rem;display:flex}.player-actions{align-items:center;gap:7px;display:flex}.player-engine{border:1px solid color-mix(in srgb, var(--color-on-brand) 18%, transparent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-on-brand) 6%, transparent);gap:3px;padding:3px;display:flex}.player-engine button{border-radius:var(--radius-pill);min-height:34px;color:color-mix(in srgb, var(--color-on-brand) 66%, transparent);transition:background var(--motion-fast), color var(--motion-fast);background:0 0;align-items:center;gap:5px;padding:0 11px;font-size:.68rem;font-weight:700;display:flex}.player-engine button:hover:not(:disabled){color:var(--color-on-brand)}.player-reciter{width:clamp(150px,13vw,218px);min-width:0}.reciter-picker-trigger--player{border:1px solid color-mix(in srgb, var(--color-on-brand) 16%, transparent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-on-brand) 7%, transparent);width:100%;min-height:38px;color:var(--color-on-brand)}.reciter-picker-trigger--player:hover,.reciter-picker-trigger--player[aria-expanded=true]{border-color:color-mix(in srgb, var(--color-accent) 72%, transparent);background:color-mix(in srgb, var(--color-on-brand) 12%, transparent);box-shadow:none}.reciter-picker-trigger--player small{color:color-mix(in srgb, var(--color-on-brand) 58%, transparent)}.player-actions>button{background:color-mix(in srgb, var(--color-on-brand) 10%, transparent);width:40px;height:40px;color:color-mix(in srgb, var(--color-on-brand) 82%, transparent);transition:color var(--motion-fast), background var(--motion-fast);border-radius:50%;place-items:center;display:grid}.player-play{background:var(--color-accent);position:relative;color:#111515!important;width:52px!important;height:52px!important}.player-play:before{z-index:-1;background:conic-gradient(var(--color-accent) calc(var(--progress,0) * 1turn), color-mix(in srgb, var(--color-on-brand) 18%, transparent) 0);content:"";border-radius:50%;position:absolute;inset:-5px}.player-play:after{z-index:-1;background:var(--color-brand-strong);content:"";border-radius:50%;position:absolute;inset:-2px}.player-play svg{width:21px}@media (max-width:1240px){.meta-chip:not(.meta-chip--official){display:none}.page-view-switch button{justify-content:center;width:38px;padding:0}.page-view-switch button span{display:none}}@media (max-width:1100px){.hall-product-switch a,.hall-product-switch span{justify-content:center;width:38px;min-height:38px;padding:0}.hall-product-switch b{display:none}.hall.has-bayaan .read-hall{grid-template-columns:minmax(0,1fr);grid-template-areas:"canvas"}.mushaf-canvas{padding-inline:clamp(52px,7vw,76px)}.bayaan-column{z-index:80;width:min(430px,100vw - 24px);padding:0;position:fixed;inset:74px auto 88px 12px}.player-reciter{width:min(180px,17vw)}}@media (max-width:900px){.hall-meta{display:none}.hall-header{justify-content:space-between}.surah-trigger__label small{display:none}.player-bar{grid-template-columns:minmax(0,1fr) auto;gap:10px}.player-timeline{display:none}.player-now>span{flex-basis:38px;width:38px;height:38px}}@media (max-width:700px){.hall-header{gap:8px;min-height:58px;padding:7px 10px}.surah-trigger{max-width:200px;min-height:42px;padding:5px 11px}.surah-trigger__label strong{font-size:.98rem}.focus-toggle{justify-content:center;width:38px;padding:0}.focus-toggle span{display:none}.page-view-switch{z-index:12;background:color-mix(in srgb, var(--color-surface-raised) 92%, transparent);box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:absolute;bottom:-45px;right:50%;translate:50%}.hall-message{margin-inline:10px}.hall-empty{padding:30px 18px}.hall-empty h2{font-size:2rem}.mushaf-canvas{padding:10px 10px 62px}.mushaf-body{inset:clamp(40px,8.7cqh,60px) clamp(24px,7vw,30px) clamp(48px,11cqh,68px)}.page-arrow{width:42px;height:42px;top:auto;bottom:16px;translate:0}.page-arrow--prev{right:12px}.page-arrow--next{left:12px}.page-pill{padding:4px 11px;top:8px;bottom:auto}.bayaan-tab{display:none}.bayaan-column{width:calc(100vw - 16px);top:66px;bottom:76px;left:8px}.listen-hall{grid-template-rows:minmax(0,1fr) auto}.listen-stage{justify-content:center;padding-bottom:4px}.stage-ayah{font-size:clamp(1.25rem,4.2dvh,1.9rem)}.stage-state{display:none}.stage-tools button{min-height:38px;padding:0 12px;font-size:.68rem}.ayah-ticker{padding-bottom:12px}.ayah-ticker button{flex-basis:38px;width:38px;height:38px;font-size:.7rem}.readalong{padding-inline:10px}.readalong-text{padding:14px 12px 40px;font-size:clamp(.95rem,3.4dvh,1.25rem);line-height:2.3}.bayaan-sheet{width:calc(100vw - 16px);top:64px;bottom:74px;right:8px}.player-bar{padding:8px 10px;padding-bottom:calc(8px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto;gap:8px}.player-now>div>span{display:none}.player-now strong{font-size:.85rem}.player-reciter{width:min(124px,31vw)}.player-actions{direction:ltr;gap:5px}.player-actions>button{width:37px;height:37px}.player-play{width:46px!important;height:46px!important}}.mushaf-page{aspect-ratio:382/547;isolation:isolate;border-radius:0}.mushaf-body{inset:13.8% 16.6% 13.6%;overflow:visible}.mushaf-text{font-family:var(--qcf-font), var(--font-reading);text-align:center;font-size:2.34cqh;line-height:1}.mushaf-lines{grid-template-rows:repeat(15,minmax(0,1fr));position:relative}.mushaf-line-row{width:100%;min-width:0;font:inherit;text-align:center;white-space:nowrap;word-spacing:0;direction:rtl;align-self:center;padding:0;line-height:1;display:block;overflow:visible}.mushaf-line-row[data-line-align=fill],.mushaf-line-row[data-line-align=center]{justify-content:unset}.mushaf-word{font:inherit;vertical-align:baseline;border-radius:.12em;margin:0;padding:0;line-height:1;display:inline!important}.surah-band,.bismillah-line{width:100%;font-family:var(--font-reading);align-self:center;margin:0;font-size:2.12cqh;line-height:1}.surah-band{gap:1.4cqw;height:90%}.surah-band strong{min-width:41%;font-family:var(--font-reading);border-radius:48%/35%;padding:.08em .9em .18em;font-size:1em}.mushaf-head{color:#b64327;font-size:1.28cqh;top:6.2%;left:12.5%;right:12.5%}.mushaf-foot{bottom:3.3%;left:18%;right:18%}.mushaf-page[data-page-template^=opening-] .mushaf-body{inset:20.5% 25% 25.5%}.mushaf-font-state{z-index:4;border:1px solid color-mix(in srgb, var(--color-mushaf-frame) 42%, transparent);background:color-mix(in srgb, var(--color-paper) 94%, transparent);min-height:80px;color:var(--color-paper-muted);text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:clamp(.62rem,1.45cqh,.78rem);line-height:1.6;display:flex;position:absolute;inset:38% 20% auto}.mushaf-font-state svg{flex:0 0 18px;width:18px}.mushaf-font-state button{border:1px solid var(--color-mushaf-frame);min-height:34px;color:var(--color-mushaf-frame-strong);white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:0 10px;display:inline-flex}.mushaf-page--unified{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border-color:#d8d3c7}.mushaf-page--unified .mushaf-frame{border-color:#8d7b55;inset:4.7% 5.4%;box-shadow:inset 0 0 0 clamp(2px,.55cqw,4px) #fff,inset 0 0 0 clamp(3px,.8cqw,6px) #d8c89d}.mushaf-page--unified .mushaf-frame:before{border-color:#c2ab72}.mushaf-page--unified .mushaf-head{color:#806c43}.mushaf-page--unified .mushaf-head strong{color:#665431}.mushaf-svg-stage,.mushaf-svg-page,.mushaf-svg-hit-layer{width:100%;height:100%;display:block;position:absolute;inset:0}.mushaf-svg-stage{z-index:2;isolation:isolate;cursor:default;transition:opacity var(--motion-fast);overflow:visible}.mushaf-svg-surah-frame{top:calc(((var(--surah-decoration-row) - 1) / 15) * 100%);z-index:0;grid-template-columns:minmax(12px, 1fr) var(--surah-frame-width,32%) minmax(12px, 1fr);pointer-events:none;height:6.66667%;transform:translate(var(--surah-frame-offset-x,0), var(--surah-frame-offset-y,0));align-items:center;gap:2.4%;display:grid;position:absolute;left:0;right:0}.mushaf-svg-surah-frame>i{background:linear-gradient(90deg,#0000,#c2a86d 30%,#9a7c3f);height:1px;position:relative}.mushaf-svg-surah-frame>i:last-child{background:linear-gradient(90deg,#9a7c3f,#c2a86d 70%,#0000)}.mushaf-svg-surah-frame>i:after{aspect-ratio:1;content:"";background:0 0;border:1px solid #a88b50;width:.38em;position:absolute;top:50%;translate:0 -50%;rotate:45deg}.mushaf-svg-surah-frame>i:first-child:after{left:-.16em}.mushaf-svg-surah-frame>i:last-child:after{right:-.16em}.mushaf-svg-surah-frame>b{height:var(--surah-frame-height,86%);background:0 0;border:1px solid #a88b50;border-radius:999px;position:relative;box-shadow:inset 0 0 0 1px #d8c38e}.mushaf-opening-surah-title{object-fit:contain;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:82%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mushaf-page[data-page-template^=opening-] .mushaf-svg-surah-frame{top:14%}.mushaf-svg-page{z-index:1;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.mushaf-svg-hit-layer{z-index:3;pointer-events:none;overflow:visible}.mushaf-ayah-region{fill:#0000;stroke:#0000;stroke-width:24px;vector-effect:non-scaling-stroke;cursor:pointer;pointer-events:fill;touch-action:manipulation;transition:fill var(--motion-fast), stroke var(--motion-fast)}.mushaf-ayah-region:hover{fill:color-mix(in srgb, var(--color-accent) 13%, transparent)}.mushaf-ayah-region:focus-visible{fill:color-mix(in srgb, var(--color-accent) 15%, transparent);stroke:color-mix(in srgb, var(--color-accent) 75%, transparent);outline:none}.mushaf-ayah-region.is-selected{fill:#d8b65b29;stroke:#0000}.mushaf-ayah-region.is-audio-current{fill:#ddb85d2e;stroke:#0000}.mushaf-ayah-region.is-playing{animation:2.2s ease-in-out infinite mushaf-region-breathe}@keyframes mushaf-region-breathe{50%{fill:#ddb85d3b}}.mushaf-page[data-svg-state=loading] .mushaf-svg-stage,.mushaf-page[data-svg-state=error] .mushaf-svg-stage{opacity:0}@media (max-width:480px){.surah-trigger{min-width:0;max-width:190px}.surah-trigger__label strong{max-width:130px}.player-engine,.player-actions>button:not(.player-play),.stage-tools button span{display:none}}.hall.is-focus{grid-template-rows:minmax(0,1fr)}.hall.is-focus .hall-header,.hall.is-focus .player-bar,.hall.is-focus .hall-message,.hall.is-focus .bayaan-tab,.hall.is-focus .page-pill{display:none}.hall.is-focus .read-hall{grid-template-columns:minmax(0,1fr) 0;grid-template-areas:"canvas bayaan"}.hall.is-focus.has-bayaan .read-hall{grid-template-columns:minmax(0, 1fr) var(--bayaan-column-width)}.hall.is-focus .bayaan-column{z-index:80;width:min(430px,100vw - 24px);filter:drop-shadow(0 22px 54px color-mix(in srgb, var(--color-text) 22%, transparent));padding:0;display:flex;position:fixed;top:12px;bottom:12px;left:12px}@media (min-width:701px){.hall.is-focus.has-bayaan .bayaan-column{z-index:20;width:auto;padding:12px;position:relative;inset:auto}}.hall.is-focus .mushaf-canvas{padding:6px clamp(58px,7vw,92px)}@supports (width:1cqh){.hall.is-focus .mushaf-page{width:min(94cqw,68.4383cqh)}}.focus-exit{z-index:10;border:1px solid color-mix(in srgb, var(--color-accent) 38%, var(--color-border));background:color-mix(in srgb, var(--color-surface-raised) 80%, transparent);width:42px;height:42px;box-shadow:var(--shadow-1);color:var(--color-accent-strong);opacity:.48;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity var(--motion-fast), transform var(--motion-fast), background var(--motion-fast);border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;left:18px}.focus-exit:hover,.focus-exit:focus-visible{opacity:1;background:var(--color-surface-raised);transform:scale(1.04)}.focus-exit svg{width:18px}.hall.is-focus .page-arrow{width:52px;height:52px}@media (max-width:700px){.hall.is-focus .mushaf-canvas{padding:6px 8px 62px}.hall.is-focus .focus-exit{width:38px;height:38px;top:10px;left:10px}.hall.is-focus .page-arrow{width:44px;height:44px}.hall.is-focus .bayaan-column{width:calc(100vw - 16px);top:8px;bottom:8px;left:8px}}.mushaf-view{perspective:1800px;touch-action:pan-y;place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative}.mushaf-view-pages{width:100%;min-width:0;height:100%;min-height:0;transform-style:preserve-3d;will-change:transform, opacity, filter;place-items:center;display:grid;position:relative}.mushaf-flipbook-shell{touch-action:pan-y;-webkit-user-select:none;user-select:none;place-items:center;max-width:100%;max-height:100%;display:grid;position:relative}.mushaf-flipbook-shell--single{aspect-ratio:382/547;width:min(94cqw,65.6449cqh)}.mushaf-flipbook-shell--spread{aspect-ratio:764/547;width:min(92cqw,127.1cqh)}.mushaf-flipbook{height:100%;margin:auto;width:100%!important}.mushaf-flipbook-shell--single .mushaf-flipbook{max-width:960px!important}.mushaf-flipbook-shell--spread .mushaf-flipbook{max-width:1520px!important}.hall.is-focus .mushaf-flipbook-shell--single{width:min(98cqw,68.4383cqh)}.hall.is-focus .mushaf-flipbook-shell--spread{width:min(96cqw,136.877cqh)}.mushaf-flipbook .stf__wrapper,.mushaf-flipbook .stf__block{width:100%;height:100%}.mushaf-flipbook .stf__block{cursor:grab}.mushaf-flipbook-shell:active .stf__block{cursor:grabbing}.mushaf-book-page{box-shadow:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;overflow:hidden}.mushaf-book-page .mushaf-page-slot,.mushaf-book-page .mushaf-page,.mushaf-book-page .mushaf-page-placeholder{aspect-ratio:auto;max-width:none;width:100%!important;height:100%!important}.mushaf-book-page .mushaf-page,.mushaf-book-page .mushaf-page-placeholder{box-shadow:none;border:0}.mushaf-flipbook .stf__outerShadow,.mushaf-flipbook .stf__innerShadow,.mushaf-flipbook .stf__hardShadow,.mushaf-flipbook .stf__hardInnerShadow{pointer-events:none}.mushaf-view:not(.mushaf-view--continuous){cursor:grab}.mushaf-view.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.mushaf-view.is-dragging .mushaf-view-pages{filter:none;transform:none}.mushaf-view.is-dragging .mushaf-page-slot,.mushaf-view.is-dragging .mushaf-page{transform-style:preserve-3d}.mushaf-view:not(.is-dragging)>.mushaf-view-pages .mushaf-page{transition:transform .26s cubic-bezier(.2,.72,.22,1),filter .26s}.mushaf-view--spread.is-dragging-next .mushaf-page-slot--left .mushaf-page,.mushaf-view--single.is-dragging-next .mushaf-page-slot .mushaf-page{z-index:18;transform:perspective(1900px) rotateY(calc(var(--page-drag-progress) * 168deg));transform-origin:100%;backface-visibility:hidden;filter:drop-shadow(calc(var(--page-drag-progress) * 30px) 18px 28px #2a1f0c47);transition:none}.mushaf-view--spread.is-dragging-previous .mushaf-page-slot--right .mushaf-page,.mushaf-view--single.is-dragging-previous .mushaf-page-slot .mushaf-page{z-index:18;transform:perspective(1900px) rotateY(calc(var(--page-drag-progress) * -168deg));transform-origin:0;backface-visibility:hidden;filter:drop-shadow(calc(var(--page-drag-progress) * -30px) 18px 28px #2a1f0c47);transition:none}.mushaf-view.is-dragging .mushaf-page:after{z-index:30;content:"";backface-visibility:hidden;pointer-events:none;background:linear-gradient(90deg,#5e481e21,#0000 17%,#ffffffb3 52%,#694e1d1a),#faf7ee;position:absolute;inset:0;transform:rotateY(180deg)translateZ(1px)}.mushaf-view-pages:after{z-index:20;content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000 22%,#36281238 49%,#ffffff47 52%,#0000 78%);border-radius:3px;position:absolute;inset:4% 8%}.mushaf-view-pages.is-turning-next{transform-origin:0;animation:.52s cubic-bezier(.2,.72,.22,1) both mushaf-page-turn-next}.mushaf-view-pages.is-turning-previous{transform-origin:100%;animation:.52s cubic-bezier(.2,.72,.22,1) both mushaf-page-turn-previous}.mushaf-view-pages.is-turning-next:after,.mushaf-view-pages.is-turning-previous:after{animation:.52s ease-out both mushaf-page-shadow-sweep}@keyframes mushaf-page-turn-next{0%{opacity:.28;filter:brightness(.82)drop-shadow(34px 18px 28px #271c0a3d);transform:perspective(1800px)translate(-11%)rotateY(-62deg)scale(.985)}58%{opacity:.94;transform:perspective(1800px)translate(1.2%)rotateY(5deg)scale(1.002)}to{opacity:1;filter:none;transform:perspective(1800px)translate(0)rotateY(0)scale(1)}}@keyframes mushaf-page-turn-previous{0%{opacity:.28;filter:brightness(.82)drop-shadow(-34px 18px 28px #271c0a3d);transform:perspective(1800px)translate(11%)rotateY(62deg)scale(.985)}58%{opacity:.94;transform:perspective(1800px)translate(-1.2%)rotateY(-5deg)scale(1.002)}to{opacity:1;filter:none;transform:perspective(1800px)translate(0)rotateY(0)scale(1)}}@keyframes mushaf-page-shadow-sweep{0%,to{opacity:0;translate:-34%}42%{opacity:.72}68%{opacity:.28;translate:34%}}.mushaf-turn-scene{z-index:28;perspective:2200px;pointer-events:none;min-width:0;min-height:0;transform-style:preserve-3d;position:absolute;inset:0}.mushaf-turn-scene--spread{direction:ltr;grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.4vw,24px);padding-inline:clamp(2px,.5vw,8px);display:grid}.mushaf-turn-scene--single{place-items:center;display:grid}.mushaf-turn-leaf,.mushaf-turn-stationary{aspect-ratio:382/547;width:min(44cqw,63.5499cqh);transform-style:preserve-3d;align-self:center;position:relative}.mushaf-turn-scene--single .mushaf-turn-leaf{width:min(94cqw,65.6449cqh)}.mushaf-turn-stationary--left{grid-area:1/1;justify-self:end}.mushaf-turn-stationary--right{grid-area:1/2;justify-self:start}.mushaf-turn-scene--spread.is-turning-next .mushaf-turn-leaf{transform-origin:100%;grid-area:1/1;justify-self:end;animation:.86s cubic-bezier(.22,.68,.2,1) both mushaf-paper-leaf-next}.mushaf-turn-scene--spread.is-turning-previous .mushaf-turn-leaf{transform-origin:0;grid-area:1/2;justify-self:start;animation:.86s cubic-bezier(.22,.68,.2,1) both mushaf-paper-leaf-previous}.mushaf-turn-scene--single.is-turning-next .mushaf-turn-leaf{transform-origin:100%;animation:.82s cubic-bezier(.22,.68,.2,1) both mushaf-paper-single-next}.mushaf-turn-scene--single.is-turning-previous .mushaf-turn-leaf{transform-origin:0;animation:.82s cubic-bezier(.22,.68,.2,1) both mushaf-paper-single-previous}.mushaf-turn-stationary{z-index:1;animation:.86s linear both mushaf-paper-stationary}.mushaf-turn-face{backface-visibility:hidden;transform-style:preserve-3d;background:#fff;position:absolute;inset:0;overflow:hidden;box-shadow:0 20px 54px #30230d33}.mushaf-turn-face--front{z-index:2;transform:rotateY(0)translateZ(1px)}.mushaf-turn-face--back{z-index:1;transform:rotateY(180deg)translateZ(1px)}.mushaf-turn-page,.mushaf-turn-page .mushaf-page{width:100%;height:100%}.mushaf-turn-page .mushaf-page{box-shadow:none;border-color:#d8d0bd}.mushaf-turn-leaf__light{z-index:5;opacity:0;backface-visibility:visible;pointer-events:none;background:linear-gradient(90deg,#291d0957,#0000 16%,#ffffff80 48%,#0000 76%),linear-gradient(90deg,#0000 72%,#46320f29);animation:.86s ease-in-out both mushaf-paper-light;position:absolute;inset:0}.mushaf-turn-scene .mushaf-turn-leaf,.mushaf-turn-scene .mushaf-turn-stationary,.mushaf-turn-scene .mushaf-turn-leaf__light{animation-delay:var(--turn-delay,0s)}.mushaf-turn-scene:after{z-index:0;content:"";opacity:.42;filter:blur(5px);background:radial-gradient(#281c084d,#0000 70%);width:clamp(8px,1.4vw,24px);position:absolute;top:6%;bottom:6%;left:50%;translate:-50%}@keyframes mushaf-paper-leaf-next{0%{filter:brightness();transform:rotateY(0)translateZ(1px)scaleX(1)}20%{filter:brightness(.98);transform:rotateY(28deg)translateZ(16px)scaleX(.995)}48%{filter:brightness(.82);transform:rotateY(91deg)translateZ(42px)scaleX(.955)}72%{filter:brightness(.94);transform:rotateY(146deg)translateZ(24px)scaleX(.985)}to{filter:brightness();transform:rotateY(180deg)translateZ(1px)scaleX(1)}}@keyframes mushaf-paper-leaf-previous{0%{filter:brightness();transform:rotateY(0)translateZ(1px)scaleX(1)}20%{filter:brightness(.98);transform:rotateY(-28deg)translateZ(16px)scaleX(.995)}48%{filter:brightness(.82);transform:rotateY(-91deg)translateZ(42px)scaleX(.955)}72%{filter:brightness(.94);transform:rotateY(-146deg)translateZ(24px)scaleX(.985)}to{filter:brightness();transform:rotateY(-180deg)translateZ(1px)scaleX(1)}}@keyframes mushaf-paper-single-next{0%{opacity:1;transform:rotateY(0)translateZ(1px)}48%{opacity:1;transform:rotateY(88deg)translateZ(38px)scaleX(.96)}to{opacity:0;transform:rotateY(180deg)translateZ(1px)}}@keyframes mushaf-paper-single-previous{0%{opacity:1;transform:rotateY(0)translateZ(1px)}48%{opacity:1;transform:rotateY(-88deg)translateZ(38px)scaleX(.96)}to{opacity:0;transform:rotateY(-180deg)translateZ(1px)}}@keyframes mushaf-paper-stationary{0%,78%{opacity:1}to{opacity:0}}@keyframes mushaf-paper-light{0%,to{opacity:0;translate:-20%}28%{opacity:.36}50%{opacity:.78;translate:0}74%{opacity:.28;translate:18%}}.mushaf-page-slot{scroll-snap-align:start;place-items:center;width:100%;min-width:0;height:100%;min-height:0;scroll-margin-block:clamp(18px,4vh,48px);display:grid;position:relative}.mushaf-page-placeholder{aspect-ratio:382/547;width:min(94cqw,65.6449cqh);box-shadow:0 24px 60px color-mix(in srgb, var(--color-text) 10%, transparent);color:#9a875e;font-family:var(--font-display);background:linear-gradient(135deg,#fff,#f8f4e9);border:1px solid #d8d3c7;place-items:center;font-size:1.2rem;display:grid}.mushaf-view--spread .mushaf-view-pages{direction:ltr;grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.4vw,24px);padding-inline:clamp(2px,.5vw,8px)}.mushaf-view--spread .mushaf-page-slot--left{grid-area:1/1;justify-items:end}.mushaf-view--spread .mushaf-page-slot--right{grid-area:1/2;justify-items:start}.mushaf-view--spread .mushaf-page,.mushaf-view--spread .mushaf-page-placeholder{width:min(44cqw,63.5499cqh)}.mushaf-view--spread .mushaf-page-slot--right .mushaf-page{transform-origin:0;box-shadow:-3px 20px 44px color-mix(in srgb, var(--color-text) 12%, transparent), inset -8px 0 16px #5f492109}.mushaf-view--spread .mushaf-page-slot--left .mushaf-page{transform-origin:100%;box-shadow:3px 20px 44px color-mix(in srgb, var(--color-text) 12%, transparent), inset 8px 0 16px #5f492109}.mushaf-view--spread .mushaf-page-slot--right:after,.mushaf-view--spread .mushaf-page-slot--left:after{z-index:5;content:"";opacity:.22;pointer-events:none;width:clamp(5px,.7vw,12px);position:absolute;top:5%;bottom:5%}.mushaf-view--spread .mushaf-page-slot--right:after{background:linear-gradient(90deg,#37281042,#0000);left:0}.mushaf-view--spread .mushaf-page-slot--left:after{background:linear-gradient(-90deg,#37281042,#0000);right:0}.mushaf-view--continuous{scroll-behavior:smooth;scroll-snap-type:y proximity;scrollbar-gutter:stable;overscroll-behavior-y:contain;padding:clamp(24px,4vh,54px) clamp(8px,3vw,44px) clamp(72px,9vh,110px);display:block;overflow:hidden auto}.mushaf-view--continuous .mushaf-view-pages{gap:clamp(24px,5vh,54px);width:min(100%,720px);height:auto;margin-inline:auto}.mushaf-view--continuous .mushaf-page-slot{height:auto}.mushaf-view--continuous .mushaf-page,.mushaf-view--continuous .mushaf-page-placeholder{width:min(100%,680px)}.page-gesture-hint{z-index:4;color:color-mix(in srgb, var(--color-text-muted) 76%, transparent);pointer-events:none;white-space:nowrap;font-size:.62rem;animation:5.5s both page-gesture-hint;position:absolute;bottom:1px;right:50%;translate:50%}@keyframes page-gesture-hint{0%,15%{opacity:0;translate:50% 5px}28%,72%{opacity:.8;translate:50%}to{opacity:0;translate:50%}}.hall.is-focus .mushaf-view--spread .mushaf-page,.hall.is-focus .mushaf-view--spread .mushaf-page-placeholder,.hall.is-focus .mushaf-turn-scene--spread .mushaf-turn-leaf,.hall.is-focus .mushaf-turn-scene--spread .mushaf-turn-stationary{width:min(44cqw,68.4383cqh)}.hall.is-focus .mushaf-turn-scene--single .mushaf-turn-leaf{width:min(94cqw,68.4383cqh)}.hall.is-focus .mushaf-view--continuous{padding-block:32px 86px}@media (max-width:900px){.mushaf-view--spread .mushaf-view-pages{gap:6px}.mushaf-view--spread .mushaf-page,.mushaf-view--spread .mushaf-page-placeholder,.mushaf-turn-scene--spread .mushaf-turn-leaf,.mushaf-turn-scene--spread .mushaf-turn-stationary,.hall.is-focus .mushaf-view--spread .mushaf-page,.hall.is-focus .mushaf-view--spread .mushaf-page-placeholder,.hall.is-focus .mushaf-turn-scene--spread .mushaf-turn-leaf,.hall.is-focus .mushaf-turn-scene--spread .mushaf-turn-stationary{width:min(45cqw,61.4548cqh)}}@media (max-width:700px){.mushaf-view--continuous{padding:54px 4px 76px}.mushaf-view--continuous .mushaf-view-pages{gap:20px}.page-gesture-hint{bottom:48px}.hall{--mobile-player-height:calc(64px + env(safe-area-inset-bottom))}.hall-header{min-height:56px;padding:calc(6px + env(safe-area-inset-top)) 8px 6px;gap:6px}.surah-trigger{gap:7px;max-width:min(49vw,190px);min-height:42px;padding-inline:10px}.surah-trigger>svg:first-child{flex-basis:18px;width:18px}.surah-trigger>svg:last-child{display:none}.surah-trigger__label strong{max-width:128px;font-size:.92rem}.hall-actions{gap:5px}.focus-toggle span,.page-view-switch .page-view-option--spread{display:none}.focus-toggle svg{flex:0 0 17px;width:17px}.focus-toggle{justify-content:center;width:40px;min-height:40px;padding:0}.page-view-switch{z-index:12;border-color:color-mix(in srgb, var(--color-accent) 36%, var(--color-border));background:color-mix(in srgb, var(--color-surface-raised) 94%, transparent);box-shadow:0 8px 24px color-mix(in srgb, var(--color-text) 10%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);gap:3px;padding:3px;position:absolute;bottom:-42px;right:50%;translate:50%}.page-view-switch button{justify-content:center;width:42px;min-width:42px;min-height:34px;padding:0}.page-view-switch button span{display:none}.read-hall{min-height:0}.mushaf-canvas{padding:44px 4px 58px}.mushaf-flipbook-shell--single,.hall.is-focus .mushaf-flipbook-shell--single,.mushaf-page-placeholder{width:min(100cqw,69.835cqh - 71.2317px)}.page-arrow{border-color:color-mix(in srgb, var(--color-accent) 38%, var(--color-border));background:color-mix(in srgb, var(--color-surface-raised) 94%, transparent);width:44px;height:44px;box-shadow:0 6px 20px color-mix(in srgb, var(--color-text) 11%, transparent);top:auto;bottom:7px;translate:0}.page-arrow--prev{right:9px}.page-arrow--next{left:9px}.page-pill{border-color:color-mix(in srgb, var(--color-accent) 36%, var(--color-border));background:color-mix(in srgb, var(--color-surface-raised) 94%, transparent);min-height:34px;box-shadow:0 5px 18px color-mix(in srgb, var(--color-text) 9%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:4px 12px;top:auto;bottom:12px}.page-pill span{direction:ltr;font-size:.7rem}.page-pill small,.page-gesture-hint{display:none}.mushaf-view--continuous{scrollbar-gutter:auto;padding:46px 4px 78px}.mushaf-view--continuous .mushaf-view-pages{gap:16px;width:100%}.mushaf-view--continuous .mushaf-page,.mushaf-view--continuous .mushaf-page-placeholder{width:calc(100% - 8px)}.bayaan-column,.hall.is-focus .bayaan-column{z-index:160;filter:none;width:100vw;height:100dvh;padding:0;position:fixed;inset:0}.bayaan-column .insight-panel{box-shadow:none;border:0;border-radius:0}.insight-panel__toolbar{min-height:calc(58px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 12px 8px}.insight-panel__actions button{min-width:42px;min-height:42px;padding-inline:9px}.insight-content{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.surah-drawer{border-left:0;width:100vw}.drawer-head{padding:calc(12px + env(safe-area-inset-top)) 14px 11px}.drawer-search{min-height:48px;margin-inline:12px}.surah-list>button{min-height:58px}.player-bar{min-height:var(--mobile-player-height);padding:9px 10px calc(7px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto;gap:8px}.player-bar:before{background:color-mix(in srgb, var(--color-accent) 70%, transparent);content:"";height:1px;position:absolute;top:-1px;left:0;right:0}.player-now{gap:0}.player-now>span,.player-now>div>span{display:none}.player-now small{font-size:.58rem}.player-now strong{max-width:calc(100vw - 88px);font-size:.82rem}.player-timeline{z-index:2;height:18px;display:block;position:absolute;top:-9px;left:12px;right:12px}.player-timeline input{width:100%;height:18px;margin:0;display:block}.player-timeline div,.player-engine,.player-actions>button:not(.player-play){display:none}.player-actions{gap:6px}.player-reciter{width:min(116px,31vw);display:block}.reciter-picker-trigger--player{min-height:42px;padding-inline:9px}.reciter-picker-trigger--player strong{font-size:.62rem}.reciter-picker-trigger--player small{display:none}.reciter-picker-backdrop{align-items:end;padding:0}.reciter-picker-dialog{width:100%;max-height:min(84dvh,760px);padding-bottom:env(safe-area-inset-bottom);border-width:1px 0 0;border-radius:24px 24px 0 0}.reciter-picker-dialog>header{padding-top:15px}.reciter-picker-results{padding-inline:12px}.player-play{width:48px!important;height:48px!important}.hall.is-focus .mushaf-canvas{padding:4px 4px 56px}.hall.is-focus .mushaf-flipbook-shell--single,.hall.is-focus .mushaf-turn-scene--single .mushaf-turn-leaf{width:min(100cqw,69.835cqh - 44.6944px)}.hall.is-focus .focus-exit{top:calc(8px + env(safe-area-inset-top));opacity:.8;width:44px;height:44px;left:8px}.hall.is-focus .page-arrow{bottom:calc(7px + env(safe-area-inset-bottom));width:44px;height:44px}.hall.is-focus .mushaf-view--continuous{padding:8px 4px calc(66px + env(safe-area-inset-bottom))}}@media (max-height:520px) and (max-width:950px){.hall-header{min-height:50px;padding-block:4px}.surah-trigger{min-height:40px}.mushaf-canvas{padding-block:4px 50px}.page-view-switch{bottom:-40px}.player-bar{min-height:calc(56px + env(safe-area-inset-bottom));padding-block:5px calc(4px + env(safe-area-inset-bottom))}.player-play{width:44px!important;height:44px!important}.hall.is-focus .mushaf-canvas{padding:3px 50px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (min-width:1101px){.read-hall{grid-template-columns:var(--reader-index-width) minmax(0, 1fr) 0;grid-template-areas:"index canvas bayaan"}.hall.has-bayaan .read-hall{grid-template-columns:0 minmax(0, 1fr) var(--bayaan-column-width);grid-template-areas:"index canvas bayaan"}.hall.is-page-view-spread .read-hall{grid-template-columns:minmax(0,1fr) 0;grid-template-areas:"canvas bayaan"}.hall.is-page-view-spread.has-bayaan .read-hall{grid-template-columns:minmax(0, 1fr) var(--bayaan-column-width)}.listen-layout{grid-template-columns:minmax(280px,330px) minmax(0,1fr) minmax(250px,300px);gap:12px;height:calc(100dvh - 72px);min-height:0;padding:0 0 0 12px}}@media (min-width:1720px){.hall.has-bayaan:not(.is-page-view-spread) .read-hall{grid-template-columns:var(--reader-index-width) minmax(0, 1fr) var(--bayaan-column-width)}}@media (min-width:1201px){.reels-workspace{grid-template-columns:minmax(220px,260px) minmax(430px,.88fr) minmax(450px,1.12fr);align-items:start;gap:12px;display:grid}}@media (max-width:1200px) and (min-width:861px){.reels-workspace{grid-template-columns:minmax(440px,1fr) minmax(420px,1fr);align-items:start;gap:10px;min-height:auto;padding:10px;display:grid}.reels-stage-rail{grid-column:1/-1}}@media (max-width:860px){.reels-workspace{flex-direction:column;gap:10px;min-height:auto;padding:10px;display:flex}.reels-stage-rail{order:1}.reels-preview{order:2;position:relative;top:0}.reels-controls{order:3}}.product-header{isolation:isolate;width:100%}.product-header__brand{justify-self:start}.product-header__actions{justify-self:end;min-width:44px}.reader-header-stack{z-index:50;grid-template-rows:auto auto;min-width:0;display:grid;position:relative}.reader-context-bar{min-height:58px;box-shadow:0 8px 22px #121a1c0a}.hall.is-focus .reader-header-stack{display:none}@media (max-width:1120px){.product-header__actions>span{display:none}}@media (max-width:860px){.product-header{grid-template-columns:auto minmax(0,1fr) auto}.product-header__actions{display:flex}}@media (max-width:560px){.product-header,.listen-topbar.product-header{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.product-header__actions,.listen-topbar.product-header .product-header__actions{display:flex}.product-header .product-switch{justify-self:center}.product-header .product-switch a,.product-header .product-switch span{justify-content:center;width:38px;min-width:38px;padding:0}.product-header .product-switch b{display:none}.product-header .theme-toggle{flex-basis:40px;width:40px;height:40px}}@media (max-width:380px){.product-header,.listen-topbar.product-header{gap:5px;padding-inline:8px}.product-header .product-switch{gap:2px;padding:3px}.product-header .product-switch a,.product-header .product-switch span{width:34px;min-width:34px;min-height:36px}.product-header .theme-toggle{flex-basis:38px;width:38px;height:38px}}.reader-zoom-control{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);min-height:40px;color:var(--color-text-muted);align-items:center;gap:8px;padding:0 11px;font-size:.68rem;display:flex}.reader-zoom-control input{width:clamp(64px,7vw,92px);accent-color:var(--color-brand);cursor:pointer}.reader-zoom-control b{min-width:34px;color:var(--color-text);direction:ltr;font-size:.68rem;font-weight:700}.reader-bayaan-toggle{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);min-height:40px;color:var(--color-text-muted);transition:border-color var(--motion-fast), background var(--motion-fast), color var(--motion-fast);justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:.7rem;font-weight:750;display:flex}.reader-bayaan-toggle:hover{border-color:color-mix(in srgb, var(--color-accent) 52%, var(--color-border));color:var(--color-text)}.reader-bayaan-toggle.is-active{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-on-brand)}.reader-bayaan-toggle svg{width:16px;height:16px}.reader-stage-meta{z-index:4;color:var(--color-text-muted);pointer-events:none;justify-content:space-between;align-items:center;gap:12px;font-size:.62rem;display:flex;position:absolute;top:13px;left:18px;right:18px}.bayaan-tab{display:none}.read-hall{gap:12px;padding:12px}.reader-index-panel,.mushaf-canvas,.insight-panel{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-raised) 96%, transparent);box-shadow:none;border-radius:20px}.reader-index-panel{margin:0;padding:14px 12px 12px}.mushaf-canvas{background:color-mix(in srgb, var(--color-surface-raised) 84%, var(--color-accent-soft));padding-top:38px}.bayaan-column{padding:0}.hall:not(.is-focus) .mushaf-flipbook-shell--single{width:min(var(--reader-single-width,94cqw), var(--reader-single-height-width,65.65cqh))}.hall:not(.is-focus) .mushaf-flipbook-shell--spread{width:min(var(--reader-spread-width,92cqw), var(--reader-spread-height-width,127.1cqh))}.hall:not(.is-focus) .mushaf-view--continuous .mushaf-view-pages{width:min(var(--reader-continuous-width,100%), 720px)}@media (min-width:1180px){.hall{--reader-index-width:clamp(190px, 16vw, 228px);--bayaan-column-width:clamp(270px, 22vw, 320px)}.read-hall,.hall.has-bayaan .read-hall,.hall.is-page-view-spread .read-hall,.hall.is-page-view-spread.has-bayaan .read-hall{grid-template-columns:var(--reader-index-width) minmax(0, 1fr) var(--bayaan-column-width);grid-template-areas:"index canvas bayaan"}.hall:not(.has-bayaan) .read-hall,.hall.is-page-view-spread:not(.has-bayaan) .read-hall{grid-template-columns:var(--reader-index-width) minmax(0, 1fr) 0}.reader-index-panel,.hall.has-bayaan .reader-index-panel,.hall.is-page-view-spread .reader-index-panel,.hall.has-bayaan.is-page-view-spread .reader-index-panel{display:flex}}.reciter-picker-backdrop{--color-surface:#fafbfb;--color-surface-raised:#fff;--color-surface-muted:#f0f3f3;--color-text:#15191a;--color-text-soft:#374146;--color-text-muted:#687378;--color-brand:#17191a;--color-on-brand:#fff;--color-accent:#79a9c0;--color-accent-strong:#315f78;--color-accent-soft:#e7f0f4;--color-border:#dfe4e5;--color-border-strong:#c5cdcf;--shadow-1:0 1px 2px #10181a0d;--shadow-3:0 34px 90px #10181a2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090f109e;padding:24px}[data-theme=dark] .reciter-picker-backdrop{--color-surface:#141a1b;--color-surface-raised:#1a2122;--color-surface-muted:#202829;--color-text:#f2f5f4;--color-text-soft:#d1d8d6;--color-text-muted:#9ba6a5;--color-brand:#f3f5f5;--color-on-brand:#111515;--color-accent:#83b7ce;--color-accent-strong:#a9d2e2;--color-accent-soft:#182b34;--color-border:#2d3738;--color-border-strong:#435052;--shadow-1:0 1px 2px #0000003d;--shadow-3:0 34px 90px #0000007a;background:#030708c2}.reciter-picker-dialog{border-color:var(--color-border);background:var(--color-surface-raised);width:min(840px,100%);max-height:min(780px,100dvh - 48px);box-shadow:var(--shadow-3);border-radius:24px}.reciter-picker-dialog>header{min-height:94px;padding:16px 20px}.reciter-picker-dialog__title{align-items:center;gap:12px;min-width:0;display:flex}.reciter-picker-dialog__title>span{background:var(--color-brand);width:46px;height:46px;color:var(--color-on-brand);border-radius:14px;flex:0 0 46px;place-items:center;display:grid}.reciter-picker-dialog__title>span svg{width:20px}.reciter-picker-dialog__title p{color:var(--color-text-muted);margin:3px 0 0;font-size:.64rem;line-height:1.55}.reciter-picker-dialog>header small{color:var(--color-accent-strong)}.reciter-picker-dialog>header h2{color:var(--color-text);font-family:var(--font-ui);margin-top:0;font-size:1.18rem;font-weight:750}.reciter-picker-dialog>header button,.reciter-picker-search>button{border-radius:12px;min-width:40px;min-height:40px}.reciter-picker-search{background:var(--color-surface-muted);border-radius:14px;min-height:52px;margin:14px 20px 8px}.reciter-picker-results{padding:4px 20px 18px}.reciter-picker-group h3{background:var(--color-surface-raised);color:var(--color-text-muted);padding:13px 4px 8px;font-size:.65rem}.reciter-picker-group__options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.reciter-picker-group__options>button{width:100%;min-height:70px;color:var(--color-text);text-align:right;transition:border-color var(--motion-fast), background var(--motion-fast);background:0 0;border:1px solid #0000;border-radius:16px;grid-template-columns:48px minmax(0,1fr) 28px;align-items:center;gap:10px;padding:9px 10px;display:grid}.reciter-picker-group__options>button:hover{background:var(--color-surface-muted)}.reciter-picker-group__options>button.is-selected{border-color:color-mix(in srgb, var(--color-accent) 42%, var(--color-border));background:color-mix(in srgb, var(--color-accent-soft) 78%, var(--color-surface-raised))}.reciter-picker-option__portrait,.reciter-picker-trigger__portrait{border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text-muted);border-radius:50%;place-items:center;display:grid;overflow:hidden}.reciter-picker-option__portrait{width:48px;height:48px}.reciter-picker-option__portrait img,.reciter-picker-trigger__portrait img{object-fit:cover;object-position:50% 35%;filter:saturate(.84)contrast(1.03);width:100%;height:100%}.reciter-picker-option__portrait img[src*=mahmoud-khalil-al-husary],.reciter-picker-trigger__portrait img[src*=mahmoud-khalil-al-husary]{object-position:50% 29%}.reciter-picker-option__portrait svg{width:20px}.reciter-picker-option__copy{gap:3px;min-width:0;display:grid}.reciter-picker-option__copy strong,.reciter-picker-option__copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reciter-picker-option__copy strong{font-size:.76rem;font-weight:750}.reciter-picker-option__copy small{color:var(--color-text-muted);font-size:.59rem}.reciter-picker-option__state{width:28px;height:28px;color:var(--color-text-muted);border-radius:9px;place-items:center;display:grid}.reciter-picker-group__options>button.is-selected .reciter-picker-option__state{background:var(--color-brand);color:var(--color-on-brand)}.reciter-picker-option__state svg{width:15px}.reciter-picker-trigger{border-radius:12px;justify-content:flex-start;min-height:44px}.reciter-picker-trigger__portrait{flex:0 0 32px;width:32px;height:32px}.reciter-picker-trigger__portrait svg{width:15px}.reciter-picker-trigger__copy{flex:1;gap:1px;min-width:0;display:grid}.reciter-picker-trigger>svg{margin-inline-start:auto}.reciter-picker-dialog>footer{min-height:52px;padding-inline:20px}@media (max-width:760px){.reader-zoom-control{display:none}.reader-bayaan-toggle{width:40px;padding:0}.reader-bayaan-toggle span,.reader-stage-meta{display:none}.mushaf-canvas{border-width:1px 0 0;border-radius:0;padding-top:44px}.hall:not(.is-focus) .mushaf-flipbook-shell--spread{width:min(100cqw,139.67cqh - 142.463px)}.hall.is-focus .mushaf-flipbook-shell--spread{width:min(100cqw,139.67cqh - 89.3888px)}.page-view-switch .page-view-option--spread{display:flex}.reciter-picker-backdrop{align-items:end;padding:0}.reciter-picker-dialog{border-width:1px 0 0;border-radius:24px 24px 0 0;width:100%;max-height:min(88dvh,780px)}.reciter-picker-dialog>header{min-height:84px;padding:13px 14px}.reciter-picker-dialog__title>span{flex-basis:42px;width:42px;height:42px}.reciter-picker-dialog__title p{display:none}.reciter-picker-search{margin-inline:14px}.reciter-picker-results{padding-inline:14px}.reciter-picker-group__options{grid-template-columns:minmax(0,1fr)}}.product-header,.listen-topbar.product-header{--product-header-gutter:clamp(12px, 4vw, 72px);width:calc(100% - var(--product-header-gutter) - var(--product-header-gutter));border:1px solid var(--color-border);max-width:1720px;box-shadow:0 16px 44px color-mix(in srgb, var(--color-text) 8%, transparent);border-radius:22px;margin:0 auto 10px;top:10px}.reader-header-stack{grid-template-rows:auto;padding-top:10px}.reader-index-toolbox{border-top:1px solid var(--color-border);flex:none;gap:8px;padding-top:11px;display:grid}.reader-index-toolbox__heading{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.reader-index-toolbox__heading strong,.reader-index-toolbox__heading small{display:block}.reader-index-toolbox__heading strong{font-size:.7rem}.reader-index-toolbox__heading small{color:var(--color-text-muted);margin-top:1px;font-size:.52rem}.reader-index-toolbox__heading>span{color:var(--color-text-muted);direction:ltr;flex:none;font-size:.58rem}.reader-index-toolbox__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.reader-index-toolbox__actions button{border:1px solid var(--color-border);background:var(--color-surface-raised);min-width:0;min-height:44px;color:var(--color-text-soft);transition:border-color var(--motion-fast), background var(--motion-fast), color var(--motion-fast);border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:.62rem;font-weight:750;display:flex}.reader-index-toolbox__actions button:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-accent) 54%, var(--color-border));background:var(--color-accent-soft);color:var(--color-text)}.reader-index-toolbox__actions button.is-active{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-on-brand)}.reader-index-toolbox__actions button:disabled{cursor:not-allowed;opacity:.45}.reader-index-toolbox__actions svg{flex:0 0 17px;width:17px;height:17px}.reader-toolbox-view{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:13px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;display:grid}.reader-toolbox-view button{min-width:0;min-height:40px;color:var(--color-text-muted);transition:background var(--motion-fast), color var(--motion-fast), box-shadow var(--motion-fast);background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:0 5px;font-size:.55rem;font-weight:750;display:flex}.reader-toolbox-view button:hover,.reader-toolbox-view button.is-active{color:var(--color-text)}.reader-toolbox-view button.is-active{background:var(--color-surface-raised);box-shadow:var(--shadow-1)}.reader-toolbox-view svg{flex:0 0 14px;width:14px;height:14px}.reader-toolbox-zoom{min-height:40px;color:var(--color-text-muted);grid-template-columns:auto minmax(44px,1fr) 34px;align-items:center;gap:7px;font-size:.56rem;display:grid}.reader-toolbox-zoom input{width:100%;accent-color:var(--color-brand);cursor:pointer}.reader-toolbox-zoom b{color:var(--color-text);text-align:left;direction:ltr;font-size:.58rem}.surah-drawer .reader-index-toolbox{padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--color-surface-raised) 92%, transparent)}.drawer-scrim{z-index:210}.surah-drawer{z-index:220}.surah-drawer .reader-index-toolbox__actions button,.surah-drawer .reader-toolbox-view button{font-size:.68rem}.reader-canvas-menu{display:none}.hall:not(.is-focus) .mushaf-view--single,.hall:not(.is-focus) .mushaf-view--spread{scrollbar-color:var(--color-border-strong) transparent;scrollbar-width:thin;overflow:auto}.hall:not(.is-focus) .mushaf-flipbook-shell--single,.hall:not(.is-focus) .mushaf-flipbook-shell--spread{max-width:none;max-height:none}@media (min-width:1101px){.hall{--reader-index-width:clamp(210px, 17vw, 252px);--bayaan-column-width:clamp(270px, 22vw, 320px)}.read-hall,.hall.has-bayaan .read-hall,.hall.is-page-view-spread .read-hall,.hall.is-page-view-spread.has-bayaan .read-hall{grid-template-columns:var(--reader-index-width) minmax(0, 1fr) var(--bayaan-column-width);grid-template-areas:"index canvas bayaan"}.hall:not(.has-bayaan) .read-hall,.hall.is-page-view-spread:not(.has-bayaan) .read-hall{grid-template-columns:var(--reader-index-width) minmax(0, 1fr) 0}.reader-index-panel,.hall.has-bayaan .reader-index-panel,.hall.is-page-view-spread .reader-index-panel,.hall.has-bayaan.is-page-view-spread .reader-index-panel{display:flex}.listen-layout{height:calc(100dvh - 92px)}}@media (max-width:1100px){.reader-stage-meta{display:none}.reader-canvas-menu{z-index:8;border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-raised) 94%, transparent);max-width:min(220px,100% - 20px);min-height:42px;box-shadow:var(--shadow-1);color:var(--color-text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;align-items:center;gap:7px;padding:0 12px;font-size:.72rem;font-weight:750;display:flex;position:absolute;top:10px;right:10px}.reader-canvas-menu svg{flex:0 0 17px;width:17px;height:17px}.reader-canvas-menu span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.listen-layout{min-height:calc(100dvh - 92px)}}@media (max-width:560px){.product-header,.listen-topbar.product-header{--product-header-gutter:8px;border-radius:17px;margin-bottom:8px;top:8px}.reader-header-stack{padding-top:8px}.reader-canvas-menu{max-width:164px;min-height:40px;padding-inline:10px;top:8px;right:8px}}.page-shell,.reels-studio,.listen-page,.hall,.reciter-picker-backdrop{--color-accent:#91dac9;--color-accent-strong:#126553;--color-accent-soft:#dde9e0;--color-focus:#126553;--color-ambient-warm:#f1e8d9}[data-theme=dark] .page-shell,[data-theme=dark] .reels-studio,[data-theme=dark] .listen-page,[data-theme=dark] .hall,[data-theme=dark] .reciter-picker-backdrop{--color-accent:#76d0bc;--color-accent-strong:#9ce1d1;--color-accent-soft:#12251f;--color-focus:#9ce1d1;--color-ambient-warm:#2a231b}.page-shell,.reels-studio,.listen-page,.hall{background:radial-gradient(920px 620px at -9% 104%, color-mix(in srgb, var(--color-accent-soft) 82%, transparent), transparent 72%), radial-gradient(780px 520px at 108% 2%, color-mix(in srgb, var(--color-ambient-warm) 72%, transparent), transparent 74%), linear-gradient(145deg, color-mix(in srgb, var(--color-canvas) 94%, var(--color-accent-soft)) 0%, var(--color-canvas) 48%, color-mix(in srgb, var(--color-canvas) 95%, var(--color-ambient-warm)) 100%);background-size:auto}.reels-preview{background:radial-gradient(34rem 24rem at 48% 42%, color-mix(in srgb, var(--color-accent-soft) 82%, var(--color-surface-raised)), transparent 70%), radial-gradient(25rem 18rem at 104% 0%, color-mix(in srgb, var(--color-ambient-warm) 48%, transparent), transparent 74%), color-mix(in srgb, var(--color-surface-muted) 76%, var(--color-surface-raised));background-size:auto}.player-bar{--player-surface:#0e1714;--player-surface-deep:#09100e;--player-accent:#91dac9;--player-accent-strong:#126553;border-top-color:color-mix(in srgb, var(--player-accent) 34%, transparent);background:radial-gradient(520px 86px at 76% 120%, color-mix(in srgb, var(--player-accent-strong) 35%, transparent), transparent 74%), linear-gradient(180deg, var(--player-surface), var(--player-surface-deep));color:#f7faf8;grid-template-columns:minmax(190px,.8fr) minmax(220px,1.15fr) auto;gap:clamp(8px,1.25vw,14px);min-height:62px;padding:6px clamp(12px,2vw,22px);box-shadow:0 -12px 34px #09100e1f}.player-now{gap:8px}.player-now>span{border-color:color-mix(in srgb, var(--player-accent) 44%, transparent);background:color-mix(in srgb, var(--player-accent) 10%, transparent);width:34px;height:34px;color:var(--player-accent);border-radius:50%;flex-basis:34px;rotate:none}.player-now>span svg{width:16px;rotate:none}.player-now>span.is-live{background:var(--player-accent);color:#0a1713}.player-now small{color:var(--player-accent);letter-spacing:0;font-size:.54rem}.player-now strong{font-family:var(--font-ui);margin-top:0;font-size:.82rem;font-weight:750}.player-now div>span{color:#f7faf894;font-size:.54rem}.player-timeline input{height:3px;accent-color:var(--player-accent)}.player-timeline div{color:#f7faf880;margin-top:2px;font-size:.53rem}.player-actions{gap:5px}.player-engine{background:#f7faf80d;border-color:#f7faf824;gap:2px;padding:2px}.player-engine button{color:#f7faf8a3;gap:4px;min-height:36px;padding-inline:9px;font-size:.61rem}.player-engine svg{width:12px}.reciter-picker-trigger--player{background:#f7faf80f;border-color:#f7faf824;min-height:38px}.reciter-picker-trigger--player:hover,.reciter-picker-trigger--player[aria-expanded=true]{border-color:color-mix(in srgb, var(--player-accent) 72%, transparent);background:color-mix(in srgb, var(--player-accent) 11%, transparent)}.reciter-picker-trigger--player>svg{color:var(--player-accent)}.player-actions>button{color:#f7faf8c7;background:#f7faf812;width:38px;height:38px}.player-actions>button:hover:not(:disabled){background:color-mix(in srgb, var(--player-accent) 15%, transparent);color:var(--player-accent)}.player-play{background:var(--player-accent);color:#0a1713!important;width:46px!important;height:46px!important}.player-play:before{background:conic-gradient(var(--player-accent) calc(var(--progress,0) * 1turn), #f7faf824 0);inset:-3px}.player-play:after{background:var(--player-surface);inset:-1px}.hall:not(.is-focus) .mushaf-view--single,.hall:not(.is-focus) .mushaf-view--spread{place-items:safe center}.hall:not(.is-focus) .mushaf-flipbook-shell--single .mushaf-flipbook,.hall:not(.is-focus) .mushaf-flipbook-shell--spread .mushaf-flipbook{max-width:none!important}.mushaf-flipbook-shell--single .mushaf-flipbook{min-width:0!important}.hall:not(.is-focus) .mushaf-view--continuous .mushaf-view-pages{width:var(--reader-continuous-width,68%);max-width:none}.hall:not(.is-focus) .mushaf-view--continuous .mushaf-page,.hall:not(.is-focus) .mushaf-view--continuous .mushaf-page-placeholder{width:100%;max-width:none}@media (max-width:900px){.player-bar{grid-template-columns:minmax(0,1fr) auto;min-height:58px;padding-block:5px}}@media (max-width:700px){.player-bar{min-height:calc(58px + env(safe-area-inset-bottom));padding:6px 9px calc(5px + env(safe-area-inset-bottom))}.player-actions>button{width:38px;height:38px}.player-play{width:44px!important;height:44px!important}}.insight-panel:before{display:none}.insight-panel__toolbar{background:var(--color-surface-raised);min-height:70px;padding:13px 16px}.insight-panel__toolbar>div:first-child>span{display:none}.insight-panel__title{gap:2px;display:grid}.insight-panel__toolbar .insight-panel__title strong{font-family:var(--font-ui);font-size:1rem;font-weight:750}.insight-panel__title small{color:var(--color-text-muted);font-size:.64rem}.insight-panel__actions button{border:1px solid var(--color-border);background:0 0;border-radius:50%;width:36px;min-height:36px;padding:0}.insight-panel__actions button span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.insight-panel__actions button.is-active{border-color:color-mix(in srgb, var(--color-accent) 50%, var(--color-border));background:var(--color-accent-soft);color:var(--color-accent-strong)}.insight-content{padding:0 16px 20px}.insight-ayah-heading{background:var(--color-surface-muted);border:0;border-radius:22px;margin:16px 0 0;padding:20px 16px 16px}.insight-ayah-heading:after{display:none}.insight-ayah-heading>span{border-radius:var(--radius-pill);background:var(--ds-highlight,#eaf32d);color:#171717;letter-spacing:0;align-items:center;min-height:34px;padding:0 14px;font-size:.72rem;font-weight:800;display:inline-flex}.insight-ayah-heading>.quran-text{color:var(--color-text);font-family:var(--font-reading);margin:18px 0 15px;font-size:clamp(1.35rem,2.25vw,1.72rem);line-height:2.05}.insight-ayah-heading .insight-audio{background:0 0;border:0;gap:8px;padding:0}.insight-ayah-heading .insight-audio>button{border:1px solid color-mix(in srgb, var(--color-accent-strong) 32%, transparent);border-radius:var(--radius-pill);background:var(--color-brand);min-height:40px}.insight-ayah-heading .insight-audio>button:hover{background:var(--color-brand-strong)}.insight-ayah-heading .insight-audio-reciter{text-align:right}.insight-ayah-heading .reciter-picker-trigger{background:color-mix(in srgb, var(--color-surface-raised) 86%, transparent)}.insight-sections{display:none}.tafsir-block--official,.ghareeb-block{border:0;border-top:1px solid var(--color-border);box-shadow:none;background:0 0;border-radius:0;margin-top:20px;padding:20px 0 0}.tafsir-block--official:before,.ghareeb-block:before{display:none}.tafsir-block--official .reader-section-title,.ghareeb-block .reader-section-title{margin-bottom:12px}.tafsir-block--official .reader-section-title>span,.ghareeb-block .reader-section-title>span,.tafsir-block--official .reader-section-title small,.ghareeb-block .reader-section-title small{display:none}.tafsir-block--official .reader-section-title h2,.ghareeb-block .reader-section-title h2{color:var(--color-text-muted);font-family:var(--font-ui);margin:0;font-size:.78rem;font-weight:500}.tafsir-block--official>p{color:var(--color-text-soft);font-size:.82rem;line-height:2}.tafsir-source-link{min-height:40px;color:var(--color-text);align-items:center;gap:5px;margin-top:10px;font-size:.74rem;font-weight:750;display:inline-flex}.tafsir-source-link svg{width:15px}.tafsir-source-link:hover{color:var(--color-accent-strong)}.ghareeb-list{gap:0}.ghareeb-list article{border:0;border-bottom:1px solid var(--color-border);background:0 0;border-radius:0;grid-template-columns:minmax(72px,.34fr) minmax(0,1fr);align-items:baseline;gap:12px;padding:12px 0}.ghareeb-list strong{color:var(--color-text);font-family:var(--font-ui);font-size:.82rem;font-weight:750}.ghareeb-list p{color:var(--color-text-muted);font-size:.74rem;line-height:1.8}.correction-block{margin-top:22px}.player-bar{border:1px solid color-mix(in srgb, var(--player-accent) 26%, transparent);background:#0b1210;border-radius:17px;grid-template-columns:minmax(200px,.82fr) minmax(230px,1.35fr) auto;gap:clamp(8px,1vw,13px);width:auto;min-height:58px;margin:0 12px 10px;padding:5px 12px;overflow:visible;box-shadow:0 14px 34px #050c092e}.player-now{gap:9px;min-width:0}.player-now>span{border:1px solid color-mix(in srgb, var(--player-accent) 34%, transparent);background:color-mix(in srgb, var(--player-accent) 8%, transparent);border-radius:11px;flex-basis:36px;width:36px;height:36px}.player-now>span.is-live{background:var(--player-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--player-accent) 12%, transparent)}.player-now small{color:var(--player-accent);font-size:.5rem}.player-now strong{text-overflow:ellipsis;white-space:nowrap;max-width:28ch;font-size:.76rem;line-height:1.35;overflow:hidden}.player-now div>span{color:#f7faf880;text-overflow:ellipsis;white-space:nowrap;max-width:34ch;font-size:.48rem;display:block;overflow:hidden}.player-timeline{direction:ltr;min-width:0}.player-timeline input{appearance:none;border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--player-accent) 0 var(--timeline-progress,0%), #f7faf82e var(--timeline-progress,0%) 100%);cursor:pointer;outline:0;width:100%;height:4px}.player-timeline input:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--player-accent) 24%, transparent)}.player-timeline input::-webkit-slider-thumb{appearance:none;background:var(--player-accent);width:12px;height:12px;box-shadow:0 0 0 1px color-mix(in srgb, var(--player-accent) 52%, transparent);border:2px solid #0b1210;border-radius:50%}.player-timeline input::-moz-range-thumb{background:var(--player-accent);border:2px solid #0b1210;border-radius:50%;width:10px;height:10px}.player-timeline div{margin-top:3px;font-size:.47rem}.player-actions{flex-wrap:nowrap;gap:4px}.player-engine{background:#f7faf80f;border:0;border-radius:11px;gap:2px;padding:2px}.player-engine button{border-radius:9px;min-height:32px;padding-inline:8px;font-size:.55rem}.player-engine button.is-active{background:var(--player-accent);color:#07110d}.player-reciter{width:clamp(132px,12vw,176px)}.reciter-picker-trigger--player{border-radius:11px;min-height:34px;padding-block:3px}.player-actions>button{background:#f7faf80d;border:1px solid #f7faf817;width:34px;height:34px}.player-actions>button svg{width:14px}.player-actions>.player-play{isolation:isolate;border-color:color-mix(in srgb, var(--player-accent) 34%, transparent);background:#15201c;color:#fff!important;width:42px!important;height:42px!important}.player-actions>.player-play:hover:not(:disabled){background:#1b2b25;color:#fff!important}.player-actions>.player-play svg{z-index:1;color:#fff;stroke:currentColor;position:relative}.player-play:before{inset:-2px}.player-play:after{background:#0b1210}@media (max-width:1060px){.player-bar{grid-template-columns:minmax(180px,.85fr) minmax(180px,1fr) auto}.player-engine button{color:#0000;width:32px;padding:0;font-size:0;overflow:hidden}.player-engine button svg{color:#f7faf8a3}.player-engine button.is-active svg{color:#07110d}.player-reciter{width:132px}}@media (max-width:700px){.player-bar{min-height:calc(56px + env(safe-area-inset-bottom));padding:5px 7px calc(5px + env(safe-area-inset-bottom));border-radius:15px;margin:0 7px 7px}.player-play{width:40px!important;height:40px!important}}.listen-page{padding-bottom:14px}.listen-topbar.product-header{margin-bottom:16px}.listen-layout{grid-template-areas:"queue player library";width:calc(100% - clamp(16px,3vw,48px));max-width:1720px;min-height:650px;margin:0 auto;grid-template-columns:minmax(260px,310px) minmax(520px,1fr) minmax(285px,335px)!important;gap:14px!important;height:calc(100dvh - 104px)!important;padding:0!important}.listen-library,.listen-player,.listen-queue{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-raised) 96%, transparent);min-height:0;max-height:none;box-shadow:0 20px 58px color-mix(in srgb, var(--color-text) 7%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;margin:0!important}.listen-library{border-right:1px solid var(--color-border);grid-area:library;gap:14px;padding:clamp(20px,2vw,28px) 20px 16px}.listen-library__heading{text-align:center;justify-items:center;gap:10px;display:grid}.listen-library__heading>span{background:var(--color-accent-soft);width:68px;height:68px;color:var(--color-text);border:0;flex-basis:68px}.listen-library__heading>span svg{width:27px;height:27px}.listen-library__heading>div{justify-items:center;display:grid}.listen-library__heading small{border:1px solid color-mix(in srgb, var(--color-accent-strong) 34%, var(--color-border));background:color-mix(in srgb, var(--color-accent-soft) 68%, var(--color-surface-raised));min-height:30px;color:var(--color-accent-strong);border-radius:99px;align-items:center;gap:6px;padding:0 12px;font-size:.66rem;display:flex}.listen-library__heading small i,.listen-player__actions>span i{background:var(--color-accent-strong);border-radius:50%;width:7px;height:7px}.listen-library__heading h1{margin-top:20px;font-size:clamp(1.65rem,2vw,2rem);line-height:1.25}.listen-library__heading p{max-width:270px;color:var(--color-text-muted);margin:7px 0 0;font-size:.72rem;line-height:1.8}.listen-library .listen-search{background:var(--color-surface-muted);border-radius:18px;min-height:52px;padding-inline:15px 7px}.listen-library__filters{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.listen-library__filters .listen-field{gap:5px}.listen-library__filters .listen-field>span{padding-inline-start:3px;font-size:.59rem}.listen-library__filters .listen-field select{border-radius:12px;min-height:42px;font-size:.65rem}.listen-library__filters .listen-complete-filter{border-radius:12px;grid-template-columns:32px auto;gap:7px;min-height:42px;padding:6px 9px;display:grid}.listen-library__filters .listen-complete-filter>strong{color:var(--color-text-muted);white-space:nowrap;font-size:.59rem}.listen-library__filters .listen-complete-filter.is-active>strong{color:var(--color-text)}.listen-library__list-head{justify-content:space-between;align-items:center;gap:8px;padding-inline:3px;display:flex}.listen-library__list-head strong{font-size:.72rem}.listen-library__list-head span{color:var(--color-text-muted);font-size:.59rem}.listen-reciter-list{gap:7px}.listen-reciter-list>button{border-radius:16px;grid-template-columns:46px minmax(0,1fr) 20px;min-height:64px;padding:8px}.listen-reciter-list>button.is-active{border-color:color-mix(in srgb, var(--color-accent-strong) 28%, var(--color-border));background:color-mix(in srgb, var(--color-accent-soft) 84%, var(--color-surface-raised))}.listen-reciter-list>button>span{width:46px;height:46px}.listen-reciter-list>button strong{font-size:.74rem}.listen-reciter-list>button small{font-size:.57rem}.listen-reciter-list>button.is-active>svg{color:var(--color-accent-strong)}.listen-player{background:color-mix(in srgb, var(--color-surface-raised) 97%, transparent);grid-area:player;justify-content:flex-start;padding:24px clamp(32px,4vw,68px) 20px;overflow:hidden}.listen-player:before,.listen-player:after{display:none}.listen-player__actions{justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:42px;display:flex}.listen-player__actions>span{background:var(--color-brand);min-height:34px;color:var(--color-on-brand);border-radius:99px;align-items:center;gap:7px;padding:0 13px;font-size:.66rem;font-weight:850;display:flex}.listen-player__actions>span i{background:var(--color-accent)}.listen-player__actions>div{align-items:center;gap:8px;display:flex}.listen-player__actions button{width:40px;height:40px;color:var(--color-text);transition:background var(--motion-fast), color var(--motion-fast);background:0 0;border-radius:50%;place-items:center;display:grid}.listen-player__actions button:hover,.listen-player__actions button.is-active{background:var(--color-accent-soft);color:var(--color-accent-strong)}.listen-player__actions button.is-bookmarked svg{fill:currentColor}.listen-player__actions button svg{width:20px}.listen-player__actions>small{background:var(--color-brand);color:var(--color-on-brand);border-radius:10px;padding:6px 10px;font-size:.58rem;position:absolute;top:66px;left:24px}.listen-player__details{z-index:8;border:1px solid var(--color-border);background:var(--color-surface-raised);width:min(330px,100% - 48px);box-shadow:var(--shadow-3);border-radius:16px;gap:10px;padding:14px;display:grid;position:absolute;top:78px;left:24px}.listen-player__details label{gap:5px;display:grid}.listen-player__details label>span,.listen-player__details .listen-option-field>span{color:var(--color-text-muted);font-size:.6rem;font-weight:800}.listen-player__details select{border:1px solid var(--color-border);background:var(--color-surface-raised);width:100%;min-height:42px;color:var(--color-text);border-radius:11px;padding-inline:10px;font-size:.66rem}.listen-player__details p{color:var(--color-text-muted);margin:0;font-size:.65rem}.listen-now{margin-top:clamp(20px,3.5vh,36px)}.listen-now__orbit{--listen-orbit-radius:78px;border:1px solid var(--color-border);border-radius:50%;place-items:center;width:158px;height:158px;margin-bottom:18px;display:grid;position:relative}.listen-now__orbit:before,.listen-now__orbit:after{border:1px solid var(--color-border);content:"";border-radius:50%;position:absolute}.listen-now__orbit:before{width:120px;height:120px}.listen-now__orbit:after{width:90px;height:90px}.listen-now__orbit .listen-now__disc{z-index:2;width:78px;height:78px;margin:0}.listen-now__orbit>span{z-index:3;background:var(--color-accent);color:#07110d;width:42px;height:42px;transform:rotate(-45deg) translateX(var(--listen-orbit-radius)) rotate(45deg);transform-origin:50%;will-change:transform;border-radius:50%;place-items:center;display:grid;position:absolute;top:calc(50% - 21px);left:calc(50% - 21px);right:auto}.listen-now__orbit>span svg{width:18px}.listen-now.is-playing .listen-now__orbit>span{box-shadow:0 8px 24px color-mix(in srgb, var(--color-accent-strong) 20%, transparent);animation:18s linear infinite listen-headphones-orbit}@keyframes listen-headphones-orbit{0%{transform:rotate(-45deg) translateX(var(--listen-orbit-radius)) rotate(45deg)}to{transform:rotate(315deg) translateX(var(--listen-orbit-radius)) rotate(-315deg)}}.listen-now>small{color:var(--color-text-muted);font-size:.68rem}.listen-now>small b{color:inherit}.listen-now h2{letter-spacing:-.04em;margin-top:7px;font-size:clamp(2.6rem,4.6vw,4.15rem)}.listen-now p{color:var(--color-text-muted);margin-top:7px;font-size:.78rem;font-weight:650}.listen-signal{width:min(760px,92%);height:clamp(88px,13vh,116px);margin-top:clamp(12px,2vh,22px)}.listen-signal__halo{display:none}.listen-signal>span{font-size:.56rem}.listen-timeline{border:1px solid color-mix(in srgb, var(--color-border) 84%, transparent);background:color-mix(in srgb, var(--color-surface-muted) 68%, transparent);width:min(700px,84%);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-surface-raised) 85%, transparent), 0 12px 34px color-mix(in srgb, var(--color-brand) 5%, transparent);border-radius:22px;margin-top:6px;padding:16px 18px 11px;position:relative}.listen-timeline input{border:1px solid color-mix(in srgb, var(--color-border-strong) 42%, transparent);background:linear-gradient(to left, var(--color-accent-strong) 0, var(--color-brand) var(--listen-progress,0%), color-mix(in srgb, var(--color-brand) 25%, var(--color-surface-raised)) var(--listen-progress,0%), color-mix(in srgb, var(--color-brand) 25%, var(--color-surface-raised)) var(--listen-buffered,var(--listen-progress,0%)), color-mix(in srgb, var(--color-border) 72%, var(--color-surface-raised)) var(--listen-buffered,var(--listen-progress,0%)), color-mix(in srgb, var(--color-border) 72%, var(--color-surface-raised)) 100%);height:10px;box-shadow:inset 0 2px 4px color-mix(in srgb, var(--color-brand) 10%, transparent);cursor:pointer}.listen-timeline input::-webkit-slider-thumb{border:6px solid var(--color-surface-raised);background:var(--color-accent-strong);width:24px;height:24px;box-shadow:0 0 0 1px var(--color-accent-strong), 0 0 0 6px color-mix(in srgb, var(--color-accent) 20%, transparent), 0 7px 20px color-mix(in srgb, var(--color-brand) 26%, transparent);transition:box-shadow var(--motion-fast), transform var(--motion-fast)}.listen-timeline input::-moz-range-thumb{border:6px solid var(--color-surface-raised);background:var(--color-accent-strong);width:12px;height:12px;box-shadow:0 0 0 1px var(--color-accent-strong), 0 0 0 6px color-mix(in srgb, var(--color-accent) 20%, transparent), 0 7px 20px color-mix(in srgb, var(--color-brand) 26%, transparent)}.listen-timeline input:hover::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--color-accent-strong), 0 0 0 8px color-mix(in srgb, var(--color-accent) 25%, transparent), 0 9px 24px color-mix(in srgb, var(--color-brand) 32%, transparent);transform:scale(1.06)}.listen-timeline input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--color-accent-strong), 0 0 0 8px color-mix(in srgb, var(--color-accent) 25%, transparent), 0 9px 24px color-mix(in srgb, var(--color-brand) 32%, transparent);transform:scale(1.06)}.listen-timeline input:focus-visible{outline:2px solid color-mix(in srgb, var(--color-accent-strong) 75%, transparent);outline-offset:8px}.listen-timeline>div{margin-top:11px}.listen-timeline>div span{background:color-mix(in srgb, var(--color-surface-raised) 82%, transparent);min-width:55px;color:var(--color-text-muted);text-align:center;direction:ltr;border-radius:9px;padding:4px 8px}.listen-timeline>div span:first-child{color:var(--color-accent-strong);font-weight:800}.listen-controls{gap:clamp(14px,2.5vw,28px);margin-top:7px}.listen-controls>button{width:42px;height:42px;box-shadow:none;background:0 0;border:0}.listen-controls>button.is-active{background:var(--color-accent-soft);color:var(--color-accent-strong)}.listen-controls>.listen-controls__play{background:var(--color-brand);width:72px;height:72px;color:var(--color-on-brand)}.listen-player__meta{border-top:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(560px,88%);margin-top:18px;padding-top:16px;display:grid}.listen-player__meta>div,.listen-player__meta>button{min-height:38px;color:var(--color-text-muted);background:0 0;border-radius:11px;justify-content:center;align-items:center;gap:7px;font-size:.62rem;display:flex}.listen-player__meta>button:hover,.listen-player__meta>div:hover{background:var(--color-surface-muted);color:var(--color-text)}.listen-player__meta svg{width:17px}.listen-player__meta strong{color:var(--color-text);direction:ltr}.listen-player__meta .listen-volume{width:auto;margin:0}.listen-player__meta .listen-volume button{flex:0 0 26px;place-items:center;width:26px;height:26px;display:grid}.listen-player__meta .listen-volume span{white-space:nowrap}.listen-player__meta .listen-volume input{width:54px}.listen-queue{grid-area:queue;gap:18px;padding:22px 18px 18px}.listen-queue__head>div>span{background:var(--color-accent-soft);color:var(--color-accent-strong)}.listen-queue__head strong{font-size:.84rem}.listen-queue__search{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:15px;align-items:center;gap:8px;min-height:46px;padding-inline:12px 6px;display:flex}.listen-queue__search>svg{width:16px;color:var(--color-text-muted);flex:0 0 16px}.listen-queue__search input{min-width:0;color:var(--color-text);background:0 0;outline:0;flex:1;font-size:.66rem}.listen-queue__search button{background:var(--color-surface-raised);width:32px;height:32px;color:var(--color-text-muted);border-radius:10px;place-items:center;display:grid}.listen-queue__search button svg{width:14px}.listen-queue-list{scrollbar-width:thin;gap:9px}.listen-queue-list>button{border-radius:17px;grid-template-columns:30px minmax(0,1fr) 38px;gap:8px;min-height:76px;padding:10px 11px}.listen-queue-list>button.is-active{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-on-brand)}.listen-queue-list>button.is-active>span:first-child,.listen-queue-list>button.is-active small{color:color-mix(in srgb, var(--color-on-brand) 65%, transparent)}.listen-queue-list>button.is-active>svg{background:color-mix(in srgb, var(--color-on-brand) 10%, transparent);color:var(--color-on-brand);box-shadow:none}.listen-queue-list strong{font-size:.74rem}.listen-queue-list small{font-size:.58rem}.listen-download-card{background:var(--color-accent-soft);border-radius:20px;gap:13px;margin-top:auto;padding:16px;display:grid}.listen-download-card>div{align-items:center;gap:10px;display:flex}.listen-download-card>div>svg{width:21px;color:var(--color-accent-strong)}.listen-download-card strong,.listen-download-card small{display:block}.listen-download-card strong{font-size:.7rem}.listen-download-card small{color:var(--color-text-muted);margin-top:3px;font-size:.57rem}.listen-download-card a,.listen-download-card button{background:var(--color-surface-raised);min-height:42px;color:var(--color-text);border-radius:99px;place-items:center;font-size:.68rem;font-weight:850;text-decoration:none;display:grid}.listen-download-card button:disabled{opacity:.56}@media (max-width:1280px){.listen-layout{grid-template-areas:"player library";grid-template-columns:minmax(0,1fr) minmax(280px,330px)!important}.listen-queue{display:none}.listen-player{padding-inline:clamp(28px,4vw,58px)}}@media (max-width:900px){.listen-page{padding-bottom:8px}.listen-layout{flex-direction:column;width:calc(100% - 16px);min-height:auto;display:flex;height:auto!important}.listen-player,.listen-library,.listen-queue{border-radius:22px;width:100%}.listen-player{order:1;min-height:720px}.listen-queue{order:2;min-height:510px;display:flex}.listen-library{order:3;max-height:760px}}@media (max-width:600px){.listen-topbar.product-header{margin-bottom:12px}.listen-player{min-height:660px;padding:18px 14px}.listen-player__actions button{width:36px;height:36px}.listen-now__orbit{--listen-orbit-radius:65px;width:132px;height:132px}.listen-now__orbit:before{width:102px;height:102px}.listen-now__orbit:after{width:78px;height:78px}.listen-now__orbit .listen-now__disc{width:68px;height:68px}.listen-now h2{font-size:2.65rem}.listen-signal,.listen-timeline{width:100%}.listen-controls{gap:8px}.listen-controls>.listen-controls__play{width:62px;height:62px}.listen-player__meta{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.listen-player__meta .listen-volume{grid-column:1/-1}.listen-library__filters{grid-template-columns:1fr}.listen-library__filters .listen-complete-filter{justify-content:start}}@media (prefers-reduced-motion:reduce){.listen-now.is-playing .listen-now__orbit>span{animation:none}}.listen-pulse-track{--listen-pulse-passed:#79d3b8;--listen-pulse-rest:#2d3833;color:#f8faf9;background:radial-gradient(520px 150px at 78% 0,#50b49517,#0000 70%),#101311;border:1px solid #28322d;border-radius:28px;width:min(760px,92%);margin-top:clamp(16px,2.4vh,26px);padding:20px 24px 15px;overflow:hidden;box-shadow:0 22px 54px #09130f29,inset 0 1px #ffffff0a}.listen-pulse-track .listen-signal{width:100%;height:clamp(116px,15vh,148px);margin:0}.listen-pulse-track .listen-signal__canvas{height:calc(100% - 34px);top:28px}.listen-pulse-track .listen-signal>span{color:#79d3b8;letter-spacing:0;gap:7px;font-size:.58rem;inset:0 0 auto auto;transform:none}.listen-pulse-track .listen-signal>span svg{color:#79d3b8;width:15px}.listen-pulse-track .listen-loading-bar{background:#26312c;border-color:#345247;bottom:4px}.listen-pulse-track .listen-loading-bar>i{background:linear-gradient(90deg,#356f5e,#8de0c6,#356f5e)}.listen-pulse-track .listen-timeline{width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;margin:5px 0 0;padding:0;overflow:visible}.listen-pulse-track .listen-timeline input{background:linear-gradient(to left, #79d3b8 0 var(--listen-progress,0%), #425049 var(--listen-progress,0%) var(--listen-buffered,var(--listen-progress,0%)), #2d3833 var(--listen-buffered,var(--listen-progress,0%)) 100%);height:3px;box-shadow:none;border:0}.listen-pulse-track .listen-timeline input::-webkit-slider-thumb{background:#8de0c6;border:4px solid #101311;width:15px;height:15px;box-shadow:0 0 0 1px #79d3b8,0 0 0 5px #79d3b81f,0 6px 16px #00000057}.listen-pulse-track .listen-timeline input::-moz-range-thumb{background:#8de0c6;border:4px solid #101311;width:7px;height:7px;box-shadow:0 0 0 1px #79d3b8,0 0 0 5px #79d3b81f}.listen-pulse-track .listen-timeline input:hover::-webkit-slider-thumb{box-shadow:0 0 0 1px #8de0c6,0 0 0 7px #79d3b829,0 8px 20px #00000061}.listen-pulse-track .listen-timeline input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px #8de0c6,0 0 0 7px #79d3b829,0 8px 20px #00000061}.listen-pulse-track .listen-timeline input:focus-visible{outline-offset:7px;outline-color:#79d3b8}.listen-pulse-track .listen-timeline>div{color:#91a098;margin-top:10px}.listen-pulse-track .listen-timeline>div span{color:#91a098;background:0 0;min-width:0;padding:0;font-size:.62rem}.listen-pulse-track .listen-timeline>div span:first-child{color:#9ae4ce}.listen-pulse-track+.listen-controls{margin-top:14px}@media (max-width:600px){.listen-pulse-track{border-radius:22px;width:100%;padding:16px 14px 13px}.listen-pulse-track .listen-signal{height:108px}}.listen-mobile-selectors{display:none}@media (max-width:900px){.listen-mobile-selectors{border:1px solid color-mix(in srgb, var(--color-accent-strong) 18%, var(--color-border));background:radial-gradient(340px 170px at 100% 0%, color-mix(in srgb, var(--color-accent-soft) 72%, transparent), transparent 68%), color-mix(in srgb, var(--color-surface-raised) 97%, transparent);width:calc(100% - 16px);box-shadow:0 14px 38px color-mix(in srgb, var(--color-brand) 8%, transparent);border-radius:24px;gap:14px;margin:0 auto 10px;padding:17px;display:grid;position:relative;overflow:hidden}.listen-mobile-selectors:after{border:34px solid color-mix(in srgb, var(--color-accent) 7%, transparent);content:"";pointer-events:none;border-radius:50%;width:150px;height:150px;position:absolute;top:-54px;left:-42px}.listen-mobile-selectors>*{z-index:1;position:relative}.listen-mobile-selectors__head{align-items:center;gap:12px;min-width:0;display:flex}.listen-mobile-selectors__portrait{border:1px solid color-mix(in srgb, var(--color-accent-strong) 25%, var(--color-border));background:var(--color-accent-soft);width:54px;height:54px;color:var(--color-accent-strong);border-radius:18px;flex:0 0 54px;place-items:center;display:grid;overflow:hidden}.listen-mobile-selectors__portrait img{object-fit:cover;object-position:50% 32%;width:100%;height:100%}.listen-mobile-selectors__portrait svg{width:22px}.listen-mobile-selectors__head>div{flex:1;gap:2px;min-width:0;display:grid}.listen-mobile-selectors__head small{color:var(--color-accent-strong);font-size:.58rem;font-weight:850}.listen-mobile-selectors__head strong,.listen-mobile-selectors__head span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.listen-mobile-selectors__head strong{font-size:.92rem}.listen-mobile-selectors__head span{color:var(--color-text-muted);font-size:.63rem}.listen-mobile-selectors__pickers{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.listen-mobile-selectors__pickers>label{gap:6px;min-width:0;display:grid}.listen-mobile-selectors__pickers>label>span{color:var(--color-text-muted);align-items:center;gap:5px;font-size:.59rem;font-weight:800;display:flex}.listen-mobile-selectors__pickers>label>span svg{width:14px;color:var(--color-accent-strong)}.listen-mobile-selectors__pickers .searchable-picker__trigger{background:color-mix(in srgb, var(--color-surface-raised) 88%, var(--color-surface-muted));min-height:58px;box-shadow:0 5px 16px color-mix(in srgb, var(--color-brand) 5%, transparent);border-radius:16px}.listen-mobile-selectors__pickers .searchable-picker__trigger strong{font-size:.68rem}.listen-mobile-selectors__filters{border-top:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding-top:11px;display:grid}.listen-mobile-selectors__riwaya{gap:5px;min-width:0;display:grid}.listen-mobile-selectors__riwaya>span{color:var(--color-text-muted);font-size:.56rem;font-weight:800}.listen-mobile-selectors__riwaya select{border:1px solid var(--color-border);background:var(--color-surface-raised);width:100%;min-height:42px;color:var(--color-text);border-radius:12px;outline:0;padding:0 10px;font-size:.62rem}.listen-mobile-selectors__filters .listen-complete-filter{border-radius:12px;grid-template-columns:32px auto;gap:7px;width:auto;min-height:42px;padding:6px 9px}.listen-mobile-selectors__filters .listen-complete-filter strong{white-space:nowrap;font-size:.58rem}.listen-layout .listen-library,.listen-layout .listen-queue{display:none!important}.listen-layout .listen-player{order:1}}@media (max-width:600px){body:has(.searchable-picker__portal-layer){overflow:hidden}.searchable-picker__portal-layer{z-index:900;pointer-events:auto}.searchable-picker__backdrop{background:color-mix(in srgb, var(--color-brand) 38%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:0;border-radius:0;width:100%;height:100%;display:block;position:absolute;inset:0}.searchable-picker__portal-layer .searchable-picker__popover--portal{z-index:1;border-radius:24px;max-width:none;padding:17px 10px 10px;animation:.18s ease-out both searchable-picker-sheet-in;box-shadow:0 30px 90px #03110e57;right:10px!important;bottom:max(10px, env(safe-area-inset-bottom))!important;width:auto!important;top:auto!important;left:10px!important;transform:none!important}.searchable-picker__portal-layer .searchable-picker__popover--portal:before{background:var(--color-border-strong);content:"";border-radius:99px;width:38px;height:4px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.searchable-picker__portal-layer .searchable-picker__search{border-radius:14px;min-height:50px;padding-inline:13px 8px}.searchable-picker__portal-layer .searchable-picker__options{gap:5px;margin-top:8px;max-height:min(56vh,440px)!important}.searchable-picker__portal-layer .searchable-picker__options>button{border-radius:13px;min-height:58px;padding:9px 11px}.searchable-picker__portal-layer .searchable-picker__options strong{font-size:.72rem}.searchable-picker__portal-layer .searchable-picker__options small{font-size:.57rem}}@media (max-width:380px){.listen-mobile-selectors__pickers{grid-template-columns:1fr}}@keyframes searchable-picker-sheet-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.searchable-picker__portal-layer .searchable-picker__popover--portal{animation:none}}.listen-page{--listen-shell-inline:clamp(16px, 3vw, 48px);--listen-shell-gap:14px;--listen-header-float-offset:10px}.listen-page>.listen-topbar.product-header,.listen-page>.listen-layout,.listen-page>.listen-mobile-selectors{width:calc(100% - var(--listen-shell-inline));max-width:1720px;margin-inline:auto}.listen-page>.listen-topbar.product-header{margin-bottom:calc(var(--listen-shell-gap) + var(--listen-header-float-offset))}.listen-page>.listen-layout{gap:var(--listen-shell-gap)!important}@media (max-width:900px){.listen-page{--listen-shell-inline:16px;--listen-shell-gap:10px}.listen-page>.listen-mobile-selectors{margin-bottom:var(--listen-shell-gap)}}@media (max-width:560px){.listen-page{--listen-header-float-offset:8px}}.hall,.reels-studio{--product-shell-inline:clamp(16px, 3vw, 48px);--product-shell-gap:14px;--product-header-float-offset:10px}.hall>.reader-header-stack>.product-header,.reels-studio>.product-header,.hall>.read-hall,.reels-studio>.reels-workspace{width:calc(100% - var(--product-shell-inline));max-width:1720px;margin-inline:auto}.hall>.reader-header-stack>.product-header{margin-bottom:var(--product-shell-gap)}.reels-studio>.product-header{margin-bottom:calc(var(--product-shell-gap) + var(--product-header-float-offset))}.hall>.read-hall,.reels-studio>.reels-workspace{gap:var(--product-shell-gap)!important;padding:0!important}@media (min-width:1201px){.reels-studio>.reels-workspace{align-items:stretch}.reels-studio>.reels-workspace>.reels-stage-rail,.reels-studio>.reels-workspace>.reels-controls,.reels-studio>.reels-workspace>.reels-preview{height:calc(100dvh - 96px);min-height:calc(100dvh - 96px)}.reels-studio>.reels-workspace>.reels-controls{overscroll-behavior:contain;overflow-y:auto}}.hall:not(.has-bayaan)>.read-hall{grid-template-columns:minmax(0,1fr);grid-template-areas:"canvas"}@media (min-width:1101px){.hall:not(.has-bayaan)>.read-hall,.hall.is-page-view-spread:not(.has-bayaan)>.read-hall{grid-template-columns:var(--reader-index-width) minmax(0, 1fr);grid-template-areas:"index canvas"}}@media (max-width:900px){.hall,.reels-studio{--product-shell-inline:16px;--product-shell-gap:10px}}@media (max-width:560px){.hall,.reels-studio{--product-header-float-offset:8px}}.reader-canvas-focus{display:none}@media (max-width:700px){.hall{--mobile-player-height:calc(96px + env(safe-area-inset-bottom))}.reader-canvas-menu{max-width:calc(100% - 70px)}.reader-canvas-focus{z-index:9;border:1px solid color-mix(in srgb, var(--color-accent) 42%, var(--color-border));background:color-mix(in srgb, var(--color-surface-raised) 94%, transparent);width:40px;height:40px;box-shadow:var(--shadow-1);color:var(--color-accent-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;place-items:center;display:grid;position:absolute;top:8px;left:8px}.reader-canvas-focus svg{width:18px}.player-bar{min-height:var(--mobile-player-height);padding:8px 10px calc(7px + env(safe-area-inset-bottom));border-radius:18px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;margin:0 8px 8px}.player-now{grid-area:1/1;align-self:center}.player-now strong{max-width:min(48vw,21ch);font-size:.84rem}.player-now small{font-size:.54rem}.player-actions{grid-area:1/2;align-items:center;gap:7px}.player-reciter{width:min(132px,36vw)}.reciter-picker-trigger--player{border-radius:12px;min-height:42px;padding-inline:9px}.player-play,.player-actions>.player-play{flex:0 0 46px;width:46px!important;height:46px!important}.player-timeline{grid-area:2/1/auto/-1;gap:1px;width:100%;height:auto;display:grid;position:static}.player-timeline input{width:100%;height:15px;margin:0;display:block}.player-timeline div{color:#f7faf885;direction:ltr;justify-content:space-between;align-items:center;margin:-2px 1px 0;font-size:.47rem;display:flex}}@media (max-width:380px){.player-reciter{width:104px}.player-now strong{max-width:37vw;font-size:.76rem}}@media (max-width:700px){.bayaan-column,.hall.is-focus .bayaan-column{background:var(--color-surface-raised)}.bayaan-column .insight-panel{background:var(--color-surface-raised);isolation:isolate;height:100%;min-height:0}.bayaan-column .insight-content{background:var(--color-surface-raised)}.insight-panel__actions button{flex:0 0 42px;width:42px;min-width:42px;height:42px;min-height:42px}.insight-panel__actions button svg,.insight-panel__actions .insight-follow-toggle svg{flex:0 0 18px;width:18px;height:18px}}