/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--sky-a:#070d22;--sky-b:#132650;--sky-c:#2a3f6b}*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.block{display:block}.contents{display:contents}.flex{display:flex}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.underline{text-decoration-line:underline}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-cyrillic-ext-wght-normal-DOFToQv1.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-cyrillic-wght-normal-DayYxulF.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-math-wght-normal-Bl4ZGkZl.woff2)format("woff2-variations");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:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-symbols-wght-normal-DxQzqQfC.woff2)format("woff2-variations");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:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-vietnamese-wght-normal-BBxOatbv.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-latin-ext-wght-normal-QAhDxQuo.woff2)format("woff2-variations");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:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-latin-wght-normal-Dun_Rd-l.woff2)format("woff2-variations");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}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-ext-wght-normal-CGKlZYBf.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-wght-normal-DLqwHbi6.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-ext-wght-normal-e3e57Shi.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-wght-normal-CO1l-giJ.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-vietnamese-wght-normal-LcSrhZ7T.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-ext-wght-normal-BnEbWgdZ.woff2)format("woff2-variations");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:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-wght-normal-DLxlUchJ.woff2)format("woff2-variations");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}@font-face{font-family:Amiri Quran;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-quran-arabic-400-normal-wRcqfVJx.woff2)format("woff2"),url(/assets/amiri-quran-arabic-400-normal-CZ144KtP.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:Amiri Quran;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-quran-latin-400-normal-w9exIk9i.woff2)format("woff2"),url(/assets/amiri-quran-latin-400-normal-mk44s-1k.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}@font-face{font-family:Digital Khatt;src:url(/fonts/DigitalKhattV2.otf)format("opentype");font-display:swap}:root{--bg:#0c1417;--bg-raised:#121c20;--surface:#16232a;--surface-2:#1c2c34;--line:#c4e2eb17;--line-strong:#c4e2eb2e;--fg:#e8eff1;--fg-soft:#b9c8cd;--muted:#84979e;--accent:#39a9de;--accent-ink:#04202d;--accent-soft:#39a9de24;--gold:#d1ad62;--gold-btn:#d1ad62;--gold-ink:#1b1404;--gold-soft:#d1ad6229;--ok:#4fbf8f;--ok-soft:#4fbf8f29;--warn:#e0a74a;--word-hl:#d1ad623d;--ayah-active:#39a9de12;--shadow:0 18px 40px -24px #000000b3;--sky-fg:#fff;--font-ui:"Onest Variable", "Segoe UI", system-ui, -apple-system, sans-serif;--font-read:"Literata Variable", "PT Serif", Georgia, serif;--font-ar:"Digital Khatt", "Amiri Quran", "Noto Naskh Arabic", serif;--rail:252px;--player-h:76px;--tabbar-h:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#eef2f1;--bg-raised:#f7f9f8;--surface:#fff;--surface-2:#f1f5f4;--line:#112d3417;--line-strong:#112d342e;--fg:#12242a;--fg-soft:#33494f;--muted:#66797e;--accent:#1680b6;--accent-ink:#fff;--accent-soft:#1680b61a;--gold:#9b7529;--gold-btn:#85631f;--gold-ink:#fff;--gold-soft:#9b75291f;--ok:#23855c;--ok-soft:#23855c1f;--warn:#a8701a;--word-hl:#9b752933;--ayah-active:#1680b60f;--shadow:0 18px 40px -26px #112d3459;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=light]{--bg:#eef2f1;--bg-raised:#f7f9f8;--surface:#fff;--surface-2:#f1f5f4;--line:#112d3417;--line-strong:#112d342e;--fg:#12242a;--fg-soft:#33494f;--muted:#66797e;--accent:#1680b6;--accent-ink:#fff;--accent-soft:#1680b61a;--gold:#9b7529;--gold-btn:#85631f;--gold-ink:#fff;--gold-soft:#9b75291f;--ok:#23855c;--ok-soft:#23855c1f;--warn:#a8701a;--word-hl:#9b752933;--ayah-active:#1680b60f;--shadow:0 18px 40px -26px #112d3459;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-ui);font-size:15px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}h1,h2,h3{text-wrap:balance;letter-spacing:-.01em;margin:0;font-weight:650}p{margin:0}.num{font-variant-numeric:tabular-nums}.ar{font-family:var(--font-ar);direction:rtl}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}svg.i.sm{width:12px;height:12px}svg.i{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.app{grid-template-columns:var(--rail) minmax(0, 1fr);min-height:100vh;display:grid}.rail{border-right:1px solid var(--line);background:var(--bg-raised);flex-direction:column;gap:6px;height:100vh;padding:22px 14px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 10px 18px;display:flex}.brand-mark{color:#fff;width:38px;height:38px;font-family:var(--font-ar);background:linear-gradient(150deg,#2a9fd6,#0f6f9e);border-radius:11px;place-items:center;padding-top:4px;font-size:22px;line-height:1;display:grid;box-shadow:inset 0 1px #ffffff40}.brand-name{letter-spacing:-.01em;font-size:17px;font-weight:700}.brand-name small{color:var(--muted);letter-spacing:0;font-size:11.5px;font-weight:500;display:block}.nav{flex-direction:column;gap:2px;display:flex}.nav button{width:100%;color:var(--fg-soft);text-align:left;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-weight:500;display:flex}.nav button:hover{background:var(--surface);color:var(--fg)}.nav button[aria-current=page]{background:var(--accent-soft);color:var(--fg)}.nav button[aria-current=page] svg{color:var(--accent)}.rail-foot{flex-direction:column;gap:10px;margin-top:auto;display:flex}.pro-cta{background:linear-gradient(140deg, var(--gold-soft), transparent 70%), var(--surface);border:1px solid var(--line);text-align:left;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.pro-cta strong{font-size:13.5px;display:block}.pro-cta span{color:var(--muted);font-size:12px}.pro-cta svg{color:var(--gold)}.lang{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:3px;display:inline-flex}.lang button{color:var(--muted);border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:600}.lang button[aria-pressed=true]{background:var(--surface-2);color:var(--fg);box-shadow:0 0 0 1px var(--line-strong)}.account{border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.account:hover{background:var(--surface)}.avatar{background:var(--surface-2);border:1px solid var(--line-strong);border-radius:50%;place-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:grid}.rail-row{justify-content:space-between;align-items:center;gap:8px;padding:0 4px;display:flex}.topbar,.tabbar,.app-banner{display:none}main{min-width:0;padding:28px clamp(16px, 3.2vw, 44px) calc(var(--player-h) + 48px)}.page{flex-direction:column;gap:28px;max-width:1120px;margin:0 auto;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-head h1{font-size:clamp(26px,3vw,34px)}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.crumbs button:hover{color:var(--fg)}.section-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.section-head h2{font-size:19px}.link{color:var(--accent);font-size:13.5px;font-weight:600}.link:hover{text-decoration:underline}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px}.btn{white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{border:1px solid var(--line-strong);color:var(--fg)}.btn-ghost:hover{border-color:var(--accent)}.btn-gold{background:var(--gold-btn);color:var(--gold-ink)}.btn-gold:hover{filter:brightness(1.08)}.btn[disabled]{opacity:.5;cursor:not-allowed}.chip{border:1px solid var(--line-strong);color:var(--fg-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:13.5px;font-weight:500;display:inline-flex}.chip:hover{color:var(--fg);border-color:var(--fg-soft)}.chip[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.chips{flex-wrap:wrap;gap:8px;display:flex}.badge{border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-free{background:var(--ok-soft);color:var(--ok)}.badge-pro{background:var(--gold-soft);color:var(--gold)}.note{color:var(--muted);font-size:12.5px}@property --sky-a{syntax:"<color>";inherits:true;initial-value:#070d22}@property --sky-b{syntax:"<color>";inherits:true;initial-value:#132650}@property --sky-c{syntax:"<color>";inherits:true;initial-value:#2a3f6b}.sky-host{container:sky/inline-size}.sky{color:var(--sky-fg);isolation:isolate;background:linear-gradient(170deg, var(--sky-a) 0%, var(--sky-b) 52%, var(--sky-c) 100%);--stars:1;--clouds:0;--glow-o:0;--glow:#ff9a5c;border-radius:26px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:22px 24px;padding:clamp(20px,3vw,32px);transition:--sky-a 1.4s,--sky-b 1.4s,--sky-c 1.4s;display:grid;position:relative;overflow:hidden}.sky-fx{z-index:-1;pointer-events:none;position:absolute;inset:0}.stars{opacity:var(--stars);transition:opacity 1.4s;position:absolute;inset:0}.stars i{width:var(--s);height:var(--s);opacity:.8;animation:twinkle var(--d) ease-in-out var(--delay) infinite;background:#fff;border-radius:50%;position:absolute}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.shoot{opacity:0;background:linear-gradient(90deg,#fff0,#fff);border-radius:2px;width:120px;height:1.5px;animation:11s ease-in 3s infinite shoot;position:absolute;top:14%;left:10%;transform:rotate(-18deg)}.stars+.shoot{opacity:0}@keyframes shoot{0%,90%{opacity:0;transform:translate(0)rotate(-18deg)}92%{opacity:calc(var(--stars) * .9)}97%{opacity:0;transform:translate(260px,84px)rotate(-18deg)}to{opacity:0}}.clouds{opacity:var(--clouds);transition:opacity 1.4s;position:absolute;inset:0}.clouds i{filter:blur(4px);width:260px;height:70px;animation:drift var(--d) linear var(--delay) infinite;background:radial-gradient(closest-side,#ffffff52,#fff0);border-radius:50%;position:absolute}@keyframes drift{0%{transform:translate(-320px)}to{transform:translate(110cqi)}}.glow{background:radial-gradient(60% 55% at 50% 100%, var(--glow), transparent 70%);height:90%;opacity:var(--glow-o);transition:opacity 1.4s;position:absolute;bottom:-40%;left:-10%;right:-10%}.sky-top{flex-wrap:wrap;align-items:center;gap:10px;font-size:13.5px;display:flex}.sky-top>span{opacity:.9}.city-btn{background:#ffffff24;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 10px;font-weight:600;display:inline-flex}.city-btn:hover{background:#ffffff38}.sky-pill{background:#00000047;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.sky-pill svg{width:14px;height:14px}.sky-entered{background:#ffffff29;border-radius:999px;align-items:center;gap:8px;margin-top:16px;padding:5px 12px 5px 10px;font-size:13.5px;font-weight:600;animation:.5s both rise;display:inline-flex}.sky-entered i{background:#7ef0b8;border-radius:50%;width:8px;height:8px;animation:1.6s ease-out infinite ping;box-shadow:0 0 #7ef0b8b3}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sky-next{opacity:.92;margin-top:14px;font-size:15px}.sky-entered:not([hidden])+.sky-next{margin-top:10px}.sky-count{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(44px,6vw,68px);font-weight:600;line-height:1.04;transition:color .6s,text-shadow .6s;display:flex;overflow:hidden}.sky-count .d{display:inline-block}.sky-count .d.roll{animation:.42s cubic-bezier(.2,.8,.2,1) roll}@keyframes roll{0%{opacity:0;transform:translateY(-55%)}to{opacity:1;transform:none}}.sky.soon .sky-count{color:#ffd98a;text-shadow:0 0 28px #ffc86e73}.sky-progress{background:#ffffff2e;border-radius:999px;max-width:360px;height:4px;margin-top:12px;overflow:hidden}.sky-progress i{border-radius:inherit;background:#ffffffd9;width:0;height:100%;transition:width 1s linear;display:block}.sky.soon .sky-progress i{background:#ffd98a}.sky-span{opacity:.8;font-variant-numeric:tabular-nums;margin-top:8px;font-size:13px}.sky-hijri{opacity:.85;margin-top:6px;font-size:13.5px}.arc-wrap{justify-self:end;width:100%;max-width:440px;position:relative}.arc-wrap svg{width:100%;height:auto;display:block;overflow:visible}.arc-wrap .trail{transition:stroke-dasharray 1s linear}.arc-wrap .sun-g,.arc-wrap .moon-g{transition:transform 1s linear,opacity 1.2s}.sun-halo{transform-box:fill-box;transform-origin:50%;animation:4s ease-in-out infinite halo}@keyframes halo{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.3;transform:scale(1.25)}}.moon-float{transform-box:fill-box;animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.prayer-row{grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.pchip{background:#ffffff1a;border:1px solid #ffffff24;border-radius:14px;flex-direction:column;gap:1px;min-width:0;padding:10px 10px 9px;transition:background .6s,color .6s,opacity .6s,transform .4s;display:flex;position:relative}.pchip span{opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.pchip strong{font-variant-numeric:tabular-nums;font-size:19px;font-weight:600}.pchip.now{color:#0d2230;background:#ffffffeb;border-color:#0000}.pchip.now span{opacity:.7}.pchip.past{opacity:.62}.pchip.entered{animation:1.8s ease-out infinite chip-in}@keyframes chip-in{0%{box-shadow:0 0 #ffffff8c}to{box-shadow:0 0 0 12px #fff0}}.pchip.next-soon{border-color:#ffd98a;box-shadow:inset 0 0 0 1px #ffd98a}.pchip.next-soon:after{content:"";background:#ffd98a;border-radius:50%;width:7px;height:7px;animation:1.6s ease-out infinite ping;position:absolute;top:9px;right:9px}.sky.is-loading .skel{background:linear-gradient(90deg,#ffffff14,#fff3,#ffffff14) 0 0/200% 100%;border-radius:10px;animation:1.4s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sky-empty{flex-direction:column;grid-column:1/-1;align-items:flex-start;gap:14px;padding:18px 0 6px;display:flex}.sky-empty h2{max-width:22ch;font-size:clamp(22px,3vw,30px)}.sky-empty .btn-ghost{color:#fff;border-color:#fff6}.lab{border:1.5px dashed var(--line-strong);border-radius:18px;flex-direction:column;gap:10px;margin-top:-12px;padding:14px 16px;display:flex}.lab-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.lab-head b{color:var(--gold);text-transform:uppercase;letter-spacing:.05em;font-size:11.5px}.lab-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lab-row input[type=range]{min-width:180px;accent-color:var(--accent);flex:1}.lab-row .sep{background:var(--line-strong);align-self:stretch;width:1px;margin:0 4px}.lab .chip{padding:5px 11px;font-size:12.5px}.state-grid{grid-template-columns:repeat(auto-fill,minmax(min(520px,100%),1fr));gap:22px;display:grid}.state-card{flex-direction:column;gap:10px;display:flex}.state-card h3{font-size:15px}.state-card p{color:var(--muted);margin-top:2px;font-size:13px}@container sky (width<=760px){.sky{grid-template-columns:1fr}.arc-wrap{justify-self:stretch;max-width:none}}@container sky (width<=900px){.prayer-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@container sky (width<=420px){.sky-count{font-size:44px}}.home-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.continue{align-items:center;gap:18px;padding:20px;display:flex}.continue .art{border-radius:18px;width:76px}.continue h3{font-size:18px}.continue .meta{color:var(--muted);font-size:13.5px}.continue .snippet{color:var(--fg-soft);white-space:nowrap;text-overflow:ellipsis;margin-top:10px;font-size:22px;line-height:1.7;overflow:hidden}.progress{background:var(--surface-2);border-radius:999px;height:6px;margin-top:12px;overflow:hidden}.progress i{background:var(--accent);border-radius:inherit;height:100%;display:block}.tile{color:#fff;background:var(--tile,linear-gradient(150deg, #2f6d8a, #1b3550));border-radius:18px;flex-direction:column;justify-content:space-between;width:76px;height:76px;padding:8px 9px;display:flex;box-shadow:inset 0 1px #ffffff2e}.tile small{opacity:.8;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.tile .ar{text-align:center;padding-bottom:6px;font-size:21px;line-height:1.1}.listen-card{flex-direction:column;gap:14px;padding:20px;display:flex}.listen-card h3{font-size:18px}.shelf{scroll-snap-type:x proximity;grid-auto-columns:minmax(132px,150px);grid-auto-flow:column;gap:16px;padding-bottom:6px;display:grid;overflow-x:auto}.book{text-align:left;scroll-snap-align:start;flex-direction:column;gap:8px;min-width:0;display:flex}.cover{aspect-ratio:2/3;background:var(--surface-2);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:12px;max-width:100%;position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;display:block}.cover .badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:absolute;top:8px;left:8px}.cover .badge-free{color:#7fe0b5;background:#0a281cb8}.cover .badge-pro{color:#f0cf88;background:#281e08b8}.cover .aud{color:#fff;background:#0000008c;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;bottom:8px;right:8px}.cover .aud svg{width:14px;height:14px}.book strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.book span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.book:hover strong{color:var(--accent)}.book-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:22px 18px;display:grid}.hatm-feature{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px;display:grid}.seg{background:var(--surface-2);border-radius:999px;gap:2px;height:10px;display:flex;overflow:hidden}.seg i{height:100%;display:block}.seg .f{background:var(--ok)}.seg .p{background:var(--warn)}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:8px;font-size:12.5px;display:flex}.legend b{vertical-align:0;border-radius:3px;width:9px;height:9px;margin-right:6px;display:inline-block}.today{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:8px;display:grid}.today div{border-radius:14px;flex-direction:column;gap:2px;padding:14px 14px 12px;display:flex}.today div span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.today div strong{font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}.today div.now{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.today div.now span{color:var(--accent);font-weight:600}.tabs{background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:4px;padding:4px;display:inline-flex}.tabs button{color:var(--muted);border-radius:10px;padding:8px 14px;font-size:14px;font-weight:600}.tabs button[aria-selected=true]{background:var(--surface-2);color:var(--fg);box-shadow:0 0 0 1px var(--line-strong)}.table-wrap{border:1px solid var(--line);background:var(--surface);border-radius:18px;overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:640px}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 14px}th{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--bg-raised);font-size:12px;font-weight:600;position:sticky;top:0}td:first-child{font-weight:600}td.wd{color:var(--muted)}tr.is-today td{background:var(--accent-soft)}tr.is-today td:first-child{color:var(--accent)}tr.is-friday td.wd{color:var(--gold);font-weight:600}tr:last-child td{border-bottom:0}.col-hl{color:var(--gold);font-weight:600}.month-nav{align-items:center;gap:10px;display:flex}.icon-btn{border:1px solid var(--line-strong);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.faq{flex-direction:column;gap:10px;display:flex}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 18px}.faq summary{cursor:pointer;font-weight:600}.faq details p{color:var(--fg-soft);margin-top:8px}.search{background:var(--surface);border:1px solid var(--line-strong);border-radius:14px;align-items:center;gap:10px;width:100%;max-width:520px;height:46px;padding:0 14px;display:flex}.search input{min-width:0;color:var(--fg);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:15px}.search:focus-within{border-color:var(--accent)}.surah-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.srow{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:16px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 16px 12px 12px;display:grid}.srow:hover{border-color:var(--line-strong);background:var(--surface-2)}.srow strong{font-weight:600;display:block}.srow span{color:var(--muted);font-size:12.5px}.srow .ar{color:var(--fg-soft);font-size:22px}.oct{font-variant-numeric:tabular-nums;width:40px;height:40px;color:var(--gold);place-items:center;font-size:13px;font-weight:600;display:grid;position:relative}.oct:before{content:"";border:1.5px solid var(--gold);opacity:.55;border-radius:6px;position:absolute;inset:4px;transform:rotate(45deg)}.oct:after{content:"";border:1.5px solid var(--gold);opacity:.55;border-radius:6px;position:absolute;inset:4px}.surah-hero{background:radial-gradient(120% 140% at 100% 0%, var(--gold-soft), transparent 55%), var(--surface);border:1px solid var(--line);border-radius:26px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;padding:28px clamp(20px,3vw,34px);display:grid}.surah-hero h1{font-size:clamp(28px,3.4vw,40px)}.surah-hero .ar-name{color:var(--gold);font-size:clamp(44px,6vw,72px);line-height:1}.surah-hero .meta{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.surah-hero .actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.about{max-width:68ch;color:var(--fg-soft);font-family:var(--font-read);margin-top:14px;font-size:15.5px;line-height:1.7}.about p+p{margin-top:10px}.toolbar{z-index:20;background:var(--bg-raised);border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex;position:sticky;top:12px}@supports (color:color-mix(in lab, red, red)){.toolbar{background:color-mix(in srgb, var(--bg-raised) 88%, transparent)}}.toolbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line)}.toolbar .sep{background:var(--line-strong);width:1px;height:22px;margin:0 4px}.toggle{color:var(--fg-soft);border-radius:10px;align-items:center;gap:7px;padding:7px 11px;font-size:13.5px;font-weight:500;display:inline-flex}.toggle:hover{background:var(--surface);color:var(--fg)}.toggle[aria-pressed=true]{color:var(--fg);background:var(--surface-2)}.toggle[aria-pressed=true] .dot{background:var(--accent);border-color:var(--accent)}.toggle .dot{border:1.5px solid var(--line-strong);border-radius:5px;width:14px;height:14px}.bismillah{text-align:center;color:var(--fg);padding:8px 0 2px;font-size:clamp(30px,3.6vw,40px)}.ayahs{flex-direction:column;display:flex}.ayah{border-bottom:1px solid var(--line);border-radius:14px;grid-template-columns:52px minmax(0,1fr);gap:16px;padding:22px 18px 22px 8px;scroll-margin-top:140px;transition:background .25s;display:grid}.ayah.active{background:var(--ayah-active)}.ayah-side{flex-direction:column;align-items:center;gap:6px;display:flex}.ayah-side button{width:32px;height:32px;color:var(--muted);border-radius:9px;place-items:center;display:grid}.ayah-side button:hover{color:var(--accent);background:var(--surface)}.ayah-side svg{width:17px;height:17px}.ayah .ar-line{font-size:calc(30px * var(--fs,1));text-align:right;color:var(--fg);line-height:2.05}.w{border-radius:8px;padding:0 2px;transition:background .12s,color .12s}.w.on{background:var(--word-hl);color:var(--gold)}.ayah .tr{font-size:calc(14.5px * var(--fs,1));color:var(--muted);font-style:italic;font-family:var(--font-read);margin-top:10px}.ayah .tl{font-family:var(--font-read);font-size:calc(17px * var(--fs,1));color:var(--fg-soft);max-width:72ch;margin-top:8px;line-height:1.65}.ayah .tl b{font-family:var(--font-ui);color:var(--muted);margin-right:6px;font-size:13px;font-weight:600}.mushaf{background:var(--surface);border:1px solid var(--line);text-align:justify;text-align-last:center;font-size:calc(31px * var(--fs,1));border-radius:24px;padding:clamp(20px,4vw,44px);line-height:2.2}.mushaf .end{color:var(--gold);margin:0 .15em;font-size:.78em}.mushaf .verse.active{background:var(--ayah-active);border-radius:10px}.pager{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pager button{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:16px;padding:16px 18px}.pager button:last-child{text-align:right}.pager button:hover{border-color:var(--line-strong)}.pager small{color:var(--muted);font-size:12.5px;display:block}.app-cta{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 20px;display:grid}.app-cta .brand-mark{border-radius:13px;width:46px;height:46px;font-size:26px}.missing{flex-direction:column;align-items:flex-start;gap:10px;padding:26px;display:flex}.art{color:#fff;background:var(--art);aspect-ratio:1;border-radius:20%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 26px -12px #0000008c;container-type:inline-size}.art small{opacity:.72;font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:13cqi;font-weight:600;position:absolute;top:9cqi;left:10cqi}.art .ar{padding-top:10cqi;font-size:25cqi;line-height:1}.art-xl{width:240px}.art-md{width:128px}.art-sm{border-radius:14px;width:52px}.listen-hero{grid-template-columns:240px minmax(0,1fr);align-items:center;gap:28px;padding:26px;display:grid}.listen-hero h2{margin:4px 0 2px;font-size:clamp(30px,4vw,46px)}.listen-hero .eyebrow{color:var(--accent);letter-spacing:.02em;text-transform:none;font-size:13.5px}.listen-hero .who{color:var(--accent);font-size:16px;font-weight:500}.listen-hero .who:hover{text-decoration:underline}.listen-hero .actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.fav-btn{border:1px solid var(--line-strong);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.fav-btn[aria-pressed=true]{color:#ef6b8a;border-color:#ef6b8a}.fav-btn[aria-pressed=true] svg{fill:currentColor}.tile-shelf{scroll-snap-type:x proximity;grid-auto-columns:128px;grid-auto-flow:column;gap:18px;padding-bottom:8px;display:grid;overflow-x:auto}.shelf-tile{text-align:left;scroll-snap-align:start;flex-direction:column;gap:4px;min-width:0;display:flex}.shelf-tile .art{margin-bottom:6px}.shelf-tile strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.shelf-tile span{color:var(--muted);font-size:12.5px}.shelf-tile[aria-current=true] strong{color:var(--accent)}.shelf-tile:hover .art{filter:brightness(1.12)}.bars{background:#00000073;border-radius:7px;align-items:flex-end;gap:2px;height:16px;padding:4px;display:flex;position:absolute;bottom:8%;right:8%}.bars i{background:#fff;border-radius:2px;width:3px;height:40%}.bars.on i{animation:.9s ease-in-out infinite bar}.bars.on i:nth-child(2){animation-delay:.2s}.bars.on i:nth-child(3){animation-delay:.4s}@keyframes bar{0%,to{height:30%}50%{height:100%}}.rec-shelf{scroll-snap-type:x proximity;grid-auto-columns:176px;grid-auto-flow:column;gap:14px;padding:4px 2px 10px;display:grid;overflow-x:auto}.rcard{text-align:center;scroll-snap-align:start;flex-direction:column;justify-content:space-between;align-items:center;gap:4px;min-width:0;padding:18px 12px 16px;display:flex;position:relative}.rcard[aria-current=true]{border-color:var(--accent);background:linear-gradient(180deg, var(--accent-soft), transparent 70%), var(--surface)}.photo{background:var(--ring,linear-gradient(140deg, #7c3aed, #db2777));border-radius:50%;flex:none;width:104px;height:104px;margin-bottom:8px;padding:3px}.photo img,.photo .mono{object-fit:cover;border:3px solid var(--surface);border-radius:50%;width:100%;height:100%;display:block}.rcard strong{font-size:14.5px;line-height:1.25}.rcard .styles-line{color:var(--muted);font-size:12px}.rcard .play-sm{background:var(--accent);width:40px;height:40px;color:var(--accent-ink);margin-top:8px}.fav-strip{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.fav-card{text-align:left;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px 10px 10px;display:grid}.fav-card strong{font-weight:600;display:block}.fav-card span{color:var(--muted);font-size:12.5px}.fav-card[aria-current=true] strong{color:var(--accent)}.empty{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px;display:flex}.pills{flex-wrap:wrap;gap:10px;display:flex}.pill{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-weight:500;display:inline-flex}.pill:hover{border-color:var(--line-strong)}.pill[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--fg)}.pill svg{width:18px;height:18px}.coll-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.coll{text-align:left;flex-direction:column;padding:0;display:flex;overflow:hidden}.coll .art{color:#fff;height:112px;font-family:var(--font-ar);background:var(--tile);place-items:center;font-size:34px;display:grid}.coll .body{padding:14px 16px 16px}.coll strong{font-weight:600;display:block}.coll span{color:var(--muted);font-size:12.5px}.coll:hover strong{color:var(--accent)}.rec-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.rec{text-align:left;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:14px;padding:14px;display:grid}.mono{color:#fff;width:56px;height:56px;font-family:var(--font-ar);background:var(--tile);border-radius:50%;place-items:center;padding-top:6px;font-size:26px;display:grid}.rec strong{font-weight:600;line-height:1.3;display:block}.rec .ar{color:var(--muted);font-size:16px}.rec .styles{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.rec:hover strong{color:var(--accent)}.list{flex-direction:column;display:flex}.lrow{border-radius:12px;grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:10px 12px;display:grid}.lrow:hover{background:var(--surface)}.lrow .ar{color:var(--fg-soft);font-size:20px}.lrow .muted{color:var(--muted);font-size:13px}.play-sm{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.play-sm:hover{background:var(--accent);color:var(--accent-ink)}.play-sm[disabled]{background:var(--surface-2);color:var(--muted);cursor:not-allowed}.play-sm svg{width:15px;height:15px}.book-detail{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:32px;display:grid}.book-detail h1{font-size:clamp(24px,3vw,32px)}.facts{flex-wrap:wrap;gap:22px;margin:16px 0;display:flex}.facts div{flex-direction:column;display:flex}.facts span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.facts strong{font-weight:600}.desc{font-family:var(--font-read);color:var(--fg-soft);white-space:pre-line;max-width:68ch;font-size:15.5px;line-height:1.7}.hatm-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.hatm{flex-direction:column;gap:12px;padding:18px;display:flex}.hatm-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.hatm-top strong{font-size:16px}.big-stat{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:600}.explain{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.explain div{padding:18px}.explain b{margin-bottom:4px;display:block}.explain p{color:var(--fg-soft);font-size:14px}.pro-hero{background:radial-gradient(120% 120% at 0% 0%, var(--gold-soft), transparent 60%), var(--surface);border:1px solid var(--line);border-radius:26px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:28px;padding:clamp(24px,4vw,40px);display:grid}.pro-hero h1{font-size:clamp(28px,3.6vw,42px)}.perks{flex-direction:column;gap:12px;margin-top:18px;display:flex}.perks div{align-items:flex-start;gap:12px;display:flex}.perks svg{color:var(--gold);margin-top:2px}.plans{gap:12px;display:grid}.plan{text-align:left;border:1.5px solid var(--line-strong);background:var(--bg-raised);border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;padding:18px;display:grid}.plan[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}.plan strong{font-size:17px}.plan .price{color:var(--muted);font-weight:600}.player{z-index:40;left:calc(var(--rail) + 16px);right:16px;bottom:calc(14px + env(safe-area-inset-bottom,0px));height:var(--player-h);background:var(--bg-raised);border-radius:20px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:0 16px 0 10px;display:grid;position:fixed}@supports (color:color-mix(in lab, red, red)){.player{background:color-mix(in srgb, var(--bg-raised) 92%, transparent)}}.player{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line-strong);max-width:1180px;margin:0 auto;box-shadow:0 20px 50px -20px #0009}.pl-info{text-align:left;align-items:center;gap:12px;min-width:0;display:flex}.pl-info .tile{border-radius:13px;width:54px;height:54px;padding:5px 6px}.pl-info .tile .ar{padding-bottom:3px;font-size:15px}.pl-info strong{white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.pl-info span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;display:block;overflow:hidden}.pl-center{flex-direction:column;align-items:center;gap:4px;width:min(46vw,460px);display:flex}.pl-ctrls{align-items:center;gap:10px;display:flex}.pl-ctrls button{width:34px;height:34px;color:var(--fg-soft);border-radius:50%;place-items:center;display:grid}.pl-ctrls button:hover{color:var(--fg);background:var(--surface)}.pl-ctrls .main{background:var(--fg);width:42px;height:42px;color:var(--bg)}.pl-ctrls .main:hover{background:var(--fg);color:var(--bg);filter:brightness(.92)}.pl-ctrls button[aria-pressed=true]{color:var(--accent)}.pl-bar{width:100%;color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:11.5px;display:flex}.track{background:var(--surface-2);cursor:pointer;border-radius:999px;flex:1;height:5px;position:relative}.track i{border-radius:inherit;background:var(--accent);position:absolute;inset:0 auto 0 0}.pl-right{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.pl-right>div{min-width:0;max-width:100%}.pl-right select{background:var(--surface);max-width:min(190px,100%);color:var(--fg);border:1px solid var(--line-strong);font:inherit;border-radius:10px;padding:7px 8px;font-size:13px}.speed{border:1px solid var(--line-strong);font-variant-numeric:tabular-nums;border-radius:9px;padding:6px 9px;font-size:12.5px;font-weight:600}.demo-tag{color:var(--muted);letter-spacing:.03em;font-size:10.5px}.skip{z-index:100;background:var(--fg);color:var(--bg);border-radius:12px;padding:10px 14px;font-weight:600;position:fixed;top:-60px;left:12px}main:focus{outline:none}kbd{border:1px solid var(--line-strong);background:var(--surface-2);min-width:22px;height:22px;color:var(--fg-soft);font:600 11.5px/1 var(--font-ui);border-bottom-width:2px;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.search-btn{border:1px solid var(--line-strong);width:100%;color:var(--muted);background:var(--surface);border-radius:12px;align-items:center;gap:10px;margin-bottom:10px;padding:9px 10px 9px 12px;display:flex}.search-btn:hover{color:var(--fg);border-color:var(--accent)}.search-btn span{text-align:left;flex:1}.ayah.kfocus{box-shadow:inset 0 0 0 2px var(--accent)}.scrim.top{place-items:start center;padding-top:min(14vh,120px)}.palette{gap:0;width:min(640px,100%);padding:0;overflow:hidden}.palette-input{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 18px;display:flex}.palette-input input{min-width:0;color:var(--fg);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:17px}.palette-list{max-height:min(460px,60vh);padding:8px;overflow:auto}.palette-group{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:10px 10px 4px;font-size:11.5px;font-weight:600}.palette-item{text-align:left;border-radius:12px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.palette-item[aria-selected=true]{background:var(--accent-soft)}.palette-item .ar{color:var(--muted);font-size:18px}.palette-item small{color:var(--muted);font-size:12.5px}.palette-item .pi-icon{background:var(--surface-2);width:28px;height:28px;color:var(--fg-soft);border-radius:8px;place-items:center;display:grid}.palette-item .pi-icon svg{width:16px;height:16px}.palette-foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:16px;padding:10px 16px;font-size:12px;display:flex}.palette-foot span{align-items:center;gap:6px;display:inline-flex}.keys{grid-template-columns:1fr 1fr;gap:18px 28px;display:grid}.keys h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px;font-size:13px}.keys dl{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 14px;margin:0;display:grid}.keys dt{flex-wrap:wrap;gap:4px;display:flex}.keys dd{color:var(--fg-soft);margin:0;font-size:14px}@media (width<=640px){.keys{grid-template-columns:1fr}}.scrim{z-index:80;background:#040a0c8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sheet{background:var(--bg-raised);border:1px solid var(--line-strong);width:min(480px,100%);max-height:min(720px,90vh);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;gap:14px;padding:24px;display:flex;overflow:auto}.sheet.wide{width:min(760px,100%)}.sheet-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sheet h2{font-size:21px}.sso{border:1px solid var(--line-strong);background:var(--surface);border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px;font-weight:600;display:flex}.sso:hover{border-color:var(--accent)}.city-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.city-list button{text-align:left;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.city-list button:hover,.city-list button[aria-current=true]{border-color:var(--accent)}.notes h3{margin-top:6px;font-size:15px}.notes ul{color:var(--fg-soft);flex-direction:column;gap:6px;margin:6px 0 0;padding-left:18px;display:flex}.toast{z-index:90;left:50%;bottom:calc(var(--player-h) + 34px);background:var(--fg);color:var(--bg);box-shadow:var(--shadow);border-radius:14px;max-width:min(560px,100vw - 32px);padding:11px 16px;font-weight:500;position:fixed;transform:translate(-50%)}footer.site{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:12px;padding-top:22px;font-size:13px;display:flex}footer.site nav{flex-wrap:wrap;gap:16px;display:flex}footer.site a,footer.site button{color:var(--muted);text-decoration:none}footer.site a:hover,footer.site button:hover{color:var(--fg)}@media (width<=1180px){.today{grid-template-columns:repeat(3,minmax(0,1fr))}.pl-center{width:min(36vw,360px)}.demo-tag{display:none}}@media (width<=980px){.home-grid,.pro-hero,.explain{grid-template-columns:1fr}}@media (width<=860px){.app{grid-template-columns:1fr}.rail{display:none}.topbar{top:env(safe-area-inset-top,0px);z-index:30;background:var(--bg);justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex;position:sticky}@supports (color:color-mix(in lab, red, red)){.topbar{background:color-mix(in srgb, var(--bg) 90%, transparent)}}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar .brand{padding:0}.topbar .brand-mark{border-radius:9px;width:32px;height:32px;font-size:19px}.app-banner{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex}.app-banner .brand-mark{border-radius:9px;width:34px;height:34px;font-size:20px}.app-banner div{flex:1;min-width:0}.app-banner strong{display:block}.app-banner span{color:var(--muted)}.tabbar{z-index:45;padding:6px 6px env(safe-area-inset-bottom,0px);height:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));background:var(--bg-raised);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.tabbar{background:color-mix(in srgb, var(--bg-raised) 94%, transparent)}}.tabbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line)}.tabbar button{color:var(--muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:500;display:flex}.tabbar button[aria-current=page]{color:var(--accent)}main{padding:18px 16px calc(var(--player-h) + var(--tabbar-h) + 40px)}.player{left:8px;right:8px;bottom:calc(var(--tabbar-h) + 8px + env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,1fr) auto;gap:8px;height:auto;padding:8px 10px}.pl-center{width:auto}.pl-bar,.pl-right,.pl-ctrls .opt{display:none}.pl-ctrls{gap:4px}.toolbar{top:64px}.book-detail{grid-template-columns:1fr}.book-detail .cover{max-width:200px}.surah-hero{grid-template-columns:1fr}.listen-hero{grid-template-columns:1fr;justify-items:start}.listen-hero .art-xl{width:180px}.surah-hero .ar-name{order:-1}.hatm-feature{grid-template-columns:1fr}.app-cta{grid-template-columns:auto minmax(0,1fr)}.app-cta .btn{grid-column:1/-1}.toast{bottom:calc(var(--player-h) + var(--tabbar-h) + 30px)}}@media (width<=520px){.ayah{grid-template-columns:1fr;padding:18px 6px}.ayah-side{flex-direction:row}.pager{grid-template-columns:1fr}.pager button:last-child{text-align:left}}@media (prefers-reduced-motion:reduce){.stars i,.clouds i,.shoot,.sun-halo,.moon-float{animation:none!important}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.soon-badge{letter-spacing:.03em;text-transform:uppercase;background:var(--gold-soft);color:var(--gold);border-radius:999px;align-items:center;margin-left:auto;padding:1px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.nav button .soon-badge,.nav a .soon-badge{margin-left:auto}.nav a{width:100%;color:var(--fg-soft);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-weight:500;text-decoration:none;display:flex}.nav a:hover{background:var(--surface);color:var(--fg)}.nav a[aria-current=page]{background:var(--accent-soft);color:var(--fg)}.nav a[aria-current=page] svg{color:var(--accent)}.tabbar a{color:var(--muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.tabbar a[aria-current=page]{color:var(--accent)}a.btn,a.chip,a.link,a.pager-link,a.book,a.srow,a.coll,a.rcard-link,a.shelf-tile{color:inherit;text-decoration:none}a.btn-primary{color:var(--accent-ink)}a.btn-gold{color:var(--gold-ink)}.pager a{border:1px solid var(--line);background:var(--surface);text-align:left;color:inherit;border-radius:16px;padding:16px 18px;text-decoration:none}.pager a:last-child{text-align:right}.pager a:hover{border-color:var(--line-strong)}.store-badges{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.store-badges img{width:auto;height:44px;display:block}.error-box{flex-direction:column;align-items:flex-start;gap:12px;padding:24px;display:flex}.ayah .ar-line .w{cursor:default}.empty-row{color:var(--muted);padding:18px}.dialog-content{z-index:81;max-width:calc(100vw - 32px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog-content.top{top:min(14vh,120px);transform:translate(-50%)}.dialog-content:focus{outline:none}.scrim{z-index:80}.palette-command{flex-direction:column;display:flex}[cmdk-group-heading]{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:10px 10px 4px;font-size:11.5px;font-weight:600}[cmdk-item][data-selected=true]{background:var(--accent-soft)}[cmdk-item]{cursor:pointer}.pl-range{appearance:none;background:linear-gradient(90deg, var(--accent) var(--progress,0%), var(--surface-2) var(--progress,0%));cursor:pointer;border-radius:999px;flex:1;height:5px}.pl-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fg);border:0;border-radius:50%;width:12px;height:12px}.pl-range::-moz-range-thumb{background:var(--fg);border:0;border-radius:50%;width:12px;height:12px}.lang .lang-link{color:var(--muted);border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:600;text-decoration:none}.lang .lang-link[aria-pressed=true]{background:var(--surface-2);color:var(--fg);box-shadow:0 0 0 1px var(--line-strong)}.skip{z-index:100;background:var(--fg);color:var(--bg);border-radius:12px;padding:10px 14px;font-weight:600;text-decoration:none;position:fixed;top:-60px;left:12px}.skip:focus{top:12px}.tabs .tab-link{color:var(--muted);border-radius:10px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none}.tabs .tab-link[aria-selected=true]{background:var(--surface-2);color:var(--fg);box-shadow:0 0 0 1px var(--line-strong)}a.icon-btn{color:inherit;text-decoration:none}.brand-mark{flex:none}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}