*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark;--reader-body-ink: #ebe6dc;--reader-body-bg-base: #0c0e12;--reader-body-bg-mid: #141820;--reader-body-bg-end: #0f1419;--reader-body-glow-gold: rgba(201, 162, 39, .08);--reader-body-glow-blue: rgba(59, 91, 120, .12);--reader-ink: #f4f1ea;--reader-ink-muted: #b8b3a8;--reader-ink-subtle: #9d988c;--reader-ink-faint: #8a8578;--reader-ink-soft: #cec9be;--reader-ink-dim: #c4bfb4;--reader-ink-ui: #ded8cb;--reader-ink-ui-hover: #f2ede1;--reader-ink-action: #d6d0c5;--reader-ink-action-hover: #f1ecde;--reader-ink-bismillah: #ece5d4;--reader-ink-intro-kicker: #dbc879;--reader-ink-intro-title: #f6f1e5;--reader-ink-intro-body: #e0d9cb;--reader-ink-intro-tag: #eadfbc;--reader-ink-panel: #d2cdc2;--reader-accent: #c9a227;--reader-accent-soft: rgba(201, 162, 39, .14);--reader-accent-border: rgba(201, 162, 39, .22);--reader-accent-border-strong: rgba(201, 162, 39, .55);--reader-accent-glow: rgba(201, 162, 39, .45);--reader-accent-fill-hover: rgba(201, 162, 39, .35);--reader-accent-fill-mid: rgba(201, 162, 39, .18);--reader-accent-fill-soft: rgba(201, 162, 39, .14);--reader-accent-gradient-start: #e4c45c;--reader-accent-gradient-end: #c9a227;--reader-surface: rgba(22, 24, 28, .72);--reader-surface-inset: rgba(0, 0, 0, .12);--reader-surface-muted: rgba(255, 255, 255, .03);--reader-chrome-bg: rgba(12, 14, 18, .94);--reader-chrome-bg-solid: rgba(12, 14, 18, .96);--reader-chrome-bg-panel: rgba(12, 14, 18, .85);--reader-chrome-bg-segment: rgba(12, 14, 18, .55);--reader-elevated: rgba(18, 20, 24, .88);--reader-elevated-hover: rgba(28, 30, 36, .95);--reader-panel-deep: rgba(12, 14, 18, .72);--reader-bismillah-bg: rgba(16, 18, 24, .78);--reader-intro-bg: linear-gradient(160deg, rgba(201, 162, 39, .12), rgba(12, 14, 18, .58));--reader-intro-tag-bg: rgba(11, 13, 17, .5);--reader-border: rgba(255, 255, 255, .06);--reader-border-strong: rgba(255, 255, 255, .12);--reader-border-stronger: rgba(255, 255, 255, .08);--reader-overlay: rgba(255, 255, 255, .04);--reader-overlay-hover: rgba(255, 255, 255, .03);--reader-focus: rgba(201, 162, 39, .45);--reader-progress-track: rgba(255, 255, 255, .06);--reader-shadow: rgba(0, 0, 0, .35);--reader-shadow-soft: rgba(0, 0, 0, .28);--reader-shadow-card: rgba(0, 0, 0, .12);--reader-shadow-card-hover: rgba(0, 0, 0, .18);--reader-title-shadow: rgba(0, 0, 0, .25);--reader-verse-inactive-opacity: .6;--reader-verse-active-bg: rgba(36, 32, 18, .9);--reader-verse-active-border: #f2cf5a;--reader-verse-active-text: #faf7ef;--reader-verse-active-glow: rgba(242, 207, 90, .18);--reader-verse-active-ring: rgba(242, 207, 90, .45);--reader-btn-on-accent: #1a1510;--reader-bookmark-accent: rgba(100, 170, 255, .42);--reader-bookmark-ring: rgba(100, 170, 255, .28);--reader-meta-color: #a8a298;--reader-translation-ink: #d4cfc4;--reader-translation-bg: rgba(255, 255, 255, .04);--reader-translation-border: rgba(201, 162, 39, .32);--reader-tafsir-ink: #b0aba0;--reader-tafsir-bg: rgba(0, 0, 0, .22);--reader-tafsir-border: rgba(201, 162, 39, .2);--reader-tafsir-accent: rgba(201, 162, 39, .55)}html[data-reader-theme=night]{color-scheme:dark;--reader-body-ink: #d6d2c9;--reader-body-bg-base: #030304;--reader-body-bg-mid: #08090c;--reader-body-bg-end: #050608;--reader-body-glow-gold: rgba(201, 162, 39, .035);--reader-body-glow-blue: rgba(59, 91, 120, .04);--reader-ink: #ddd9d0;--reader-ink-muted: #a8a49a;--reader-ink-subtle: #949088;--reader-ink-faint: #807c74;--reader-ink-soft: #b8b4aa;--reader-ink-dim: #aeaaa2;--reader-ink-ui: #c8c4bb;--reader-ink-ui-hover: #e0dcd3;--reader-ink-action: #beb9b0;--reader-ink-action-hover: #d8d4cb;--reader-ink-bismillah: #d8d4cb;--reader-ink-intro-kicker: #c4ad5a;--reader-ink-intro-title: #ebe7de;--reader-ink-intro-body: #ccc7bc;--reader-ink-intro-tag: #d4cdb8;--reader-ink-panel: #b8b4aa;--reader-accent: #b8941f;--reader-accent-soft: rgba(184, 148, 31, .12);--reader-accent-border: rgba(184, 148, 31, .2);--reader-accent-border-strong: rgba(184, 148, 31, .48);--reader-accent-glow: rgba(184, 148, 31, .38);--reader-accent-fill-hover: rgba(184, 148, 31, .3);--reader-accent-fill-mid: rgba(184, 148, 31, .14);--reader-accent-fill-soft: rgba(184, 148, 31, .1);--reader-accent-gradient-start: #d4b84a;--reader-accent-gradient-end: #b8941f;--reader-surface: rgba(8, 9, 12, .88);--reader-surface-inset: rgba(0, 0, 0, .28);--reader-surface-muted: rgba(255, 255, 255, .02);--reader-chrome-bg: rgba(5, 6, 8, .97);--reader-chrome-bg-solid: rgba(5, 6, 8, .98);--reader-chrome-bg-panel: rgba(5, 6, 8, .92);--reader-chrome-bg-segment: rgba(5, 6, 8, .72);--reader-elevated: rgba(10, 11, 14, .92);--reader-elevated-hover: rgba(16, 17, 20, .96);--reader-panel-deep: rgba(5, 6, 8, .82);--reader-bismillah-bg: rgba(8, 9, 12, .9);--reader-intro-bg: linear-gradient(160deg, rgba(184, 148, 31, .08), rgba(5, 6, 8, .72));--reader-intro-tag-bg: rgba(3, 4, 6, .65);--reader-border: rgba(255, 255, 255, .04);--reader-border-strong: rgba(255, 255, 255, .08);--reader-border-stronger: rgba(255, 255, 255, .05);--reader-overlay: rgba(255, 255, 255, .025);--reader-overlay-hover: rgba(255, 255, 255, .02);--reader-focus: rgba(184, 148, 31, .4);--reader-progress-track: rgba(255, 255, 255, .04);--reader-shadow: rgba(0, 0, 0, .55);--reader-shadow-soft: rgba(0, 0, 0, .42);--reader-shadow-card: rgba(0, 0, 0, .22);--reader-shadow-card-hover: rgba(0, 0, 0, .32);--reader-title-shadow: rgba(0, 0, 0, .45);--reader-verse-inactive-opacity: .6;--reader-verse-active-bg: rgba(24, 20, 10, .95);--reader-verse-active-border: #d4b84a;--reader-verse-active-text: #f0ece3;--reader-verse-active-glow: rgba(212, 184, 74, .12);--reader-verse-active-ring: rgba(212, 184, 74, .38);--reader-btn-on-accent: #120f08;--reader-bookmark-accent: rgba(80, 140, 210, .38);--reader-bookmark-ring: rgba(80, 140, 210, .22);--reader-meta-color: #949088;--reader-translation-ink: #c4bfb4;--reader-translation-bg: rgba(255, 255, 255, .03);--reader-translation-border: rgba(184, 148, 31, .28);--reader-tafsir-ink: #9a958a;--reader-tafsir-bg: rgba(0, 0, 0, .35);--reader-tafsir-border: rgba(184, 148, 31, .16);--reader-tafsir-accent: rgba(184, 148, 31, .48)}html[data-reader-theme=sepia]{color-scheme:light;--reader-body-ink: #3d3428;--reader-body-bg-base: #f4ecd8;--reader-body-bg-mid: #efe4cc;--reader-body-bg-end: #e8dcc4;--reader-body-glow-gold: rgba(139, 105, 20, .1);--reader-body-glow-blue: rgba(120, 90, 60, .06);--reader-ink: #3d3428;--reader-ink-muted: #6b5f4f;--reader-ink-subtle: #7a6e5c;--reader-ink-faint: #8f8270;--reader-ink-soft: #5c5244;--reader-ink-dim: #6b6152;--reader-ink-ui: #4a4034;--reader-ink-ui-hover: #2f281f;--reader-ink-action: #5c5244;--reader-ink-action-hover: #3d3428;--reader-ink-bismillah: #2f281f;--reader-ink-intro-kicker: #8b6914;--reader-ink-intro-title: #2f281f;--reader-ink-intro-body: #4a4034;--reader-ink-intro-tag: #5c5244;--reader-ink-panel: #5c5244;--reader-accent: #8b6914;--reader-accent-soft: rgba(139, 105, 20, .12);--reader-accent-border: rgba(139, 105, 20, .28);--reader-accent-border-strong: rgba(139, 105, 20, .55);--reader-accent-glow: rgba(139, 105, 20, .42);--reader-accent-fill-hover: rgba(139, 105, 20, .32);--reader-accent-fill-mid: rgba(139, 105, 20, .16);--reader-accent-fill-soft: rgba(139, 105, 20, .1);--reader-accent-gradient-start: #d4b84a;--reader-accent-gradient-end: #a67c1a;--reader-surface: rgba(255, 252, 245, .94);--reader-surface-inset: rgba(61, 52, 40, .06);--reader-surface-muted: rgba(61, 52, 40, .04);--reader-chrome-bg: rgba(244, 236, 216, .96);--reader-chrome-bg-solid: rgba(244, 236, 216, .98);--reader-chrome-bg-panel: rgba(250, 246, 235, .96);--reader-chrome-bg-segment: rgba(255, 252, 245, .88);--reader-elevated: rgba(250, 246, 235, .96);--reader-elevated-hover: rgba(255, 252, 245, 1);--reader-panel-deep: rgba(255, 252, 245, .92);--reader-bismillah-bg: rgba(255, 252, 245, .88);--reader-intro-bg: linear-gradient(160deg, rgba(139, 105, 20, .1), rgba(255, 252, 245, .82));--reader-intro-tag-bg: rgba(255, 252, 245, .75);--reader-border: rgba(61, 52, 40, .12);--reader-border-strong: rgba(61, 52, 40, .18);--reader-border-stronger: rgba(61, 52, 40, .14);--reader-overlay: rgba(61, 52, 40, .05);--reader-overlay-hover: rgba(61, 52, 40, .04);--reader-focus: rgba(139, 105, 20, .45);--reader-progress-track: rgba(61, 52, 40, .12);--reader-shadow: rgba(61, 52, 40, .14);--reader-shadow-soft: rgba(61, 52, 40, .1);--reader-shadow-card: rgba(61, 52, 40, .08);--reader-shadow-card-hover: rgba(61, 52, 40, .12);--reader-title-shadow: rgba(61, 52, 40, .08);--reader-verse-inactive-opacity: .62;--reader-verse-active-bg: rgba(255, 248, 230, .98);--reader-verse-active-border: #c9a227;--reader-verse-active-text: #2a2318;--reader-verse-active-glow: rgba(201, 162, 39, .14);--reader-verse-active-ring: rgba(201, 162, 39, .35);--reader-btn-on-accent: #faf6eb;--reader-bookmark-accent: rgba(70, 120, 180, .45);--reader-bookmark-ring: rgba(70, 120, 180, .28);--reader-meta-color: #8f8270;--reader-translation-ink: #4f463a;--reader-translation-bg: rgba(139, 105, 20, .07);--reader-translation-border: rgba(139, 105, 20, .35);--reader-tafsir-ink: #5c5348;--reader-tafsir-bg: rgba(61, 52, 40, .06);--reader-tafsir-border: rgba(139, 105, 20, .22);--reader-tafsir-accent: rgba(139, 105, 20, .5)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html,body{height:100%;margin:0}body{font-family:Amiri,Amiri Quran,serif;background:radial-gradient(120% 80% at 50% -10%,var(--reader-body-glow-gold),transparent 55%),radial-gradient(90% 60% at 100% 40%,var(--reader-body-glow-blue),transparent 50%),linear-gradient(168deg,var(--reader-body-bg-base) 0%,var(--reader-body-bg-mid) 42%,var(--reader-body-bg-end) 100%);background-attachment:fixed;color:var(--reader-body-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .35s ease,color .25s ease}html[data-reader-theme=sepia] .not-found{background:radial-gradient(120% 80% at 50% -10%,var(--reader-body-glow-gold),transparent 55%),linear-gradient(168deg,var(--reader-body-bg-base) 0%,var(--reader-body-bg-mid) 42%,var(--reader-body-bg-end) 100%);color:var(--reader-body-ink)}html[data-reader-theme=sepia] .not-found .not-found__card{border-color:var(--reader-border);background:var(--reader-chrome-bg-panel);box-shadow:0 16px 48px var(--reader-shadow)}html[data-reader-theme=sepia] .not-found .not-found__code{color:var(--reader-accent);opacity:.75}html[data-reader-theme=sepia] .not-found .not-found__title{color:var(--reader-ink)}html[data-reader-theme=sepia] .not-found .not-found__body{color:var(--reader-ink-muted)}html[data-reader-theme=night] .not-found{background:radial-gradient(120% 80% at 50% -10%,var(--reader-body-glow-gold),transparent 55%),linear-gradient(168deg,var(--reader-body-bg-base) 0%,var(--reader-body-bg-mid) 42%,var(--reader-body-bg-end) 100%)}