@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(./noto-naskh-arabic-arabic-500-normal-9HZNyGfq.woff2)format("woff2"),url(./noto-naskh-arabic-arabic-500-normal-C1qSLoTD.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(./noto-naskh-arabic-math-500-normal-CCWYSSwb.woff2)format("woff2"),url(./noto-naskh-arabic-math-500-normal-B_5LvSiG.woff)format("woff");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(./noto-naskh-arabic-symbols-500-normal-CvKEMm6R.woff2)format("woff2"),url(./noto-naskh-arabic-symbols-500-normal-DT0dUDtU.woff)format("woff");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(./noto-naskh-arabic-latin-ext-500-normal-CcIVDYmt.woff2)format("woff2"),url(./noto-naskh-arabic-latin-ext-500-normal-CVGPM5Te.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(./noto-naskh-arabic-latin-500-normal-Bhl__RG1.woff2)format("woff2"),url(./noto-naskh-arabic-latin-500-normal-CYujSvJF.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--b-green-950:#0f2a1f;--b-green-900:#173d2d;--b-green-800:#1f4d3a;--b-green-700:#2e6b4f;--b-green-600:#3a7d5e;--b-green-100:#e2eee6;--b-green-50:#eff6f1;--b-gold-700:#8a6a1f;--b-gold-500:#c9a44a;--b-gold-300:#e4cd8f;--b-gold-100:#f6edd3;--b-bg:#f7f4ec;--b-surface:#fff;--b-surface-2:#f1eee6;--b-surface-3:#e6e1d4;--b-border:#e7e1d3;--b-hairline:#1f2d2517;--b-text:#1b2a22;--b-text-2:#56635b;--b-text-3:#86918a;--b-primary:#2e6b4f;--b-primary-strong:#1f4d3a;--b-on-primary:#fff;--b-accent-text:#256045;--b-chip:#e6f1ea;--b-chip-ink:#24583f;--b-gold:#c9a44a;--b-gold-text:#8a6a1f;--b-gold-deep:#7a5c14;--b-gold-tint:#f6edd3;--b-hero-ink:#f3e3b3;--b-control-edge:#737d76;--b-tajweed:#2a74c8;--b-tajweed-ink:#1f5fae;--b-tajweed-tint:#e8f0fa;--b-quran-ink:#1b1e1b;--b-highlight:#c9a44a3d;--b-placeholder-bg:#f4f3f0;--b-placeholder-border:#c9c5bc;--b-placeholder-ink:#62665f;--b-scrim:#0f1a146b;--b-icon-accent:#b08a2e;--b-tile:#eaf3ed;--b-tile-ring:#c9a44a73;--b-nav-bg:#fff;--b-danger:#a3362b;--b-focus:#2e6b4f;--b-e1:0 1px 2px #172d210f, 0 1px 1px #172d2108;--b-e2:0 1px 2px #172d210d, 0 6px 20px #172d2114;--b-e3:0 2px 6px #172d2114, 0 16px 40px #172d2129;--b-s1:4px;--b-s2:8px;--b-s3:12px;--b-s4:16px;--b-s5:24px;--b-s6:32px;--b-s7:40px;--b-s8:48px;--b-r1:8px;--b-r2:12px;--b-r3:16px;--b-r4:24px;--b-r-pill:999px;--b-ui:"Noto Naskh Arabic", "Amiri", system-ui, sans-serif;--b-display:"Amiri", "Noto Naskh Arabic", serif;--b-quran:"UthmanicHafs", serif;--b-t-display:700 28px/40px var(--b-display);--b-t-title:700 20px/30px var(--b-ui);--b-t-body-b:700 16px/26px var(--b-ui);--b-t-body:400 16px/26px var(--b-ui);--b-t-label-b:700 14px/22px var(--b-ui);--b-t-label:500 14px/22px var(--b-ui);--b-t-caption-b:700 12px/18px var(--b-ui);--b-t-caption:500 12px/18px var(--b-ui);--b-t-reading:400 17px/30px var(--b-ui);--b-t-display-en:700 24px/36px var(--b-display);--b-safe-top:env(safe-area-inset-top,0px);--b-safe-bottom:env(safe-area-inset-bottom,0px);--b-safe-left:env(safe-area-inset-left,0px);--b-safe-right:env(safe-area-inset-right,0px);--b-ease:cubic-bezier(.2, .8, .2, 1);--b-appbar-h:52px;--b-nav-h:64px;--b-player-h:64px}:root[data-palette=comfort]{--b-bg:#efe8da;--b-surface:#faf6ec;--b-surface-2:#f2ecdf;--b-surface-3:#e5dccb;--b-border:#e0d6c4;--b-hairline:#3c28141a;--b-text:#2a2420;--b-text-2:#5f5346;--b-gold-text:#7a5c14;--b-quran-ink:#2a2420;--b-placeholder-bg:#f2ecdf;--b-nav-bg:#faf6ec}:root[data-palette=book]{--b-bg:#eef2f7;--b-surface:#fff;--b-surface-2:#f3f6fa;--b-surface-3:#e3e9f1;--b-border:#d9e1ec;--b-hairline:#14284617;--b-text:#1f1d1f;--b-text-2:#525b69;--b-gold-text:#7a5c14;--b-quran-ink:#1f1d1f;--b-placeholder-bg:#f3f6fa}:root[data-palette=night]{--b-bg:#0c1410;--b-surface:#131f19;--b-surface-2:#1a2821;--b-surface-3:#25362c;--b-border:#243529;--b-hairline:#e9e2cf17;--b-text:#ece6d4;--b-text-2:#a9b5ab;--b-text-3:#75827a;--b-primary:#2f7353;--b-primary-strong:#3a8a64;--b-on-primary:#fff;--b-accent-text:#8bd0aa;--b-chip:#1c3025;--b-chip-ink:#8bd0aa;--b-gold:#d2b05f;--b-gold-text:#dcbd70;--b-gold-deep:#e2c47a;--b-gold-tint:#2c2716;--b-control-edge:#8a978f;--b-tajweed:#7faee3;--b-tajweed-ink:#9cc2ee;--b-tajweed-tint:#18263a;--b-quran-ink:#e9e2cf;--b-highlight:#d2b05f38;--b-placeholder-bg:#17201b;--b-placeholder-border:#3d4a42;--b-placeholder-ink:#a3ada6;--b-scrim:#0000008c;--b-icon-accent:#d2b05f;--b-tile:#1a2d23;--b-tile-ring:#d2b05f4d;--b-nav-bg:#111b16;--b-danger:#e08a7e;--b-focus:#8bd0aa;--b-e1:0 0 0 1px #ffffff08;--b-e2:0 1px 2px #0006, 0 8px 24px #00000040;--b-e3:0 2px 8px #00000080, 0 16px 40px #00000073}html:has(body.appb){background:var(--b-bg);overscroll-behavior:none}body.appb{background:var(--b-bg);min-height:100%;color:var(--b-text);font:var(--b-t-body);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0}:where(.appb) *,:where(.appb) :before,:where(.appb) :after{box-sizing:border-box}:where(.appb) button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}:where(.appb) button:disabled{cursor:default}:where(.appb) a{color:var(--b-accent-text)}:where(.appb) :is(h1,h2,h3,p){margin:0}.appb [hidden]{display:none!important}:where(.appb) :focus{outline:none}.appb :focus-visible{outline:2px solid var(--b-focus);outline-offset:2px;box-shadow:0 0 0 5px #c9a44a59}.appb #stage:focus-visible{box-shadow:none;outline:none}.appb .sr-only,.b-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.appb svg.i{flex:none;width:24px;height:24px;display:block}.appb svg.i.sm{width:20px;height:20px}.appb svg.i.xs{width:16px;height:16px}html[dir=ltr] .appb svg.i.flip{transform:scaleX(-1)}:root{--b-dur:.2s;--b-dur-long:.28s}@media (prefers-reduced-motion:reduce){:root{--b-dur:0s;--b-dur-long:0s}}body.b-no-select,body.b-no-select *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}.b-appbar{height:calc(var(--b-appbar-h) + var(--b-safe-top));padding:var(--b-safe-top) calc(var(--b-s2) + var(--b-safe-right)) 0 calc(var(--b-s2) + var(--b-safe-left));background:var(--b-bg);flex:none;grid-template-columns:96px minmax(0,1fr) 96px;align-items:center;display:grid}.b-appbar .b-side{align-items:center;min-width:0;display:flex}.b-appbar .b-side.end{justify-content:flex-end}.b-appbar .b-title{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.b-appbar .b-title h1,.b-appbar .b-title b{font:var(--b-t-title);color:var(--b-text);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.b-appbar .b-title small{font:var(--b-t-caption);color:var(--b-text-2);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.b-sname{white-space:nowrap;font-family:SurahNames;font-weight:400;line-height:1}.b-appbar .b-title .b-sname{height:30px;color:var(--b-text);align-items:center;font-size:34px;display:flex}.b-pagehead{padding:calc(var(--b-safe-top) + var(--b-s4)) calc(var(--b-s4) + var(--b-safe-right)) var(--b-s2) calc(var(--b-s4) + var(--b-safe-left));flex:none}.b-pagehead h1{font:var(--b-t-display);color:var(--b-text)}.b-pagehead p{font:var(--b-t-label);color:var(--b-text-2)}html[lang=en] .b-pagehead h1{font:var(--b-t-display-en)}.b-icon-btn{border-radius:var(--b-r2);width:44px;height:44px;color:var(--b-text);transition:background-color var(--b-dur);flex:none;place-items:center;display:grid;position:relative}@media (hover:hover){.b-icon-btn:hover{background:color-mix(in srgb, var(--b-text) 6%, transparent)}}.b-icon-btn:active{background:color-mix(in srgb, var(--b-text) 10%, transparent)}.b-icon-btn:disabled{opacity:.38;background:0 0}.b-icon-btn[aria-pressed=true]{color:var(--b-accent-text)}.b-icon-btn.tonal{background:var(--b-surface);box-shadow:var(--b-e1);border:1px solid var(--b-border);border-radius:50%}@media (hover:hover){.b-icon-btn.tonal:hover{background:var(--b-surface-2)}}.b-seg{background:var(--b-surface-2);border-radius:var(--b-r-pill);border:1px solid var(--b-hairline);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;height:44px;padding:4px;display:grid}.b-seg>button{border-radius:var(--b-r-pill);min-width:0;padding:0 var(--b-s2);font:700 14px/1 var(--b-ui);color:var(--b-text-2);white-space:nowrap;transition:background-color var(--b-dur), color var(--b-dur), box-shadow var(--b-dur);justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.b-seg>button:after{content:"";position:absolute;inset:-5px -1px}.b-seg>button[aria-selected=true],.b-seg>button[aria-checked=true],.b-seg>button.on{background:var(--b-primary);color:var(--b-on-primary);box-shadow:0 1px 2px #0f2a1f40,0 2px 6px #0f2a1f1f}.b-seg>button>span{text-overflow:ellipsis;line-height:1.75;overflow:hidden}.b-seg>button[aria-disabled=true]{cursor:default;color:var(--b-text-2);opacity:.6}@media (max-width:380px){.b-seg>button{padding:0 6px}.b-seg{gap:0}}.b-seg.b-rep-unit{border-radius:22px;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;row-gap:4px;height:auto}.b-seg.b-rep-unit>button{height:34px}.b-ayah-pick{gap:var(--b-s2);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);display:grid}.b-ayah-pick select{width:100%;padding:0 var(--b-s3);border-radius:var(--b-r2);font:var(--b-t-label-b);appearance:auto}.b-stepper{background:var(--b-surface-2);border-radius:var(--b-r-pill);border:1px solid var(--b-hairline);grid-template-columns:52px 1fr 52px;align-items:center;gap:2px;height:44px;padding:4px;display:grid}.b-stepper>button{border-radius:var(--b-r-pill);height:100%;color:var(--b-on-primary);background:var(--b-primary);transition:opacity var(--b-dur);place-items:center;display:grid;position:relative;box-shadow:0 1px 2px #0f2a1f40,0 2px 6px #0f2a1f1f}.b-stepper>button:after{content:"";position:absolute;inset:-5px -1px}.b-stepper>button:disabled{cursor:default;opacity:.35;box-shadow:none}.b-stepper>output{text-align:center;font:700 16px/1.75 var(--b-ui);color:var(--b-text)}.b-stepper.b-textsize.big{grid-template-columns:76px 1fr 76px;height:60px}.b-stepper.b-textsize.big>output{font-size:18px}.b-stepper.b-textsize.big>button .i{width:26px;height:26px}.b-slider{gap:6px;display:grid}.b-slider>input[type=range]{appearance:none;touch-action:pan-y;cursor:pointer;background:0 0;width:calc(100% - 56px);height:44px;margin:0 28px}.b-slider>input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to var(--b-slider-to,right), var(--b-primary) var(--at,0%), var(--b-hairline) var(--at,0%));border-radius:3px;height:6px}.b-slider>input[type=range]::-moz-range-track{background:var(--b-hairline);border-radius:3px;height:6px}.b-slider>input[type=range]::-moz-range-progress{background:var(--b-primary);border-radius:3px;height:6px}.b-slider>input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--b-primary);border:3px solid var(--b-surface);border-radius:50%;width:26px;height:26px;margin-top:-10px;box-shadow:0 1px 3px #0f2a1f59}.b-slider>input[type=range]::-moz-range-thumb{background:var(--b-primary);border:3px solid var(--b-surface);border-radius:50%;width:20px;height:20px;box-shadow:0 1px 3px #0f2a1f59}.b-slider>input[type=range]:focus-visible{outline:2px solid var(--b-primary);outline-offset:2px;border-radius:8px}[dir=rtl] .b-slider>input[type=range]{--b-slider-to:left}@media (pointer:coarse){.b-slider>input[type=range]{pointer-events:none}.b-slider>input[type=range]::-webkit-slider-thumb{pointer-events:auto}.b-slider>input[type=range]::-moz-range-thumb{pointer-events:auto}}.b-chip{border-radius:var(--b-r-pill);height:32px;font:700 14px/1 var(--b-ui);color:var(--b-text-2);background:var(--b-surface);border:1px solid var(--b-border);white-space:nowrap;flex:none;align-items:center;gap:6px;padding:0 12px;display:inline-flex;position:relative}.b-chip:after{content:"";position:absolute;inset:-6px -2px}.b-chip[aria-pressed=true],.b-chip[aria-checked=true],.b-chip.on{background:var(--b-primary);border-color:var(--b-primary);color:var(--b-on-primary)}.b-chip.tint{background:var(--b-chip);color:var(--b-chip-ink);border-color:#0000}.b-chip.sm{justify-content:center;min-width:44px;height:28px;padding:0 10px;font-size:12px}.b-chip.sm:after{inset:-8px -2px}.b-chip[aria-disabled=true]{cursor:default;color:var(--b-text-2);background:var(--b-surface-2);border-style:dashed}.b-card{background:var(--b-surface);border-radius:var(--b-r4);box-shadow:var(--b-e2);border:1px solid var(--b-hairline)}.b-list{background:var(--b-surface);border-radius:var(--b-r4);box-shadow:var(--b-e2);border:1px solid var(--b-hairline);overflow:hidden}.b-row{align-items:center;gap:var(--b-s3);width:100%;min-height:64px;padding:var(--b-s2) var(--b-s4);text-align:start;color:inherit;text-decoration:none;display:flex;position:relative}.b-row+.b-row:before{content:"";top:0;background:var(--b-hairline);height:1px;position:absolute;inset-inline:72px 0}.b-row.plain+.b-row:before,.b-row+.b-row.plain:before{inset-inline-start:var(--b-s4)}button.b-row,a.b-row{transition:background-color var(--b-dur)}@media (hover:hover){button.b-row:hover,a.b-row:hover{background:color-mix(in srgb, var(--b-chip) 45%, transparent)}}button.b-row:active,a.b-row:active{background:color-mix(in srgb, var(--b-chip) 70%, transparent)}.b-list .b-row:focus-visible,.b-list .b-saved-link:focus-visible,.b-card.b-wird:focus-visible{outline-offset:-3px;box-shadow:none}.b-row .b-txt{flex-direction:column;flex:1;min-width:0;display:flex}.b-row .b-txt b{font:var(--b-t-body-b);color:var(--b-text)}.b-row .b-txt span{font:400 14px/22px var(--b-ui);color:var(--b-text-2)}.b-row .b-chev{color:var(--b-text-3)}.b-row .b-end{font:var(--b-t-label);color:var(--b-text-2);align-items:center;gap:var(--b-s1);flex:none;display:flex}.b-row.set{min-height:56px;padding:var(--b-s2) var(--b-s4)}.b-row.set .b-txt b{font:var(--b-t-label-b)}.b-row.set .b-txt span{font:var(--b-t-caption)}.b-row.stack{align-items:stretch;gap:var(--b-s2);padding-block:var(--b-s3);flex-direction:column}.b-tile{background:var(--b-tile);width:44px;height:44px;color:var(--b-primary-strong);border-radius:14px;flex:none;place-items:center;display:grid;position:relative}:root[data-palette=night] .b-tile{color:var(--b-accent-text)}.b-tile:after{content:"";border:1px solid var(--b-tile-ring);pointer-events:none;border-radius:11px;position:absolute;inset:3px}.b-band{margin:0 0 var(--b-s2);align-items:center;gap:6px;display:flex}.b-band:before,.b-band:after{content:"";opacity:.85;flex:1;height:1px}html[dir=rtl] .b-band:before,html[dir=ltr] .b-band:after{background:linear-gradient(to right, var(--b-gold), transparent 95%)}html[dir=rtl] .b-band:after,html[dir=ltr] .b-band:before{background:linear-gradient(to left, var(--b-gold), transparent 95%)}.b-band .dia{background:var(--b-gold);flex:none;width:7px;height:7px;transform:rotate(45deg)}.b-band .cart{place-items:center;min-width:96px;height:34px;padding:0 30px;display:grid;position:relative}.b-band .cart svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.b-band .cart h2,.b-band .cart b{font:var(--b-t-label-b);color:var(--b-text);white-space:nowrap;padding-top:2px;position:relative}.b-star8{width:12px;height:12px;color:var(--b-gold);flex:none}.b-section-h{justify-content:space-between;align-items:center;gap:var(--b-s2);padding:0 var(--b-s1);margin:0 0 var(--b-s2);display:flex}.b-section-h h2{font:var(--b-t-body-b);color:var(--b-text);align-items:center;gap:8px;margin:0;display:flex}.b-section-h span{font:var(--b-t-caption);color:var(--b-text-2)}.b-group-h{font:var(--b-t-caption-b);color:var(--b-text-2);padding:0 var(--b-s1);margin:0 0 var(--b-s2)}.b-nav{z-index:5;min-height:calc(var(--b-nav-h) + var(--b-safe-bottom));padding:var(--b-s1) calc(var(--b-s3) + var(--b-safe-right)) calc(var(--b-s1) + var(--b-safe-bottom)) calc(var(--b-s3) + var(--b-safe-left));background:var(--b-nav-bg);border-top:1px solid var(--b-hairline);flex:none;grid-template-columns:repeat(3,1fr);display:grid;position:relative;box-shadow:0 -8px 24px #172d210d}:root[data-palette=night] .b-nav{box-shadow:none}.b-nav a{min-height:56px;color:var(--b-text-2);font:var(--b-t-caption-b);border-radius:var(--b-r2);flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.b-nav .pill{border-radius:var(--b-r-pill);width:64px;height:30px;transition:background-color var(--b-dur);place-items:center;display:grid}@media (min-width:720px){.b-nav{grid-template-columns:repeat(3,minmax(0,176px));justify-content:center}}.b-nav a[aria-current=page]{color:var(--b-accent-text)}.b-nav a[aria-current=page] .pill{background:var(--b-chip);color:var(--b-chip-ink)}@media (hover:hover){.b-nav a:not([aria-current=page]):hover .pill{background:color-mix(in srgb, var(--b-chip) 55%, transparent)}}.b-btn{border-radius:var(--b-r-pill);height:44px;font:700 14px/1 var(--b-ui);white-space:nowrap;transition:filter var(--b-dur), background-color var(--b-dur);justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;display:inline-flex}.b-btn.primary{background:var(--b-primary);color:var(--b-on-primary);box-shadow:0 1px 2px #0f2a1f33}.b-btn.gold{background:var(--b-gold-500);color:var(--b-green-950)}.b-btn.tonal{background:var(--b-chip);color:var(--b-chip-ink)}.b-btn.ghost{color:var(--b-accent-text)}.b-btn.outline{color:var(--b-text);border:1px solid var(--b-border);background:var(--b-surface)}.b-btn.sm{height:44px;padding:0 16px}@media (hover:hover){.b-btn:hover{filter:brightness(1.06)}}.b-btn:active{filter:brightness(.94)}.b-btn:disabled{opacity:.45}.b-switch{appearance:none;cursor:pointer;background:var(--b-surface-2);border:2px solid var(--b-control-edge);width:52px;height:32px;transition:background-color var(--b-dur), border-color var(--b-dur);border-radius:16px;flex:none;margin:0;position:relative}.b-switch:before{content:"";position:absolute;inset:-6px -2px}.b-switch:after{content:"";width:26px;height:26px;transition:transform var(--b-dur);background:#fff;border-radius:50%;position:absolute;top:1px;left:1px;box-shadow:0 1px 3px #0000004d,0 0 0 1px #0000000f}html[dir=rtl] .b-switch:after{left:auto;right:1px}.b-switch:checked{background:var(--b-primary);border-color:var(--b-primary)}.b-switch:checked:after{transform:translate(20px)}html[dir=rtl] .b-switch:checked:after{transform:translate(-20px)}.b-switch:disabled{opacity:.45;cursor:default}.b-scrim{z-index:60;background:var(--b-scrim);opacity:0;pointer-events:none;transition:opacity var(--b-dur-long);position:fixed;inset:0}.b-scrim.open{opacity:1;pointer-events:auto}.b-sheet{z-index:61;inset-inline:0;width:100%;max-width:640px;max-height:calc(100% - var(--b-safe-top) - 48px);background:var(--b-surface);color:var(--b-text);border-radius:var(--b-r4) var(--b-r4) 0 0;box-shadow:var(--b-e3);padding-bottom:var(--b-safe-bottom);visibility:hidden;transition:transform var(--b-dur-long) var(--b-ease), visibility 0s var(--b-dur-long);flex-direction:column;margin-inline:auto;display:flex;position:fixed;bottom:0;transform:translateY(105%)}.b-sheet.open{visibility:visible;transition:transform var(--b-dur-long) var(--b-ease), visibility 0s;transform:none}.b-sheet .grip{background:var(--b-surface-3);width:40px;height:4px;margin:var(--b-s2) auto 0;border-radius:2px;flex:none}.b-sheet-head{align-items:center;gap:var(--b-s2);min-height:56px;padding:0 var(--b-s2) 0 var(--b-s2);flex:none;display:flex}.b-sheet-head h2{min-width:0;font:var(--b-t-title);color:var(--b-text);flex:1;padding-inline-start:var(--b-s2)}.b-sheet-head h2:focus-visible{box-shadow:none;outline:none}.b-sheet-body{overscroll-behavior:contain;min-height:0;padding:0 var(--b-s4) var(--b-s5);flex:1;overflow-y:auto}.b-sheet-head{z-index:2;background:var(--b-surface);transition:border-color var(--b-dur);border-bottom:1px solid #0000;position:relative}.b-sheet.scrolled .b-sheet-head{border-bottom-color:var(--b-hairline)}.b-sheet.scrolled:not(.b-goto-sheet) .b-sheet-body{-webkit-mask-image:linear-gradient(#0000 0,#000 16px);mask-image:linear-gradient(#0000 0,#000 16px)}@media (min-width:720px){.b-sheet{border-radius:var(--b-r4);opacity:0;max-height:min(80vh,720px);transition:transform var(--b-dur-long) var(--b-ease), opacity var(--b-dur-long), visibility 0s var(--b-dur-long);bottom:50%;transform:translateY(50%)scale(.97)}.b-sheet.open{opacity:1;transition:transform var(--b-dur-long) var(--b-ease), opacity var(--b-dur-long), visibility 0s;transform:translateY(50%)}.b-sheet .grip{display:none}}.b-toast{z-index:80;left:50%;bottom:calc(var(--b-safe-bottom) + var(--b-toast-lift,88px));align-items:center;gap:var(--b-s3);width:max-content;max-width:min(560px,100% - 32px);padding:var(--b-s2) var(--b-s2) var(--b-s2) var(--b-s4);background:var(--b-green-900);color:#f3efe2;border-radius:var(--b-r3);min-height:48px;box-shadow:var(--b-e3);font:var(--b-t-label);opacity:0;pointer-events:none;transition:transform var(--b-dur-long) var(--b-ease), opacity var(--b-dur-long);display:flex;position:fixed;transform:translate(-50%,16px)}html[dir=rtl] .b-toast{padding:var(--b-s2) var(--b-s4) var(--b-s2) var(--b-s2)}:root[data-palette=night] .b-toast{color:#14201a;background:#e9e2cf}.b-toast.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.b-toast button{border-radius:var(--b-r-pill);min-width:44px;height:36px;font:var(--b-t-label-b);color:var(--b-gold-300);flex:none;padding:0 12px;position:relative}.b-toast button:after{content:"";position:absolute;inset:-4px 0}.b-toast button:focus-visible{outline-color:var(--b-gold-300)}:root[data-palette=night] .b-toast button{color:var(--b-green-800)}.b-rule-tag{border-radius:var(--b-r1);height:24px;font:700 12px/1 var(--b-ui);color:var(--b-tajweed-ink);background:var(--b-tajweed-tint);white-space:nowrap;align-items:center;padding:0 8px;display:inline-flex}.b-placeholder{border:1.5px dashed var(--b-placeholder-border);border-radius:var(--b-r3);background:var(--b-placeholder-bg);color:var(--b-placeholder-ink);padding:var(--b-s3);gap:var(--b-s2);font:var(--b-t-label);align-items:flex-start;display:flex}.b-placeholder svg{color:var(--b-placeholder-ink);margin-top:1px}.b-badge{border-radius:var(--b-r-pill);height:24px;font:var(--b-t-caption-b);color:var(--b-placeholder-ink);background:var(--b-placeholder-bg);border:1px dashed var(--b-placeholder-border);white-space:nowrap;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.b-empty{padding:var(--b-s6) var(--b-s5);text-align:center;color:var(--b-text-2);font:var(--b-t-label);align-items:center;gap:var(--b-s2);flex-direction:column;display:flex}.b-empty svg{color:var(--b-text-3);width:32px;height:32px}.b-spinner{border:2.5px solid var(--b-surface-3);border-top-color:var(--b-primary);border-radius:50%;width:24px;height:24px;animation:.9s linear infinite b-spin}@keyframes b-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.b-spinner{animation-duration:2.4s}}.b-credit{font:var(--b-t-caption);color:var(--b-text-2)}.b-tf-together{margin-bottom:var(--b-s2);border-radius:var(--b-r-pill);font:var(--b-t-caption-b);color:var(--b-chip-ink);background:var(--b-chip);padding:1px 10px;display:inline-block}.b-tf-notes{margin-top:var(--b-s3);padding:var(--b-s2) var(--b-s3);border-radius:var(--b-r2);background:var(--b-surface-2);border:1px solid var(--b-hairline);color:var(--b-text-2)}.b-tf-notes>b{font:var(--b-t-caption-b);color:var(--b-text-2);margin-bottom:2px;display:block}.b-tf-notes>p{font:var(--b-t-label);white-space:pre-line}.b-tf-notes>p+p{margin-top:var(--b-s1);padding-top:var(--b-s1);border-top:1px solid var(--b-hairline)}.b-tf-fail{gap:var(--b-s2);flex-wrap:wrap;display:flex}.b-tf-pick .b-row .b-txt .cr{font:var(--b-t-caption);color:var(--b-text-2);margin-top:2px}.b-tf-eds{overscroll-behavior-x:contain;scrollbar-width:none;grid-auto-columns:minmax(max-content,1fr);overflow-x:auto}.b-tf-eds::-webkit-scrollbar{display:none}.b-q{font-family:var(--b-quran);color:var(--b-quran-ink);direction:rtl}.b-q .w{-webkit-text-stroke:.018em currentColor}.b-q .tj{color:var(--b-tajweed)}.b-q .b-ayah-mark{vertical-align:-.12em;background:var(--img-ayah) center / contain no-repeat;width:1.3em;height:1.3em;font:600 1em/1 var(--b-ui);color:var(--b-quran-ink);justify-content:center;align-items:center;margin:0 .12em;display:inline-flex}.b-q .b-ayah-mark>span{font-size:.42em;font-family:var(--b-ui);font-weight:600;line-height:1}.b-q .b-ayah-mark.b-3>span{font-size:.35em}.b-field{min-width:0;height:44px;padding:0 var(--b-s4);border-radius:var(--b-r-pill);border:1px solid var(--b-border);background:var(--b-surface-2);color:var(--b-text);font:var(--b-t-body)}.b-field::placeholder{color:var(--b-text-2);font:var(--b-t-label)}.b-field:focus-visible{outline-offset:1px}#b-app{background:var(--b-bg);flex-direction:column;display:flex;position:fixed;inset:0}#b-views{flex:1;min-height:0;position:relative}.b-view{background:var(--b-bg);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.b-scroll{overscroll-behavior:contain;min-height:0;padding:var(--b-s1) calc(var(--b-s4) + var(--b-safe-right)) var(--b-s5) calc(var(--b-s4) + var(--b-safe-left));scrollbar-width:thin;scrollbar-color:var(--b-surface-3) transparent;flex:1;overflow:hidden auto}body.appb[data-chrome=sub] .b-scroll{padding-bottom:calc(var(--b-s5) + var(--b-safe-bottom))}.b-wrap{width:100%;max-width:720px;margin-inline:auto}.b-view [tabindex="-1"]:focus-visible{box-shadow:none;outline:none}body.appb[data-chrome=sub] .b-nav{display:none}.b-view.b-in{animation:b-view-in var(--b-dur-long) var(--b-ease) both}.b-view.b-in.b-back{animation-name:b-view-back}.b-view.b-in.b-fade{animation-name:b-view-fade}@keyframes b-view-in{0%{opacity:0;transform:translateX(calc(var(--b-dir,-1) * 24px))}}@keyframes b-view-back{0%{opacity:0;transform:translateX(calc(var(--b-dir,-1) * -24px))}}@keyframes b-view-fade{0%{opacity:0}}html[dir=ltr] .b-view{--b-dir:1}body.appb:not([data-route=read]) .page-more,body.appb:not([data-route=read]) .turn-wait{display:none!important}.b-view-error{z-index:20;inset-inline:var(--b-s4);bottom:calc(var(--b-s4) + var(--b-safe-bottom));max-width:560px;padding:var(--b-s3) var(--b-s4);align-items:center;gap:var(--b-s3);font:var(--b-t-label);color:var(--b-text);margin-inline:auto;display:flex;position:absolute}.b-view-error p{flex:1;min-width:0}.b-view-error svg{color:var(--b-danger)}body.appb[data-chrome=tab] .b-view-error{bottom:var(--b-s4)}.b-soon{padding-top:var(--b-s5);gap:var(--b-s4);flex-direction:column;display:flex}.b-soon .b-card{padding:var(--b-s5);align-items:center;gap:var(--b-s3);text-align:center;flex-direction:column;display:flex}.b-soon .b-card p{font:var(--b-t-label);color:var(--b-text-2)}.b-boot{background:var(--b-bg);z-index:90;transition:opacity var(--b-dur-long);place-items:center;display:grid;position:fixed;inset:0}.b-boot.gone{opacity:0;pointer-events:none}.b-boot .b-spinner{opacity:0;animation:.9s linear infinite b-spin,.2s .7s forwards b-boot-wait}@keyframes b-boot-wait{to{opacity:1}}@media (prefers-reduced-motion:reduce){.b-boot .b-spinner{animation-duration:2.4s,.2s}}body.appb{--b-toast-lift:88px}body.appb[data-chrome=sub]{--b-toast-lift:24px}body.appb[data-route=read]{--b-toast-lift:84px}body.appb[data-route=read].b-rv-footfree{--b-toast-lift:24px}@media (min-width:900px) and (min-height:600px),(min-width:740px) and (min-height:960px) and (max-height:1100px){body.appb[data-route=read]{--b-toast-lift:24px}}.b-home-top{min-height:calc(60px + var(--b-safe-top));padding:calc(var(--b-safe-top) + var(--b-s2)) calc(var(--b-s4) + var(--b-safe-right)) var(--b-s1) calc(var(--b-s4) + var(--b-safe-left));align-items:center;gap:var(--b-s3);width:100%;max-width:calc(720px + 2 * var(--b-s4));flex:none;margin-inline:auto;display:flex}.b-home-top .brand{align-items:center;gap:var(--b-s3);flex:1;min-width:0;display:flex}.b-home-top .brand img{flex:none;width:44px;height:44px}.b-home-top .brand .t{flex-direction:column;flex:1;min-width:0;display:flex;container-type:inline-size}.b-home-top .brand h1{font:var(--b-t-display);color:var(--b-text);white-space:nowrap;margin-bottom:-4px;font-size:min(28px,18cqi)}.b-home-top .b-tagline{font:500 clamp(12px, 8.5cqi, 14px)/1.45 var(--b-ui);color:var(--b-accent-text);text-wrap:balance;margin:0}html[lang=en] .b-home-top .brand h1{font:700 20px/30px var(--b-display);margin-bottom:-2px;font-size:min(20px,10.8cqi)}@media (max-width:359px){.b-home-top,.b-home-top .brand{gap:var(--b-s2)}.b-home-top .brand img{width:36px;height:36px}}.b-home-top .acts{gap:var(--b-s1);flex:none;display:flex}.b-home{gap:var(--b-s4);padding-top:var(--b-s1);flex-direction:column;display:flex}.b-note{align-items:flex-start;gap:var(--b-s3);padding:var(--b-s3) var(--b-s2) var(--b-s3) var(--b-s4);border-radius:var(--b-r4);background:color-mix(in srgb, var(--b-gold-100) 70%, var(--b-surface));color:var(--b-text);border:1px solid color-mix(in srgb, var(--b-gold-500) 55%, transparent);animation:b-note-in .4s var(--b-ease) both;display:flex;position:relative;box-shadow:0 1px 2px #0f2a1f0f}html[dir=rtl] .b-note{padding:var(--b-s3) var(--b-s4) var(--b-s3) var(--b-s2)}:root[data-palette=night] .b-note{background:color-mix(in srgb, var(--b-gold-500) 10%, var(--b-surface))}.b-note .ic{width:38px;height:38px;color:var(--b-gold-300);background:linear-gradient(135deg,#1f4d3a,#2e6b4f);border-radius:50%;flex:none;place-items:center;margin-top:1px;display:grid;box-shadow:0 1px 3px #0f2a1f40,inset 0 0 0 1px #e4cd8f59}.b-note p{min-width:0;font:500 15px/1.75 var(--b-ui);text-wrap:pretty;flex:1;align-self:center;margin:0}.b-note .b-icon-btn{color:var(--b-text-2);flex:none;margin-top:-4px}.b-note.gone{opacity:0;transition:opacity .25s,transform .25s;transform:translateY(-6px)}@keyframes b-note-in{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.b-note{animation:none}.b-note.gone{transition:none}}.b-hero{border-radius:var(--b-r4);min-height:148px;padding:var(--b-s4) 20px 44px;color:#fff;background:linear-gradient(135deg,#1f4d3a 0%,#245a43 55%,#2e6b4f 100%);flex:none;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 2px 4px #0f2a1f1f,0 12px 28px #0f2a1f33}:root[data-palette=night] .b-hero{background:linear-gradient(135deg,#133224 0%,#1a4131 60%,#1f4d3a 100%);box-shadow:0 0 0 1px #d2b05f2e}.b-hero .pat{background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(270deg,#0000 30%,#000 85%);mask-image:linear-gradient(270deg,#0000 30%,#000 85%)}html[dir=ltr] .b-hero .pat{-webkit-mask-image:linear-gradient(90deg,#0000 30%,#000 85%);mask-image:linear-gradient(90deg,#0000 30%,#000 85%)}.b-hero>span{position:relative}.b-hero .eyebrow{font:var(--b-t-caption-b);color:var(--b-gold-300);align-items:center;gap:6px;display:flex}.b-hero .name{height:44px;color:var(--b-hero-ink);align-items:center;margin:6px 0 2px;font-size:40px;display:flex}.b-hero .meta{font:var(--b-t-caption);color:#ffffffd6;padding-inline-end:72px;display:block}.b-hero .go{inset-inline-end:32px;background:var(--b-gold-500);color:#173d2d;width:48px;height:48px;transition:transform var(--b-dur);border-radius:50%;place-items:center;display:grid;position:absolute;top:40px;box-shadow:0 2px 8px #00000040,inset 0 0 0 1px #ffffff40}@media (hover:hover){.b-hero:hover .go{transform:scale(1.05)}}.b-hero:active .go{transform:scale(.96)}.b-hero .prog{inset-inline:20px;align-items:center;gap:var(--b-s3);font:var(--b-t-caption-b);color:#ffffffd6;display:flex;position:absolute;bottom:14px}.b-hero .prog .bar{background:#ffffff29;border-radius:2px;flex:1;height:4px;position:relative;overflow:hidden}.b-hero .prog .bar i{inset-inline-start:0;background:var(--b-gold-500);border-radius:2px;min-width:4px;position:absolute;top:0;bottom:0}.b-hero:focus-visible{outline-offset:3px}.b-wird{align-items:center;gap:var(--b-s3);min-height:72px;padding:var(--b-s3) var(--b-s4);color:inherit;border-radius:var(--b-r4);text-decoration:none;display:flex}.b-wird .ring{flex:none;place-items:center;width:48px;height:48px;display:grid;position:relative}.b-wird .ring svg{position:absolute;inset:0}.b-wird .ring b{font:var(--b-t-label-b);color:var(--b-text)}.b-wird .b-txt{flex-direction:column;flex:1;min-width:0;display:flex}.b-wird .b-txt b{font:var(--b-t-body-b);color:var(--b-text)}.b-wird .b-txt span{font:400 14px/22px var(--b-ui);color:var(--b-text-2)}.b-wird .b-chev{color:var(--b-text-3)}.b-home .sect{margin-top:0}.b-home .b-row{min-height:64px}.b-sadaqa-line{margin:var(--b-s4) var(--b-s2) var(--b-s2);padding:var(--b-s2) var(--b-s3);min-height:44px;font:var(--b-t-caption);color:var(--b-text-2);text-align:center;text-wrap:balance;border-top:1px solid var(--b-hairline);text-decoration:none;display:block}.b-sadaqa-line:focus-visible{outline:2px solid var(--b-focus);outline-offset:2px;border-radius:var(--b-r2)}.b-stack{gap:var(--b-s5);padding-top:var(--b-s2);flex-direction:column;display:flex}.b-stack>section{flex-direction:column;display:flex}.b-saved-row{padding:0 var(--b-s2) 0 0;gap:0}html[dir=rtl] .b-saved-row{padding:0 0 0 var(--b-s2)}.b-saved-link{align-items:center;gap:var(--b-s3);min-width:0;min-height:64px;padding:var(--b-s2) var(--b-s4);color:inherit;border-radius:var(--b-r3);flex:1;text-decoration:none;display:flex}@media (hover:hover){.b-saved-link:hover{background:color-mix(in srgb, var(--b-chip) 45%, transparent)}}.b-saved-row .b-icon-btn{color:var(--b-text-2)}.b-empty p{max-width:36ch}.b-row.set.stack .b-seg{width:100%}.b-row.set .b-set-note{font:var(--b-t-caption);color:var(--b-text-2)}.b-seg.b-pal{border-radius:22px;grid-template-columns:1fr 1fr;grid-auto-flow:row;row-gap:4px;height:auto}.b-seg.b-pal>button{height:34px}.b-version{text-align:center;padding-bottom:var(--b-s2)}.b-radio-list .b-row{min-height:60px}.b-radio-list .b-row+.b-row:before{inset-inline-start:52px}.b-radio{border:2px solid var(--b-text-2);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.b-row[aria-checked=true] .b-radio{border-color:var(--b-primary)}.b-row[aria-checked=true] .b-radio:after{content:"";background:var(--b-primary);border-radius:50%;width:10px;height:10px}:root[data-palette=night] .b-row[aria-checked=true] .b-radio{border-color:var(--b-accent-text)}:root[data-palette=night] .b-row[aria-checked=true] .b-radio:after{background:var(--b-accent-text)}.b-radio-list .b-row:disabled{opacity:1}.b-radio-list .b-row:disabled .b-txt,.b-radio-list .b-row:disabled .b-radio{opacity:.55}.b-sheet .b-radio-list{box-shadow:none}.b-doc{gap:var(--b-s4)}.b-text{padding:var(--b-s4) 20px;gap:var(--b-s2);flex-direction:column;display:flex}.b-text h2{font:var(--b-t-title);color:var(--b-text)}.b-text h3{font:var(--b-t-body-b);color:var(--b-text);margin-top:var(--b-s2)}.b-text p{font:var(--b-t-body);color:var(--b-text)}.b-text .b-credit{font:var(--b-t-caption);color:var(--b-text-2)}.b-text a{color:var(--b-accent-text);text-underline-offset:3px}.b-text a.b-link{min-height:44px;font:var(--b-t-label-b);align-self:flex-start;align-items:center;display:inline-flex}.b-credits>li>.b-link{margin-block:-6px}.b-text .b-spinner{margin:var(--b-s2) auto}.b-about-head{align-items:center;gap:var(--b-s4);padding:var(--b-s4) 20px;display:flex}.b-about-head img{flex:none;width:72px;height:72px}.b-about-head h2{font:var(--b-t-display);color:var(--b-text)}html[lang=en] .b-about-head h2{font:var(--b-t-display-en)}.b-about-head p:not(.lockup-ayah){font:var(--b-t-label);color:var(--b-text-2)}.b-about-head .b-lockup{--lockup-size:17px;--lockup-ink:var(--b-accent-text);--lockup-ref:var(--b-gold-text);min-height:26px;margin:-2px 0 2px}.b-about-head .b-lockup .lockup-ayah{line-height:26px}.b-stats{gap:var(--b-s2);margin-top:var(--b-s2);grid-template-columns:repeat(3,1fr);display:grid}.b-stats span{padding:var(--b-s3) var(--b-s1);border-radius:var(--b-r3);background:var(--b-surface-2);font:var(--b-t-caption);color:var(--b-text-2);flex-direction:column;align-items:center;display:flex}.b-stats b{font:700 20px/30px var(--b-ui);color:var(--b-accent-text)}.b-doc .b-placeholder{margin:0}.b-credits{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.b-credits>li{padding:var(--b-s3) 0;border-top:1px solid var(--b-hairline);flex-direction:column;gap:2px;display:flex}.b-credits>li:first-child{border-top:0;padding-top:0}.b-credits>li>b{font:var(--b-t-label-b);color:var(--b-text)}.b-credits>li>span{font:var(--b-t-label);color:var(--b-text-2)}.b-credits>li>span:has(>.b-link){flex-wrap:wrap;align-items:center;column-gap:4px;display:flex}.b-credits .b-names{margin-top:var(--b-s1)}.b-credits .b-badge{margin-top:var(--b-s1);align-self:flex-start}.b-credits details{margin-top:var(--b-s1)}.b-credits summary{cursor:pointer;font:var(--b-t-label-b);color:var(--b-accent-text);align-items:center;min-height:44px;display:flex}.b-credits details ol{font:var(--b-t-label);color:var(--b-text-2);margin:0;padding-inline-start:1.4em}.b-names{gap:var(--b-s2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.b-names li{border-radius:var(--b-r-pill);background:var(--b-surface-2);border:1px solid var(--b-hairline);height:28px;font:var(--b-t-caption-b);color:var(--b-text-2);align-items:center;padding:0 10px;display:inline-flex}.b-saved-q{color:var(--b-quran-ink);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:19px;line-height:1.8;display:block;overflow:hidden}.b-row .b-txt .b-saved-q{font:400 19px/1.8 var(--b-quran);color:var(--b-quran-ink)}.b-row .b-txt .b-saved-q span{font:inherit;color:inherit}body.appb.b-panel-open .page-more{display:none!important}.b-view.b-offstage{visibility:hidden;opacity:0;pointer-events:none;z-index:-1}.b-rv{--b-panel-h:min(44dvh, 400px)}.b-rv-bar{row-gap:var(--b-s1);grid-template-columns:96px minmax(0,1fr) 96px;grid-template-areas:"start title end""tabs tabs tabs";height:auto;padding-bottom:6px}.b-rv-bar>.b-side:first-child{grid-area:start}.b-rv-bar>.b-title{grid-area:title;justify-content:center;min-height:52px}.b-rv-bar>.b-side.end{grid-area:end}.b-rv-bar h1{height:30px;font:var(--b-t-title);justify-content:center;align-items:center;display:flex}.b-rv-bar h1 .b-sname{color:var(--b-text);font-size:34px;line-height:30px}.b-rv-bar h1 .b-rv-goto{height:30px;padding:0 var(--b-s2);border-radius:var(--b-r2);color:inherit;font:inherit;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:clip}.b-rv-bar h1 .b-rv-goto:after{content:"";position:absolute;inset:-7px 0}@media (hover:hover){.b-rv-bar h1 .b-rv-goto:hover{background:color-mix(in srgb, var(--b-chip) 45%, transparent)}}.b-rv-bar h1 .b-rv-goto:focus-visible{outline:2px solid var(--b-focus);outline-offset:2px}.b-rv-tabs{margin:0 var(--b-s2);grid-area:tabs;grid-template-columns:1fr 1fr 1.4fr 1fr;grid-auto-flow:row}html[lang=en] .b-rv-tabs{grid-template-columns:repeat(4,1fr)}@media (max-width:380px){.b-rv-tabs>button{padding:0 var(--b-s1)}}.b-rv-body{flex:1;min-height:0;position:relative}.b-rv #stage,.b-rv #offscreen{font:16px/1.6 var(--ui-font);color:var(--text);-webkit-font-smoothing:auto}.b-rv #stage{padding:4px var(--b-safe-right) calc(var(--b-player-h) + var(--b-safe-bottom) + 4px) var(--b-safe-left);position:absolute;inset:0}.b-rv.b-rv-paneled #stage{padding-bottom:calc(var(--b-player-h) + var(--b-safe-bottom) + var(--b-panel-h) + 8px)}@property --stage-over{syntax:"<length>";inherits:false;initial-value:0}.b-rv.b-rv-paneled #stage{--stage-over:calc(var(--b-panel-h) + 4px)}.b-rv.b-rv-full{--b-foot:0px}.b-rv.b-rv-full.b-rv-keep-player,.b-rv.b-rv-full.b-rv-zoomroom{--b-foot:var(--b-player-h)}.b-rv.b-rv-full .b-rv-bar{top:0;z-index:8;background:color-mix(in srgb, var(--b-surface) 92%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border-bottom:1px solid var(--b-hairline);position:absolute;inset-inline:0}:root[data-palette=night] .b-rv.b-rv-full .b-rv-bar{background:#111b16f0}.b-rv.b-rv-full .b-rv-bar,.b-rv.b-rv-full .b-player{transition:transform var(--b-dur-long) var(--b-ease), opacity var(--b-dur-long) var(--b-ease)}.b-rv.b-rv-full:not(.b-rv-bars) .b-rv-bar{opacity:0;pointer-events:none;transform:translateY(-100%)}.b-rv.b-rv-full:not(.b-rv-bars):not(.b-rv-keep-player) .b-player{opacity:0;pointer-events:none;transform:translateY(100%)}.b-rv.b-rv-full #stage{padding-top:calc(var(--b-safe-top) + 4px);padding-bottom:calc(var(--b-foot) + var(--b-safe-bottom) + 4px)}.b-rv.b-rv-full.b-rv-paneled #stage{padding-bottom:calc(var(--b-foot) + var(--b-safe-bottom) + var(--b-panel-h) + 8px)}.b-rv.b-rv-full #stage{--stage-over:var(--b-foot)}.b-rv.b-rv-full.b-rv-paneled #stage{--stage-over:calc(var(--b-foot) + var(--b-panel-h) + 4px)}.b-rv.b-rv-full .b-rv-panel{bottom:calc(var(--b-foot) + var(--b-safe-bottom))}.b-rv-loading{z-index:4;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.b-rv #stage .page-end{padding-bottom:12px}.b-rv-body.b-at-end>.page-more{opacity:0;visibility:hidden;pointer-events:none}body.appb.b-rv-footfree .page-more{bottom:calc(var(--safe-bottom) + 18px)}.b-rv #stage .mark-band{z-index:0;pointer-events:none;mix-blend-mode:multiply;background:#f4e8c6;border-radius:.28em;position:absolute}:root[data-palette=night] .b-rv #stage .mark-band{mix-blend-mode:screen;background:#352d14}.b-rv #stage .w.glossed{-webkit-text-decoration:underline .08em var(--b-gold);text-decoration:underline .08em var(--b-gold);text-underline-offset:.3em;background-color:#c9a44a6b;border-radius:.2em}:root[data-palette=night] .b-rv #stage .w.glossed{background-color:#d2b05f52}.b-rv-panel{z-index:6;inset-inline:0;bottom:calc(var(--b-player-h) + var(--b-safe-bottom));height:var(--b-panel-h);background:var(--b-surface);max-width:760px;color:var(--b-text);border-radius:var(--b-r4) var(--b-r4) 0 0;border:1px solid var(--b-hairline);animation:b-panel-in var(--b-dur-long) var(--b-ease) both;border-bottom:0;flex-direction:column;margin-inline:auto;display:flex;position:absolute;box-shadow:0 -8px 28px #172d2124}:root[data-palette=night] .b-rv-panel{box-shadow:0 -8px 28px #00000073}@keyframes b-panel-in{0%{opacity:0;transform:translateY(24px)}}.b-rv-panel-h{padding:var(--b-s2) var(--b-s2) var(--b-s1) var(--b-s2);border-bottom:1px solid var(--b-hairline);flex:none;align-items:center;gap:0;display:flex}.b-rv-panel-t{min-width:0;flex-direction:column;flex:1;padding-inline-start:var(--b-s2);display:flex}.b-rv-panel-t small{font:var(--b-t-caption-b);color:var(--b-gold-text)}.b-rv-ed{border-radius:var(--b-r-pill);max-width:100%;font:var(--b-t-caption-b);color:var(--b-gold-text);background:var(--b-gold-tint);transition:background-color var(--b-dur);align-self:flex-start;align-items:center;gap:2px;margin-inline-start:-8px;padding:0 6px 0 8px;display:inline-flex;position:relative}.b-rv-ed>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.appb .b-rv-ed svg.i{flex:none;width:14px;height:14px}.b-rv-ed:after{content:"";position:absolute;inset:-8px -4px -18px}@media (hover:hover){.b-rv-ed:hover{background:color-mix(in srgb, var(--b-gold) 24%, transparent)}}.b-rv-panel-t h2{font:var(--b-t-body-b);color:var(--b-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.b-rv-panel .b-icon-btn{color:var(--b-text-2)}.b-rv-panel-body{overscroll-behavior:contain;min-height:0;padding:var(--b-s3) 20px var(--b-s4);flex:1;overflow-y:auto}.b-rv-panel-body:focus-visible{outline-offset:-3px}.b-rv-panel-body .b-spinner{margin:var(--b-s4) auto}.b-rv-tafsir{font:var(--b-t-reading);color:var(--b-text);text-align:start;white-space:pre-line}.b-rv-tafsir mark.b-marked{background:var(--b-gold-tint);color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;padding:0 2px}.b-rv-note{font:var(--b-t-label);color:var(--b-text-2);padding:var(--b-s2) 0}.b-rv-hint{font:var(--b-t-caption);color:var(--b-text-2);margin-top:var(--b-s2)}.b-rv-panel-body .b-credit{margin-top:var(--b-s3);padding-top:var(--b-s2);border-top:1px solid var(--b-hairline)}.b-glosses{gap:var(--b-s1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.b-gloss-btn{width:100%;min-height:48px;padding:var(--b-s2) var(--b-s3);border-radius:var(--b-r3);text-align:start;transition:background-color var(--b-dur), border-color var(--b-dur);border:1px solid #0000;flex-direction:column;align-items:stretch;gap:2px;display:flex}.b-gloss-btn b{font:var(--b-t-body-b);color:var(--b-accent-text)}.b-gloss-btn span{font:var(--b-t-body);color:var(--b-text)}@media (hover:hover){.b-gloss-btn:not([aria-disabled=true]):hover{background:var(--b-surface-2)}}.b-gloss-btn[aria-pressed=true]{background:var(--b-gold-tint);border-color:#c9a44a80}.b-gloss-btn[aria-disabled=true]{cursor:default}.b-player{z-index:7;inset-inline:0;height:calc(var(--b-player-h) + var(--b-safe-bottom));padding:0 calc(var(--b-s3) + var(--b-safe-right)) var(--b-safe-bottom) calc(var(--b-s4) + var(--b-safe-left));align-items:center;gap:var(--b-s3);background:color-mix(in srgb, var(--b-surface) 92%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border-top:1px solid var(--b-hairline);display:flex;position:absolute;bottom:0;box-shadow:0 -6px 20px #172d2112}html[dir=rtl] .b-player{padding:0 calc(var(--b-s4) + var(--b-safe-right)) var(--b-safe-bottom) calc(var(--b-s3) + var(--b-safe-left))}:root[data-palette=night] .b-player{box-shadow:none;background:#111b16f0}.b-player .b-pbar{top:-1px;height:2px;position:absolute;inset-inline:0}.b-player .b-pbar>i{inset-inline-start:0;background:var(--b-gold);border-radius:2px;width:0;position:absolute;top:0;bottom:0}.b-player .info{flex-direction:column;flex:1;min-width:0;display:flex}.b-player .b-pwhere{align-items:center;gap:6px;min-width:0;display:flex}.b-player .b-pwhere .where{min-width:0}.b-player .where{font:var(--b-t-label-b);color:var(--b-text);white-space:nowrap}.b-player .where bdi{unicode-bidi:isolate}.b-player button.where{max-width:100%;text-align:inherit;cursor:pointer;border-radius:var(--b-r1);margin:-11px 0;padding:11px 0;display:block;position:relative}.b-player button.where:focus-visible{outline:2px solid var(--b-focus);outline-offset:2px}.b-player .b-pline{font:var(--b-t-caption);color:var(--b-text-2);align-items:center;gap:4px;line-height:16px;display:flex;overflow:hidden}.b-player .b-pline .who{overflow-wrap:break-word;min-width:0}.b-player .who .st{white-space:nowrap}.b-player .who .st:before{content:" · "}.b-player .who.err{color:var(--b-danger);font-weight:700}.b-player .bars{color:var(--b-gold);flex:none;display:inline-flex}.b-player .bars svg{width:16px;height:16px}.b-player .bars.live svg rect{transform-origin:50% 100%;transform-box:fill-box;animation:1s ease-in-out infinite alternate b-bars}.b-player .bars.live svg rect:nth-child(2){animation-delay:-.4s}.b-player .bars.live svg rect:nth-child(3){animation-delay:-.7s}@keyframes b-bars{0%{transform:scaleY(.45)}}@media (prefers-reduced-motion:reduce){.b-player .bars.live svg rect{animation:none}}.b-player .rep{font:var(--b-t-caption-b);color:var(--b-gold-text);flex:none;align-items:center;gap:2px;font-style:normal;display:inline-flex}.b-player .rep svg{width:12px;height:12px}.b-player .transport{direction:ltr;flex:none;align-items:center;gap:2px;display:flex}.b-player .transport .b-icon-btn{color:var(--b-text)}.b-playbtn{flex:none;place-items:center;width:48px;height:48px;display:grid;position:relative}.b-playbtn .ring{width:44px;height:44px;position:absolute;inset:2px}.b-playbtn .ring .arc{transition:stroke-dasharray .12s linear}.b-play{background:var(--b-primary);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:relative;box-shadow:0 2px 6px #0f2a1f4d}.b-play:after{content:"";border-radius:50%;position:absolute;inset:-5px}.b-player.err .b-play{background:var(--b-danger)}:root[data-palette=night] .b-player.err .b-play{color:#14201a}.b-playbtn.busy .ring{animation:1.1s linear infinite b-spin}.b-playbtn.busy .ring .arc{stroke-dasharray:22 200;visibility:visible!important}@media (prefers-reduced-motion:reduce){.b-playbtn.busy .ring{animation:none}}.b-player .end{color:var(--b-text-2)}.b-player .b-pages{display:none}@media (max-width:739px){.b-rv:has(.b-rv-body.zoomed) .b-player .transport [data-step]{display:none}.b-rv:has(.b-rv-body.zoomed) .b-player .b-pages{flex:none;align-items:center;display:flex}.b-rv:has(.b-rv-body.zoomed) .b-player .b-pages-n{display:none}.b-rv:has(.b-rv-body.zoomed) .b-player .b-pages-btns{direction:rtl;gap:2px;display:flex}}@media (max-width:389px){.b-rv{--b-player-h:80px}html[dir] .b-player{padding-bottom:calc(32px + var(--b-safe-bottom))}.b-player .b-pline{inset-inline:var(--b-s4);bottom:var(--b-safe-bottom);height:32px;position:absolute}.b-player .rep{inset-inline-end:var(--b-s4);bottom:calc(var(--b-safe-bottom) + 8px);line-height:16px;position:absolute}.b-player:has(.rep:not([hidden])) .b-pline{inset-inline-end:calc(var(--b-s4) + max(44px, var(--b-rep-w,36px) + 8px))}}@media (orientation:landscape) and (max-height:500px){.b-rv{--b-player-h:44px}.b-rv-bar{min-height:calc(46px + var(--b-safe-top));row-gap:0;column-gap:var(--b-s2);grid-template-columns:44px minmax(96px,1fr) minmax(0,420px) 88px;grid-template-areas:"start title tabs end";padding-bottom:0}.b-rv-bar>.b-title{min-height:44px}.b-rv-bar>.b-title small{line-height:14px}.b-rv-tabs{align-self:center;margin:0}.b-player:not(.err) .b-pline{display:none}.b-playbtn{width:44px;height:44px}.b-playbtn .ring{inset:0}.b-play{width:34px;height:34px}}@media (min-width:900px) and (min-height:600px),(min-width:740px) and (min-height:960px) and (max-height:1100px){.b-rv{--b-rail:128px;--b-player-h:0px;--b-side:calc(var(--b-rail) + 2 * var(--b-s4));--b-far:min(var(--b-side), max(0px, 100vw - var(--b-side) - 640px));--b-panel-wide:clamp(200px, 26vh, 260px)}.b-rv-bar{min-height:calc(64px + var(--b-safe-top));grid-template-columns:minmax(0,1fr) minmax(400px,480px) minmax(0,1fr);grid-template-areas:"start tabs end";row-gap:0;padding-bottom:0}.b-rv-bar>.b-side:first-child{grid-area:start;justify-self:start}.b-rv-bar>.b-title{text-align:start;padding-inline:52px var(--b-s3);grid-area:start;justify-self:stretch;align-items:flex-start;min-width:0}.b-rv-bar h1{justify-content:flex-start}.b-rv-tabs{margin:0}html[dir=rtl] .b-rv #stage{left:var(--b-side);right:var(--b-far)}html[dir=ltr] .b-rv #stage{right:var(--b-side);left:var(--b-far)}.b-rv #stage{padding-bottom:calc(var(--b-safe-bottom) + 4px)}.b-rv.b-rv-paneled #stage{padding-bottom:calc(var(--b-safe-bottom) + var(--b-panel-wide) + 16px)}.b-rv #stage,.b-rv.b-rv-paneled #stage,.b-rv.b-rv-full #stage,.b-rv.b-rv-full.b-rv-paneled #stage{--stage-over:0px}.b-rv-panel{bottom:0;right:auto;left:var(--b-pg-l,0px);width:var(--b-pg-w,100%);max-width:none;height:var(--b-panel-wide);margin:0}body.appb .b-rv .page-more{display:none!important}.b-player{top:var(--b-s4);height:auto;width:var(--b-rail);gap:var(--b-s3);border:1px solid var(--b-hairline);box-shadow:var(--b-e2);background:var(--b-surface);border-radius:28px;flex-direction:column;bottom:auto;padding:var(--b-s4) var(--b-s2)!important}html[dir=rtl] .b-player{left:max(var(--b-s4), calc(var(--b-pg-l,var(--b-side)) - var(--b-rail) - var(--b-s4)));right:auto}html[dir=ltr] .b-player{right:max(var(--b-s4), calc(var(--b-pg-r,var(--b-side)) - var(--b-rail) - var(--b-s4)));left:auto}.b-player .b-pbar{display:none}.b-player .info{text-align:center;flex:none;align-items:center;gap:2px;width:100%}.b-player .b-pwhere,.b-player .b-pline{display:contents}.b-player .who{font:var(--b-t-caption-b);color:var(--b-text);white-space:normal;flex-direction:column;order:0;align-items:center;display:flex}.b-player .who .st{font:var(--b-t-caption);color:var(--b-text-2)}.b-player .who .st:before{content:none}.b-player .where{white-space:normal;font:var(--b-t-caption);color:var(--b-text-2);order:1}.b-player .rep{order:2}.b-player .bars{background:var(--b-green-800);width:44px;height:44px;color:var(--b-gold-300);border-radius:50%;order:-1;place-items:center;margin-bottom:4px;display:grid;box-shadow:inset 0 0 0 1.5px #c9a44a99}.b-player .bars svg{width:20px;height:20px}.b-player .transport{width:100%;padding-top:var(--b-s3);border-top:1px solid var(--b-hairline);flex-wrap:wrap;justify-content:center}.b-playbtn{width:100%;height:64px;margin-bottom:var(--b-s1);order:-1}.b-playbtn .ring{width:60px;height:60px;inset:auto}.b-play{width:50px;height:50px}.b-player .end{border-top:1px solid var(--b-hairline);width:100%;padding-top:var(--b-s2);border-radius:0;height:52px}.b-player .b-pages{align-items:center;gap:var(--b-s1);width:100%;padding-top:var(--b-s2);border-top:1px solid var(--b-hairline);flex-direction:column;display:flex}.b-player .b-pages-n{font:var(--b-t-caption);color:var(--b-text-2);white-space:nowrap}.b-player .b-pages-btns{gap:var(--b-s2);direction:rtl;display:flex}}.b-rv-hold{z-index:9;width:max-content;padding:var(--b-s1);background:color-mix(in srgb, var(--b-surface) 92%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border:1px solid var(--b-hairline);border-radius:var(--b-r4);box-shadow:var(--b-e3);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transform-origin:var(--hold-caret-x,50%) calc(100% + 6px);animation:b-hold-in var(--b-dur) var(--b-ease) backwards;transition:opacity .12s linear;display:flex;position:absolute;top:0;left:0}:root[data-palette=night] .b-rv-hold{background:#111b16f0}@keyframes b-hold-in{0%{opacity:0;transform:scale(.96)}}.b-rv-hold.below{transform-origin:var(--hold-caret-x,50%) -6px}.b-rv-hold.pinned{transform-origin:50%}.b-rv-hold.docked{transform-origin:0 0;justify-content:center;animation:none}.b-rv-hold.measuring{visibility:hidden}.b-rv-hold.out{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.b-rv-hold{transition:none}}.b-rv-hold>button{border-radius:var(--b-r3);width:min(60px,16.6667vw - 5.33333px);height:56px;color:var(--b-text);transition:background-color var(--b-dur);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}@media (hover:hover){.b-rv-hold>button:hover{background:color-mix(in srgb, var(--b-chip) 45%, transparent)}}.b-rv-hold>button:active{background:var(--b-chip)}.b-rv-hold>button:focus-visible{outline:2px solid var(--b-focus);outline-offset:2px}.b-rv-hold .ic{place-items:center;width:24px;height:24px;display:grid;position:relative}.b-rv-hold .cap{font:var(--b-t-caption-b);color:var(--b-text-2);white-space:nowrap}html[lang=en] .b-rv-hold .cap{font-size:min(12px,3.33333vw - 1.06667px)}.b-rv-hold>button.on,.b-rv-hold>button[aria-pressed=true],.b-rv-hold>button.on .cap,.b-rv-hold>button[aria-pressed=true] .cap{color:var(--b-accent-text)}.b-rv-hold .b-hold-ring .ring{visibility:hidden;width:34px;height:34px;position:absolute;top:-5px;left:-5px}.b-rv-hold .b-hold-ring.busy .ring{visibility:visible;animation:1.1s linear infinite b-spin}.b-rv-hold .b-hold-ring.busy .ring .arc{stroke-dasharray:22 200;visibility:visible!important}@media (prefers-reduced-motion:reduce){.b-rv-hold .b-hold-ring.busy .ring{animation:none}}.b-rv-hold-caret{top:100%;left:calc(var(--hold-caret-x,50%) - 6px);background:inherit;clip-path:polygon(0 0,100% 0,50% 100%);pointer-events:none;width:12px;height:6px;position:absolute}.b-rv-hold.below .b-rv-hold-caret{clip-path:polygon(50% 0,100% 100%,0 100%);top:auto;bottom:100%}.b-rv-hold.pinned .b-rv-hold-caret,.b-rv-hold.docked .b-rv-hold-caret{display:none}.b-rv-hold-safe{visibility:hidden;pointer-events:none;width:0;height:0;padding:var(--b-safe-top) var(--b-safe-right) var(--b-safe-bottom) var(--b-safe-left);position:absolute;top:0;left:0;overflow:hidden}.b-hold-more .b-list{box-shadow:none}.b-hold-more .b-goto{padding:var(--b-s2) var(--b-s4) var(--b-s3)}.b-rv-coach{z-index:9;inset-inline:var(--b-s4);bottom:calc(var(--b-player-h) + var(--b-safe-bottom) + 12px);max-width:340px;padding:var(--b-s4);gap:var(--b-s3);background:var(--b-surface);color:var(--b-text);border:1px solid var(--b-hairline);border-radius:var(--b-r3);box-shadow:var(--b-e2);animation:b-panel-in var(--b-dur-long) var(--b-ease) both;flex-direction:column;margin-inline:auto;display:flex;position:absolute}.b-rv-coach p{font:var(--b-t-label);color:var(--b-text)}.b-rv-coach .b-btn{align-self:flex-end}.b-rv-insets{top:0;pointer-events:none;visibility:hidden;width:1px;height:calc(env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px));position:absolute;inset-inline-start:0}.b-rv-fab{z-index:7;inset-inline-end:calc(var(--b-s3) + var(--b-safe-left));bottom:calc(var(--b-s3) + var(--b-safe-bottom));width:var(--fab-d,44px);height:var(--fab-d,44px);background:var(--b-primary);color:var(--b-on-primary);box-shadow:0 0 0 2px var(--b-gold), 0 3px 10px #0f2a1f61;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:0;border-radius:50%;place-items:center;display:grid;position:absolute}.b-rv-fab:before{content:"";inset:0 calc((var(--fab-d,44px) - 44px) / 2);position:absolute}.appb .b-rv-fab svg.i.sm{width:min(20px, calc(var(--fab-d,44px) - 12px));height:min(20px, calc(var(--fab-d,44px) - 12px))}.b-rv-fab[hidden]{display:none}.b-rv-fab.busy{color:color-mix(in srgb, var(--b-on-primary) 72%, transparent)}.b-rv-fab:focus-visible{outline:2px solid var(--b-focus);outline-offset:4px}:root[data-palette=night] .b-rv-fab{background:var(--b-primary-strong);color:#fff;box-shadow:0 0 0 2px var(--b-gold), 0 3px 10px #0009}.b-opts{gap:var(--b-s4);padding-top:var(--b-s1);flex-direction:column;display:flex}.b-opts>*{flex-shrink:0}.b-opt{gap:var(--b-s2);flex-direction:column;display:flex}.b-opt>label,.b-opt-l{font:var(--b-t-label-b);color:var(--b-text-2)}.b-opt .b-opt-h{font:var(--b-t-caption);color:var(--b-text-2);margin-top:calc(-1 * var(--b-s1))}.b-goto-row{gap:var(--b-s2);display:flex}.b-goto-row input{flex:1}.b-goto-row input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.b-goto-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.b-goto-row input{appearance:textfield}.b-opts>a.b-btn{align-self:stretch}.b-opts>.b-btn{min-height:48px;line-height:normal}.b-listen-pick .b-lp-units .b-row{min-height:56px}.b-listen-pick .b-lp-units .b-txt b{overflow-wrap:anywhere}.b-listen-pick .b-lp-start{height:auto;min-height:52px;padding-block:var(--b-s2);white-space:normal;align-self:stretch;font-size:16px}.b-goto-part{gap:var(--b-s2);flex-direction:column;display:flex}.b-goto-part[hidden],.b-goto-find[hidden]{display:none}.b-goto-head{top:calc(-1 * var(--b-s1));z-index:1;gap:var(--b-s2);margin-bottom:calc(-1 * var(--b-s2));padding:var(--b-s1) 0 var(--b-s2);background:var(--b-surface);flex-direction:column;display:flex;position:sticky}.b-goto-switch{flex:none}.b-goto-juz,.b-goto-hizb{gap:var(--b-s2);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.b-goto-juz>button,.b-goto-hizb>button{border-radius:var(--b-r2);border:1px solid var(--b-border);background:var(--b-surface-2);height:44px;font:700 16px/1 var(--b-ui);color:var(--b-text)}.b-goto-juz>button[aria-current=true],.b-goto-hizb>button[aria-current=true]{background:var(--b-primary);border-color:var(--b-primary);color:var(--b-on-primary)}.b-goto-filter{width:100%}.b-goto-surahs{flex-direction:column;display:flex}.b-goto-surahs>button{align-items:center;gap:var(--b-s3);min-height:48px;padding:0 var(--b-s2);border-radius:var(--b-r2);text-align:start;color:var(--b-text);display:flex}.b-goto-surahs>button[hidden]{display:none}.b-goto-surahs>button .n{border-radius:var(--b-r-pill);min-width:36px;height:28px;font:var(--b-t-caption-b);color:var(--b-chip-ink);background:var(--b-chip);flex:none;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.b-goto-surahs>button b{min-width:0;font:var(--b-t-body-b);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.b-goto-surahs>button small{font:var(--b-t-caption);color:var(--b-text-2);flex:none}.b-goto-surahs>button[aria-current=true]{background:color-mix(in srgb, var(--b-chip) 70%, transparent)}.b-goto-surahs>button[aria-current=true] .n{background:var(--b-primary);color:var(--b-on-primary)}@media (hover:hover){.b-goto-juz>button:not([aria-current=true]):hover,.b-goto-hizb>button:not([aria-current=true]):hover,.b-goto-surahs>button:hover{background:color-mix(in srgb, var(--b-chip) 45%, transparent)}}.b-goto-none{font:var(--b-t-label);color:var(--b-text-2);padding:var(--b-s2)}.b-rv-body>.b-sr-page{z-index:0;color:#0000;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:normal;background:0 0;margin:0;padding:0;font:400 4px/5px sans-serif;position:absolute;inset:0;overflow:hidden}.b-sr-page h2,.b-sr-page h3,.b-sr-page p{font:inherit;margin:0}.b-sr-page ol{margin:0;padding:0;list-style:none}.b-sr-page button{font:inherit;color:#0000;background:0 0;border:0;min-height:0;margin:0;padding:0}.b-sr-page :focus{outline:none}.b-sheet.b-keepsake-ask{max-width:380px}.b-keepsake-ask .b-sheet-head{min-height:44px}.b-keepsake-ask .ks-ask{justify-items:center;gap:var(--b-s3);padding:0 var(--b-s2) var(--b-s3);display:grid}.b-keepsake-ask .ks-ask .ks-heart{width:22px;height:19px;margin-top:-4px}.b-keepsake-ask .ks-ask input{text-align:center;width:min(240px,100%);height:52px;font:700 24px/1 var(--b-ui);letter-spacing:.35em;-webkit-text-security:disc;color:var(--b-text);background:var(--b-surface-2);border:1.5px solid var(--b-gold);border-radius:var(--b-r-pill);direction:ltr;outline:none}.b-keepsake-ask .ks-ask input:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--b-gold) 35%, transparent)}.b-keepsake-ask .ks-ask .b-btn{min-width:160px}.b-keepsake-ask .ks-ask.busy .b-btn{opacity:.6;pointer-events:none}.b-keepsake-ask .ks-ask.no input{border-color:#b4483a;animation:.42s b-keepsake-no}@keyframes b-keepsake-no{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.b-sheet.b-keepsake{max-width:none;max-height:none;box-shadow:none;color:#f3efe2;padding-top:var(--b-safe-top);background:radial-gradient(120% 90% at 50% 30%,#1f4d3a 0%,#173d2d 55%,#0e2a1f 100%);border-radius:0;inset:0}.b-keepsake .grip,.b-keepsake .b-sheet-head h2{display:none}.b-keepsake .b-sheet-head{background:0 0;border:0;justify-content:flex-end}.b-keepsake .b-sheet-head .b-icon-btn{color:#e4cd8f}.b-keepsake .b-sheet-body{padding:var(--b-s2) var(--b-s4) calc(var(--b-s6,32px) + var(--b-safe-bottom));background-position:50%;background-repeat:repeat;place-items:center;display:grid}.b-keepsake .ks-card{text-align:center;background:#0e2a1f8c;border:1.5px solid #c9a44a;border-radius:22px;width:min(560px,100%);padding:36px 26px 30px;animation:.9s cubic-bezier(.2,.7,.2,1) both b-keepsake-in;position:relative;box-shadow:0 0 0 6px #0e2a1fb3,0 0 0 7.5px #8a6a1f,0 18px 50px #00000059}.b-keepsake .ks-card .ks-heart{width:40px;height:35px;margin:0 auto 16px;animation:1.6s .9s 2 b-keepsake-beat;display:block}.b-keepsake .ks-card p{color:#f3efe2;text-wrap:pretty;margin:0;font:400 21px/2.05 Amiri,Noto Naskh Arabic,serif}.b-keepsake .ks-card p+p{margin-top:18px}.b-keepsake .ks-card .ks-rule{justify-content:center;align-items:center;gap:10px;width:62%;margin:0 auto 22px;display:flex}.b-keepsake .ks-card p~.ks-rule{margin:22px auto 0}.b-keepsake .ks-card .ks-rule i{background:linear-gradient(to var(--b-to,left), transparent, #c9a44a);flex:1;height:1px}.b-keepsake .ks-card .ks-rule i:last-child{--b-to:right}.b-keepsake .ks-card .ks-rule b{background:#c9a44a;width:9px;height:9px;transform:rotate(45deg)}@keyframes b-keepsake-in{0%{opacity:0;transform:translateY(18px)scale(.98)}}@keyframes b-keepsake-beat{30%{transform:scale(1.18)}60%{transform:scale(1)}}@media (min-width:720px){.b-sheet.b-keepsake{opacity:0;transition:opacity var(--b-dur-long), visibility 0s var(--b-dur-long);transform:none}.b-sheet.b-keepsake.open{opacity:1;transition:opacity var(--b-dur-long), visibility 0s;transform:none}.b-keepsake .ks-card{padding:48px 44px 40px}.b-keepsake .ks-card p{font-size:24px}}@media (prefers-reduced-motion:reduce){.b-keepsake .ks-card,.b-keepsake .ks-card .ks-heart,.b-keepsake-ask .ks-ask.no input{animation:none}}