/*! 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)))){*,::backdrop,:after,:before{--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-leading:initial;--tw-font-weight: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{:host,:root{--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;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-bold:700;--leading-relaxed:1.625;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-2{margin-left:calc(var(--spacing) * 2)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.w-7{width:calc(var(--spacing) * 7)}.max-w-lg{max-width:var(--container-lg)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.justify-center{justify-content:center}.gap-3{gap:calc(var(--spacing) * 3)}.border{border-style:var(--tw-border-style);border-width:1px}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-24{padding-block:calc(var(--spacing) * 24)}.text-center{text-align:center}.align-top{vertical-align:top}.font-\[family-name\:var\(--font-quran\)\]{font-family:var(--font-quran)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--gold\)\]{color:var(--gold)}.text-\[var\(--muted\)\]{color:var(--muted)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sepia{--tw-sepia:sepia(100%)}.filter,.sepia{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:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/amiri-arabic-400-normal.24e80ef3.woff2)format("woff2"),url(/_next/static/media/amiri-arabic-400-normal.f3811773.woff)format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/amiri-arabic-700-normal.70542f03.woff2)format("woff2"),url(/_next/static/media/amiri-arabic-700-normal.0b63fe59.woff)format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/noto-sans-arabic-arabic-400-normal.57f9700e.woff2)format("woff2"),url(/_next/static/media/noto-sans-arabic-arabic-400-normal.678fc73e.woff)format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/noto-sans-arabic-arabic-500-normal.011261a8.woff2)format("woff2"),url(/_next/static/media/noto-sans-arabic-arabic-500-normal.53034109.woff)format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(/_next/static/media/noto-sans-arabic-arabic-600-normal.73df94f4.woff2)format("woff2"),url(/_next/static/media/noto-sans-arabic-arabic-600-normal.0ca34af6.woff)format("woff")}:root{--font-quran:"Amiri",serif;--font-ui:"Noto Sans Arabic",sans-serif;--islamic-pattern-size:100px;--islamic-pattern-fine-size:75px;--islamic-pattern-image:url(/patterns/arabesque.svg);--islamic-pattern-fine:url(/patterns/arabesque-fine.svg);--islamic-pattern-opacity:.24;--islamic-pattern-accent-opacity:.3;--index-pattern-opacity:.34;--index-pattern-accent:.38}[data-palette=classic]{--background:#cfc6b8;--background-pattern:#164a3117;--foreground:#1c1510;--muted:#5e574f;--accent:#164a31;--accent-soft:#164a311c;--gold:#9a6524;--gold-rgb:154 101 36;--gold-light:#c8923e;--border:#b5a894;--surface:#fffcf7;--surface-elevated:#fff;--ayah-highlight:#9a652429;--marker-bg:#9a65241c;--marker-border:#9a652461;--header-bg:#fffcf7f0;--overlay:#1c151070;--shadow:#1c151024;--input-bg:#f3ece0;--card-hover:#164a3112;--on-accent:#fff;--mushaf-paper:#fff6e8;--mushaf-paper-edge:#e6d8c0;--mushaf-frame:#c8923e;--mushaf-frame-inner:#164a31;--mushaf-text:#141010;--islamic-pattern-image:url(/patterns/arabesque.svg);--islamic-pattern-fine:url(/patterns/arabesque-fine.svg);--islamic-pattern-size:100px;--islamic-pattern-fine-size:75px;--islamic-pattern-opacity:.24;--islamic-pattern-accent-opacity:.3;--index-pattern-opacity:.34;--index-pattern-accent:.38}[data-theme=dark][data-palette=classic]{--background:#0c0b09;--background-pattern:#c8923e0f;--foreground:#ece7dc;--muted:#a39a8e;--accent:#7cb86a;--accent-soft:#7cb86a21;--gold:#d4a44a;--gold-rgb:212 164 74;--gold-light:#e8c078;--border:#2e2a24;--surface:#171512;--surface-elevated:#201d18;--ayah-highlight:#d4a44a24;--marker-bg:#d4a44a1a;--marker-border:#d4a44a57;--header-bg:#0c0b09f0;--overlay:#0000009e;--shadow:#0000007a;--input-bg:#1c1915;--card-hover:#7cb86a17;--on-accent:#0c0b09;--mushaf-paper:#151310;--mushaf-paper-edge:#221e18;--mushaf-frame:#b88432;--mushaf-frame-inner:#7cb86a;--mushaf-text:#ece7dc;--islamic-pattern-opacity:.2;--islamic-pattern-accent-opacity:.26;--index-pattern-opacity:.28;--index-pattern-accent:.32}[data-palette=sepia]{--background:#c9b79a;--background-pattern:#6b3a221a;--foreground:#2a1810;--muted:#6f5848;--accent:#6b3a22;--accent-soft:#6b3a221c;--gold:#b8860b;--gold-rgb:184 134 11;--gold-light:#d4a832;--border:#a89078;--surface:#faf4e8;--surface-elevated:#fffdf8;--ayah-highlight:#b8860b26;--marker-bg:#b8860b1a;--marker-border:#b8860b5c;--header-bg:#faf4e8f0;--overlay:#2a181070;--shadow:#2a181024;--input-bg:#efe4d2;--card-hover:#6b3a2214;--on-accent:#fff8f0;--mushaf-paper:#fff9ef;--mushaf-paper-edge:#e0ccb0;--mushaf-frame:#b8860b;--mushaf-frame-inner:#6b3a22;--mushaf-text:#241610;--islamic-pattern-image:url(/patterns/sepia.svg);--islamic-pattern-fine:url(/patterns/sepia-fine.svg);--islamic-pattern-size:96px;--islamic-pattern-fine-size:72px;--islamic-pattern-opacity:.28;--islamic-pattern-accent-opacity:.34;--index-pattern-opacity:.36;--index-pattern-accent:.4}[data-theme=dark][data-palette=sepia]{--background:#12100c;--background-pattern:#d4a8320f;--foreground:#e8dcc8;--muted:#a89880;--accent:#d4a878;--accent-soft:#d4a8781f;--gold:#e0b840;--gold-rgb:224 184 64;--gold-light:#ecd068;--border:#302820;--surface:#1a1610;--surface-elevated:#242018;--ayah-highlight:#e0b84021;--marker-bg:#e0b84017;--marker-border:#e0b84052;--header-bg:#12100cf0;--overlay:#000000a3;--shadow:#0000007a;--input-bg:#201c16;--card-hover:#d4a87817;--on-accent:#12100c;--mushaf-paper:#181410;--mushaf-paper-edge:#282018;--mushaf-frame:#c89830;--mushaf-frame-inner:#d4a878;--mushaf-text:#e8dcc8;--islamic-pattern-opacity:.22;--islamic-pattern-accent-opacity:.28;--index-pattern-opacity:.3;--index-pattern-accent:.34}[data-palette=oasis]{--background:#b8cfc4;--background-pattern:#d4920a1c;--foreground:#0e241c;--muted:#4a6458;--accent:#0f6b54;--accent-soft:#0f6b541c;--gold:#d4920a;--gold-rgb:212 146 10;--gold-light:#e8ae38;--border:#8eb0a0;--surface:#f8fffb;--surface-elevated:#fff;--ayah-highlight:#d4920a24;--marker-bg:#0f6b5417;--marker-border:#d4920a52;--header-bg:#f8fffbf0;--overlay:#0e241c6b;--shadow:#0e241c1f;--input-bg:#e6f2ec;--card-hover:#0f6b5414;--on-accent:#fff;--mushaf-paper:#fffdf6;--mushaf-paper-edge:#d4e8dc;--mushaf-frame:#d4920a;--mushaf-frame-inner:#0f6b54;--mushaf-text:#0c2018;--islamic-pattern-image:url(/patterns/oasis.svg);--islamic-pattern-fine:url(/patterns/oasis-fine.svg);--islamic-pattern-size:88px;--islamic-pattern-fine-size:88px;--islamic-pattern-opacity:.22;--islamic-pattern-accent-opacity:.3;--index-pattern-opacity:.32;--index-pattern-accent:.36}[data-theme=dark][data-palette=oasis]{--background:#08110e;--background-pattern:#e8ae380f;--foreground:#dceee6;--muted:#88a898;--accent:#5ec4a4;--accent-soft:#5ec4a41f;--gold:#e8ae38;--gold-rgb:232 174 56;--gold-light:#f0c860;--border:#1e3028;--surface:#101814;--surface-elevated:#182018;--ayah-highlight:#e8ae381f;--marker-bg:#5ec4a417;--marker-border:#e8ae384d;--header-bg:#08110ef0;--overlay:#000000a3;--shadow:#0000007a;--input-bg:#141c18;--card-hover:#5ec4a417;--on-accent:#08110e;--mushaf-paper:#101814;--mushaf-paper-edge:#1c2820;--mushaf-frame:#e8ae38;--mushaf-frame-inner:#5ec4a4;--mushaf-text:#dceee6;--islamic-pattern-opacity:.18;--islamic-pattern-accent-opacity:.24;--index-pattern-opacity:.26;--index-pattern-accent:.3}[data-palette=midnight]{--background:#b8c0cc;--background-pattern:#a67c4a1c;--foreground:#101828;--muted:#4e5a6a;--accent:#1a3560;--accent-soft:#1a35601c;--gold:#a67c4a;--gold-rgb:166 124 74;--gold-light:#c49a68;--border:#94a4b8;--surface:#f8faff;--surface-elevated:#fff;--ayah-highlight:#a67c4a24;--marker-bg:#1a356017;--marker-border:#a67c4a52;--header-bg:#f8fafff0;--overlay:#1018286b;--shadow:#1018281f;--input-bg:#e8eef6;--card-hover:#1a356014;--on-accent:#fff;--mushaf-paper:#fffaf5;--mushaf-paper-edge:#d4dce8;--mushaf-frame:#a67c4a;--mushaf-frame-inner:#1a3560;--mushaf-text:#0c1420;--islamic-pattern-image:url(/patterns/midnight.svg);--islamic-pattern-fine:url(/patterns/midnight-fine.svg);--islamic-pattern-size:100px;--islamic-pattern-fine-size:80px;--islamic-pattern-opacity:.26;--islamic-pattern-accent-opacity:.32;--index-pattern-opacity:.34;--index-pattern-accent:.38}[data-theme=dark][data-palette=midnight]{--background:#0a0e14;--background-pattern:#c49a5a0f;--foreground:#dce4f0;--muted:#8898a8;--accent:#7a9fd4;--accent-soft:#7a9fd41f;--gold:#c49a68;--gold-rgb:196 154 104;--gold-light:#d8b488;--border:#1e2838;--surface:#121820;--surface-elevated:#1a2230;--ayah-highlight:#c49a681f;--marker-bg:#7a9fd417;--marker-border:#c49a684d;--header-bg:#0a0e14f0;--overlay:#000000a3;--shadow:#0000007a;--input-bg:#161c28;--card-hover:#7a9fd417;--on-accent:#0a0e14;--mushaf-paper:#121820;--mushaf-paper-edge:#1c2838;--mushaf-frame:#c49a68;--mushaf-frame-inner:#7a9fd4;--mushaf-text:#dce4f0;--islamic-pattern-opacity:.22;--islamic-pattern-accent-opacity:.28;--index-pattern-opacity:.3;--index-pattern-accent:.34}[data-palette=rose]{--background:#c8b0b8;--background-pattern:#c4785a1a;--foreground:#281018;--muted:#6a5058;--accent:#7a2848;--accent-soft:#7a28481c;--gold:#c4785a;--gold-rgb:196 120 90;--gold-light:#d89878;--border:#a89098;--surface:#fff8fa;--surface-elevated:#fff;--ayah-highlight:#c4785a24;--marker-bg:#7a284817;--marker-border:#c4785a52;--header-bg:#fff8faf0;--overlay:#2810186b;--shadow:#2810181f;--input-bg:#f4e8ec;--card-hover:#7a284814;--on-accent:#fff;--mushaf-paper:#fff5f7;--mushaf-paper-edge:#e8d0d8;--mushaf-frame:#c4785a;--mushaf-frame-inner:#7a2848;--mushaf-text:#201018;--islamic-pattern-image:url(/patterns/rose.svg);--islamic-pattern-fine:url(/patterns/rose-fine.svg);--islamic-pattern-size:100px;--islamic-pattern-fine-size:70px;--islamic-pattern-opacity:.28;--islamic-pattern-accent-opacity:.34;--index-pattern-opacity:.36;--index-pattern-accent:.4}[data-theme=dark][data-palette=rose]{--background:#120c10;--background-pattern:#d898780f;--foreground:#f0e4e8;--muted:#a89098;--accent:#d888a8;--accent-soft:#d888a81f;--gold:#d89878;--gold-rgb:216 152 120;--gold-light:#e8b898;--border:#302028;--surface:#1a1218;--surface-elevated:#241820;--ayah-highlight:#d898781f;--marker-bg:#d888a817;--marker-border:#d898784d;--header-bg:#120c10f0;--overlay:#000000a3;--shadow:#0000007a;--input-bg:#201820;--card-hover:#d888a817;--on-accent:#120c10;--mushaf-paper:#181018;--mushaf-paper-edge:#282028;--mushaf-frame:#d89878;--mushaf-frame-inner:#d888a8;--mushaf-text:#f0e4e8;--islamic-pattern-opacity:.22;--islamic-pattern-accent-opacity:.28;--index-pattern-opacity:.3;--index-pattern-accent:.34}[data-palette=forest]{--background:#e3f2fd;--background-pattern:#ffb74d24;--foreground:#2c3e50;--muted:#6b8299;--accent:#42a5f5;--accent-soft:#42a5f524;--gold:#ffb74d;--gold-rgb:255 183 77;--gold-light:#ffcc80;--border:#90caf9;--surface:#fffbf5;--surface-elevated:#fff;--ayah-highlight:#ffb74d33;--marker-bg:#42a5f51c;--marker-border:#ffb74d61;--header-bg:#fffbf5f5;--overlay:#2c3e5066;--shadow:#42a5f529;--input-bg:#f0f8ff;--card-hover:#42a5f51c;--on-accent:#fff;--mushaf-paper:#fffef8;--mushaf-paper-edge:#bbdefb;--mushaf-frame:#ffb74d;--mushaf-frame-inner:#42a5f5;--mushaf-text:#1a2a3a;--islamic-pattern-image:url(/patterns/forest.svg);--islamic-pattern-fine:url(/patterns/forest-fine.svg);--islamic-pattern-size:120px;--islamic-pattern-fine-size:80px;--islamic-pattern-opacity:.32;--islamic-pattern-accent-opacity:.38;--index-pattern-opacity:.38;--index-pattern-accent:.42}[data-theme=dark][data-palette=forest]{--background:#1a2744;--background-pattern:#ffd54f14;--foreground:#e8f4ff;--muted:#94b8d8;--accent:#64b5f6;--accent-soft:#64b5f624;--gold:#ffd54f;--gold-rgb:255 213 79;--gold-light:#ffe082;--border:#3d5a80;--surface:#243555;--surface-elevated:#2d4060;--ayah-highlight:#ffd54f24;--marker-bg:#64b5f61f;--marker-border:#ffd54f52;--header-bg:#1a2744f5;--overlay:#00000094;--shadow:#0000006b;--input-bg:#2a3d5c;--card-hover:#64b5f61f;--on-accent:#102038;--mushaf-paper:#1e3050;--mushaf-paper-edge:#3d5a80;--mushaf-frame:#ffd54f;--mushaf-frame-inner:#64b5f6;--mushaf-text:#e8f4ff;--islamic-pattern-opacity:.24;--islamic-pattern-accent-opacity:.3;--index-pattern-opacity:.3;--index-pattern-accent:.34}[data-palette=royal]{--background:#b8b0c8;--background-pattern:#b8942e1a;--foreground:#181028;--muted:#585068;--accent:#4a2878;--accent-soft:#4a28781c;--gold:#b8942e;--gold-rgb:184 148 46;--gold-light:#d0b048;--border:#9890a8;--surface:#faf8ff;--surface-elevated:#fff;--ayah-highlight:#b8942e24;--marker-bg:#4a287817;--marker-border:#b8942e52;--header-bg:#faf8fff0;--overlay:#1810286b;--shadow:#1810281f;--input-bg:#ece8f4;--card-hover:#4a287814;--on-accent:#fff;--mushaf-paper:#f8f5ff;--mushaf-paper-edge:#d4cce8;--mushaf-frame:#b8942e;--mushaf-frame-inner:#4a2878;--mushaf-text:#141020;--islamic-pattern-image:url(/patterns/royal.svg);--islamic-pattern-fine:url(/patterns/royal-fine.svg);--islamic-pattern-size:100px;--islamic-pattern-fine-size:75px;--islamic-pattern-opacity:.28;--islamic-pattern-accent-opacity:.34;--index-pattern-opacity:.36;--index-pattern-accent:.4}[data-theme=dark][data-palette=royal]{--background:#0e0c14;--background-pattern:#d0b0480f;--foreground:#e8e4f0;--muted:#9088a0;--accent:#a888d8;--accent-soft:#a888d81f;--gold:#d0b048;--gold-rgb:208 176 72;--gold-light:#e0c868;--border:#282030;--surface:#161420;--surface-elevated:#201c28;--ayah-highlight:#d0b0481f;--marker-bg:#a888d817;--marker-border:#d0b0484d;--header-bg:#0e0c14f0;--overlay:#000000a3;--shadow:#0000007a;--input-bg:#1c1824;--card-hover:#a888d817;--on-accent:#0e0c14;--mushaf-paper:#141220;--mushaf-paper-edge:#242030;--mushaf-frame:#d0b048;--mushaf-frame-inner:#a888d8;--mushaf-text:#e8e4f0;--islamic-pattern-opacity:.22;--islamic-pattern-accent-opacity:.28;--index-pattern-opacity:.3;--index-pattern-accent:.34}[data-palette=desert]{--background:#c8b898;--background-pattern:#a848281a;--foreground:#281808;--muted:#685848;--accent:#a84828;--accent-soft:#a848281c;--gold:#c8a030;--gold-rgb:200 160 48;--gold-light:#e0b848;--border:#a89878;--surface:#fffaf2;--surface-elevated:#fff;--ayah-highlight:#c8a03024;--marker-bg:#a8482817;--marker-border:#c8a03052;--header-bg:#fffaf2f0;--overlay:#2818086b;--shadow:#2818081f;--input-bg:#f0e8d8;--card-hover:#a8482814;--on-accent:#fff;--mushaf-paper:#fff8ee;--mushaf-paper-edge:#e0d0b0;--mushaf-frame:#c8a030;--mushaf-frame-inner:#a84828;--mushaf-text:#201408;--islamic-pattern-image:url(/patterns/desert.svg);--islamic-pattern-fine:url(/patterns/desert-fine.svg);--islamic-pattern-size:100px;--islamic-pattern-fine-size:80px;--islamic-pattern-opacity:.3;--islamic-pattern-accent-opacity:.36;--index-pattern-opacity:.38;--index-pattern-accent:.42}[data-theme=dark][data-palette=desert]{--background:#141008;--background-pattern:#e0b8480f;--foreground:#f0e8d8;--muted:#a89880;--accent:#d88868;--accent-soft:#d888681f;--gold:#e0b848;--gold-rgb:224 184 72;--gold-light:#ecd068;--border:#302820;--surface:#1c1810;--surface-elevated:#282018;--ayah-highlight:#e0b8481f;--marker-bg:#d8886817;--marker-border:#e0b8484d;--header-bg:#141008f0;--overlay:#000000a3;--shadow:#0000007a;--input-bg:#242018;--card-hover:#d8886817;--on-accent:#141008;--mushaf-paper:#181410;--mushaf-paper-edge:#282018;--mushaf-frame:#e0b848;--mushaf-frame-inner:#d88868;--mushaf-text:#f0e8d8;--islamic-pattern-opacity:.24;--islamic-pattern-accent-opacity:.3;--index-pattern-opacity:.32;--index-pattern-accent:.36}[data-palette=marble]{--background:#b8c4c4;--background-pattern:#3d686817;--foreground:#182020;--muted:#566868;--accent:#3d6868;--accent-soft:#3d68681c;--gold:#7a9898;--gold-rgb:122 152 152;--gold-light:#9ab0b0;--border:#98a8a8;--surface:#f5fafa;--surface-elevated:#fff;--ayah-highlight:#7a989824;--marker-bg:#3d686817;--marker-border:#7a989852;--header-bg:#f5fafaf0;--overlay:#1820206b;--shadow:#1820201f;--input-bg:#e8f0f0;--card-hover:#3d686814;--on-accent:#fff;--mushaf-paper:#f0f8f8;--mushaf-paper-edge:#c8d8d8;--mushaf-frame:#9ab0b0;--mushaf-frame-inner:#3d6868;--mushaf-text:#141818;--islamic-pattern-image:url(/patterns/marble.svg);--islamic-pattern-fine:url(/patterns/marble-fine.svg);--islamic-pattern-size:120px;--islamic-pattern-fine-size:90px;--islamic-pattern-opacity:.2;--islamic-pattern-accent-opacity:.26;--index-pattern-opacity:.28;--index-pattern-accent:.32}[data-theme=dark][data-palette=marble]{--background:#0e1414;--background-pattern:#9ab0b00f;--foreground:#e8f0f0;--muted:#889898;--accent:#78a8a8;--accent-soft:#78a8a81f;--gold:#9ab0b0;--gold-rgb:154 176 176;--gold-light:#b0c4c4;--border:#283030;--surface:#141c1c;--surface-elevated:#1c2828;--ayah-highlight:#9ab0b01f;--marker-bg:#78a8a817;--marker-border:#9ab0b04d;--header-bg:#0e1414f0;--overlay:#000000a3;--shadow:#0000007a;--input-bg:#1c2828;--card-hover:#78a8a817;--on-accent:#0e1414;--mushaf-paper:#121818;--mushaf-paper-edge:#243030;--mushaf-frame:#9ab0b0;--mushaf-frame-inner:#78a8a8;--mushaf-text:#e8f0f0;--islamic-pattern-opacity:.16;--islamic-pattern-accent-opacity:.22;--index-pattern-opacity:.24;--index-pattern-accent:.28}html{scroll-behavior:smooth;background-color:var(--background);color-scheme:light;scrollbar-width:thin;scrollbar-color:rgb(var(--gold-rgb)/42%) transparent;min-height:100%}[data-theme=dark]{color-scheme:dark}*{scrollbar-width:thin;scrollbar-color:rgb(var(--gold-rgb)/42%) transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgb(var(--gold-rgb)/38%);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgb(var(--gold-rgb)/62%)}[data-theme=dark] *{scrollbar-color:rgb(var(--gold-rgb)/48%) transparent}[data-theme=dark] ::-webkit-scrollbar-thumb{background:rgb(var(--gold-rgb)/46%)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:rgb(var(--gold-rgb)/70%)}html:before{background-color:var(--accent);opacity:var(--islamic-pattern-opacity);-webkit-mask-image:var(--islamic-pattern-image);mask-image:var(--islamic-pattern-image);-webkit-mask-size:var(--islamic-pattern-size) var(--islamic-pattern-size);mask-size:var(--islamic-pattern-size) var(--islamic-pattern-size)}html:after,html:before{content:"";z-index:0;pointer-events:none;background-attachment:fixed;position:fixed;inset:0;-webkit-mask-repeat:repeat;mask-repeat:repeat}html:after{opacity:var(--islamic-pattern-accent-opacity);background-color:var(--gold);-webkit-mask-image:var(--islamic-pattern-fine);mask-image:var(--islamic-pattern-fine);-webkit-mask-size:var(--islamic-pattern-fine-size) var(--islamic-pattern-fine-size);mask-size:var(--islamic-pattern-fine-size) var(--islamic-pattern-fine-size);-webkit-mask-position:calc(var(--islamic-pattern-fine-size) / 2) calc(var(--islamic-pattern-fine-size) / 2);mask-position:calc(var(--islamic-pattern-fine-size) / 2) calc(var(--islamic-pattern-fine-size) / 2)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{z-index:1;color:var(--foreground);font-family:var(--font-ui),system-ui,sans-serif;background-color:#0000;min-height:100dvh;position:relative}.quran-text{font-family:var(--font-quran),"Amiri","Noto Naskh Arabic",serif;letter-spacing:.018em;word-spacing:.1em;font-size:clamp(1.45rem,4.2vw,1.9rem);line-height:2.45}.surah-title{letter-spacing:.025em;background:linear-gradient(180deg,var(--foreground) 30%,var(--gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1.35}[data-theme=dark] .surah-title{background:linear-gradient(180deg,var(--foreground) 20%,var(--accent));-webkit-background-clip:text;background-clip:text}.app-header{z-index:40;background:var(--surface);position:sticky;top:0}@supports (color:color-mix(in lab,red,red)){.app-header{background:color-mix(in srgb,var(--surface) 82%,transparent)}}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--gold-light);box-shadow:inset 0 -1px 0 var(--mushaf-frame-inner),0 4px 20px #0000000a}.app-header-inner{justify-content:space-between;gap:.75rem;max-width:56rem;margin-inline:auto;padding:.65rem 1rem}.app-header-inner,.app-logo{align-items:center;display:flex}.app-logo{min-width:0;color:var(--foreground);gap:.6rem;text-decoration:none;transition:opacity .15s}.app-logo:hover{opacity:.88}.app-logo-mark{width:2.35rem;height:2.35rem;color:var(--gold);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.app-logo-mark-ring{border:2px solid var(--gold);background:radial-gradient(circle at 32% 28%,#ffffff6b,transparent 58%),conic-gradient(from 210deg,var(--surface-elevated),rgb(var(--gold-rgb)/18%),var(--surface-elevated));box-shadow:0 0 0 1px var(--mushaf-paper,var(--surface)),0 0 0 2px var(--gold-light),inset 0 1px 0 #ffffff73;border-radius:9999px;position:absolute;inset:0}.app-logo-mark-ring:before{content:"";border:1px solid rgb(var(--gold-rgb)/42%);border-radius:9999px;position:absolute;inset:3px}.app-logo-mark-icon{z-index:1;color:var(--gold);text-shadow:0 1px #fff6;font-size:1.05rem;line-height:1;position:relative}.locale-gate{display:none}html[data-locale-pending="1"]{overflow:hidden}html[data-locale-pending="1"] .locale-gate{z-index:90;background:radial-gradient(ellipse at 50% 0,rgb(var(--gold-rgb)/14%),transparent 46%),var(--surface);padding:2.75rem 1.25rem 3rem;display:flex;position:fixed;inset:0;overflow:auto}.locale-gate-inner{flex-direction:column;align-items:center;width:min(54rem,100%);margin:auto;display:flex}.locale-gate-mark{width:4.6rem;height:4.6rem;color:var(--gold);margin-bottom:1.15rem}.locale-gate-mark .app-logo-mark-icon{font-size:1.9rem}.locale-gate-title-row{align-items:center;gap:.9rem;width:min(100%,34rem);margin-bottom:1.85rem;display:flex}.locale-gate-rule{background:linear-gradient(90deg,transparent,var(--gold),var(--gold-light));flex:1;height:1px}.locale-gate-title-row .locale-gate-rule:last-child{background:linear-gradient(90deg,var(--gold-light),var(--gold),transparent)}.locale-gate-title{font-family:var(--font-quran),serif;color:var(--accent);white-space:nowrap;margin:0;font-size:clamp(2.05rem,5vw,3.15rem);font-weight:700;line-height:1.15}.locale-gate-grid{grid-template-columns:repeat(auto-fill,minmax(9.4rem,1fr));gap:.7rem;width:100%;display:grid}.locale-gate-tile{border:1px solid rgb(var(--gold-rgb)/30%);background:var(--surface);border-radius:.9rem;flex-direction:column;justify-content:center;align-items:center;gap:.22rem;min-height:5.1rem;padding:.8rem .65rem;display:flex}@supports (color:color-mix(in lab,red,red)){.locale-gate-tile{background:color-mix(in srgb,var(--surface) 88%,var(--background))}}.locale-gate-tile{color:var(--foreground);cursor:pointer;transition:border-color .15s,transform .15s,background .15s;box-shadow:inset 0 1px #ffffff59}.locale-gate-tile:focus-visible,.locale-gate-tile:hover{border-color:var(--gold);background:var(--surface);outline:none;transform:translateY(-1px)}.locale-gate-tile-name{text-align:center;font-size:1.08rem;font-weight:700;line-height:1.35}.locale-gate-tile-label{letter-spacing:.01em;color:var(--muted);text-align:center;font-size:.68rem;font-weight:600}@media (max-width:640px){.locale-gate,html[data-locale-pending="1"] .locale-gate{padding-top:1.75rem}.locale-gate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.locale-gate-title-row{gap:.55rem}}.app-logo-text{flex-direction:column;gap:.08rem;min-width:0;display:flex}.app-logo-title{font-family:var(--font-quran),serif;color:var(--accent);white-space:nowrap;font-size:1.12rem;font-weight:700;line-height:1.15}.app-logo-sub{color:var(--gold);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:.3rem;font-size:.62rem;font-weight:600;display:inline-flex}.app-logo-dot{opacity:.55}.header-actions{flex-shrink:0;align-items:center;display:flex}.header-action-group{border:1px solid var(--marker-border);background:var(--surface);border-radius:9999px;flex-wrap:nowrap;align-items:center;gap:.12rem;padding:.18rem;display:inline-flex;box-shadow:0 1px 3px #0000000a,inset 0 1px #ffffff59}[data-theme=dark] .header-action-group{box-shadow:0 2px 10px #00000038,inset 0 1px #ffffff0d}.header-btn{color:var(--foreground);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.28rem;padding:.38rem .62rem;font-size:.72rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s,transform .15s;display:inline-flex}.header-btn-icon{color:var(--gold);opacity:.85;font-size:.78rem;line-height:1}.header-btn:hover{background:var(--marker-bg)}.header-btn-resume,.header-btn:hover{color:var(--accent)}.header-btn-resume .header-btn-icon{color:var(--accent);opacity:1}.header-btn-primary{background:var(--accent);color:#fff;padding-inline:.85rem;box-shadow:inset 0 1px #ffffff2e}.header-btn-primary .header-btn-icon{color:inherit;opacity:.92}[data-theme=dark] .header-btn-primary{color:var(--on-accent)}.header-btn-primary:hover{background:var(--accent);color:#fff;opacity:.92;transform:translateY(-1px)}[data-theme=dark] .header-btn-primary:hover{color:var(--on-accent)}.theme-toggle{cursor:pointer;background:0 0;border:none;border-radius:9999px;flex-shrink:0;align-items:center;margin-inline:.05rem;padding:.12rem;transition:background .15s;display:inline-flex}.theme-toggle:hover{background:var(--marker-bg)}.theme-toggle-track{border:1px solid var(--marker-border);background:var(--marker-bg);border-radius:9999px;align-items:center;width:2.35rem;height:1.55rem;padding:.12rem;display:flex}.theme-toggle-thumb{background:radial-gradient(circle at 32% 28%,#ffffff6b,transparent 58%),linear-gradient(160deg,rgb(var(--gold-rgb)/18%),rgb(var(--gold-rgb)/6%));border:1px solid var(--gold-light);width:1.25rem;height:1.25rem;color:var(--gold);border-radius:9999px;justify-content:center;align-items:center;font-size:.62rem;transition:transform .2s;display:flex;box-shadow:0 1px 3px #00000014}.theme-toggle-thumb[data-theme=dark]{transform:translate(.8rem)}.language-picker{flex-shrink:0;position:relative}.language-picker-trigger{gap:.35rem}.language-picker-badge{letter-spacing:.04em;min-width:2rem;height:.85rem;color:var(--accent);background:var(--accent-soft);border:1px solid var(--marker-border);border-radius:9999px;justify-content:center;align-items:center;padding:0 .28rem;font-size:.52rem;font-weight:800;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff2e}.language-picker-badge-sm{min-width:1.65rem;height:.72rem;font-size:.48rem}.language-picker-label{font-size:.72rem}.language-picker-menu{z-index:65;border:1px solid var(--border);background:var(--surface-elevated);width:min(24rem,100vw - 1.25rem);box-shadow:0 10px 28px var(--shadow),inset 0 1px 0 #ffffff38;top:calc(100% + .45rem);border-radius:.85rem;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;padding:.45rem;display:grid;position:absolute;inset-inline-end:0}.language-picker-option{min-height:3.85rem;color:var(--foreground);cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;border-radius:.65rem;flex-direction:column;justify-content:center;align-items:center;gap:.28rem;padding:.42rem .28rem;transition:background .15s,border-color .15s;display:flex;position:relative}.language-picker-option:hover{background:var(--card-hover);border-color:var(--marker-border)}.language-picker-option-active{background:var(--accent-soft);border-color:var(--marker-border)}.language-picker-option-text{flex-direction:column;gap:0;width:100%;min-width:0;display:flex}.language-picker-option-name{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:700;line-height:1.25;overflow:hidden}.language-picker-option-label{display:none}.language-picker-check{color:var(--gold);top:.22rem;font-size:.62rem;font-weight:700;position:absolute;inset-inline-start:.28rem}[dir=ltr] .header-action-group{flex-direction:row}.design-picker{flex-shrink:0;position:relative}.design-picker-trigger{gap:.35rem}.design-picker-preview{border:1px solid var(--marker-border);border-radius:9999px;width:1.35rem;height:.72rem;display:inline-flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e}.design-picker-preview-lg{flex-shrink:0;width:2.4rem;height:.85rem}.design-picker-swatch{flex:1}.design-picker-label{font-size:.72rem}.design-picker-menu{z-index:60;border:1px solid var(--border);background:var(--surface-elevated);width:min(18.5rem,100vw - 1.25rem);box-shadow:0 10px 28px var(--shadow),inset 0 1px 0 #ffffff38;top:calc(100% + .45rem);border-radius:.85rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:.45rem;display:grid;position:absolute;inset-inline-end:0}.design-picker-option{min-height:4.35rem;color:var(--foreground);cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;border-radius:.65rem;flex-direction:column;justify-content:center;align-items:center;gap:.28rem;padding:.42rem .28rem;transition:background .15s,border-color .15s;display:flex;position:relative}.design-picker-option:hover{background:var(--card-hover);border-color:var(--marker-border)}.design-picker-option-active{background:var(--accent-soft);border-color:var(--marker-border)}.design-picker-option-text{flex-direction:column;gap:0;min-width:0;display:flex}.design-picker-option-name{color:var(--accent);font-size:.68rem;font-weight:700;line-height:1.25}.design-picker-option-desc{display:none}.design-picker-check{color:var(--gold);top:.22rem;font-size:.62rem;font-weight:700;position:absolute;inset-inline-start:.28rem}@media (max-width:720px){.app-header-inner{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.45rem;padding-block:.55rem;padding-inline:.65rem}.app-logo,.header-action-group,.header-actions{justify-content:center;width:100%}.header-action-group{flex-wrap:wrap}}@media (max-width:520px){.app-header-inner{gap:.4rem;padding-inline:.65rem}.app-logo-mark{width:2.05rem;height:2.05rem}.app-logo-mark-icon{font-size:.92rem}.app-logo-title{font-size:.98rem}.app-logo-sub{font-size:.58rem}.header-btn{padding:.34rem .48rem;font-size:.66rem}.design-picker-label,.language-picker-label{display:none}.design-picker-menu{width:min(16.5rem,100vw - 1rem);inset-inline-end:-.25rem}.language-picker-menu{grid-template-columns:repeat(5,minmax(0,1fr));width:min(18.5rem,100vw - 1rem);inset-inline-end:-.25rem}.design-picker-option,.language-picker-option{min-height:3.85rem;padding:.35rem .2rem}.design-picker-option-name,.language-picker-option-name{font-size:.62rem}.header-btn-icon{font-size:.72rem}.header-btn-primary{padding-inline:.65rem}}@media (max-width:380px){.header-btn span:not(.header-btn-icon){display:none}.header-btn{padding:.38rem .42rem}.header-btn-primary span:not(.header-btn-icon){display:inline}}@media (max-width:720px){.design-picker-menu,.language-picker-menu{inset:unset;z-index:80;width:min(21.5rem,100vw - 1.5rem);max-height:min(68dvh,26rem);position:fixed;top:6.75rem;left:50%;right:auto;overflow-y:auto;transform:translate(-50%)}}.surah-header{text-align:center;padding-bottom:.5rem}.surah-header-ornament{color:var(--gold);opacity:.7;justify-content:center;align-items:center;gap:.75rem;margin-top:1.25rem;font-size:.75rem;display:flex}.surah-header-ornament:after,.surah-header-ornament:before{content:"";background:linear-gradient(to left,transparent,var(--gold),transparent);flex:1;max-width:5rem;height:1px}.surah-meta{color:var(--muted);border:1px solid var(--border);background:var(--surface);border-radius:9999px;align-items:center;gap:.5rem;margin-top:.75rem;padding:.35rem .85rem;font-size:.8rem;display:inline-flex}.page-reader{--mushaf-base-scale:1.5;--mushaf-viewport-height:calc(100dvh - 1.25rem);--mushaf-zoom:1;width:100%;max-width:min(calc(100vw - 1.5rem),calc(var(--mushaf-viewport-height) * 10 / 16 / var(--mushaf-base-scale)));margin-inline:auto;padding:.5rem .75rem 1.25rem;position:relative;overflow:visible}.page-swipe-zone{z-index:1;touch-action:pan-y;position:fixed;inset:3.5rem 0 .75rem}.page-toolbar{z-index:3;flex-direction:column;gap:.55rem;margin-bottom:.65rem;padding:0 .15rem;display:flex;position:relative}.page-toolbar-surah{font-family:var(--font-quran),serif;color:var(--accent);text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.85rem;font-weight:600;overflow:hidden}.page-toolbar-nav{flex-wrap:nowrap;justify-content:center;align-items:center;gap:.28rem;width:100%;margin-inline:auto;display:flex}.page-toolbar-nav>*{flex-shrink:0}.page-toolbar-nav .page-toolbar-arrow{width:2.35rem;height:2.35rem}.page-toolbar-nav .page-nav-arrow{font-size:1.05rem}.page-toolbar-nav .page-jump-inline{gap:.25rem;padding:.2rem .35rem}.page-toolbar-nav .page-jump-inline input{width:2.5rem;padding:.15rem .2rem;font-size:.8rem}.page-toolbar-nav .page-jump-go{padding:.2rem .45rem;font-size:.62rem}.page-toolbar-nav .page-jump-label{font-size:.68rem}.page-toolbar-divisions{flex-shrink:0;align-items:center;gap:.28rem;display:inline-flex}.page-toolbar-nav .page-toolbar-hizb,.page-toolbar-nav .page-toolbar-juz{padding:.28rem .55rem;font-size:.68rem}.page-toolbar-recite-group{flex-wrap:wrap;gap:.35rem}.page-toolbar-recite,.page-toolbar-recite-group{flex-shrink:0;align-items:center;display:inline-flex}.page-toolbar-recite{color:var(--on-accent);background:var(--accent);cursor:pointer;border:none;border-radius:9999px;gap:.25rem;padding:.32rem .65rem;font-size:.68rem;font-weight:700;transition:opacity .15s,transform .15s}.page-toolbar-recite-surah{color:var(--accent);background:var(--surface);border:1.5px solid var(--gold)}.page-toolbar-recite:hover{opacity:.92;transform:translateY(-1px)}.page-toolbar-recite-active{box-shadow:0 0 0 2px rgb(var(--gold-rgb)/35%)}.page-toolbar-recite-label{white-space:nowrap}.page-toolbar-recite-count{white-space:nowrap;background:#ffffff2e;border-radius:9999px;padding:.08rem .35rem;font-size:.58rem;font-weight:600}.page-toolbar-hizb{color:var(--gold);background:var(--surface);border:1px solid var(--marker-border);white-space:nowrap;cursor:pointer;border-radius:9999px;flex-shrink:0;font-weight:600;transition:background .15s,border-color .15s}.page-toolbar-hizb:hover{background:var(--marker-bg);border-color:var(--gold)}.page-toolbar-nav .mushaf-zoom-controls{gap:.05rem;padding:.1rem}.page-toolbar-nav .mushaf-zoom-btn{width:1.65rem;height:1.65rem;font-size:1rem}.page-toolbar-nav .mushaf-zoom-label{min-width:2.35rem;padding:.1rem .15rem;font-size:.62rem}@media (max-width:720px){.page-reader{width:100%;max-width:100%;padding-inline:0;overflow-x:clip}.page-toolbar-nav{flex-wrap:wrap;justify-content:center;row-gap:.4rem}.page-toolbar-nav>*{flex-shrink:1}.page-toolbar-recite-group{justify-content:center}}.page-toolbar-arrow{border:2px solid var(--gold);background:radial-gradient(circle at 32% 28%,#ffffff61,transparent 58%),linear-gradient(160deg,rgb(var(--gold-rgb)/14%),rgb(var(--gold-rgb)/4%));width:2.65rem;height:2.65rem;color:var(--gold);cursor:pointer;box-shadow:0 0 0 1.5px var(--mushaf-paper,var(--surface)),0 0 0 2.5px var(--gold-light),inset 0 1px 2px #ffffff4d,0 2px 8px #0000000f;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;display:flex;position:relative}.page-toolbar-arrow:hover{background:radial-gradient(circle at 32% 28%,#ffffff73,transparent 58%),linear-gradient(160deg,rgb(var(--gold-rgb)/22%),rgb(var(--gold-rgb)/8%));border-color:var(--gold-light);box-shadow:0 0 0 1.5px var(--mushaf-paper,var(--surface)),0 0 0 2.5px var(--gold),inset 0 1px 2px #ffffff59,0 4px 12px #0000001a;transform:translateY(-1px)}.page-toolbar-arrow:active{box-shadow:0 0 0 1.5px var(--mushaf-paper,var(--surface)),0 0 0 2.5px var(--gold-light),inset 0 1px 3px #00000014;transform:translateY(0)}.page-toolbar-arrow-disabled{opacity:.28;pointer-events:none;filter:grayscale(.4)}.page-toolbar-arrow{font-family:var(--font-quran),serif;-webkit-user-select:none;user-select:none;font-size:1.15rem;font-weight:700;line-height:1}[data-theme=dark] .page-toolbar-arrow{box-shadow:0 0 0 1.5px var(--mushaf-paper,var(--surface)),0 0 0 2.5px #d4b87a59,inset 0 1px 1px #ffffff1a,0 2px 10px #00000038;background:radial-gradient(circle at 32% 28%,#ffffff17,#0000 58%),linear-gradient(160deg,#d4b87a1f,#d4b87a08)}[data-theme=dark] .page-toolbar-arrow:hover{background:radial-gradient(circle at 32% 28%,#ffffff24,#0000 58%),linear-gradient(160deg,#d4b87a33,#d4b87a0f)}.page-jump-inline{border:1px solid var(--marker-border);background:var(--surface);border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .45rem;display:flex}.page-jump-label{color:var(--gold);white-space:nowrap;font-size:.72rem;font-weight:600}.page-jump-inline input{text-align:center;width:3.25rem;font-family:var(--font-quran),serif;color:var(--accent);-moz-appearance:textfield;background:0 0;border:none;border-radius:.35rem;outline:none;padding:.2rem .35rem;font-size:.85rem;font-weight:700}.page-jump-inline input::-webkit-inner-spin-button,.page-jump-inline input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-jump-inline input:focus{background:var(--marker-bg)}.page-jump-go{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:9999px;padding:.25rem .55rem;font-size:.68rem;font-weight:600;transition:opacity .15s}.page-jump-go:hover{opacity:.9}[data-theme=dark] .page-jump-go{color:var(--on-accent)}.page-toolbar-juz{color:var(--gold);background:var(--surface);border:1px solid var(--marker-border);cursor:pointer;border-radius:9999px;flex-shrink:0;padding:.35rem .75rem;font-size:.72rem;font-weight:600;transition:background .15s,border-color .15s}.page-toolbar-juz:hover{background:var(--marker-bg);border-color:var(--gold)}.mushaf-stage{z-index:2;width:100%;min-height:calc(var(--mushaf-page-height,0px) * var(--mushaf-zoom,1));justify-content:center;align-items:flex-start;padding:.25rem;display:flex;position:relative;overflow:visible}.mushaf-zoom-wrap{width:100%;transform:scale(var(--mushaf-zoom,1));transform-origin:top;flex-shrink:0}@media (max-width:720px){.mushaf-zoom-wrap{transform:scale(calc(var(--mushaf-zoom,1) / 1.9));transform-origin:top;width:100%}.mushaf-stage{width:100%;min-height:calc(var(--mushaf-page-height,0px) * var(--mushaf-zoom,1) / 1.9);padding-inline:0}.mushaf-sheet{border-radius:0;width:100%;padding-inline:0}.mushaf-frame{width:100%;max-width:100%}.mushaf-line-qcf{box-sizing:border-box;padding-inline:.55rem}}.mushaf-sheet{z-index:1;background:var(--mushaf-paper-edge);box-shadow:0 2px 4px #00000014,0 12px 40px var(--shadow),0 24px 64px #0000000f;border-radius:2px;justify-content:center;padding:3px}.mushaf-frame,.mushaf-sheet{width:100%;display:flex;position:relative}.mushaf-frame{background:var(--mushaf-paper);border:2px solid var(--mushaf-frame);outline:1px solid var(--mushaf-frame-inner);outline-offset:-5px;aspect-ratio:10/16;max-width:100%;max-height:calc(var(--mushaf-viewport-height) / var(--mushaf-base-scale));flex-direction:column;margin-inline:auto;container-type:inline-size}.mushaf-frame:after,.mushaf-frame:before{content:"";border:2px solid var(--mushaf-frame);pointer-events:none;opacity:.55;width:1.25rem;height:1.25rem;position:absolute}.mushaf-frame:before{border-bottom:none;border-left:none;top:.45rem;right:.45rem}.mushaf-frame:after{border-top:none;border-right:none;bottom:.45rem;left:.45rem}.mushaf-juz-badge{font-family:var(--font-quran),serif;color:var(--gold);letter-spacing:.02em;z-index:2;font-size:.65rem;font-weight:600;position:absolute;top:.65rem;left:.75rem}.mushaf-content-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.mushaf-sheet-inner{--mushaf-lines:15;--mushaf-max-lines:15;flex:1;min-height:0;padding:1.5rem .75rem .15rem;display:grid;overflow:hidden}.mushaf-sheet-inner--skeleton{pointer-events:none;position:absolute;inset:0}.mushaf-skeleton-line{background:linear-gradient(90deg,rgb(var(--gold-rgb)/6%) 0,rgb(var(--gold-rgb)/12%) 50%,rgb(var(--gold-rgb)/6%) 100%);background-size:200% 100%;border-radius:2px;min-height:0;margin:.15rem .5rem;animation:mushaf-skeleton-shimmer 1.2s ease-in-out infinite}[data-theme=dark] .mushaf-skeleton-line{background:linear-gradient(90deg,#c9a84c0a,#c9a84c1a 50%,#c9a84c0a) 0 0/200% 100%}@keyframes mushaf-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mushaf-sheet-inner--ready{animation:mushaf-fade-in .15s ease-out}@keyframes mushaf-fade-in{0%{opacity:0}to{opacity:1}}.mushaf-sheet-inner--short{flex-direction:column;justify-content:center;align-items:stretch;gap:0;display:flex}.mushaf-sheet-inner--short .mushaf-line{flex:0 0 calc(100% / var(--mushaf-max-lines));max-height:calc(100% / var(--mushaf-max-lines))}.mushaf-sheet-inner--full{grid-template-rows:repeat(var(--mushaf-lines),minmax(0,1fr));align-content:stretch}.mushaf-line{align-items:center;min-height:0;display:flex;overflow:hidden}.mushaf-line-header,.mushaf-line-qcf{justify-content:center}.mushaf-line-qcf{direction:rtl;flex-flow:row;align-items:center;width:100%;min-height:0;display:flex;overflow:hidden}.mushaf-line-qcf-bismillah,.mushaf-line-qcf-header{justify-content:center}.mushaf-line.mushaf-line-qcf-bismillah{justify-content:center;overflow:visible}.qcf-glyph{color:var(--mushaf-text);-webkit-font-smoothing:antialiased;padding:0 1px;font-size:clamp(.88rem,5cqi,1.58rem);line-height:1.85;display:inline-block}.mushaf-sheet-inner--full .qcf-glyph{line-height:1.72}.mushaf-sheet-inner--short .qcf-glyph{font-size:clamp(.95rem,5.6cqi,1.7rem);line-height:1.88}.mushaf-sheet-inner--short .qcf-surah_header{font-size:clamp(1.15rem,6cqi,1.95rem)}.qcf-surah_header{color:var(--gold);text-align:center;width:100%;padding:.15rem 0;font-size:clamp(1.1rem,5.5cqi,1.85rem)}.mushaf-zoom-controls{border:1px solid var(--marker-border);background:var(--surface);border-radius:9999px;align-items:center;gap:.15rem;padding:.15rem;display:inline-flex}.mushaf-zoom-btn{width:1.85rem;height:1.85rem;color:var(--gold);cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:0;font-size:1.1rem;font-weight:600;line-height:1;transition:background .15s;display:flex}.mushaf-zoom-btn:hover:not(:disabled){background:var(--marker-bg)}.mushaf-zoom-btn:disabled{opacity:.3;cursor:not-allowed}.mushaf-zoom-label{min-width:2.75rem;font-family:var(--font-ui),system-ui,sans-serif;color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:.35rem;padding:.15rem .25rem;font-size:.68rem;font-weight:700;transition:background .15s}.mushaf-zoom-label:hover{background:var(--marker-bg)}@media (max-width:720px){.mushaf-zoom-controls{display:none}}.qcf-bismillah{text-align:center;white-space:nowrap;justify-content:center;align-items:center;gap:0;width:100%;margin-inline:auto;display:flex}.qcf-bismillah .qcf-glyph{color:var(--mushaf-text);font-size:clamp(.95rem,5.2cqi,1.65rem);line-height:1.85}.qcf-end{color:var(--gold)}.qcf-ayah-interactive{cursor:pointer;border-radius:.2rem;transition:background .15s}.qcf-ayah-interactive:focus-visible,.qcf-ayah-interactive:hover{background:var(--marker-bg);outline:none}.qcf-quarter{color:var(--gold);opacity:.85}.surah-title-frame{background:linear-gradient(180deg,rgb(var(--gold-rgb)/8%) 0,transparent 100%);border-top:2px solid var(--gold-light);border-bottom:2px solid var(--gold-light);justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.35rem .5rem;display:flex}.surah-ornament{color:var(--gold);opacity:.75;font-size:.75rem;line-height:1}.surah-banner{color:var(--accent);letter-spacing:.03em;white-space:nowrap;font-size:clamp(1.15rem,4vw,1.45rem);font-weight:700}.bismillah-line{color:var(--muted);text-align:center;font-size:clamp(1.05rem,3.8vw,1.3rem);line-height:1.9}.ayah-highlighted{background:var(--ayah-highlight);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.2rem}.ayah-playing{background:var(--accent-soft);box-shadow:none;-webkit-box-decoration-break:clone;box-decoration-break:clone;border:none;border-radius:0;outline:none}.mushaf-page-footer{justify-content:center;align-items:flex-end;margin-top:auto;padding:.75rem 2.25rem .85rem;display:flex;position:relative}.mushaf-page-nav{pointer-events:none;z-index:4;height:2.5rem;position:absolute;inset:auto 0 .55rem}.mushaf-page-nav-btn{pointer-events:auto;cursor:pointer;min-width:2.25rem;min-height:2.25rem;color:var(--mushaf-frame-inner);opacity:.38;background:0 0;border:none;justify-content:center;align-items:center;padding:.35rem;text-decoration:none;transition:opacity .15s,color .15s;display:flex;position:absolute;bottom:0}.mushaf-page-nav-btn--prev{inset-inline-start:.35rem}.mushaf-page-nav-btn--next{inset-inline-end:.35rem}.mushaf-page-nav-chevron{-webkit-user-select:none;user-select:none;font-family:system-ui,sans-serif;font-size:1.65rem;font-weight:300;line-height:1}.mushaf-page-nav-btn:hover{opacity:.85;color:var(--gold)}.mushaf-page-nav-btn:active{opacity:1}[data-theme=dark] .mushaf-page-nav-btn{color:var(--gold-light);opacity:.42}[data-theme=dark] .mushaf-page-nav-btn:hover{opacity:.9;color:var(--gold)}.mushaf-page-footer:before{content:"";background:linear-gradient(90deg,transparent 0,var(--gold-light) 20%,var(--gold) 50%,var(--gold-light) 80%,transparent 100%);opacity:.45;height:1px;position:absolute;top:0;left:18%;right:18%}.mushaf-page-number{background:radial-gradient(circle at 32% 28%,#fff6,transparent 58%),linear-gradient(160deg,rgb(var(--gold-rgb)/16%),rgb(var(--gold-rgb)/5%));border:1px solid var(--gold);width:1.225rem;height:1.225rem;box-shadow:0 0 0 1px var(--mushaf-paper),0 0 0 1.5px var(--gold-light),inset 0 1px 1px #ffffff59,0 1px 4px #00000012;border-radius:9999px;justify-content:center;align-items:center;display:flex;position:relative}.mushaf-page-number:after,.mushaf-page-number:before{content:"✦";color:var(--gold);opacity:.55;font-size:.18rem;line-height:1;position:absolute}.mushaf-page-number:before{top:.11rem}.mushaf-page-number:after{bottom:.11rem}.mushaf-page-number-value{font-family:var(--font-quran),serif;color:var(--gold);letter-spacing:.02em;font-size:.46rem;font-weight:700;line-height:1}[data-theme=dark] .mushaf-page-number{box-shadow:0 0 0 1px var(--mushaf-paper),0 0 0 1.5px #d4b87a59,inset 0 1px 1px #ffffff1f,0 1px 5px #00000047;background:radial-gradient(circle at 32% 28%,#ffffff1a,#0000 58%),linear-gradient(160deg,#d4b87a24,#d4b87a0a)}.reading-progress-bar{z-index:50;background:rgb(var(--gold-rgb)/12%);pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0}.reading-progress-bar:after{content:"";height:100%;width:var(--reading-progress,0);background:linear-gradient(90deg,var(--gold-light),var(--gold));transition:width .25s;display:block}body.reading-immersive .app-header{opacity:0;pointer-events:none;transform:translateY(-100%)}.app-header,.page-toolbar{transition:transform .3s,opacity .3s}.hizb-grid,.juz-grid{grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.5rem;max-height:min(60vh,24rem);padding:.25rem;display:grid;overflow-y:auto}.hizb-grid{grid-template-columns:repeat(auto-fill,minmax(4.75rem,1fr));max-height:min(65vh,28rem)}.juz-card{border:1px solid var(--border);color:var(--foreground);background:var(--surface);border-radius:.65rem;flex-direction:column;align-items:center;gap:.15rem;padding:.65rem .4rem;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:flex}.juz-card:hover{border-color:var(--gold);background:var(--marker-bg);transform:translateY(-1px)}.juz-card-active{border-color:var(--accent);background:var(--accent-soft)}.juz-card-num{font-family:var(--font-quran),serif;color:var(--accent);font-size:1.25rem;font-weight:700;line-height:1}.juz-card-label{color:var(--gold);font-size:.65rem;font-weight:600}.juz-card-page{color:var(--muted);font-size:.58rem}.index-page{background-color:var(--background);min-height:calc(100dvh - 3.5rem);padding:0 1rem 3.5rem;position:relative}.index-page:before{background-color:var(--accent);opacity:var(--index-pattern-opacity);-webkit-mask-image:var(--islamic-pattern-image);mask-image:var(--islamic-pattern-image);-webkit-mask-size:var(--islamic-pattern-size) var(--islamic-pattern-size);mask-size:var(--islamic-pattern-size) var(--islamic-pattern-size)}.index-page:after,.index-page:before{content:"";z-index:0;pointer-events:none;position:fixed;inset:0;-webkit-mask-repeat:repeat;mask-repeat:repeat}.index-page:after{background-color:var(--gold);opacity:var(--index-pattern-accent);-webkit-mask-image:var(--islamic-pattern-fine);mask-image:var(--islamic-pattern-fine);-webkit-mask-size:var(--islamic-pattern-fine-size) var(--islamic-pattern-fine-size);mask-size:var(--islamic-pattern-fine-size) var(--islamic-pattern-fine-size);-webkit-mask-position:calc(var(--islamic-pattern-fine-size) / 2) calc(var(--islamic-pattern-fine-size) / 2);mask-position:calc(var(--islamic-pattern-fine-size) / 2) calc(var(--islamic-pattern-fine-size) / 2)}.index-shell{z-index:1;max-width:56rem;margin-inline:auto;position:relative}.index-hero{max-width:44rem;margin:.75rem auto 0;position:relative}.index-hero-banner{background:linear-gradient(90deg,var(--gold) 0,var(--gold-light) 35%,var(--accent) 65%,var(--gold) 100%);opacity:.85;height:.55rem;box-shadow:0 2px 12px rgb(var(--gold-rgb)/35%);top:0;border-radius:9999px 9999px 0 0;position:absolute;inset-inline:1.25rem}.index-hero-sheet{text-align:center;border:2px solid var(--gold-light);background:radial-gradient(ellipse 80% 55% at 50% -10%,rgb(var(--gold-rgb)/14%) 0,transparent 70%),linear-gradient(180deg,var(--surface-elevated) 0,var(--surface) 55%,rgb(var(--gold-rgb)/4%) 100%);box-shadow:0 18px 50px var(--shadow),inset 0 1px 0 #ffffff8c,inset 0 -1px 0 rgb(var(--gold-rgb)/12%);border-radius:1.5rem;padding:1.65rem 1.5rem 1.35rem;position:relative;overflow:hidden}.index-hero-sheet:before{content:"";border:1px solid rgb(var(--gold-rgb)/22%);pointer-events:none;border-radius:1.15rem;position:absolute;inset:.55rem}.index-hero-frame{pointer-events:none}.index-hero-corner{border-color:var(--gold);opacity:.8;width:1.5rem;height:1.5rem;position:absolute}.index-hero-corner-tr{border-top:2.5px solid;top:.9rem;border-inline-end:2.5px solid;inset-inline-end:.9rem}.index-hero-corner-tl{border-top:2.5px solid;top:.9rem;border-inline-start:2.5px solid;inset-inline-start:.9rem}.index-hero-corner-br{border-bottom:2.5px solid;bottom:.9rem;border-inline-end:2.5px solid;inset-inline-end:.9rem}.index-hero-corner-bl{border-bottom:2.5px solid;bottom:.9rem;border-inline-start:2.5px solid;inset-inline-start:.9rem}.index-hero-emblem{justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin:0 auto .75rem;display:flex;position:relative}.index-hero-emblem-ring{border:2.5px solid var(--gold);background:conic-gradient(from 210deg,var(--surface-elevated),rgb(var(--gold-rgb)/18%),var(--surface-elevated));box-shadow:0 5px 18px var(--shadow),inset 0 1px 0 #ffffff8c;border-radius:9999px;position:absolute;inset:0}.index-hero-emblem-ring:before{content:"";border:1px solid rgb(var(--gold-rgb)/40%);border-radius:9999px;position:absolute;inset:5px}.index-hero-emblem-icon{z-index:1;color:var(--gold);text-shadow:0 1px #fff6;font-size:1.25rem;line-height:1;position:relative}.index-hero-kicker{letter-spacing:.08em;color:var(--gold);margin:0 0 .35rem;font-size:.72rem;font-weight:700}.index-hero-title-row{justify-content:center;align-items:center;gap:.85rem;margin-bottom:.45rem;display:flex}.index-hero-ornament-line{background:linear-gradient(90deg,transparent 0,var(--gold-light) 50%,transparent 100%);flex:1;max-width:4.5rem;height:1px}.index-hero-title{font-family:var(--font-quran),serif;color:var(--accent);flex-shrink:0;margin:0;font-size:clamp(2.15rem,6.8vw,3rem);font-weight:700;line-height:1.15}.index-hero-desc{color:var(--muted);margin:0;font-size:.88rem;line-height:1.65}.home-hero-lead{font-family:var(--font-quran),serif;color:var(--accent);margin:.15rem 0 .55rem;font-size:clamp(1.05rem,3.4vw,1.42rem);font-weight:700;line-height:1.55}.home-hero-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-top:1.35rem;display:grid}.home-cta{white-space:nowrap;border-radius:1rem;justify-content:center;align-items:center;gap:.45rem;min-width:0;min-height:3.15rem;padding:.65rem .35rem;font-size:.84rem;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex}.home-cta svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.05rem;height:1.05rem}.home-cta-primary{color:#fff;background:linear-gradient(180deg,var(--accent) 0,var(--accent) 100%)}@supports (color:color-mix(in lab,red,red)){.home-cta-primary{background:linear-gradient(180deg,var(--accent) 0,color-mix(in srgb,var(--accent) 85%,#000) 100%)}}.home-cta-primary{box-shadow:0 6px 18px var(--shadow),inset 0 1px 0 #ffffff2e}[data-theme=dark] .home-cta-primary{color:var(--on-accent)}.home-cta-listen{color:var(--accent);background:var(--accent-soft);border:1.5px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.home-cta-listen{border:1.5px solid color-mix(in srgb,var(--accent) 28%,var(--border))}}.home-cta-listen{box-shadow:0 6px 16px var(--shadow)}.home-cta-hifz{color:var(--accent);background:var(--surface-elevated);border:1.5px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.home-cta-hifz{border:1.5px solid color-mix(in srgb,var(--accent) 35%,var(--border))}}.home-cta-hifz{box-shadow:0 6px 16px var(--shadow)}.home-cta-explore{color:var(--gold);background:var(--gold)}@supports (color:color-mix(in lab,red,red)){.home-cta-explore{background:color-mix(in srgb,var(--gold) 10%,var(--surface-elevated))}}.home-cta-explore{border:1.5px solid rgb(var(--gold-rgb)/32%);box-shadow:0 6px 16px var(--shadow)}.home-cta:hover{opacity:.96;transform:translateY(-2px)}.index-hero-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.25rem;display:flex}@media (max-width:720px){.home-hero-actions{grid-template-columns:1fr}.home-cta{white-space:normal;padding:.7rem .85rem;font-size:.95rem}}.index-start-btn{color:#fff;background:linear-gradient(180deg,var(--accent) 0,var(--accent) 100%);align-items:center;padding:.65rem 1.65rem;font-size:.92rem;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.index-start-btn{background:linear-gradient(180deg,var(--accent) 0,color-mix(in srgb,var(--accent) 85%,#000) 100%)}}.index-start-btn{box-shadow:0 5px 18px var(--shadow),inset 0 1px 0 #ffffff2e;border-radius:9999px;text-decoration:none;transition:opacity .15s,transform .15s,box-shadow .15s}[data-theme=dark] .index-start-btn{color:var(--on-accent)}.index-start-btn:hover{opacity:.95;box-shadow:0 8px 24px var(--shadow);transform:translateY(-2px)}.index-continue-btn{color:var(--accent);background:var(--marker-bg);border:1.5px solid var(--gold);border-radius:9999px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s}.index-continue-btn,.index-recite-quran-btn{align-items:center;padding:.65rem 1.35rem;font-size:.88rem;display:inline-flex}.index-recite-quran-btn{color:var(--on-accent);background:linear-gradient(180deg,var(--gold) 0,var(--gold) 100%);gap:.4rem;font-weight:700}@supports (color:color-mix(in lab,red,red)){.index-recite-quran-btn{background:linear-gradient(180deg,var(--gold) 0,color-mix(in srgb,var(--gold) 80%,#000) 100%)}}.index-recite-quran-btn{cursor:pointer;box-shadow:0 4px 14px var(--shadow);border:none;border-radius:9999px;transition:opacity .15s,transform .15s}.index-recite-quran-btn:hover{opacity:.95;transform:translateY(-2px)}.index-recite-quran-btn-active{box-shadow:0 0 0 2px rgb(var(--gold-rgb)/40%)}.recite-quran-confirm-desc{color:var(--muted);margin:0 0 1.25rem;font-size:.92rem;line-height:1.65}.recite-quran-confirm-actions{flex-wrap:wrap;gap:.6rem;display:flex}.recite-quran-confirm-start{color:var(--on-accent);background:var(--accent);cursor:pointer;border:none;border-radius:9999px;padding:.55rem 1.25rem;font-size:.88rem;font-weight:700}.recite-quran-confirm-cancel{color:var(--muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:9999px;padding:.55rem 1.1rem;font-size:.88rem;font-weight:600}.index-continue-btn:hover{background:var(--accent-soft);transform:translateY(-2px)}.index-stats-bar{border:1px solid var(--border);background:rgb(var(--gold-rgb)/7%);border-radius:1rem;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:1.35rem;padding:.65rem .35rem;display:grid}.index-stat{border-inline-end:1px solid rgb(var(--gold-rgb)/22%);flex-direction:column;align-items:center;gap:.15rem;padding:.35rem .2rem;display:flex}.index-stat:last-child{border-inline-end:none}@media (max-width:520px){.index-stats-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.index-stat{background:#ffffff38;border-inline-end:none;border-radius:.55rem}[data-theme=dark] .index-stat{background:#ffffff0a}}.index-stat-value{font-family:var(--font-ui),sans-serif;font-variant-numeric:tabular-nums;color:var(--accent);margin:0;font-size:1.12rem;font-weight:700;line-height:1.1}.index-stat-label{color:var(--muted);margin:0;font-size:.62rem;font-weight:600}.index-controls{z-index:25;border:1px solid var(--border);background:var(--surface);border-radius:1.1rem;margin-top:1.5rem;padding:.9rem 1rem;position:sticky;top:3.35rem}@supports (color:color-mix(in lab,red,red)){.index-controls{background:color-mix(in srgb,var(--surface) 82%,transparent)}}.index-controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 28px var(--shadow)}.index-search-wrap{display:block;position:relative}.index-search-icon{color:var(--gold);pointer-events:none;inset-inline-start:1rem;font-size:1.05rem;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.index-search{border:1.5px solid var(--border);background:var(--surface-elevated);width:100%;color:var(--foreground);border-radius:9999px;outline:none;padding:.78rem 1rem;padding-inline-start:2.5rem;font-size:.94rem;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 1px 3px #0000000d}.index-search:focus{border-color:var(--accent);box-shadow:inset 0 1px 3px #0000000d,0 0 0 3px var(--accent-soft)}.index-controls-row{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.index-result-count{color:var(--accent);background:var(--accent-soft);white-space:nowrap;border-radius:9999px;flex-shrink:0;margin:0;padding:.35rem .65rem;font-size:.72rem;font-weight:700}.index-filters{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.index-filter-links,.index-filter-tabs{display:contents}.filter-chip{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:9999px;align-items:center;gap:.35rem;padding:.45rem .95rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.filter-chip[data-filter=مدنية]:before,.filter-chip[data-filter=مكية]:before{content:"";border-radius:9999px;flex-shrink:0;width:.45rem;height:.45rem}.filter-chip[data-filter=مكية]:before{background:var(--gold)}.filter-chip[data-filter=مدنية]:before{background:var(--accent)}.filter-chip:hover{border-color:var(--gold-light);color:var(--foreground)}.filter-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.filter-chip.active:before{background:#ffffffd9}[data-theme=dark] .filter-chip.active{color:var(--on-accent)}[data-theme=dark] .filter-chip.active:before{background:var(--on-accent)}.filter-chip-link{color:var(--accent);border-color:var(--gold);background:var(--marker-bg);text-decoration:none}.filter-chip-link:before{content:"✦";color:var(--gold);font-size:.55rem;line-height:1}.filter-chip-link:hover{background:var(--accent-soft);color:var(--accent)}.filter-chip-sunnah:before{content:"🕌";font-size:.62rem;line-height:1}@media (max-width:720px){.index-controls{padding:.75rem .7rem}.index-controls-row{gap:.55rem}.index-controls-row,.index-filters{flex-direction:column;align-items:stretch}.index-filters{gap:.45rem}.index-filter-links,.index-filter-tabs{gap:.4rem;display:grid}.index-filter-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.index-filter-links{grid-template-columns:repeat(2,minmax(0,1fr))}.index-filter-links .filter-chip-link:last-child:nth-child(odd){grid-column:1/-1}.index-controls .filter-chip{text-align:center;white-space:normal;justify-content:center;min-width:0;padding:.5rem .4rem;font-size:.78rem;line-height:1.25}.index-result-count{align-self:flex-start}}.sunnah-index-hero-banner{background:linear-gradient(135deg,#225a3a2e 0,rgb(var(--gold-rgb)/10%) 55%,#225a3a14 100%)}.sunnah-index-emblem .index-hero-emblem-icon{font-size:1.15rem}.sunnah-index-rel-irtibat_mawdui{color:var(--muted);background:#5a5a6e14;border-color:#5a5a6e29}.cosmic-index-hero-banner{background:linear-gradient(90deg,var(--accent) 0,var(--gold-light) 40%,var(--accent) 100%)}@supports (color:color-mix(in lab,red,red)){.cosmic-index-hero-banner{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 70%,var(--gold)) 0,var(--gold-light) 40%,color-mix(in srgb,var(--accent) 85%,#000) 100%)}}.cosmic-index-emblem .index-hero-emblem-icon{font-size:1.05rem}.cosmic-index-sources{flex-wrap:wrap;justify-content:center;gap:.4rem;margin:.85rem 0 0;padding:0;list-style:none;display:flex}.cosmic-index-source-pill{color:var(--accent);background:var(--marker-bg);border:1px solid var(--marker-border);border-radius:9999px;padding:.28rem .72rem;font-size:.68rem;font-weight:600}.cosmic-index-back-btn{margin-top:.15rem}.cosmic-index-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.cosmic-index-method{max-width:38rem;color:var(--foreground);margin:.55rem 0 0;font-size:.82rem;line-height:1.7}.cosmic-index-attribution{color:var(--muted);border-top:1px solid rgb(var(--gold-rgb)/18%);margin:.85rem 0 0;padding-top:.75rem;font-size:.68rem;line-height:1.6}.cosmic-index-body{flex-direction:column;gap:1.35rem;padding-top:.35rem;display:flex}.cosmic-index-surah-section{flex-direction:column;gap:.55rem;display:flex}.cosmic-index-surah-head{border-bottom:1px solid rgb(var(--gold-rgb)/22%);justify-content:space-between;align-items:center;gap:.75rem;padding:.35rem .15rem .15rem;display:flex}.cosmic-index-surah-title{align-items:center;gap:.55rem;min-width:0;margin:0;display:inline-flex}.cosmic-index-surah-seal{width:1.65rem;height:1.65rem;color:var(--on-accent);background:linear-gradient(145deg,var(--accent) 0,var(--accent) 100%);flex-shrink:0;justify-content:center;align-items:center;font-size:.62rem;font-weight:800;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.cosmic-index-surah-seal{background:linear-gradient(145deg,var(--accent) 0,color-mix(in srgb,var(--accent) 80%,#000) 100%)}}.cosmic-index-surah-seal{border-radius:9999px;box-shadow:0 2px 8px #0000001f}.cosmic-index-surah-name{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:800;overflow:hidden}.cosmic-index-surah-count{color:var(--gold);background:rgb(var(--gold-rgb)/10%);border-radius:9999px;flex-shrink:0;padding:.22rem .55rem;font-size:.62rem;font-weight:700}.cosmic-index-grid{grid-template-columns:1fr;gap:.55rem;display:grid}@media (min-width:640px){.cosmic-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}}@media (min-width:960px){.cosmic-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.cosmic-index-card{border:1px solid var(--border);background:linear-gradient(145deg,var(--surface-elevated) 0,var(--surface) 100%);color:inherit;border-radius:1rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.78rem .85rem;text-decoration:none;transition:border-color .15s,background .15s,box-shadow .15s;display:grid;box-shadow:0 1px #fff6,0 3px 10px #0000000a}.cosmic-index-card:focus-visible,.cosmic-index-card:hover{border-color:var(--gold-light);background:var(--surface-elevated);box-shadow:0 0 0 2px var(--gold),0 10px 24px var(--shadow)}@supports (color:color-mix(in lab,red,red)){.cosmic-index-card:focus-visible,.cosmic-index-card:hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 22%,transparent),0 10px 24px var(--shadow)}}.cosmic-index-card-seal{flex-shrink:0;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;display:flex;position:relative}.cosmic-index-card-seal-ring{border:1.5px solid var(--gold);opacity:.75;border-radius:38% 62% 55% 45%/48% 42% 58% 52%;position:absolute;inset:0;transform:rotate(-8deg)}.cosmic-index-card-ayah{z-index:1;color:var(--gold);font-size:.72rem;font-weight:800;position:relative}.cosmic-index-card-body{flex-direction:column;gap:.22rem;min-width:0;display:flex}.cosmic-index-card-ref{color:var(--muted);font-size:.68rem;font-weight:700}.cosmic-index-card-snippet{color:var(--foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;font-weight:600;line-height:1.55;display:-webkit-box;overflow:hidden}.cosmic-index-card-tags{flex-wrap:wrap;gap:.28rem;margin-top:.12rem;display:flex}.cosmic-index-tag{color:var(--muted);background:var(--accent-soft);border-radius:9999px;padding:.1rem .42rem;font-size:.56rem;font-weight:600}.cosmic-index-tag-cat{color:var(--accent);border:1px solid var(--marker-border);background:var(--marker-bg)}.cosmic-index-card-chevron{color:var(--gold);opacity:.55;flex-shrink:0;font-size:1rem;font-weight:700;transition:opacity .15s,transform .15s}[dir=rtl] .cosmic-index-card-chevron{transform:scaleX(-1)}.cosmic-index-card:focus-visible .cosmic-index-card-chevron,.cosmic-index-card:hover .cosmic-index-card-chevron{opacity:1}.cosmic-index-card.cosmic-topic-card,.cosmic-index-card.sunnah-index-card{flex-direction:column;align-items:stretch;gap:.28rem;padding:.95rem 1rem;display:flex}.sunnah-index-card-title{color:var(--foreground);font-size:.95rem;font-weight:800;line-height:1.45}.sunnah-index-card-count{color:var(--muted);font-size:.72rem;font-weight:700}.sunnah-index-card-relation{color:var(--accent);align-items:center;gap:.35rem;margin-top:.12rem;font-size:.78rem;font-weight:700;display:flex}.sunnah-index-card-snippet{-webkit-line-clamp:2;color:var(--foreground);-webkit-box-orient:vertical;margin-top:.18rem;font-size:.8rem;font-weight:600;line-height:1.65;display:-webkit-box;overflow:hidden}.sunnah-index-card-source{color:var(--muted);margin-top:.2rem;font-size:.7rem;font-weight:700}.sunnah-index-card-cta{color:var(--gold);margin-top:.28rem;font-size:.75rem;font-weight:800}.surah-grid{grid-template-columns:1fr;gap:.55rem;padding-top:1.1rem;display:grid}@media (min-width:640px){.surah-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}}@media (min-width:960px){.surah-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.surah-card{border:1px solid var(--border);background:linear-gradient(145deg,var(--surface-elevated) 0,var(--surface) 100%);min-height:4.35rem;color:var(--foreground);border-radius:1rem;align-items:stretch;display:flex;overflow:hidden;box-shadow:0 1px #fff6,0 3px 10px #0000000a}.surah-card--meccan{border-inline-start:3px solid var(--gold)}.surah-card--medinan{border-inline-start:3px solid var(--accent)}.surah-card-link{min-width:0;color:inherit;flex:1;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.82rem .95rem;text-decoration:none;display:grid}.surah-card--hover,.surah-card:focus-within{border-color:var(--gold-light)}@supports (color:color-mix(in lab,red,red)){.surah-card--hover,.surah-card:focus-within{border-color:color-mix(in srgb,var(--gold-light) 70%,var(--accent))}}.surah-card--hover,.surah-card:focus-within{background:var(--surface-elevated);box-shadow:inset 0 0 0 2px var(--gold),0 6px 18px color-mix(in srgb,0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a 75%,transparent)}@supports (color:color-mix(in lab,red,red)){.surah-card--hover,.surah-card:focus-within{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--gold) 24%,transparent),0 6px 18px color-mix(in srgb,var(--shadow) 75%,transparent)}}.surah-card--medinan.surah-card--hover,.surah-card--medinan:focus-within{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.surah-card--medinan.surah-card--hover,.surah-card--medinan:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--gold-light))}}.surah-card--medinan.surah-card--hover,.surah-card--medinan:focus-within{box-shadow:inset 0 0 0 2px var(--accent),0 6px 18px color-mix(in srgb,0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a 75%,transparent)}@supports (color:color-mix(in lab,red,red)){.surah-card--medinan.surah-card--hover,.surah-card--medinan:focus-within{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent),0 6px 18px color-mix(in srgb,var(--shadow) 75%,transparent)}}.surah-card--reciting{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.surah-card--reciting{border-color:color-mix(in srgb,var(--accent) 45%,var(--gold-light))}}.surah-card-seal{flex-shrink:0;justify-content:center;align-items:center;width:2.85rem;height:2.85rem;display:flex;position:relative}.surah-card-seal-inner,.surah-card-seal-outer{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);position:absolute;inset:0}.surah-card-seal-outer{background:linear-gradient(145deg,var(--gold-light),var(--gold));box-shadow:0 2px 8px rgb(var(--gold-rgb)/30%)}.surah-card--medinan .surah-card-seal-outer{background:linear-gradient(145deg,var(--accent),var(--accent))}@supports (color:color-mix(in lab,red,red)){.surah-card--medinan .surah-card-seal-outer{background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 75%,#000))}}.surah-card-seal-inner{background:linear-gradient(145deg,var(--surface-elevated) 0,var(--marker-bg) 100%);inset:3px}.surah-card--medinan .surah-card-seal-inner{background:linear-gradient(145deg,var(--surface-elevated) 0,var(--accent-soft) 100%)}.surah-card-number{z-index:1;font-family:var(--font-ui),sans-serif;font-variant-numeric:tabular-nums;color:var(--gold);letter-spacing:-.02em;font-size:.95rem;font-weight:700;line-height:1;position:relative}.surah-card--medinan .surah-card-number{color:var(--accent)}.surah-card-body{text-align:start;flex-direction:column;gap:.15rem;min-width:0;display:flex}.surah-card-name{font-family:var(--font-quran),serif;color:var(--foreground);font-size:1.12rem;font-weight:700;line-height:1.25}.surah-card-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.25rem;font-size:.66rem;display:flex}.surah-card-type{color:var(--gold);font-weight:700}.surah-card--medinan .surah-card-type{color:var(--accent)}.surah-card-dot{opacity:.5}.surah-card-recite{width:2.65rem;color:var(--accent);background:var(--accent-soft);flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;font-size:.72rem;line-height:1;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.surah-card-recite{background:color-mix(in srgb,var(--accent-soft) 80%,var(--surface))}}.surah-card-recite{border:0;border-inline-start:1px solid var(--border);cursor:pointer}.surah-card--hover .surah-card-recite,.surah-card-recite:focus-visible,.surah-card-recite:hover{background:var(--accent);color:var(--on-accent)}.surah-card-recite-active{background:var(--accent);color:var(--on-accent);box-shadow:0 0 0 2px rgb(var(--gold-rgb)/35%)}.surah-card-page{color:var(--gold);background:rgb(var(--gold-rgb)/11%);border:1px solid rgb(var(--gold-rgb)/28%);white-space:nowrap;border-radius:9999px;padding:.32rem .6rem;font-size:.6rem;font-weight:700}.surah-card--medinan .surah-card-page{color:var(--accent);background:var(--accent-soft);border-color:rgb(var(--gold-rgb)/18%)}.index-empty{text-align:center;border:1px dashed var(--border);background:var(--surface);border-radius:1rem;max-width:24rem;margin:2rem auto 0;padding:1.75rem 1.15rem}@supports (color:color-mix(in lab,red,red)){.index-empty{background:color-mix(in srgb,var(--surface) 90%,transparent)}}.index-empty{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.index-empty-title{font-family:var(--font-quran),serif;color:var(--accent);margin:0;font-size:1.2rem}.index-empty-desc{color:var(--muted);margin:.4rem 0 0;font-size:.84rem}.modal-overlay{--modal-top-gap:.85rem;--modal-bottom-gap:calc(1.35rem + env(safe-area-inset-bottom,0px));z-index:50;padding-top:var(--modal-top-gap);padding-bottom:var(--modal-bottom-gap);background:var(--overlay);justify-content:center;align-items:flex-end;padding-inline:.75rem;display:flex;position:fixed;inset:0}@media (min-width:640px){.modal-overlay{--modal-top-gap:4rem;--modal-bottom-gap:4rem;align-items:center;padding-inline:0}.modal-overlay.align-top{--modal-top-gap:5rem;--modal-bottom-gap:2.75rem;align-items:flex-start}}html:has(.recitation-bar) .modal-overlay{--modal-bottom-gap:calc(7.75rem + env(safe-area-inset-bottom,0px))}@media (max-width:720px){html:has(.recitation-bar) .modal-overlay{--modal-bottom-gap:calc(13.5rem + env(safe-area-inset-bottom,0px))}}.modal-panel{z-index:1;width:100%;max-height:calc(100dvh - var(--modal-top-gap) - var(--modal-bottom-gap));background:var(--surface-elevated);border:1px solid var(--border);box-shadow:0 8px 40px var(--shadow);border-radius:1.25rem;flex-direction:column;display:flex;position:relative;overflow:hidden}@media (min-width:640px){.modal-panel{max-width:32rem;margin-inline:1rem}.modal-panel.wide{max-width:42rem}}.modal-header{border-bottom:1px solid var(--border);padding:1rem 1.25rem}.modal-title-row{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.modal-title{font-size:1.05rem;font-weight:600}.modal-close{border:1px solid var(--border);width:2rem;height:2rem;color:var(--muted);cursor:pointer;background:0 0;border-radius:.5rem;justify-content:center;align-items:center;font-size:.85rem;transition:color .15s,border-color .15s;display:flex}.modal-close:hover{color:var(--foreground);border-color:var(--accent)}.modal-body{flex-direction:column;min-height:0;padding:.5rem;display:flex;overflow:hidden}.modal-input{border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--foreground);border-radius:.75rem;outline:none;padding:.7rem .9rem;font-size:.95rem;transition:border-color .15s}.modal-input:focus{border-color:var(--accent)}.modal-list-item{color:var(--foreground);border-radius:.75rem;padding:.75rem .85rem;text-decoration:none;transition:background .12s;display:block}.modal-list-item:hover{background:var(--card-hover)}.modal-list-item.active{background:var(--accent-soft)}.modal-list-row{justify-content:space-between;align-items:center;display:flex}.ayah-jump{border:1px solid var(--border);background:var(--surface);border-radius:9999px;align-items:center;gap:.5rem;padding:.35rem .65rem;font-size:.8rem;display:inline-flex}.ayah-jump label{color:var(--muted);white-space:nowrap}.ayah-jump input{text-align:center;border:1px solid var(--border);background:var(--input-bg);width:3rem;color:var(--foreground);border-radius:.4rem;outline:none;padding:.2rem .35rem;font-size:.8rem}.ayah-jump input:focus{border-color:var(--accent)}.ayah-jump button{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:.4rem;padding:.2rem .55rem;font-size:.75rem;font-weight:500}[data-theme=dark] .ayah-jump button{color:var(--on-accent)}.tafsir-status{text-align:center;color:var(--muted);padding:1rem 0;font-size:.85rem}.tafsir-status-error{color:#b45309}.tafsir-panel{--tafsir-scale:1;gap:calc(.65rem + .15rem * var(--tafsir-scale));flex-direction:column;flex:1;min-height:0;display:flex}.tafsir-ayah{padding:calc(.65rem + .1rem * var(--tafsir-scale)) calc(.85rem + .12rem * var(--tafsir-scale));border:1px solid rgb(var(--gold-rgb)/22%);border-inline-start:3px solid var(--gold);background:linear-gradient(135deg,rgb(var(--gold-rgb)/6%) 0,var(--marker-bg) 45%);border-radius:.5rem;margin:0}.tafsir-ayah-label{font-size:calc(.58rem + .04rem * var(--tafsir-scale));color:var(--gold);letter-spacing:.04em;margin-bottom:.3rem;font-weight:700;display:block}.tafsir-ayah-text{font-family:var(--font-quran),serif;font-size:calc(.82rem + .14rem * var(--tafsir-scale));color:var(--mushaf-frame-inner);margin:0;line-height:1.85}.ayah-action-dock{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;display:grid}@media (min-width:560px){.ayah-action-dock{grid-template-columns:repeat(7,minmax(0,1fr))}}.ayah-action{border:1px solid rgb(var(--gold-rgb)/20%);background:var(--surface);min-height:3.55rem;color:inherit;cursor:pointer;border-radius:.85rem;flex-direction:column;justify-content:center;align-items:center;gap:.18rem;padding:.4rem .2rem;text-decoration:none;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.ayah-action:focus-visible,.ayah-action:hover{border-color:var(--gold);background:var(--surface-elevated);box-shadow:0 4px 12px #0000000d}.ayah-action-active{border-color:var(--gold);background:rgb(var(--gold-rgb)/10%);box-shadow:0 0 0 2px var(--gold)}@supports (color:color-mix(in lab,red,red)){.ayah-action-active{box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 18%,transparent)}}.ayah-action-done{border-color:var(--accent);color:var(--accent)}.ayah-action-icon{width:1.15rem;height:1.15rem;color:var(--accent);justify-content:center;align-items:center;display:flex}.ayah-action-icon svg{width:100%;height:100%}.ayah-action-active .ayah-action-icon,.ayah-action:focus-visible .ayah-action-icon,.ayah-action:hover .ayah-action-icon{color:var(--gold)}.ayah-action-label{text-align:center;font-size:.62rem;font-weight:800;line-height:1.3}.ayah-similar-panel{border-top:0;margin-top:0;padding-top:0}.hifz-similar-link{color:inherit;text-decoration:none;display:block}.hifz-similar-link:hover .hifz-similar-ref{color:var(--accent)}.tafsir-tabs{border-block:1px solid rgb(var(--gold-rgb)/12%);flex-wrap:wrap;justify-content:center;gap:.3rem;padding:.15rem 0;display:flex}.tafsir-tab{padding:calc(.28rem + .04rem * var(--tafsir-scale)) calc(.55rem + .08rem * var(--tafsir-scale));font-size:calc(.6rem + .04rem * var(--tafsir-scale));color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.35rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.tafsir-tab:hover{border-color:rgb(var(--gold-rgb)/30%);color:var(--gold);background:rgb(var(--gold-rgb)/6%)}.tafsir-tab-active{background:var(--accent-soft);border-color:var(--mushaf-frame-inner);color:var(--mushaf-frame-inner)}.tafsir-body,.tafsir-panel>.ayah-similar-panel,.tafsir-panel>.cosmic-panel,.tafsir-panel>.sunnah-panel{flex:auto;min-height:0;overflow-y:auto}.tafsir-body{max-height:min(58vh,calc(22rem + 3rem * var(--tafsir-scale)));padding:.1rem .15rem}.tafsir-author{font-size:calc(.6rem + .03rem * var(--tafsir-scale));color:var(--gold);margin:0 0 .4rem;font-weight:600}.tafsir-text{font-family:var(--font-quran),serif;font-size:calc(.92rem + .13rem * var(--tafsir-scale));color:var(--foreground);white-space:pre-wrap;line-height:1.85}.tafsir-text-ltr{font-family:var(--font-ui),"Segoe UI",system-ui,sans-serif;letter-spacing:.01em;line-height:1.7}.tafsir-author-ltr{text-align:left;direction:ltr}.tafsir-tab-ltr{direction:ltr}.tafsir-actions{flex-wrap:wrap;justify-content:center;gap:.4rem;padding-top:.2rem;display:flex}.tafsir-action-btn{padding:calc(.32rem + .04rem * var(--tafsir-scale)) calc(.65rem + .1rem * var(--tafsir-scale));border:1px solid rgb(var(--gold-rgb)/25%);background:rgb(var(--gold-rgb)/5%);font-size:calc(.62rem + .04rem * var(--tafsir-scale));color:var(--mushaf-frame-inner);cursor:pointer;border-radius:.35rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s}.tafsir-action-btn:hover{background:rgb(var(--gold-rgb)/12%);border-color:var(--gold)}[data-theme=dark] .tafsir-ayah{background:linear-gradient(135deg,#d4b87a0d 0,var(--marker-bg) 45%);border-color:#d4b87a2e}[data-theme=dark] .tafsir-ayah-text{color:var(--gold-light)}[data-theme=dark] .tafsir-tab-active{border-color:var(--gold-light);color:var(--gold-light);background:#a8c48a1a}.tafsir-mode-switch{border:1px solid rgb(var(--gold-rgb)/18%);background:rgb(var(--gold-rgb)/5%);border-radius:.75rem;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.35rem;padding:.2rem;display:grid}.tafsir-mode-btn{padding:calc(.42rem + .04rem * var(--tafsir-scale,1)) calc(.55rem + .06rem * var(--tafsir-scale,1));font-family:var(--font-ui),system-ui,sans-serif;font-size:calc(.64rem + .04rem * var(--tafsir-scale,1));color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.55rem;font-weight:700;transition:background .15s,border-color .15s,color .15s}.tafsir-mode-btn-translation{direction:ltr}.tafsir-mode-btn-cosmic,.tafsir-mode-btn-sunnah{line-height:1.35}.tafsir-mode-btn-active{background:var(--surface-elevated);border-color:var(--marker-border);color:var(--accent);box-shadow:0 1px 4px #0000000f}.cosmic-panel{gap:calc(.75rem + .12rem * var(--tafsir-scale,1));flex-direction:column;display:flex}.cosmic-intro,.cosmic-source-caution{font-size:calc(.78rem + .04rem * var(--tafsir-scale,1));color:var(--muted);margin:0;line-height:1.7}.cosmic-source-caution{background:var(--accent-soft);color:var(--foreground);border-radius:.7rem;padding:.55rem .7rem}.cosmic-section-title{font-family:var(--font-ui),system-ui,sans-serif;font-size:calc(.68rem + .03rem * var(--tafsir-scale,1));color:var(--gold);letter-spacing:.02em;margin:0 0 .35rem;font-weight:700}.cosmic-reflection{padding:calc(.75rem + .08rem * var(--tafsir-scale,1));border:1px solid rgb(var(--gold-rgb)/22%);background:linear-gradient(180deg,rgb(var(--gold-rgb)/8%) 0,rgb(var(--gold-rgb)/3%) 100%);border-radius:.85rem}.cosmic-reflection-text{font-family:var(--font-quran),serif;font-size:calc(.95rem + .12rem * var(--tafsir-scale,1));color:var(--foreground);margin:0;line-height:1.9}.cosmic-tag-group{flex-direction:column;gap:.35rem;display:flex}.cosmic-tag-group-label{font-family:var(--font-ui),system-ui,sans-serif;font-size:calc(.58rem + .03rem * var(--tafsir-scale,1));color:var(--muted);font-weight:700}.cosmic-tags{flex-wrap:wrap;gap:.3rem;display:flex}.cosmic-tag{border:1px solid var(--marker-border);background:var(--marker-bg);font-family:var(--font-ui),system-ui,sans-serif;font-size:calc(.58rem + .03rem * var(--tafsir-scale,1));color:var(--accent);border-radius:9999px;align-items:center;padding:.18rem .55rem;font-weight:600;display:inline-flex}.cosmic-sources{flex-direction:column;gap:.65rem;display:flex}.cosmic-source-book{flex-direction:column;gap:.4rem;display:flex}.cosmic-source-book-title{font-family:var(--font-ui),system-ui,sans-serif;font-size:calc(.64rem + .03rem * var(--tafsir-scale,1));color:var(--mushaf-frame-inner);margin:0;font-weight:700}.cosmic-source-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.cosmic-source-card{padding:calc(.55rem + .05rem * var(--tafsir-scale,1));border:1px solid var(--border);background:var(--surface);border-radius:.65rem}.cosmic-source-title{font-family:var(--font-quran),serif;font-size:calc(.88rem + .1rem * var(--tafsir-scale,1));color:var(--foreground);margin:0;line-height:1.85}.cosmic-source-meta{font-size:calc(.56rem + .03rem * var(--tafsir-scale,1));margin:.35rem 0 0}.cosmic-attribution,.cosmic-source-meta{font-family:var(--font-ui),system-ui,sans-serif;color:var(--muted)}.cosmic-attribution{font-size:calc(.54rem + .02rem * var(--tafsir-scale,1));margin:0;padding-top:.15rem;line-height:1.55}.sunnah-panel{gap:calc(.75rem + .12rem * var(--tafsir-scale,1));flex-direction:column;display:flex}.sunnah-intro{font-size:calc(.62rem + .03rem * var(--tafsir-scale,1));color:var(--muted);margin:0;line-height:1.65}.sunnah-intro,.sunnah-section-title{font-family:var(--font-ui),system-ui,sans-serif}.sunnah-section-title{font-size:calc(.68rem + .03rem * var(--tafsir-scale,1));color:var(--gold);margin:0 0 .45rem;font-weight:700}.sunnah-tag-group{flex-direction:column;gap:.35rem;display:flex}.sunnah-tag-group-label{font-family:var(--font-ui),system-ui,sans-serif;font-size:calc(.58rem + .03rem * var(--tafsir-scale,1));color:var(--muted);font-weight:700}.sunnah-tags{flex-wrap:wrap;gap:.3rem;display:flex}.sunnah-tag{border:1px solid var(--marker-border);background:var(--marker-bg);font-family:var(--font-ui),system-ui,sans-serif;font-size:calc(.58rem + .03rem * var(--tafsir-scale,1));color:var(--accent);border-radius:9999px;align-items:center;padding:.18rem .55rem;font-weight:600;display:inline-flex}.sunnah-hadith-list{flex-direction:column;gap:.65rem;display:flex}.sunnah-hadith-card{padding:calc(.65rem + .06rem * var(--tafsir-scale,1));border:1px solid var(--border);background:var(--surface);border-radius:.85rem}.sunnah-hadith-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.45rem;display:flex}.sunnah-hadith-collection{font-family:var(--font-ui),system-ui,sans-serif;font-size:calc(.62rem + .03rem * var(--tafsir-scale,1));color:var(--mushaf-frame-inner);margin:0;font-weight:700}.sunnah-hadith-icon{margin-inline-end:.25rem}.sunnah-rel-badge{font-family:var(--font-ui),system-ui,sans-serif;font-size:calc(.54rem + .02rem * var(--tafsir-scale,1));border:1px solid #0000;border-radius:9999px;align-items:center;padding:.15rem .5rem;font-weight:700;display:inline-flex}.sunnah-rel-bayan_nabawi,.sunnah-rel-sabab_nuzul,.sunnah-rel-tafsir_ayah{background:rgb(var(--gold-rgb)/12%);border-color:rgb(var(--gold-rgb)/28%);color:var(--gold)}.sunnah-rel-fadila_murtabita,.sunnah-rel-tatbiq_amali{color:#165a3a;background:#2278501a;border-color:#22785038}.sunnah-rel-irtibat_mawdui{color:var(--muted);background:#5a5a6e14;border-color:#5a5a6e2e}.sunnah-hadith-text{font-family:var(--font-quran),serif;font-size:calc(.92rem + .1rem * var(--tafsir-scale,1));color:var(--foreground);margin:0;line-height:1.95}.sunnah-hadith-meta,.sunnah-thematic-note{font-family:var(--font-ui),system-ui,sans-serif;font-size:calc(.56rem + .03rem * var(--tafsir-scale,1));color:var(--muted);margin:.45rem 0 0}.sunnah-thematic-note{background:#5a5a6e0f;border-radius:.55rem;padding:.45rem .55rem;line-height:1.6}.sunnah-sources{flex-direction:column;gap:.25rem;margin-top:.55rem;display:flex}.sunnah-sources-label{font-family:var(--font-ui),system-ui,sans-serif;font-size:calc(.56rem + .03rem * var(--tafsir-scale,1));color:var(--gold);font-weight:700}.sunnah-source-list{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.sunnah-source-item{font-family:var(--font-ui),system-ui,sans-serif;font-size:calc(.56rem + .03rem * var(--tafsir-scale,1));color:var(--foreground);flex-wrap:wrap;gap:.25rem;display:flex}.sunnah-source-detail{color:var(--muted)}.sunnah-attribution{font-family:var(--font-ui),system-ui,sans-serif;font-size:calc(.54rem + .02rem * var(--tafsir-scale,1));color:var(--muted);margin:0;padding-top:.15rem;line-height:1.55}[data-theme=dark] .tafsir-mode-btn-active{background:var(--surface-elevated);color:var(--gold-light)}[data-theme=dark] .cosmic-reflection{background:linear-gradient(180deg,rgb(var(--gold-rgb)/10%) 0,rgb(var(--gold-rgb)/4%) 100%)}.recitation-bar{z-index:60;border:1px solid var(--gold);grid-template-columns:minmax(10.5rem,1fr) minmax(12rem,1.35fr) auto;align-items:center;gap:.9rem 1.15rem;width:min(52rem,100vw - 1.5rem);padding:.85rem 1.05rem .8rem;display:grid;position:fixed;bottom:1rem;left:50%;right:auto;overflow:visible}@supports (color:color-mix(in lab,red,red)){.recitation-bar{border:1px solid color-mix(in srgb,var(--gold) 22%,var(--border))}}.recitation-bar{background:linear-gradient(180deg,#ffffff2e,transparent 42%),var(--surface-elevated);border-radius:1.25rem}@supports (color:color-mix(in lab,red,red)){.recitation-bar{background:linear-gradient(180deg,#ffffff2e,transparent 42%),color-mix(in srgb,var(--surface-elevated) 94%,transparent)}}.recitation-bar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 16px 40px var(--accent),inset 0 1px 0 #ffffff6b}@supports (color:color-mix(in lab,red,red)){.recitation-bar{box-shadow:0 16px 40px color-mix(in srgb,var(--accent) 14%,var(--shadow)),inset 0 1px 0 #ffffff6b}}.recitation-bar{transform:translateX(-50%) translateY(var(--recitation-shift,0));transition:transform .55s cubic-bezier(.22,1,.36,1)}.recitation-bar-playing{box-shadow:0 16px 40px var(--accent),0 0 0 1px var(--gold)}@supports (color:color-mix(in lab,red,red)){.recitation-bar-playing{box-shadow:0 16px 40px color-mix(in srgb,var(--accent) 18%,var(--shadow)),0 0 0 1px color-mix(in srgb,var(--gold) 28%,transparent)}}.recitation-queue-track{background:var(--border);top:0;border-radius:999px;height:3px;position:absolute;inset-inline:1rem}@supports (color:color-mix(in lab,red,red)){.recitation-queue-track{background:color-mix(in srgb,var(--border) 80%,transparent)}}.recitation-queue-track{overflow:hidden}.recitation-queue-track:after{content:"";height:100%;width:var(--queue-progress,0);border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--accent));display:block}.recitation-bar-info{min-width:0}.recitation-bar-kicker{align-items:center;gap:.4rem;min-width:0;display:flex}.recitation-jump{color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:none}.recitation-bar-ayah.recitation-jump{width:fit-content;max-width:100%;display:block}.recitation-bar-live{background:var(--gold);border-radius:999px;flex-shrink:0;width:.45rem;height:.45rem}.recitation-bar-playing .recitation-bar-live{animation:recitation-live 1.2s ease-in-out infinite}@keyframes recitation-live{50%{opacity:.35;transform:scale(.75)}}.recitation-bar-label{letter-spacing:.02em;color:var(--gold);margin:0;font-size:.66rem;font-weight:700}.recitation-bar-page{color:var(--muted);font-size:.62rem}.recitation-bar-ayah{color:var(--foreground);margin:.18rem 0 0;font-size:.95rem;font-weight:700;line-height:1.3}.recitation-bar-queue{color:var(--muted);margin:.18rem 0 0;font-size:.68rem}.recitation-bar-progress{min-width:0}.recitation-seek{cursor:pointer;touch-action:none;align-items:center;height:.72rem;display:flex;position:relative}.recitation-seek:before{content:"";background:var(--border);border-radius:999px;height:.28rem;position:absolute;inset-inline:0}@supports (color:color-mix(in lab,red,red)){.recitation-seek:before{background:color-mix(in srgb,var(--border) 88%,var(--accent))}}.recitation-seek-fill{background:linear-gradient(90deg,var(--gold),var(--accent));border-radius:999px;height:.28rem;position:absolute;inset-inline-start:0}.recitation-seek-knob{background:var(--surface-elevated);border:2px solid var(--accent);width:.78rem;height:.78rem;box-shadow:0 1px 4px var(--shadow);border-radius:999px;position:absolute;top:50%;transform:translate(-50%,-50%)}[dir=rtl] .recitation-seek-knob{transform:translate(50%,-50%)}.recitation-seek-times{font-variant-numeric:tabular-nums;color:var(--muted);justify-content:space-between;margin-top:.28rem;font-size:.62rem;display:flex}.recitation-bar-controls{justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.recitation-reciter{min-width:8.5rem;max-width:11.5rem;display:block;position:relative}.recitation-reciter-trigger{cursor:pointer;width:100%;text-align:inherit;background:0 0;border:0;padding:0;display:block}.recitation-reciter-trigger:disabled{opacity:.5;cursor:not-allowed}.recitation-reciter-name{border:1px solid var(--border);background:var(--surface);color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;border-radius:9999px;padding:.38rem 1.55rem .38rem .7rem;font-size:.64rem;font-weight:600;line-height:1.3;display:block;overflow:hidden}[dir=rtl] .recitation-reciter-name{padding:.38rem .7rem .38rem 1.55rem}.recitation-reciter-trigger[aria-expanded=true] .recitation-reciter-name{border-color:var(--accent);background:var(--accent-soft)}.recitation-reciter:after{content:"";border-inline-end:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);pointer-events:none;inset-inline-end:.68rem;width:.36rem;height:.36rem;position:absolute;top:50%;transform:translateY(-70%)rotate(45deg)}.recitation-reciter-menu{z-index:70;border:1px solid var(--gold);bottom:calc(100% + .4rem);flex-direction:column;gap:.1rem;min-width:12.4rem;max-width:min(16.5rem,100vw - 1.5rem);max-height:min(15.5rem,46vh);padding:.32rem;display:flex;position:absolute;inset-inline-start:0;overflow-y:auto}@supports (color:color-mix(in lab,red,red)){.recitation-reciter-menu{border:1px solid color-mix(in srgb,var(--gold) 22%,var(--border))}}.recitation-reciter-menu{background:linear-gradient(180deg,#ffffff24,transparent 40%),var(--surface-elevated);border-radius:.95rem}@supports (color:color-mix(in lab,red,red)){.recitation-reciter-menu{background:linear-gradient(180deg,#ffffff24,transparent 40%),color-mix(in srgb,var(--surface-elevated) 94%,transparent)}}.recitation-reciter-menu{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 16px 36px var(--accent),inset 0 1px 0 #ffffff47}@supports (color:color-mix(in lab,red,red)){.recitation-reciter-menu{box-shadow:0 16px 36px color-mix(in srgb,var(--accent) 14%,var(--shadow)),inset 0 1px 0 #ffffff47}}.recitation-reciter-option{width:100%;color:var(--foreground);cursor:pointer;text-align:start;background:0 0;border:1px solid #0000;border-radius:.6rem;flex-direction:column;align-items:flex-start;gap:.04rem;padding:.4rem .6rem;display:flex}.recitation-reciter-option:hover{background:var(--accent-soft);border-color:var(--marker-border)}.recitation-reciter-option-active{background:var(--accent-soft);border-color:var(--gold)}@supports (color:color-mix(in lab,red,red)){.recitation-reciter-option-active{border-color:color-mix(in srgb,var(--gold) 28%,var(--border))}}.recitation-reciter-option-name{letter-spacing:.01em;word-spacing:.08em;color:var(--accent);font-size:.66rem;font-weight:700;line-height:1.45}.recitation-reciter-option-en{color:var(--muted);font-size:.56rem;line-height:1.3}.recitation-transport{align-items:center;gap:.32rem;display:flex}.recitation-btn{width:2.25rem;height:2.25rem;color:var(--foreground);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.recitation-btn svg{fill:currentColor;width:.95rem;height:.95rem}.recitation-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.recitation-btn:disabled{opacity:.4;cursor:not-allowed}.recitation-btn-primary{width:2.7rem;height:2.7rem;color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.recitation-btn-primary svg{width:1.05rem;height:1.05rem}.recitation-btn.recitation-btn-surah{width:2.55rem;height:2.55rem}.recitation-btn-surah svg{width:1.08rem;height:1.08rem}.recitation-btn.recitation-btn-stop{width:1.7rem;height:1.7rem;color:var(--muted)}.recitation-btn-stop svg{fill:none;stroke:currentColor;stroke-width:2.25px;stroke-linecap:round}[dir=rtl] .recitation-btn-skip svg{transform:scaleX(-1)}html:has(.recitation-bar) main{padding-bottom:7.5rem}@media (max-width:720px){.recitation-bar{width:100%;transform:translateY(var(--recitation-shift,0));padding:.85rem .9rem calc(.75rem + env(safe-area-inset-bottom));border-bottom:0;border-radius:1.15rem 1.15rem 0 0;grid-template-columns:1fr;gap:.7rem;bottom:0;left:0;right:0}.recitation-queue-track{inset-inline:.85rem}.recitation-bar-info{padding-inline-end:2.35rem}.recitation-btn.recitation-btn-stop{z-index:2;top:.68rem;width:1.7rem;height:1.7rem;position:absolute;inset-inline-end:.85rem}.recitation-bar-ayah{font-size:.92rem}.recitation-bar-controls{justify-content:space-between;gap:.5rem}.recitation-reciter{flex:auto;min-width:0;max-width:11rem}.recitation-transport{flex:none}.recitation-btn{width:2.45rem;height:2.45rem}.recitation-btn-primary{width:3rem;height:3rem}.recitation-btn.recitation-btn-surah{width:2.8rem;height:2.8rem}html:has(.recitation-bar) main{padding-bottom:10.5rem}}.tafsir-action-recite{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.hifz-page:before{opacity:calc(var(--index-pattern-opacity) * .55)}.hifz-page:after{display:none}.hifz-page{background:radial-gradient(ellipse 90% 60% at 50% -10%,rgb(var(--gold-rgb)/16%),transparent 55%),radial-gradient(ellipse 70% 50% at 100% 20%,var(--accent-soft),transparent 50%),var(--background)}.hifz-shell{flex-direction:column;gap:1rem;padding-bottom:2.5rem;display:flex}.hifz-hero-card{border:2px solid var(--accent);margin-top:.35rem;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.hifz-hero-card{border:2px solid color-mix(in srgb,var(--accent) 28%,var(--border))}}.hifz-hero-card{background:radial-gradient(ellipse 85% 70% at 12% 0,rgb(var(--gold-rgb)/16%),transparent 58%),radial-gradient(ellipse 70% 55% at 100% 100%,var(--accent-soft),transparent 52%),linear-gradient(165deg,var(--surface-elevated) 0,var(--surface) 100%);box-shadow:0 10px 32px var(--accent),inset 0 1px 0 #ffffffa6;border-radius:1.35rem}@supports (color:color-mix(in lab,red,red)){.hifz-hero-card{box-shadow:0 10px 32px color-mix(in srgb,var(--accent) 12%,var(--shadow)),inset 0 1px 0 #ffffffa6}}.hifz-hero-decor{pointer-events:none}.hifz-hero-bubble{opacity:.55;border-radius:999px;position:absolute}.hifz-hero-bubble-a{background:var(--accent);top:-1.2rem;width:4.5rem;height:4.5rem;inset-inline-end:1.5rem}@supports (color:color-mix(in lab,red,red)){.hifz-hero-bubble-a{background:color-mix(in srgb,var(--accent) 22%,transparent)}}.hifz-hero-bubble-b{background:var(--gold);bottom:-1.5rem;width:5.5rem;height:5.5rem;inset-inline-start:-.5rem}@supports (color:color-mix(in lab,red,red)){.hifz-hero-bubble-b{background:color-mix(in srgb,var(--gold) 24%,transparent)}}.hifz-hero-star{color:var(--gold);opacity:.85;top:.85rem;font-size:.95rem;position:absolute;inset-inline-start:1rem}.hifz-hero-inner{z-index:1;flex-direction:column;gap:.85rem;padding:1.1rem 1.15rem 1rem;display:flex;position:relative}.hifz-hero-head{text-align:start;align-items:flex-start;gap:.9rem;display:flex}.hifz-hero-icon{background:linear-gradient(145deg,var(--accent),var(--accent));border-radius:1rem;flex-shrink:0;place-items:center;width:3.25rem;height:3.25rem;display:grid}@supports (color:color-mix(in lab,red,red)){.hifz-hero-icon{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 88%,white),var(--accent))}}.hifz-hero-icon{box-shadow:0 6px 16px var(--accent),inset 0 1px 0 #ffffff59}@supports (color:color-mix(in lab,red,red)){.hifz-hero-icon{box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 35%,transparent),inset 0 1px 0 #ffffff59}}.hifz-hero-icon-glyph{filter:drop-shadow(0 1px #0000001f);font-size:1.45rem;line-height:1}.hifz-hero-copy{flex:1;min-width:0}.hifz-hero-kicker{letter-spacing:.04em;color:var(--gold);margin:0 0 .2rem;font-size:.68rem;font-weight:800}.hifz-hero-title{font-family:var(--font-quran),serif;color:var(--accent);margin:0;font-size:clamp(1.35rem,4.2vw,1.75rem);font-weight:800;line-height:1.2}.hifz-hero-desc{color:var(--muted);margin:.4rem 0 0;font-size:.74rem;line-height:1.6}.hifz-pipeline-label{color:var(--gold);margin:.15rem 0 0;font-size:.68rem;font-weight:800}.hifz-hero-steps{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.hifz-quickstart{border:1.5px solid var(--accent);flex-direction:column;gap:.95rem;padding:1.05rem 1rem 1.1rem;display:flex}@supports (color:color-mix(in lab,red,red)){.hifz-quickstart{border:1.5px solid color-mix(in srgb,var(--accent) 22%,var(--border))}}.hifz-quickstart{background:var(--surface-elevated);box-shadow:0 8px 22px var(--shadow);border-radius:1.2rem}.hifz-quickstart-title{font-family:var(--font-quran),serif;color:var(--accent);margin:0;font-size:1.2rem;font-weight:800}.hifz-quickstart-block{border:0;min-width:0;margin:0;padding:0}.hifz-quickstart-block legend{color:var(--accent);margin-bottom:.45rem;font-size:.82rem;font-weight:800}.hifz-choice-row{flex-wrap:wrap;gap:.45rem;display:flex}.hifz-choice{min-height:2.55rem;color:var(--text);background:var(--surface);border:1.5px solid var(--border);border-radius:.85rem;flex:5.5rem;padding:.45rem .7rem;font-size:.86rem;font-weight:800}.hifz-choice-active{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.hifz-quickstart-field{color:var(--muted);flex-direction:column;gap:.3rem;margin-top:.7rem;font-size:.78rem;font-weight:700;display:flex}.hifz-quickstart-field input,.hifz-quickstart-field select{min-height:2.6rem;font:inherit;color:var(--text);background:var(--input-bg);border:1px solid var(--border);border-radius:.75rem;padding:.45rem .7rem;font-weight:700}.hifz-quickstart-ayahs{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.hifz-quickstart-submit{width:100%;min-height:3rem;font-size:1rem}.hifz-hero-step{color:var(--text);background:var(--surface-elevated);border:1px solid var(--accent);align-items:center;gap:.3rem;padding:.32rem .62rem;font-size:.64rem;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.hifz-hero-step{border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border))}}.hifz-hero-step{border-radius:999px;box-shadow:0 1px #ffffff80}.hifz-hero-meta{flex-wrap:wrap;gap:.4rem;display:flex}.hifz-hero-welcome-badge{color:var(--on-accent);background:linear-gradient(135deg,var(--accent),var(--accent));align-items:center;gap:.25rem;padding:.38rem .72rem;font-size:.68rem;font-weight:800;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.hifz-hero-welcome-badge{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 75%,var(--gold)))}}.hifz-hero-welcome-badge{box-shadow:0 4px 12px var(--accent);border-radius:999px}@supports (color:color-mix(in lab,red,red)){.hifz-hero-welcome-badge{box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 28%,transparent)}}.hifz-hero-stat{color:var(--text);background:var(--accent-soft);border:1px solid var(--accent);align-items:center;padding:.34rem .65rem;font-size:.64rem;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.hifz-hero-stat{border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border))}}.hifz-hero-stat{border-radius:999px}.hifz-hero-stat-success{color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.hifz-hero-stat-success{color:color-mix(in srgb,var(--accent) 70%,#1a6b3a)}}.hifz-hero-stat-success{background:#4caf50}@supports (color:color-mix(in lab,red,red)){.hifz-hero-stat-success{background:color-mix(in srgb,#4caf50 14%,var(--surface))}}.hifz-hero-stat-success{border-color:#4caf50}@supports (color:color-mix(in lab,red,red)){.hifz-hero-stat-success{border-color:color-mix(in srgb,#4caf50 35%,var(--border))}}.hifz-hero-foot{flex-wrap:wrap;justify-content:flex-start;gap:.45rem;padding-top:.15rem;display:flex}.hifz-hero-back{color:var(--text);background:var(--surface-elevated);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.35rem;padding:.42rem .85rem;font-size:.68rem;font-weight:700;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:inline-flex}.hifz-hero-back:hover{background:var(--card-hover);border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.hifz-hero-back:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}}.hifz-hero-back:hover{transform:translateY(-1px)}[data-palette=forest] .hifz-hero-card{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){[data-palette=forest] .hifz-hero-card{border-color:color-mix(in srgb,var(--accent) 40%,#90caf9)}}[data-palette=forest] .hifz-hero-step{background:#ffffffe0}.hifz-workspace{background:var(--surface);border:1px solid var(--border);border-radius:1.1rem;padding:1rem 1.1rem 1.15rem;box-shadow:0 1px 2px #0000000a,0 8px 24px #0000000f}[data-theme=dark] .hifz-workspace{box-shadow:0 1px 2px #0003,0 8px 24px #00000040}.hifz-tabbar{background:var(--accent-soft);border-radius:.75rem;grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;margin-bottom:1rem;padding:.3rem;display:grid}.hifz-tab{color:var(--muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:.55rem;padding:.55rem .4rem;font-size:.7rem;font-weight:600;transition:color .15s,background .15s,box-shadow .15s;overflow:hidden}.hifz-tab:hover{color:var(--text);background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.hifz-tab:hover{background:color-mix(in srgb,var(--surface) 70%,transparent)}}.hifz-tab-active{box-shadow:0 1px 4px #0000001f}.hifz-tab-active,.hifz-tab-active:hover{color:var(--on-accent);background:var(--accent)}.hifz-tab-locked{opacity:.45;cursor:not-allowed}.hifz-gate-banner{color:var(--accent);text-align:center;background:var(--accent-soft);border:1px solid var(--accent);margin-bottom:.85rem;padding:.65rem .75rem;font-size:.72rem;font-weight:600}@supports (color:color-mix(in lab,red,red)){.hifz-gate-banner{border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border))}}.hifz-gate-banner{border-radius:.65rem}.hifz-workspace-body{min-height:12rem}.hifz-panel{flex-direction:column;gap:1rem;display:flex}.hifz-section-title{color:var(--text);margin:0 0 .5rem;font-size:.88rem;font-weight:700}.hifz-plan-builder,.hifz-plan-form{flex-direction:column;gap:1rem;display:flex}.hifz-plan-card{background:var(--surface);flex-direction:column;gap:.85rem;padding:1rem;display:flex}@supports (color:color-mix(in lab,red,red)){.hifz-plan-card{background:color-mix(in srgb,var(--surface) 92%,var(--accent) 8%)}}.hifz-plan-card{border:1px solid var(--border);border-radius:.85rem}.hifz-plan-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.hifz-plan-card-title{color:var(--text);margin:0;font-size:.92rem;font-weight:800}.hifz-plan-card-desc{color:var(--muted);margin:.25rem 0 0;font-size:.72rem;line-height:1.45}.hifz-ayah-presets,.hifz-plan-quick-actions{flex-wrap:wrap;gap:.35rem;display:flex}.hifz-plan-quick-btn{color:var(--on-accent);background:var(--accent);border:1px solid var(--accent);cursor:pointer;border-radius:999px;padding:.35rem .65rem;font-size:.68rem;font-weight:700;transition:opacity .15s}.hifz-plan-quick-btn:hover{opacity:.9}.hifz-plan-quick-btn-muted{color:var(--text);background:var(--bg);border-color:var(--border)}.hifz-plan-search-wrap{z-index:1;background:inherit;padding-bottom:.15rem;position:sticky;top:0}.hifz-plan-search{padding-inline:.85rem}.hifz-surah-pick-list{border:1px solid var(--border);background:var(--bg);border-radius:.65rem;flex-direction:column;gap:.3rem;max-height:13.5rem;padding:.15rem;display:flex;overflow:auto}.hifz-surah-pick-item{text-align:start;width:100%;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.55rem;grid-template-columns:1.4rem 2rem minmax(0,1fr) auto;align-items:center;gap:.45rem;padding:.5rem .55rem;transition:background .12s,border-color .12s;display:grid}.hifz-surah-pick-item:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.hifz-surah-pick-item:hover{background:color-mix(in srgb,var(--accent) 8%,var(--bg))}}.hifz-surah-pick-item-active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.hifz-surah-pick-item-active{background:color-mix(in srgb,var(--accent) 14%,var(--bg))}}.hifz-surah-pick-item-active{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.hifz-surah-pick-item-active{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}}.hifz-surah-pick-check{width:1.15rem;height:1.15rem;color:var(--on-accent);background:var(--accent);opacity:0;border-radius:.3rem;justify-content:center;align-items:center;font-size:.65rem;font-weight:800;display:inline-flex}.hifz-surah-pick-item-active .hifz-surah-pick-check{opacity:1}.hifz-surah-pick-num{color:var(--muted);font-size:.72rem;font-weight:800}.hifz-surah-pick-name{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:700;overflow:hidden}.hifz-surah-pick-count{color:var(--muted);white-space:nowrap;font-size:.62rem;font-weight:600}.hifz-selected-surahs{flex-direction:column;gap:.45rem;display:flex}.hifz-selected-surah-chips{flex-wrap:wrap;gap:.4rem;display:flex}.hifz-surah-chip{text-align:start;min-width:5.5rem;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:.65rem;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.45rem .6rem;transition:border-color .12s,box-shadow .12s;display:inline-flex}.hifz-surah-chip-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.hifz-surah-chip-name{font-size:.74rem;font-weight:800}.hifz-surah-chip-count,.hifz-surah-chip-range{color:var(--muted);font-size:.62rem;font-weight:600}.hifz-ayah-picker-card{gap:.75rem}.hifz-ayah-picker-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.65rem;display:flex}.hifz-ayah-slider-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.hifz-ayah-slider-field{flex-direction:column;gap:.25rem;display:flex}.hifz-ayah-slider{width:100%;accent-color:var(--accent)}.hifz-ayah-slider-value{color:var(--accent);text-align:center;font-size:.82rem;font-weight:800}.hifz-ayah-summary{color:var(--text);background:var(--bg);border:1px dashed var(--accent);margin:0;padding:.55rem .7rem;font-size:.72rem;font-weight:600}@supports (color:color-mix(in lab,red,red)){.hifz-ayah-summary{border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--border))}}.hifz-ayah-summary{text-align:center;border-radius:.55rem}.hifz-ayah-grid{background:var(--bg);border:1px solid var(--border);border-radius:.65rem;grid-template-columns:repeat(auto-fill,minmax(2.15rem,1fr));gap:.3rem;max-height:11rem;padding:.35rem;display:grid;overflow:auto}.hifz-ayah-cell{min-height:2rem;color:var(--muted);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:.45rem;padding:.15rem;font-size:.68rem;font-weight:700;transition:color .12s,background .12s,border-color .12s}.hifz-ayah-cell:hover{color:var(--text);border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.hifz-ayah-cell:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}}.hifz-ayah-cell-in-range{color:var(--text);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.hifz-ayah-cell-in-range{background:color-mix(in srgb,var(--accent) 16%,var(--surface))}}.hifz-ayah-cell-in-range{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.hifz-ayah-cell-in-range{border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}}.hifz-ayah-cell-edge{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.hifz-ayah-cell-anchor{box-shadow:0 0 0 2px var(--accent-soft)}.hifz-ayah-pick-hint{color:var(--accent);text-align:center;margin:0;font-size:.68rem;font-weight:600}.hifz-plan-settings-card{gap:.85rem}.hifz-plan-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.hifz-plan-totals{color:var(--muted);background:var(--bg);border-radius:.55rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .65rem;font-size:.72rem;font-weight:700;display:flex}.hifz-plan-need-surah{color:#8a1f1f;background:#fff3f0;border:1px solid #e3b6b0;border-radius:.55rem;margin:0;padding:.55rem .7rem;font-size:.78rem;font-weight:700}.hifz-surah-pick-list-need{outline-offset:2px;outline:2px solid #c44}@media (max-width:640px){.hifz-ayah-slider-row,.hifz-plan-settings-grid{grid-template-columns:1fr}}.hifz-form-block{flex-direction:column;gap:.55rem;display:flex}.hifz-label{color:var(--muted);margin:0;font-size:.68rem;font-weight:700}.hifz-field{flex-direction:column;gap:.35rem;min-width:0;display:flex}.hifz-field-full{width:100%}.hifz-control{box-sizing:border-box;width:100%;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:.65rem;padding:.6rem .75rem;font-size:.82rem;font-weight:500;transition:border-color .15s,box-shadow .15s}.hifz-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.hifz-ayah-range{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:.5rem;display:grid}.hifz-range-sep{color:var(--muted);text-align:center;padding-bottom:.65rem;font-size:.85rem;font-weight:600}.hifz-option-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;display:grid}.hifz-chip{min-height:2.35rem;color:var(--muted);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:.65rem;justify-content:center;align-items:center;padding:.45rem .5rem;font-size:.72rem;font-weight:600;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.hifz-chip:hover{color:var(--text);border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.hifz-chip:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}}.hifz-chip-active{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.hifz-chip-wide{text-align:center;width:100%;min-height:2.5rem}.hifz-btn{color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:.65rem;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .9rem;font-size:.75rem;font-weight:600;display:inline-flex}.hifz-btn-primary{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.hifz-btn-block{width:100%;min-height:2.65rem;font-size:.78rem}.hifz-btn-ghost{color:var(--muted);background:0 0;margin-top:.65rem}.hifz-subcard{background:var(--bg);border:1px solid var(--border);border-radius:.85rem;padding:.85rem .95rem}.hifz-subcard-title{color:var(--text);margin:0 0 .45rem;font-size:.78rem;font-weight:700}.hifz-auto-actions{gap:.45rem;margin-top:.55rem;display:grid}@media (min-width:32rem){.hifz-auto-actions{grid-template-columns:1fr 1fr}}.hifz-status-list{margin:0;padding:0;list-style:none}.hifz-status-list li{border-bottom:1px solid var(--border);align-items:center;gap:.45rem;padding:.4rem 0;font-size:.72rem;display:flex}.hifz-status-badge{text-align:center;flex-shrink:0;width:1.25rem}.hifz-btn-active{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-soft)}.hifz-session-head{margin-bottom:.85rem}.hifz-session-line{color:var(--text);margin:.25rem 0;font-size:.82rem}.hifz-due-badge{color:var(--accent);background:var(--accent-soft);border-radius:9999px;margin:.35rem 0;padding:.2rem .55rem;font-size:.65rem;font-weight:600;display:inline-block}.hifz-progress-chip{color:var(--muted);margin:.35rem 0 0;font-size:.68rem}.hifz-session-nav{gap:.55rem;margin-top:.65rem;display:grid}.hifz-session-nav-actions{flex-wrap:wrap;gap:.45rem;display:flex}.hifz-btn-secondary{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.hifz-btn-secondary:disabled{opacity:.45;cursor:not-allowed}.hifz-prev-session-hint{margin:0;font-size:.65rem}.hifz-session-nav-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.62rem;font-weight:700}.hifz-session-viewing-banner{background:var(--accent-soft);border:1px solid var(--accent);border-radius:.65rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.55rem;margin-bottom:.65rem;padding:.55rem .75rem;display:flex}.hifz-session-viewing-banner p{margin:0;font-size:.78rem;font-weight:600}.hifz-btn-danger{color:#b42318;background:#fef3f2;border-color:#fecdca}.hifz-btn-danger:hover{background:#fee4e2}.hifz-session-ayah-strip{flex-wrap:wrap;gap:.35rem;display:flex}.hifz-session-ayah-chip{color:var(--muted);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:9999px;padding:.25rem .55rem;font-size:.65rem;font-weight:600}.hifz-session-ayah-chip--past{color:var(--text);border-color:var(--accent-soft)}.hifz-session-ayah-chip--current{color:#fff;background:var(--accent);border-color:var(--accent)}.hifz-session-loading{justify-content:center;align-items:center;min-height:12rem;display:flex}.hifz-ayah-card{background:var(--bg);border:1px solid var(--border);border-radius:.85rem;min-height:12rem;padding:1rem;transition:opacity .15s}.hifz-ayah-card-loading{opacity:.72}.hifz-ayah-card-head{color:var(--muted);margin-bottom:.65rem;font-size:.72rem;font-weight:600}.hifz-ayah-text{text-align:center;margin:0 0 .85rem;font-size:clamp(1.1rem,3vw,1.45rem);line-height:2}.hifz-ayah-hidden{letter-spacing:.02em}.hifz-step-actions{gap:.55rem;display:grid}.hifz-repeat-choices{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.hifz-recite-panel{gap:.55rem;display:grid}.hifz-recite-input{width:100%;color:var(--text);background:var(--bg);border:1px solid var(--border);resize:vertical;border-radius:.65rem;padding:.65rem .75rem;font-family:inherit;font-size:.95rem;line-height:1.7}.hifz-recite-toolbar{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.hifz-compare-result{border-radius:.65rem;padding:.65rem .75rem;font-size:.75rem}.hifz-compare-ok{color:#166534;background:#22c55e1f}.hifz-compare-warn{color:#92400e;background:#f59e0b1f}.hifz-diff-list{margin:.35rem 0 .55rem;padding-inline-start:1.1rem}.hifz-muted{color:var(--muted);margin:0;font-size:.72rem}.hifz-empty{text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--border);border-radius:1rem;padding:1.25rem}.hifz-session-log ul{margin:0;padding:0;list-style:none}.hifz-session-log li{border-bottom:1px solid var(--border);padding:.35rem 0;font-size:.75rem}.hifz-juz-table-wrap{overflow-x:auto}.hifz-juz-table{border-collapse:collapse;width:100%;font-size:.72rem}.hifz-juz-table td,.hifz-juz-table th{text-align:start;border-bottom:1px solid var(--border);padding:.45rem .55rem}.hifz-juz-bar-cell{background:var(--accent-soft);border-radius:9999px;min-width:6rem;height:1.25rem;position:relative;overflow:hidden}.hifz-juz-pct{z-index:1;padding-inline-start:.45rem;font-weight:600;line-height:1.25rem;position:relative}.hifz-juz-bar{border-radius:9999px;position:absolute;inset-block:0;inset-inline-start:0}.hifz-juz-bar-mem{background:#22c55e73}.hifz-juz-bar-rev{background:#f59e0b73}.hifz-quiz-modes{flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;display:flex}.hifz-quiz-prompt{color:var(--muted);margin:0 0 .55rem;font-size:.78rem;font-weight:600}.hifz-quiz-choices{gap:.4rem;display:grid}.hifz-quiz-feedback{margin:.55rem 0;font-size:.78rem;font-weight:600}.header-btn-hifz{border-color:var(--gold-soft)}.hifz-similar-panel{border-top:1px dashed var(--border);margin-top:1rem;padding-top:.85rem}.hifz-similar-title{color:var(--accent);margin:0 0 .5rem;font-size:.78rem;font-weight:700}.hifz-similar-list{margin:0;padding:0;list-style:none}.hifz-similar-item{border-bottom:1px solid var(--border);padding:.55rem 0}.hifz-similar-ref{color:var(--muted);margin:0 0 .35rem;font-size:.68rem}.hifz-similar-note{margin-top:.45rem}.hifz-review-schedule{margin-bottom:1.25rem}.hifz-sr-ladder{color:var(--text);margin:.45rem 0 .75rem;font-size:.72rem}.hifz-sr-step{white-space:nowrap}.hifz-review-groups{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.hifz-review-group{flex-wrap:wrap;align-items:center;gap:.35rem .55rem;display:flex}.hifz-review-surah{min-width:4.5rem;color:var(--accent);margin:0;font-size:.78rem;font-weight:800}.hifz-review-chips{flex-wrap:wrap;gap:.3rem;display:flex}.hifz-review-chip{border:1px solid rgb(var(--gold-rgb)/28%);background:rgb(var(--gold-rgb)/8%);color:var(--text);border-radius:999px;align-items:center;padding:.18rem .5rem;font-size:.68rem;font-weight:700;line-height:1.4;display:inline-flex}.hifz-auto-preview{background:var(--accent-soft);border-radius:.65rem;margin-top:.65rem;padding:.75rem;font-size:.78rem}.hifz-profile-email{color:var(--muted);direction:ltr;unicode-bidi:isolate;margin:.15rem 0 0;font-size:.72rem}.hifz-profile-form-title{color:var(--text);margin:0 0 .35rem;font-size:.92rem;font-weight:700}.hifz-profile-form-desc{margin-bottom:.85rem}.hifz-profile-form{flex-direction:column;gap:.75rem;display:flex}.hifz-profile-form-actions{flex-direction:column;gap:.45rem;display:flex}.hifz-profile-error{color:#b45309;margin:0;font-size:.72rem;font-weight:600}.hifz-profile-note{color:var(--muted);text-align:center;margin:.75rem 0 0;font-size:.66rem;line-height:1.55}.hifz-profile-card{background:var(--bg);border:1px solid var(--border);border-radius:.85rem;flex-direction:column;gap:.85rem;padding:.95rem 1rem;display:flex}.hifz-profile-head{align-items:flex-start;gap:.75rem;display:flex}.hifz-profile-avatar{background:var(--accent-soft);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.15rem;display:flex}.hifz-profile-name{color:var(--text);margin:0;font-size:1rem;font-weight:700}.hifz-profile-last,.hifz-profile-meta,.hifz-profile-plan-line,.hifz-profile-since{color:var(--muted);margin:.2rem 0 0;font-size:.72rem;line-height:1.55}.hifz-profile-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;display:grid}.hifz-profile-stat{background:var(--surface);border:1px solid var(--border);border-radius:.65rem;flex-direction:column;align-items:center;gap:.15rem;padding:.55rem .35rem;display:flex}.hifz-profile-stat-value{color:var(--accent);font-size:.95rem;font-weight:700}.hifz-profile-stat-label{color:var(--muted);text-align:center;font-size:.58rem;font-weight:600;line-height:1.35}.hifz-profile-due{color:var(--accent);margin:.55rem 0 0;font-size:.72rem;font-weight:600}.hifz-login-card{flex-direction:column;gap:.85rem;display:flex}.hifz-login-user{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem;display:flex}.hifz-login-avatar{width:2.75rem;height:2.75rem;font-size:1.25rem}.hifz-login-name{color:var(--text);margin:0;font-size:.95rem;font-weight:700}.hifz-login-note{color:var(--muted);text-align:center;margin:0;font-size:.66rem;line-height:1.5}.hifz-profile-actions{flex-wrap:wrap;gap:.45rem;display:flex}.hifz-login-back-link{margin-top:.5rem}.hifz-auth-switch{background:var(--accent-soft);border-radius:.75rem;grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:.85rem;padding:.3rem;display:grid}.hifz-auth-switch-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:.55rem;padding:.6rem .5rem;font-size:.72rem;font-weight:700;transition:color .15s,background .15s}.hifz-auth-switch-active{color:var(--on-accent);background:var(--accent);box-shadow:0 1px 4px #0000001f}.hifz-login-empty{padding:.35rem 0}.hifz-login-empty,.hifz-student-list{flex-direction:column;gap:.75rem;display:flex}.hifz-student-list{margin:0;padding:0;list-style:none}.hifz-student-list-item{border-bottom:1px solid var(--border);flex-direction:column;gap:.55rem;padding-bottom:.75rem;display:flex}.hifz-student-list-item:last-child{border-bottom:none;padding-bottom:0}.hifz-loading-msg{text-align:center;padding:2rem 1rem}@media (max-width:28rem){.hifz-tabbar{grid-template-columns:repeat(3,minmax(0,1fr))}.hifz-profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:20rem){.hifz-tabbar{grid-template-columns:repeat(2,minmax(0,1fr))}}.home-verse{border:1px solid rgb(var(--gold-rgb)/24%);background:rgb(var(--gold-rgb)/5%);border-radius:.85rem;max-width:26rem;margin:1rem auto 0;padding:.85rem 1rem}.home-verse-text{font-family:var(--font-quran),serif;color:var(--accent);margin:0;font-size:clamp(1.25rem,4vw,1.65rem);font-weight:700;line-height:1.65}.home-verse-caption{color:var(--gold);margin:.35rem 0 0;font-size:.68rem;font-weight:600}.home-stats-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.home-ayah{margin-top:1.75rem}.home-ayah-mushaf{max-width:40rem;margin-inline:auto}.home-ayah-mushaf .mushaf-frame{aspect-ratio:auto;cursor:pointer;max-height:none}.home-ayah-mushaf .mushaf-content-wrap{min-height:calc(var(--home-ayah-lines,2) * 2.75rem + 2.5rem);flex:none}.home-ayah-mushaf .mushaf-sheet-inner--full,.home-ayah-mushaf .mushaf-sheet-inner--short{flex-direction:column;flex:none;justify-content:center;gap:.15rem;padding:1.35rem 1rem 1.15rem;display:flex;overflow:visible}.home-ayah-mushaf .mushaf-line{flex:none;min-height:2.6rem;overflow:visible}.home-ayah-mushaf .mushaf-line-qcf{overflow:visible}.home-ayah-mushaf .qcf-glyph{font-size:clamp(1.2rem,4.4vw,1.9rem);line-height:1.9}.home-ayah-caption{text-align:center;color:var(--gold);margin:.75rem 0 0;font-size:.82rem;font-weight:700}.home-explore{margin-top:1.75rem;scroll-margin-top:5.5rem}.home-explore-head{text-align:center;margin-bottom:1rem}.home-explore-kicker{letter-spacing:.08em;color:var(--gold);margin:0 0 .25rem;font-size:.68rem;font-weight:700}.home-explore-title-row{justify-content:center;align-items:center;gap:.85rem;display:flex}.home-explore-title{font-family:var(--font-quran),serif;color:var(--accent);margin:0;font-size:1.35rem;font-weight:700}.home-bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.home-bento-card{isolation:isolate;border:1.5px solid rgb(var(--gold-rgb)/22%);background:var(--surface-elevated);min-height:6.75rem;box-shadow:0 8px 24px var(--shadow);color:inherit;border-radius:1rem;flex-direction:column;padding:.85rem .95rem .8rem;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.home-bento-wash{z-index:0;pointer-events:none;background:radial-gradient(120% 90% at 100% 0,rgb(var(--gold-rgb)/10%),transparent 46%),linear-gradient(165deg,var(--accent-soft),transparent 62%);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.home-bento-wash{background:radial-gradient(120% 90% at 100% 0,rgb(var(--gold-rgb)/10%),transparent 46%),linear-gradient(165deg,color-mix(in srgb,var(--accent-soft) 55%,transparent),transparent 62%)}}.home-bento-card:after{content:"";z-index:0;pointer-events:none;border:1px solid rgb(var(--gold-rgb)/28%);opacity:.7;border-radius:38% 62% 55% 45%/48% 42% 58% 52%;width:1.15rem;height:1.15rem;position:absolute;inset-block-start:.7rem;inset-inline-end:.75rem}.home-bento-card>:not(.home-bento-wash){z-index:1;position:relative}.home-bento-card:hover{border-color:rgb(var(--gold-rgb)/38%);box-shadow:0 12px 28px var(--shadow);transform:translateY(-2px)}.home-upcoming{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.75rem;display:grid}.home-bento-soon{opacity:.78;cursor:default;min-height:6.25rem;box-shadow:none}.home-bento-soon:hover{transform:none}.home-bento-top{justify-content:flex-start;align-items:flex-start;gap:.45rem;margin-bottom:.28rem;display:flex}.home-bento-stat{border:1px solid rgb(var(--gold-rgb)/18%);max-width:calc(100% - 1.6rem);word-spacing:.08em;color:var(--gold);background:rgb(var(--gold-rgb)/10%);border-radius:9999px;align-items:center;padding:.12rem .48rem;font-size:.6rem;font-weight:700;display:inline-flex}.home-bento-stat,.home-bento-title{font-family:var(--font-ui),system-ui,sans-serif;letter-spacing:.01em;line-height:1.4}.home-bento-title{color:var(--accent);word-spacing:.12em;margin:0;font-size:.98rem;font-weight:800}.home-bento-title:after{content:"";background:var(--gold);border-radius:99px;width:1.55rem;height:2px;margin-block:.28rem 0;display:block}@supports (color:color-mix(in lab,red,red)){.home-bento-title:after{background:color-mix(in srgb,var(--gold) 70%,transparent)}}.home-bento-desc{font-family:var(--font-ui),system-ui,sans-serif;letter-spacing:.01em;word-spacing:.1em;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;font-size:.74rem;line-height:1.55;display:-webkit-box;overflow:hidden}.home-bento-cta{color:var(--gold);align-items:center;gap:.35rem;margin-top:.65rem;font-size:.75rem;font-weight:700;display:inline-flex}.home-bento-arrow{transition:transform .18s}[dir=rtl] .home-bento-arrow{display:inline-block;transform:scaleX(-1)}.home-bento-card:hover .home-bento-arrow{transform:translate(2px)}[dir=rtl] .home-bento-card:hover .home-bento-arrow{transform:scaleX(-1)translate(2px)}.home-bento-hifz{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.home-bento-hifz{border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}}.home-bento-cosmic{border-color:var(--gold)}@supports (color:color-mix(in lab,red,red)){.home-bento-cosmic{border-color:color-mix(in srgb,var(--gold) 35%,var(--border))}}.home-bento-sunnah{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.home-bento-sunnah{border-color:color-mix(in srgb,var(--accent) 24%,var(--gold-light))}}.home-bento-tafsir{border-color:var(--gold)}@supports (color:color-mix(in lab,red,red)){.home-bento-tafsir{border-color:color-mix(in srgb,var(--gold) 28%,var(--accent))}}.home-bento-topics{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.home-bento-topics{border-color:color-mix(in srgb,var(--accent) 20%,var(--gold))}}.home-bento-similar{border-color:var(--gold)}@supports (color:color-mix(in lab,red,red)){.home-bento-similar{border-color:color-mix(in srgb,var(--gold) 32%,var(--border))}}.home-bento-tajweed{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.home-bento-tajweed{border-color:color-mix(in srgb,var(--accent) 28%,var(--gold))}}.similar-index-hero-banner,.topics-index-hero-banner{background:linear-gradient(135deg,var(--accent) 0,rgb(var(--gold-rgb)/16%) 52%,var(--gold) 100%)}@supports (color:color-mix(in lab,red,red)){.similar-index-hero-banner,.topics-index-hero-banner{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 70%,#1a3a2a) 0,rgb(var(--gold-rgb)/16%) 52%,color-mix(in srgb,var(--gold) 28%,var(--accent)) 100%)}}.tafsir-index-hero-banner{background:linear-gradient(135deg,var(--gold) 0,rgb(var(--gold-rgb)/14%) 50%,var(--accent) 100%)}@supports (color:color-mix(in lab,red,red)){.tafsir-index-hero-banner{background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 22%,var(--accent)) 0,rgb(var(--gold-rgb)/14%) 50%,color-mix(in srgb,var(--accent) 80%,#000) 100%)}}.tafsir-index-how{background:var(--accent-soft);text-align:center;border-radius:.85rem;margin-inline:auto;padding:.7rem .9rem}.tafsir-index-stats .index-stat-value{font-size:1.05rem}.tafsir-index-body{margin-top:1.5rem}.tafsir-index-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.75rem;display:grid}.tafsir-index-grid .cosmic-index-card{cursor:default}.tafsir-index-grid .cosmic-index-card:hover{transform:none}@media (max-width:520px){.home-bento-card{min-height:5.75rem;padding:.85rem .75rem .75rem}.home-bento-desc{font-size:.72rem}.home-upcoming{grid-template-columns:1fr}}.site-footer{z-index:1;border-top:1px solid rgb(var(--gold-rgb)/22%);background:var(--surface);margin-top:auto;position:relative}@supports (color:color-mix(in lab,red,red)){.site-footer{background:color-mix(in srgb,var(--surface) 94%,transparent)}}.site-footer-inner{max-width:56rem;margin-inline:auto;padding:.55rem 1rem}.site-footer-line{flex-wrap:wrap;justify-content:center;align-items:center;gap:.15rem .35rem;margin:0;font-size:.72rem;line-height:1.5;display:flex}.site-footer-line a{color:var(--muted);white-space:nowrap;font-weight:600;text-decoration:none;transition:color .15s}.site-footer-line a:hover{color:var(--accent)}.site-footer-sep{color:rgb(var(--gold-rgb)/45%);-webkit-user-select:none;user-select:none}.site-footer-copy{color:var(--muted);white-space:nowrap;font-weight:600}.legal-main{max-width:44rem;margin-inline:auto;padding-bottom:1rem}.legal-breadcrumb{padding:.75rem 0 .25rem}.legal-back-link{color:var(--gold);align-items:center;gap:.35rem;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.legal-back-link:hover{color:var(--accent)}.legal-article{padding:.5rem 0 1rem}.legal-header{border-bottom:1px solid rgb(var(--gold-rgb)/22%);margin-bottom:1.5rem;padding-bottom:1.15rem}.legal-updated{color:var(--muted);margin:0 0 .5rem;font-size:.72rem;font-weight:600}.legal-title{font-family:var(--font-quran),serif;color:var(--accent);margin:0;font-size:clamp(1.75rem,5vw,2.35rem);font-weight:700;line-height:1.2}.legal-lead{color:var(--muted);margin:.75rem 0 0;font-size:.95rem;line-height:1.75}.legal-sections{gap:1.25rem;display:grid}.legal-section{border:1px solid rgb(var(--gold-rgb)/20%);background:var(--surface-elevated);box-shadow:0 8px 24px var(--shadow);border-radius:1rem;padding:1rem 1.05rem}.legal-section-title{color:var(--accent);margin:0 0 .55rem;font-size:1rem;font-weight:700;line-height:1.4}.legal-section-body{color:var(--foreground);margin:0;font-size:.88rem;line-height:1.75}.legal-closing{color:var(--foreground);text-align:center;margin:1.35rem 0 0;font-size:.95rem;font-weight:800;line-height:1.85}.hifz-tips{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.hifz-tips-item{border:1px solid rgb(var(--gold-rgb)/20%);background:var(--surface-elevated);box-shadow:0 8px 24px var(--shadow);border-radius:1rem;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;display:flex}.hifz-tips-num{background:rgb(var(--gold-rgb)/14%);min-width:1.7rem;height:1.7rem;color:var(--gold);border-radius:999px;flex:none;justify-content:center;align-items:center;padding-inline:.35rem;font-size:.78rem;font-weight:800;display:inline-flex}.hifz-tips-title{color:var(--accent);margin:.1rem 0 .35rem;font-size:1rem;font-weight:800;line-height:1.4}.hifz-tips-body{color:var(--foreground);margin:0;font-size:.9rem;line-height:1.75}.hifz-tips-rule{border:1px solid rgb(var(--gold-rgb)/28%);background:rgb(var(--gold-rgb)/8%);text-align:center;border-radius:1rem;margin-top:1rem;padding:1rem 1.05rem}.hifz-tips-rule-title{color:var(--accent);margin:0 0 .4rem;font-size:1rem;font-weight:800}.hifz-tips-rule-text{color:var(--foreground);margin:0;font-size:.95rem;font-weight:700;line-height:1.8}.tajweed-shell{max-width:44rem}.tajweed-hero{margin-top:.35rem}.tajweed-hero .tajweed-listen{color:var(--accent);margin:.45rem 0 0;font-size:.95rem;font-weight:700;line-height:1.7}.tajweed-hero .tajweed-note{max-width:34rem;color:var(--muted);margin:.55rem auto 0;font-size:.84rem;font-weight:600;line-height:1.7}.tajweed-toc{border:1px solid var(--border);background:rgb(var(--gold-rgb)/7%);border-radius:1rem;flex-wrap:wrap;justify-content:center;gap:.45rem;margin:1.15rem 0 0;padding:.75rem .65rem;display:flex}.tajweed-toc a{border:1px solid rgb(var(--gold-rgb)/40%);background:var(--surface-elevated,var(--surface));color:var(--accent);border-radius:999px;align-items:center;padding:.4rem .75rem;font-size:.84rem;font-weight:700;text-decoration:none;display:inline-flex}.tajweed-toc a:hover{border-color:var(--gold)}.tajweed-lesson{margin-top:2rem;scroll-margin-top:5rem}.tajweed-lesson-head{background:var(--surface);box-shadow:0 8px 22px var(--shadow);border-radius:1rem;margin-bottom:.85rem;padding:1rem 1.15rem}.tajweed-lesson-intro{max-width:40rem}.tajweed-lesson-title{font-family:var(--font-quran),serif;color:var(--accent);margin:0 0 .45rem;font-size:1.35rem;font-weight:700}.tajweed-lesson-intro,.tajweed-rule-body{margin:0;line-height:1.85}.tajweed-rule{border:1px solid rgb(var(--gold-rgb)/22%);background:var(--surface);border-radius:1rem;margin-top:1.35rem;padding:1rem 1rem .85rem}@supports (color:color-mix(in lab,red,red)){.tajweed-rule{background:color-mix(in srgb,var(--surface) 92%,white)}}.tajweed-rule-title{color:var(--accent);margin:0 0 .4rem;font-size:1.05rem;font-weight:800}.tajweed-examples{grid-template-columns:1fr;gap:.85rem;margin-top:.9rem;display:grid}.tajweed-example{margin:0}.tajweed-examples .home-ayah-mushaf{max-width:none;margin:0}.tajweed-caption{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem .75rem;margin-top:.45rem;display:flex}.tajweed-focus{font-family:var(--font-quran),serif;color:var(--accent);font-size:1.15rem;font-weight:700}.tajweed-ref{color:var(--gold);font-size:.78rem;font-weight:700}.tajweed-practice{border-top:1px solid rgb(var(--gold-rgb)/22%);margin-top:2.25rem;padding-top:1.25rem}.tajweed-steps{margin:.4rem 0 0;padding-inline-start:1.2rem;line-height:1.85}.tajweed-steps li+li{margin-top:.35rem}.page-transcript{clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@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-leading{syntax:"*";inherits:false}@property --tw-font-weight{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}