/*! 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-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{.visible{visibility:visible}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.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,)}.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{--ease:cubic-bezier(.2, 0, 0, 1);--enter:.32s;--exit:.24s;--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;--ok-ink:#04201a;--danger:#f0786a;--danger-soft:#f0786a24;--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;--ok-ink:#fff;--danger:#c0392b;--danger-soft:#c0392b1a;--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;--ok-ink:#fff;--danger:#c0392b;--danger-soft:#c0392b1a;--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{flex:none;width:38px;height:38px;display:block}.brand-mark img{border-radius:24%;width:100%;height:100%;display:block}.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}.app-column{flex-direction:column;min-width:0;min-height:100dvh;display:flex}main{flex-direction:column;flex:1 0 auto;min-width:0;padding:28px clamp(16px,3.2vw,44px) 24px;display:flex}.page{animation:page-in var(--enter) var(--ease);flex-direction:column;flex:1 0 auto;gap:28px;width:100%;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{flex-wrap:wrap;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{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}tr:last-child td{border-bottom:0}.icon-btn{border:1px solid var(--line-strong);border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.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-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}.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}.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{width:46px;height:46px}.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}.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%}}.empty{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px;display:flex}.list{flex-direction:column;display:flex}.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],.plan[aria-current=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}.plan[aria-current=true] .price{color:var(--fg);font-size:22px}.pro-buy{background:var(--gold-soft);border-radius:18px;flex-direction:column;gap:10px;padding:18px;display:flex}.pro-buy strong{font-size:16px}.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}.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:not(:disabled){border-color:var(--accent)}.sso:disabled{opacity:.5;cursor:not-allowed}.auth-error{color:var(--danger);font-size:14px;line-height:1.5}.auth-code-error:empty{display:none}.auth-form{flex-direction:column;gap:10px;display:flex}.auth-label{color:var(--muted);font-size:13.5px;font-weight:600}.auth-input{border:1px solid var(--line-strong);background:var(--surface);width:100%;color:inherit;font:inherit;border-radius:14px;padding:13px 14px;font-size:16px}.auth-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.auth-code{text-align:center;letter-spacing:.4em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}.code-entry{--code-gap:8px;--code-pitch:calc((100cqw + var(--code-gap)) / 6);--code-orbit:27px;height:56px;margin:6px 0 8px;position:relative;container-type:inline-size}.code-cells{gap:var(--code-gap);grid-template-columns:repeat(6,minmax(0,1fr));height:100%;display:grid}.code-cell{border:1px solid var(--line-strong);background:var(--surface);font-variant-numeric:tabular-nums;--code-angle:calc(var(--cell-index) * 60deg);--code-to-hub:calc((2.5 - var(--cell-index)) * var(--code-pitch));border-radius:14px;place-items:center;min-width:0;font-size:24px;font-weight:600;line-height:1;display:grid}.code-cell[data-filled=true]{background:var(--surface-2);border-color:var(--muted)}.code-entry:focus-within .code-cell[data-active=true]{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}.code-entry[data-phase=error] .code-cell{border-color:var(--danger);background:var(--danger-soft)}.code-input{z-index:2;color:#0000;caret-color:#0000;width:100%;height:100%;font:inherit;text-align:center;background:0 0;border:0;border-radius:14px;outline:none;padding:0;font-size:16px;position:absolute;inset:0}.code-input::selection{background:0 0}.code-tile{border:1px solid var(--line-strong);background:var(--surface-2);width:56px;height:56px;color:var(--ok-ink);opacity:0;pointer-events:none;border-radius:50%;place-items:center;margin:-28px 0 0 -28px;display:grid;position:absolute;top:50%;left:50%}.code-tile-ok{background:var(--ok);opacity:0;border-radius:50%;transition:opacity .18s ease-out;position:absolute;inset:-1px}.code-tile-check{opacity:0;width:26px;height:26px;transition:opacity .16s ease-out 60ms,transform .22s cubic-bezier(.2,0,0,1) 60ms;position:relative;transform:scale(.6)}.code-entry[data-phase=verifying] .code-cells,.code-entry[data-phase=success] .code-cells{animation:.76s cubic-bezier(.16,.84,.3,1) both code-ring-spin}.code-entry[data-phase=verifying] .code-cell,.code-entry[data-phase=success] .code-cell{animation:.76s ease-in-out both code-cell-gather}.code-entry[data-phase=verifying] .code-tile{animation:.26s cubic-bezier(0,0,.2,1) .5s both code-tile-in,1.2s ease-in-out .76s infinite code-tile-pulse}.code-entry[data-phase=success] .code-tile{opacity:1;animation:.32s cubic-bezier(0,0,.2,1) code-tile-confirm}.code-entry[data-phase=success] .code-tile-ok,.code-entry[data-phase=success] .code-tile-check{opacity:1}.code-entry[data-phase=success] .code-tile-check{transform:scale(1)}.code-entry[data-phase=error] .code-cells{animation:.26s ease-out .2s code-shake}.code-entry[data-phase=error] .code-cell{animation:.28s cubic-bezier(0,0,.2,1) both code-cell-unfold}.code-entry[data-phase=error] .code-tile{animation:.16s ease-in forwards code-tile-out}@keyframes code-ring-spin{0%{transform:rotate(0)}to{transform:rotate(450deg)}}@keyframes code-cell-gather{0%{opacity:1;transform:translate(0)rotate(0)translate(0)scale(1)}36%,72%{transform:translateX(var(--code-to-hub)) rotate(var(--code-angle)) translateX(var(--code-orbit)) scale(.5);opacity:1}to{transform:translateX(var(--code-to-hub)) rotate(var(--code-angle)) translateX(0) scale(.12);opacity:0}}@keyframes code-cell-unfold{0%{transform:translateX(var(--code-to-hub)) rotate(var(--code-angle)) translateX(0) scale(.12);opacity:0}to{opacity:1;transform:translate(0)rotate(0)translate(0)scale(1)}}@keyframes code-tile-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes code-tile-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.06)}}@keyframes code-tile-confirm{0%{transform:scale(1)}45%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes code-tile-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes code-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}@media (width<=359px){.code-entry{--code-gap:6px}.code-cell{font-size:22px}}@media (prefers-reduced-motion:reduce){.code-entry[data-phase=verifying] .code-cells,.code-entry[data-phase=success] .code-cells,.code-entry[data-phase=error] .code-cells,.code-entry[data-phase=verifying] .code-cell,.code-entry[data-phase=success] .code-cell,.code-entry[data-phase=error] .code-cell,.code-entry[data-phase=verifying] .code-tile,.code-entry[data-phase=success] .code-tile,.code-entry[data-phase=error] .code-tile{animation:none}.code-entry[data-phase=verifying] .code-cells,.code-entry[data-phase=success] .code-cells{opacity:0}.code-entry[data-phase=verifying] .code-tile{opacity:1}.code-tile-ok,.code-tile-check{transition:none}}.auth-sent{overflow-wrap:anywhere;font-size:14px}.auth-actions{flex-wrap:wrap;justify-content:space-between;gap:8px 16px;display:flex}.auth-link{color:var(--accent);text-underline-offset:3px;padding:6px 2px;font-size:14px;font-weight:600;text-decoration:underline}.auth-link:disabled{color:var(--muted);cursor:not-allowed;text-decoration:none}.auth-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.sso-danger{color:var(--danger)}.account-sheet{flex-direction:column;gap:12px;display:flex}.account-sheet .account-card{margin-bottom:0}.account-hint{margin-bottom:8px;font-size:14px}.account-delete{margin-top:12px}.account-id{letter-spacing:.05em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.account-card .icon-btn{flex:none;margin-left:auto}.confirm-scrim{z-index:90}.confirm-sheet{z-index:91}.auth-facts{grid-template-columns:max-content 1fr;gap:6px 16px;font-size:14px;display:grid}.auth-facts dt{color:var(--muted)}.auth-result{background:var(--surface-2);white-space:pre-wrap;word-break:break-all;border-radius:12px;max-height:420px;padding:12px;font-size:12px;line-height:1.45;overflow:auto}.account-card{border:1px solid var(--line-strong);background:var(--surface);border-radius:14px;align-items:center;gap:14px;margin-bottom:12px;padding:14px;display:flex}.account-card>div{flex-direction:column;gap:2px;min-width:0;display:flex}.account-card .note{text-overflow:ellipsis;overflow:hidden}.avatar.lg{width:44px;height:44px;font-size:17px}.avatar.sm{width:26px;height:26px;font-size:12px}.soon-note{color:var(--fg-soft);font-size:14px;line-height:1.5}.city-list button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.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:auto;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))}}@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{width:32px;height:32px}.topbar .brand{min-width:0}.topbar .brand-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar>div{flex:none}.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{width:34px;height:34px}.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(6,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(--tabbar-h) + 16px)}.toolbar{top:64px}.book-detail{grid-template-columns:1fr}.book-detail .cover{max-width:200px}.surah-hero{grid-template-columns:1fr}.surah-hero .ar-name{order:-1}.hatm-feature{grid-template-columns:1fr}.app-cta{grid-template-columns:auto minmax(0,1fr)}.app-cta .btn,.app-cta>:last-child{grid-column:1/-1}.app-cta>:last-child>.i{display:none}.app-cta .store-badges{flex-wrap:wrap}.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}a.btn,a.chip,a.link,a.pager-link,a.book,a.srow{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}.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}.lang .lang-link{color:var(--muted);border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:600;text-decoration:none}@media (width<=400px){.topbar{gap:8px;padding-inline:12px}.topbar>div{gap:6px!important}.topbar .lang .lang-link{padding:4px 8px}.topbar .brand-name{font-size:16px}}@media (width<=340px){.topbar .brand-name{display: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}.theme-toggle .theme-moon,:root[data-theme=light] .theme-toggle .theme-sun{display:none}:root[data-theme=light] .theme-toggle .theme-moon{display:block}@media (prefers-color-scheme:light){:root:not([data-theme]) .theme-toggle .theme-sun{display:none}:root:not([data-theme]) .theme-toggle .theme-moon{display:block}}.rail-top{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.rail-top .brand{flex:1;min-width:0;padding-right:0}.rail-top .brand-name small{white-space:nowrap}.rail-top .theme-toggle{flex:none;margin-top:1px}.avatar{flex:none}.nav .external-mark{opacity:.55;margin-left:auto}.tabbar .external-mark{display:none}.continue-actions{gap:8px;display:flex}@media (width<=600px){.continue-actions{width:100%}.continue-actions>*{flex:1}}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}.nav-icon{flex:none;place-items:center;display:grid;position:relative}.nav a,.tabbar a{transition:scale .16s var(--ease), background-color var(--exit) var(--ease), color var(--exit) var(--ease)}.nav a:active,.tabbar a:active{scale:.97}.nav a .nav-icon svg,.tabbar a .nav-icon svg{transition:color var(--exit) var(--ease)}.tabbar .nav-icon{width:56px;height:30px}.tabbar .nav-icon:before{content:"";z-index:-1;background:var(--accent-soft);opacity:0;transition:opacity var(--exit) var(--ease), transform var(--enter) var(--ease);border-radius:16px;position:absolute;inset:0;transform:scaleX(.4)}.tabbar a[aria-current=page]{color:var(--fg)}.tabbar a[aria-current=page] .nav-icon{color:var(--accent)}.tabbar a[aria-current=page] .nav-icon:before{opacity:1;transform:none}.palette-close{border-radius:10px;flex:none;place-items:center;min-width:36px;min-height:36px;display:grid}.palette-close .i{display:none}.palette-empty{flex-direction:column;align-items:flex-start;gap:6px;padding:16px 18px;display:flex}.palette-empty .note{font-size:14px}.palette-empty .link{color:var(--accent);font-weight:600}@media (hover:none){.palette-close kbd{display:none}.palette-close .i{display:block}.palette-foot{display:none}}:root[data-app-banner=closed] .app-banner{display:none}.home-pro{color:inherit;text-decoration:none;display:none}.home-pro>div{flex:1;min-width:0}@media (width<=860px){.home-pro{display:flex}}.rail-row .account{flex:1;gap:8px;min-width:0;padding-inline:6px}.rail-row .lang{flex:none}.account-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.payment-marks{flex-wrap:wrap;align-items:center;gap:12px;width:100%;display:flex}.payment-marks .card-marks{gap:6px;display:inline-flex}.payment-marks .card-marks img{background:#fff;border-radius:4px}.payment-marks .secure-mark{color:var(--muted);border:1px solid var(--line-strong);border-radius:6px;padding:3px 7px;font-size:12px;font-weight:600}.pro-terms a{color:var(--accent)}.opens-app{margin:-8px 0 16px;font-size:13px}.legal{max-width:860px}.legal-nav{flex-wrap:wrap;gap:6px;display:flex}.legal-nav a{border:1px solid var(--line);color:var(--fg-soft);border-radius:999px;padding:6px 12px;font-size:13.5px;text-decoration:none}.legal-nav a[aria-current=page]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.legal-doc{flex-direction:column;gap:14px;max-width:72ch;line-height:1.65;display:flex}.legal-doc h1{text-wrap:balance;font-size:clamp(24px,3vw,32px);line-height:1.2}.legal-doc h2{margin-top:8px;font-size:18px}.legal-doc section{flex-direction:column;gap:8px;display:flex}.legal-doc ul,.legal-doc ol{gap:6px;margin:0;padding-left:22px;display:grid}.legal-doc ul{list-style:outside}.legal-doc ol{list-style:decimal}.legal-lead{color:var(--fg-soft);font-size:16px}.legal-details{border:1px solid var(--line);border-radius:14px;gap:0;margin:0;display:grid;overflow:hidden}.legal-details>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(120px,.6fr) minmax(0,1.4fr);gap:12px;padding:10px 14px;display:grid}.legal-details>div:last-child{border-bottom:0}.legal-details dt{color:var(--muted)}.legal-details dd{overflow-wrap:anywhere;margin:0}.legal-details a{color:var(--accent)}footer.site .payment-marks{order:3}.journey-cols{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.journey-main,.journey-side{flex-direction:column;gap:20px;min-width:0;display:flex}.today-card,.today-strip{background:radial-gradient(120% 140% at 100% 0%, var(--accent-soft), transparent 60%), var(--surface);flex-wrap:wrap;align-items:center;gap:16px;padding:20px;display:flex}.today-card h3,.today-strip h3{margin-top:2px;font-size:19px}.today-side{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.today-ok{min-height:28px}.streak-chip{background:var(--surface-2);border:1px solid var(--line-strong);border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:6px 12px;font-size:13.5px;font-weight:600;display:inline-flex}.streak-chip svg{color:var(--warn)}.btn,.chip,.icon-btn,.switch{min-height:44px}.icon-btn{min-width:44px}.goal-card,.cal,.settings,.learn-card{flex-direction:column;gap:14px;padding:20px;display:flex}.soft-row{cursor:pointer;align-items:flex-start;gap:12px;min-height:44px;display:flex}.soft-row input{width:22px;height:22px;accent-color:var(--accent);flex:none;margin-top:2px}.cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.cal-wd{text-align:center;color:var(--muted);padding:4px 0;font-size:12px}.cal-day{min-height:44px;color:var(--fg-soft);border:1px solid #0000;border-radius:12px;place-items:center;font-size:14px;display:grid}.cal-day.read{background:var(--accent-soft);color:var(--fg);box-shadow:inset 0 -3px 0 var(--accent);font-weight:600}.cal-day.today{border-color:var(--line-strong)}.cal-day.future{opacity:.45}.cal-day[aria-pressed=true]{border-color:var(--accent);outline:2px solid var(--accent-soft)}.cal-detail{border-top:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:8px;padding-top:14px;display:flex}.cal-row{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}@keyframes tree-grow{0%{opacity:0;transform:scale(.4)}}.list-cards{flex-direction:column;gap:10px;display:flex}.row-card{min-height:64px;color:inherit;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:flex}a.row-card:hover{border-color:var(--line-strong)}.plan-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.plan-card{color:inherit;flex-direction:column;gap:12px;padding:20px;text-decoration:none;display:flex}.plan-card .progress{margin-top:0}.plan-card .btn{align-self:flex-start;margin-top:auto}.day-list{flex-direction:column;display:flex}.day-row{min-height:52px;color:inherit;border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 16px;text-decoration:none;display:flex}.day-row:last-child{border-bottom:0}.day-row[aria-current=step]{background:var(--accent-soft)}.day-t{flex:1;min-width:0}.day-n{background:var(--surface-2);width:32px;height:32px;color:var(--fg-soft);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.day-n.done{background:var(--ok-soft);color:var(--ok)}.listen{gap:10px}.wave{align-items:center;gap:2px;height:18px;display:inline-flex}.wave i{background:var(--accent);border-radius:2px;width:3px;height:100%;transform:scaleY(.25)}.listen.on .wave i{animation:.6s ease-in-out infinite alternate wave}.listen.on .wave i:nth-child(2){animation-delay:.1s}.listen.on .wave i:nth-child(3){animation-delay:.2s}.listen.on .wave i:nth-child(4){animation-delay:.3s}.listen.on .wave i:nth-child(5){animation-delay:.4s}@keyframes wave{to{transform:scaleY(1)}}.finish-check{background:var(--ok-soft);width:64px;height:64px;color:var(--ok);animation:tree-grow .25s var(--ease) both;border-radius:50%;place-items:center;display:grid}.finish-check svg{width:32px;height:32px}.finish-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.streak-pop{animation:tree-grow .25s var(--ease) .15s both}.tree-grow{color:var(--ok);animation:tree-grow .25s var(--ease) .25s both}.set-row{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;display:flex}.switch{flex:none;width:52px;position:relative}.switch:before{content:"";background:var(--surface-2);border:1px solid var(--line-strong);border-radius:999px;position:absolute;inset:8px 0}.switch:after{content:"";background:var(--muted);width:20px;height:20px;transition:transform .18s var(--ease);border-radius:50%;position:absolute;top:12px;left:4px}.switch[aria-checked=true]:before{background:var(--accent-soft);border-color:var(--accent)}.switch[aria-checked=true]:after{background:var(--accent);transform:translate(24px)}.journey-hatm-note{font-size:14px}@media (width<=980px){.journey-cols,.pro-hero.paywall{grid-template-columns:1fr}}@media (width<=860px){.tabbar .nav-icon{width:44px}}@media (prefers-reduced-motion:reduce){.finish-check,.streak-pop,.tree-grow,.listen.on .wave i{animation:none}.listen.on .wave i{transform:scaleY(.7)}}@media (width<=560px){.today-card,.today-strip{flex-flow:column;align-items:stretch}.today-card>*,.today-strip>*{width:100%;min-width:0;flex:none!important}.today-side{justify-content:space-between}}.map-hero{background:linear-gradient(180deg, #ffffff08, transparent), var(--surface);flex-direction:column;gap:14px;margin-bottom:20px;padding:20px;display:flex}.map-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.map-head h2{margin-top:2px;font-size:24px}.lens-toggle{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:3px;display:inline-flex}.lens-toggle button{min-height:36px;color:var(--fg-soft);transition:background-color .2s var(--ease);border-radius:999px;padding:0 16px;font-size:13.5px;font-weight:600}.lens-toggle button[aria-pressed=true]{background:var(--accent-soft);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line-strong)}.map-surahs{background:var(--bg-raised);border-radius:14px;width:100%;max-height:560px;margin-bottom:0;position:relative;overflow:hidden}.map-tile{border:1px solid var(--bg-raised);background:var(--fg);border-radius:4px;padding:0;position:absolute}@supports (color:color-mix(in lab, red, red)){.map-tile{background:color-mix(in srgb, var(--fg) 14%, transparent)}}.map-tile{color:var(--fg-soft);min-width:0;min-height:0;transition:opacity .2s var(--ease);justify-content:flex-start;align-items:flex-start;font-size:11px;display:flex}.map-tile-num{opacity:.95;padding:3px 5px}.map-tile.is-read,.map-cell.is-read,.map-swatch.is-read{background:#39a9de47}.map-tile.is-memorising,.map-cell.is-memorising,.map-swatch.is-memorising{background:#39a9de8c}.map-tile.is-memorised,.map-cell.is-memorised,.map-swatch.is-memorised{background:var(--accent);color:var(--accent-ink)}.map-tile.is-last,.map-cell.is-last{outline:2px solid var(--gold);outline-offset:-2px;z-index:1}.map-tile[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--fg);z-index:2}.map-tile:focus-visible,.map-cell:focus-visible{outline:2px solid var(--fg);outline-offset:-2px;z-index:3}.map-pages-scroll{background:var(--bg-raised);border-radius:14px;overflow-x:auto}.map-pages{aspect-ratio:21/15;gap:2px;min-width:640px;padding:6px;display:grid}.map-cell{background:var(--fg);border-radius:1px;min-width:0;min-height:0;padding:0}@supports (color:color-mix(in lab, red, red)){.map-cell{background:color-mix(in srgb, var(--fg) 11%, transparent)}}.map-juz-label{color:var(--muted);align-items:center;font-size:9px;display:flex}.map-legend{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;font-size:12.5px;list-style:none;display:flex}.map-legend li{align-items:center;gap:6px;display:inline-flex}.map-swatch{background:var(--fg);border-radius:3px;width:14px;height:14px}@supports (color:color-mix(in lab, red, red)){.map-swatch{background:color-mix(in srgb, var(--fg) 11%, transparent)}}.map-swatch{border:1px solid var(--line-strong)}.map-detail{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:8px;padding:14px;display:flex}.map-detail-title{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.map-detail-title .ar{font-size:22px}.map-detail-actions{flex-wrap:wrap;gap:10px;display:flex}@media (width<=560px){.map-hero{padding:14px}.map-surahs{max-height:none}}.map-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.map-stat{flex-direction:column;gap:4px;min-width:0;padding:14px 16px;display:flex}.map-stat b{font-size:24px;font-weight:650;line-height:1.15}.map-stat .note{font-size:12.5px}.map-stats,.map-history,.map-juz{flex-direction:column;gap:14px;padding:20px;display:flex}.map-goal{align-items:center;gap:18px;display:flex}.map-ring{flex:none;width:96px;height:96px}.map-ring circle{fill:none;stroke-width:9px}.map-ring-track{stroke:var(--surface-2)}.map-ring-fill{stroke:var(--accent);stroke-linecap:round}.map-goal-text{flex-direction:column;gap:6px;min-width:0;display:flex}.map-goal-text b{font-size:22px}.map-week{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:8px;display:grid}.map-week-col{flex-direction:column;align-items:center;gap:6px;display:flex}.map-week-bar{background:var(--surface-2);border-radius:6px;flex-direction:column-reverse;width:100%;max-width:28px;height:84px;display:flex;overflow:hidden}.map-week-bar i{width:100%;display:block}.map-week-bar .is-read{background:#39a9de8c}.map-week-bar .is-listen{background:#39a9de47}.map-week-col.is-today .note{color:var(--fg);font-weight:700}.heat-scroll{margin:-4px;padding:4px;overflow-x:auto}.heat-grid{gap:4px;width:100%;min-width:300px;display:flex}.heat-col{flex-direction:column;flex:1 1 0;gap:4px;display:flex}.heat-cell{aspect-ratio:1;background:var(--fg);border-radius:4px;min-height:0;padding:0}@supports (color:color-mix(in lab, red, red)){.heat-cell{background:color-mix(in srgb, var(--fg) 9%, transparent)}}.heat-cell:disabled{opacity:.3}.heat-cell.level-1{background:#39a9de47}.heat-cell.level-2{background:#39a9de8c}.heat-cell.level-3{background:var(--accent)}.heat-cell.is-today{background-image:radial-gradient(circle, var(--fg-soft) 1.5px, transparent 2px)}.heat-cell[aria-pressed=true]{outline:2px solid var(--fg);outline-offset:-2px}.strength-row{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px 12px;margin:0;padding:0;list-style:none;display:grid}.strength-row li{align-items:center;gap:6px;min-width:0;display:flex}.strength-row .note{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.strength-dot{background:var(--surface-2);width:9px;height:9px;box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:50%;flex:none}.strength-dot.is-weak{background:#39a9de47}.strength-dot.is-mid{background:#39a9de8c}.strength-dot.is-strong{background:var(--accent)}@media (width<=860px){.map-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.map-mini{background:var(--bg-raised);border:1px solid var(--line);border-radius:10px;width:100%;height:64px;display:block}.map-mini-tile{fill:var(--surface-2)}.map-mini-tile.is-read{fill:#39a9de52}.map-mini-tile.is-memorising{fill:#39a9de94}.map-mini-tile.is-memorised{fill:var(--accent)}.map-mini-tile.is-focus{stroke:var(--gold);stroke-width:1.6px;animation:map-pulse .25s var(--ease) both}@keyframes map-pulse{0%{opacity:.2}}.finish-progress{text-align:left;flex-direction:column;gap:6px;width:100%;max-width:360px;display:flex}.finish-progress .progress{margin-top:0}.finish-progress .progress i{transform-origin:0;animation:bar-advance .25s var(--ease) .2s both}@keyframes bar-advance{0%{opacity:.4;transform:scaleX(.7)}}@media (prefers-reduced-motion:reduce){.map-mini-tile.is-focus,.finish-progress .progress i{animation:none}}.journey-prompt{background:radial-gradient(120% 140% at 100% 0%, var(--accent-soft), transparent 60%), var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.journey-prompt h2{margin-bottom:4px;font-size:19px}.journey-prompt .note{max-width:56ch}.journey-skeleton{flex-direction:column;gap:20px;display:flex}.jskel{background:linear-gradient(90deg, var(--surface) 0%, var(--surface-2) 50%, var(--surface) 100%);background-size:200% 100%;border-radius:20px;animation:1.6s linear infinite shimmer}.jskel-map{aspect-ratio:4/3;max-height:520px}.jskel-tile{min-height:92px}.jskel-block{min-height:160px}.local-note{margin:-6px 0 10px;font-size:13px}.paper-form{grid-template-columns:minmax(0,1fr) minmax(0,120px);gap:10px 12px;display:grid}.paper-form .auth-form{gap:4px;min-width:0}.paper-form .note{font-size:12px}.paper-actions{background:var(--bg-raised);flex-wrap:wrap;grid-column:1/-1;gap:10px;padding:12px 0 0;display:flex;position:sticky;bottom:-24px}@media (prefers-reduced-motion:reduce){.jskel{animation: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-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}