:root{--font-fa: "Vazirmatn", system-ui, sans-serif;--font-quran: "Uthman Taha Naskh", "Noto Naskh Arabic", serif;--font-arabic: "Noto Naskh Arabic", "Uthman Taha Naskh", serif;--font-mono: "Vazirmatn Code", ui-monospace, monospace;--fs-display: clamp(2rem, 3.2vw + 1rem, 3rem);--fs-h1: 1.75rem;--fs-h2: 1.375rem;--fs-h3: 1.125rem;--fs-body: 1rem;--fs-sm: .875rem;--fs-xs: .75rem;--fs-code: .9375rem;--fs-quran: 1.5rem;--fs-arabic-dua: 1.375rem;--fs-translation: .9375rem;--lh-tight: 1.2;--lh-normal: 1.7;--lh-relaxed: 1.8;--lh-quran: 2.1;--lh-arabic: 2;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--space-9: 4rem;--space-10: 6rem;--stack-tight: var(--space-2);--stack-normal: var(--space-4);--stack-loose: var(--space-6);--stack-ayah: var(--space-5);--radius-none: 0;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 9999px;--dur-instant: 80ms;--dur-fast: .16s;--dur-base: .24s;--dur-slow: .4s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasized: cubic-bezier(.3, 0, 0, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--scroll-audio: linear;--page-max: 1200px;--content-max-read: 62ch;--content-max-prose: 72ch;--content-max-dash: 1120px;--content-max-form: 480px;--sidebar-w: 280px;--header-h: 56px;--bottomnav-h: 64px;--player-h: 64px;--focus-offset: 2px;--gap-cards: var(--space-4);--footer-pad-y: var(--space-8);--hero-min-h: 420px;--card-pad: var(--space-4);--rhythm-h-to-p: var(--space-3);--rhythm-p-to-p: var(--space-4);--section-gap-y: var(--space-8);--btn-min-w: 96px;--input-h: 44px;--bp-sm: 40em;--bp-md: 48em;--bp-lg: 64em;--bp-xl: 80em;--elev-0: none}:root,[data-theme=light]{--bg: #F7F5F1;--surface: #FFFFFF;--surface-raised: #FFFFFF;--surface-read: #FBF7F0;--ink: #16211C;--ink-muted: #57635D;--ink-translation: #4A554F;--border: #E3DFD8;--border-strong: #C6C0B6;--brand-noor: #0E6B4F;--brand-noor-deep: #0A5340;--brand-noor-hover: color-mix(in srgb, var(--brand-noor) 88%, #000);--brand-noor-soft: color-mix(in srgb, var(--brand-noor) 12%, transparent);--brand-noor-ink: #FFFFFF;--brand-zar: #B07D28;--brand-zar-soft: color-mix(in srgb, var(--brand-zar) 16%, transparent);--brand-harakat: #C0392B;--success: #1D7A45;--warning: #9A6510;--danger: #B3261E;--info: #1B6E8C;--focus: #0E6B4F;--elev-1: 0 1px 2px rgb(22 33 28 / .06);--elev-2: 0 2px 6px rgb(22 33 28 / .08);--elev-3: 0 8px 24px rgb(22 33 28 / .12);--elev-4: 0 16px 48px rgb(22 33 28 / .18)}[data-theme=dark]{--bg: #0F1412;--surface: #171E1B;--surface-raised: #1E2825;--surface-read: #141A18;--ink: #EDE8DF;--ink-muted: #9DA8A2;--ink-translation: #B4BEB8;--border: #26302C;--border-strong: #3A4741;--brand-noor: #3FA07C;--brand-noor-deep: #2E7E61;--brand-noor-hover: color-mix(in srgb, var(--brand-noor) 88%, #FFF);--brand-noor-soft: color-mix(in srgb, var(--brand-noor) 18%, transparent);--brand-noor-ink: #08120E;--brand-zar: #D6A34E;--brand-zar-soft: color-mix(in srgb, var(--brand-zar) 20%, transparent);--brand-harakat: #E8705F;--success: #4FBE81;--warning: #E0A94A;--danger: #F2837A;--info: #59B6D6;--focus: #5FC79E;--elev-1: 0 1px 2px rgb(0 0 0 / .4);--elev-2: 0 2px 6px rgb(0 0 0 / .5);--elev-3: 0 8px 24px rgb(0 0 0 / .6);--elev-4: 0 16px 48px rgb(0 0 0 / .7)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg: #0F1412;--surface: #171E1B;--surface-raised: #1E2825;--surface-read: #141A18;--ink: #EDE8DF;--ink-muted: #9DA8A2;--ink-translation: #B4BEB8;--border: #26302C;--border-strong: #3A4741;--brand-noor: #3FA07C;--brand-noor-deep: #2E7E61;--brand-noor-hover: color-mix(in srgb, var(--brand-noor) 88%, #FFF);--brand-noor-soft: color-mix(in srgb, var(--brand-noor) 18%, transparent);--brand-noor-ink: #08120E;--brand-zar: #D6A34E;--brand-zar-soft: color-mix(in srgb, var(--brand-zar) 20%, transparent);--brand-harakat: #E8705F;--success: #4FBE81;--warning: #E0A94A;--danger: #F2837A;--info: #59B6D6;--focus: #5FC79E;--elev-1: 0 1px 2px rgb(0 0 0 / .4);--elev-2: 0 2px 6px rgb(0 0 0 / .5);--elev-3: 0 8px 24px rgb(0 0 0 / .6);--elev-4: 0 16px 48px rgb(0 0 0 / .7)}}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Uthman Taha Naskh;src:url(/fonts/UthmanTahaNaskh-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Naskh Arabic;src:url(/fonts/NotoNaskhArabic-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn Code;src:url(/fonts/VazirmatnCode-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-fa);font-size:var(--fs-body);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums}a{color:var(--brand-noor);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--brand-noor-hover)}:focus-visible{outline:2px solid var(--focus);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}img,svg{max-inline-size:100%;block-size:auto}h1,h2,h3,h4,h5,h6,p,li{text-align:start}h1,h2,h3{line-height:var(--lh-tight);margin:0 0 var(--rhythm-h-to-p)}h1{font-size:var(--fs-h1);font-weight:var(--fw-bold)}h2{font-size:var(--fs-h2);font-weight:var(--fw-bold)}h3{font-size:var(--fs-h3);font-weight:var(--fw-semibold)}p{margin:0 0 var(--rhythm-p-to-p);max-inline-size:var(--content-max-prose)}small{font-size:var(--fs-sm);color:var(--ink-muted)}[lang=ar]{font-feature-settings:"liga" 1,"calt" 1,"dlig" 0}code,kbd,pre{font-family:var(--font-mono);font-size:var(--fs-code)}code,.num-ascii,bdi{unicode-bidi:isolate}.container{width:100%}@media(min-width:40em){.container{max-width:40em}}@media(min-width:48em){.container{max-width:48em}}@media(min-width:64em){.container{max-width:64em}}@media(min-width:80em){.container{max-width:80em}}@media(min-width:1536px){.container{max-width:1536px}}.skip-link{position:absolute;inset-inline-start:var(--space-4);inset-block-start:var(--space-4);z-index:100;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--brand-noor);color:var(--brand-noor-ink);transform:translateY(-200%);transition:transform var(--dur-fast) var(--ease-standard)}.skip-link:focus{transform:translateY(0)}.page{max-inline-size:var(--page-max);margin-inline:auto;padding-inline:var(--space-4);padding-block:var(--space-6)}.page--prose>*{max-inline-size:var(--content-max-prose)}.page--form>*{max-inline-size:var(--content-max-form)}.section{margin-block-start:var(--section-gap-y)}.section:first-of-type{margin-block-start:0}.section__eyebrow{margin:0 0 var(--space-2);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--ink-muted)}.topbar{position:sticky;inset-block-start:0;z-index:10;min-block-size:var(--header-h);background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(8px);border-block-end:1px solid var(--border)}.topbar[data-scrolled=true]{box-shadow:var(--elev-2)}.topbar__inner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);max-inline-size:var(--page-max);margin-inline:auto;padding:var(--space-2) var(--space-4)}.topbar__spacer{flex:1}.brand{display:inline-flex;align-items:center;gap:var(--space-2);min-block-size:44px;color:var(--ink);text-decoration:none}.brand__mark{block-size:32px;inline-size:auto}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}.nav__link{display:inline-flex;align-items:center;min-block-size:44px;padding-inline:var(--space-3);border-radius:var(--radius-md);color:var(--ink-muted);font-size:var(--fs-sm);text-decoration:none}.nav__link:hover{background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink)}.nav__link[aria-current=page]{background:var(--brand-noor-soft);color:var(--brand-noor)}.footer{margin-block-start:var(--section-gap-y);padding-block:var(--footer-pad-y);background:var(--surface);border-block-start:1px solid var(--border)}.footer__inner{max-inline-size:var(--page-max);margin-inline:auto;padding-inline:var(--space-4)}.footer__cols{display:grid;grid-template-columns:1fr;gap:var(--space-6)}.footer__title{margin:0 0 var(--space-3);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.footer__list{display:grid;gap:var(--space-1);margin:0;padding:0;list-style:none}.footer__list a{display:inline-flex;align-items:center;min-block-size:44px;color:var(--ink-muted);font-size:var(--fs-sm);text-decoration:none}.footer__list a:hover{color:var(--brand-noor);text-decoration:underline}.footer__attrib{margin-block-start:var(--space-6);padding-block-start:var(--space-4);border-block-start:1px solid var(--border);font-size:var(--fs-sm);color:var(--ink-muted)}.footer__attrib p{max-inline-size:none;margin-block-end:var(--space-1)}.footer__copy{margin-block-start:var(--space-4);padding-block-start:var(--space-4);border-block-start:1px solid var(--border);font-size:var(--fs-xs);color:var(--ink-muted)}.breadcrumb{margin-block-end:var(--space-5);font-size:var(--fs-sm)}.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:0;padding:0;list-style:none}.breadcrumb li{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--ink-muted)}.breadcrumb li+li:before{content:"/";color:var(--border-strong)}.breadcrumb a{color:var(--ink-muted);text-decoration:none}.breadcrumb a:hover{color:var(--brand-noor);text-decoration:underline}.breadcrumb [aria-current=page]{color:var(--ink)}.hero{padding-block:var(--space-8)}.hero__eyebrow{margin:0 0 var(--space-2);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--ink-muted)}.hero__title{margin:0 0 var(--rhythm-h-to-p);font-size:var(--fs-display);font-weight:var(--fw-bold);line-height:var(--lh-tight)}.hero__lead{font-size:var(--fs-h3);line-height:var(--lh-relaxed);color:var(--ink-muted)}.hero__actions{display:grid;gap:var(--space-3);margin-block-start:var(--space-5)}.hero__actions .btn{inline-size:100%}.hero__note{margin-block-start:var(--space-3);font-size:var(--fs-sm);color:var(--ink-muted)}.hero__media{display:none}.device{inline-size:100%;max-inline-size:320px;margin-inline:auto;padding:var(--space-3);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--elev-3)}.device__screen{display:grid;gap:var(--space-3);padding:var(--space-4);background:var(--surface-read);border:1px solid var(--border);border-radius:var(--radius-md)}.card{padding:var(--card-pad);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--elev-1);transition:box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}.card__title{margin:0 0 var(--space-2);font-size:var(--fs-h3);font-weight:var(--fw-semibold)}.card__body{margin:0;max-inline-size:none;font-size:var(--fs-sm);color:var(--ink-muted)}.card--interactive{display:block;color:inherit;text-decoration:none}@media(hover:hover){.card--interactive:hover{box-shadow:var(--elev-2);transform:translateY(-2px)}}.grid{display:grid;gap:var(--gap-cards);grid-template-columns:repeat(2,minmax(0,1fr))}.grid--single{grid-template-columns:1fr}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:40px;min-inline-size:var(--btn-min-w);padding:0 var(--space-4);font:inherit;font-weight:var(--fw-medium);color:var(--ink);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),transform var(--dur-instant) var(--ease-standard)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--brand-noor);color:var(--brand-noor-ink)}.btn--primary:hover{background:var(--brand-noor-hover);color:var(--brand-noor-ink)}.btn--secondary{background:var(--surface);color:var(--ink);border-color:var(--border-strong)}.btn--secondary:hover{background:color-mix(in srgb,var(--ink) 6%,var(--surface));color:var(--ink)}.btn--ghost{color:var(--ink);min-inline-size:0}.btn--ghost:hover{background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink)}.btn--lg{min-block-size:48px;padding:0 var(--space-5);font-size:1.0625rem}.btn--icon{min-inline-size:44px;inline-size:44px;padding:0}.btn[disabled],[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.badge,.chip,.pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--fs-xs);font-weight:var(--fw-medium);border-radius:var(--radius-pill)}.badge--success{background:color-mix(in srgb,var(--success) 20%,transparent);color:var(--success)}.chip{padding-inline:var(--space-3);background:var(--surface);color:var(--ink);border:1px solid var(--border-strong)}.chip[aria-pressed=true],.chip[aria-checked=true]{background:var(--brand-noor-soft);color:var(--brand-noor);border-color:var(--brand-noor)}.pill{padding-inline:var(--space-3);background:var(--brand-noor-soft);color:var(--brand-noor)}.sync{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--fs-xs)}.progress{display:grid;gap:var(--space-2)}.progress__track{block-size:10px;background:var(--brand-zar-soft);border-radius:var(--radius-pill);overflow:hidden}.progress__fill{block-size:100%;background:var(--brand-zar);border-radius:var(--radius-pill);margin-inline-end:auto}.progress__label{font-size:var(--fs-sm);color:var(--ink-muted);font-variant-numeric:tabular-nums}.alert{display:flex;gap:var(--space-3);margin-block-end:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-inline-start:4px solid var(--info);border-radius:var(--radius-md)}.alert--success{border-inline-start-color:var(--success)}.alert--warning{border-inline-start-color:var(--warning)}.alert--danger{border-inline-start-color:var(--danger)}.alert__title{margin-block-end:var(--space-1);font-weight:var(--fw-semibold)}.alert__body{margin:0;max-inline-size:none;font-size:var(--fs-sm);color:var(--ink-muted)}.table-scroll{overflow-x:auto}.spec-table{inline-size:100%;margin-block:var(--space-4);border-collapse:collapse}.spec-table th,.spec-table td{padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--border);font-size:var(--fs-sm);text-align:start;vertical-align:top}.spec-table th{font-weight:var(--fw-semibold);background:color-mix(in srgb,var(--ink) 4%,transparent)}.spec-table td.num{font-variant-numeric:tabular-nums;text-align:end}.spec-table a{text-decoration:none}.spec-table a:hover{text-decoration:underline}.spec-table tbody tr:hover{background:color-mix(in srgb,var(--ink) 4%,transparent)}.state{display:grid;justify-items:center;gap:var(--space-4);max-inline-size:var(--content-max-prose);margin-inline:auto;padding-block:var(--space-9);text-align:center}.state h1,.state p{text-align:center}.state p{margin:0;max-inline-size:none}.state__art{color:var(--brand-noor);opacity:.9}.state__code{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-muted)}.state__actions{display:grid;gap:var(--space-3);inline-size:100%}.state__actions .btn{inline-size:100%}.skeleton{background:color-mix(in srgb,var(--ink) 8%,transparent);border-radius:var(--radius-md);block-size:1rem}.skeleton--card{block-size:8rem}.prose-list{max-inline-size:var(--content-max-prose);padding-inline-start:var(--space-5)}.prose-list li{margin-block-end:var(--space-2)}.field{display:grid;gap:var(--space-2);margin-block-end:var(--space-4);max-inline-size:var(--content-max-form)}.field__label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--ink)}.field__req{margin-inline-start:2px;color:var(--danger)}.field__hint{font-size:var(--fs-xs);color:var(--ink-muted)}.field__error{font-size:var(--fs-xs);color:var(--danger)}.input,.textarea,.select{inline-size:100%;min-block-size:var(--input-h);padding:0 var(--space-3);background:var(--surface);color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--radius-md);font:inherit;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.textarea{min-block-size:96px;padding:var(--space-3);resize:vertical}.input:focus-visible,.textarea:focus-visible,.select:focus-visible{border-color:var(--brand-noor);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-noor) 30%,transparent)}.input[aria-invalid=true],.textarea[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--danger)}.\!reader{max-inline-size:var(--content-max-read)!important;padding:var(--space-4)!important;background:var(--surface-read)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important}.reader{max-inline-size:var(--content-max-read);padding:var(--space-4);background:var(--surface-read);border:1px solid var(--border);border-radius:var(--radius-lg)}.ayah{margin-block-end:var(--stack-ayah)}.ayah:last-child{margin-block-end:0}.ayah__num{display:inline-flex;align-items:center;justify-content:center;min-inline-size:28px;block-size:28px;margin-block-end:var(--space-2);background:var(--brand-noor-soft);color:var(--brand-noor);border-radius:var(--radius-pill);font-size:var(--fs-xs)}.ayah__ar{margin:0 0 var(--space-2);max-inline-size:none;font-family:var(--font-quran);font-size:var(--fs-quran);line-height:var(--lh-quran);color:var(--ink)}.ayah__ar--dua{font-family:var(--font-arabic);font-size:var(--fs-arabic-dua);line-height:var(--lh-arabic)}.ayah__fa{margin:0;max-inline-size:none;font-size:var(--fs-translation);line-height:var(--lh-relaxed);color:var(--ink-translation)}.ayah--active{padding:var(--space-3);background:var(--brand-noor-soft);border-radius:var(--radius-md)}::-moz-selection{background:var(--brand-noor-soft)}::selection{background:var(--brand-noor-soft)}.player{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);min-block-size:var(--player-h);max-inline-size:var(--content-max-read);margin-block-end:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--elev-2)}.player__btn{display:grid;place-items:center;flex:none;inline-size:44px;block-size:44px;background:var(--brand-noor);color:var(--brand-noor-ink);border:1px solid transparent;border-radius:var(--radius-pill);cursor:pointer}.player__meta{flex:1 1 8rem;min-inline-size:0}.player__title{font-size:var(--fs-sm);font-weight:var(--fw-medium)}.player__sub{font-size:var(--fs-xs);color:var(--ink-muted)}.player__scrub{flex:1 1 100%;inline-size:100%;accent-color:var(--brand-noor)}.chip-row{display:flex;flex-wrap:nowrap;gap:var(--space-3);max-inline-size:var(--content-max-read);padding-block-end:var(--space-2);overflow-x:auto}.chip-row .chip{flex:none;min-block-size:44px}.pagination{display:grid;gap:var(--space-3);max-inline-size:var(--content-max-read);margin-block-start:var(--section-gap-y)}.pagination a{display:grid;gap:var(--space-1);min-block-size:44px;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--ink);text-decoration:none}.pagination a:hover{border-color:var(--border-strong)}.pagination__dir{font-size:var(--fs-xs);color:var(--ink-muted)}.sr-only{inline-size:1px;block-size:1px;clip-path:inset(50%);border:0;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline{display:inline}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.shrink{flex-shrink:1}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.sepia{--tw-sepia: sepia(100%);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)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media(min-width:48em){.page{padding-inline:var(--space-6);padding-block:var(--space-8)}.topbar__inner{gap:var(--space-4);padding-inline:var(--space-6)}.nav{gap:var(--space-2)}.nav__link{font-size:var(--fs-body)}.footer__inner{padding-inline:var(--space-6)}.footer__cols{grid-template-columns:repeat(2,1fr)}.hero__actions{display:flex;flex-wrap:wrap}.hero__actions .btn{inline-size:auto}.state__actions{display:flex;flex-wrap:wrap;justify-content:center;inline-size:auto}.state__actions .btn{inline-size:auto}.reader{padding:var(--space-5)}.player{flex-wrap:nowrap;padding-inline:var(--space-4)}.player__scrub{flex:2 1 8rem;inline-size:auto}.chip-row{flex-wrap:wrap;overflow-x:visible}.pagination{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64em){.footer__cols{grid-template-columns:repeat(3,1fr)}.hero{display:grid;grid-template-columns:1fr minmax(0,380px);gap:var(--space-8);align-items:center;min-block-size:var(--hero-min-h)}.hero__media{display:block}}@media(min-width:40em){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--single{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64em){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--single{grid-template-columns:repeat(3,minmax(0,1fr))}}@supports not (backdrop-filter: blur(1px)){.topbar{background:var(--bg)}}@media(prefers-reduced-transparency:reduce){.topbar{background:var(--bg);backdrop-filter:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:var(--dur-fast)!important;transition-property:opacity!important;scroll-behavior:auto!important}.card--interactive:hover,.btn:active{transform:none}}@media(prefers-contrast:more){:root{--border: var(--border-strong);--ink-muted: var(--ink)}}@media print{.topbar,.footer,.skip-link,.hero__media,.state__actions,.player,.chip-row,.pagination{display:none!important}body{background:#fff;color:#000}.card{box-shadow:none}}.brand__mark--dark,[data-theme=dark] .brand__mark--light{display:none}[data-theme=dark] .brand__mark--dark{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme]) .brand__mark--light{display:none}:root:not([data-theme]) .brand__mark--dark{display:block}}