@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-arabic-400-normal-D0NIBXga.woff2) format("woff2"),url(/assets/amiri-arabic-400-normal-C_1DQziU.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-latin-ext-400-normal-C9hoIjPx.woff2) format("woff2"),url(/assets/amiri-latin-ext-400-normal-CGn-6a7O.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-latin-400-normal-Czk41Rjn.woff2) format("woff2"),url(/assets/amiri-latin-400-normal-Bv6IM0kz.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/amiri-arabic-700-normal-D8FrblyB.woff2) format("woff2"),url(/assets/amiri-arabic-700-normal-dUd6sHq-.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/amiri-latin-ext-700-normal-ByFuOT8o.woff2) format("woff2"),url(/assets/amiri-latin-ext-700-normal-Ck-lxu84.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/amiri-latin-700-normal-DIjoEGk6.woff2) format("woff2"),url(/assets/amiri-latin-700-normal-BH9dHmOv.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Amiri Quran;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-quran-arabic-400-normal-wRcqfVJx.woff2) format("woff2"),url(/assets/amiri-quran-arabic-400-normal-CZ144KtP.woff) format("woff")}:root{--bg: #f7f4ec;--card: #fffdf8;--ink: #26221c;--muted: #7c7365;--line: #e4dccb;--accent: #0f6b5c;--accent-soft: #e6f0ed;--gold: #9a7218;--gold-soft: #f5ecd8;--shadow: 0 1px 2px rgb(38 34 28 / .06), 0 8px 24px rgb(38 34 28 / .06);--mushaf-scale: 1;--topbar-h: 3.4rem;--quran-font: "Amiri Quran", "Amiri", "Scheherazade New", serif}[data-theme=dark]{--bg: #14120f;--card: #1d1a16;--ink: #ece5d8;--muted: #a09689;--line: #332e26;--accent: #4db6a1;--accent-soft: #1b2a27;--gold: #d4a842;--gold-soft: #2a2317;--shadow: 0 1px 2px rgb(0 0 0 / .4), 0 8px 24px rgb(0 0 0 / .28)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{margin:0;background:var(--bg);color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,Noto Naskh Arabic,sans-serif;line-height:1.75;-webkit-text-size-adjust:100%}a{color:var(--accent);text-decoration:none}h1,h2,h3{line-height:1.4}main{min-height:70vh}.page{max-width:46rem;margin:0 auto;padding:1.25rem 1rem 4rem}.reader{max-width:calc(46rem * var(--mushaf-scale));margin:0 auto;padding:1.25rem 1rem 4rem}.muted{color:var(--muted)}.center{text-align:center}.error{color:#c0392b;text-align:center;padding:2rem 0}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.75rem;min-height:var(--topbar-h);padding:.5rem .9rem;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.4rem;font-weight:700;font-size:1.2rem;color:var(--ink);white-space:nowrap}.brand-mark{color:var(--gold);font-size:1.35rem}.topnav{display:flex;gap:.15rem;flex:1;min-width:0}.topnav a{padding:.3rem .7rem;border-radius:999px;color:var(--muted);font-size:.95rem;white-space:nowrap}.topnav a.active{background:var(--gold-soft);color:var(--ink);font-weight:600}.controls{display:flex;align-items:center;gap:.35rem}.icon-btn{background:var(--card);color:var(--muted);border:1px solid var(--line);border-radius:9px;min-width:2rem;height:2rem;font-size:.9rem;cursor:pointer}.icon-btn.on{background:var(--accent);border-color:var(--accent);color:#fff}.size-toggle{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.size-toggle button{background:var(--card);color:var(--muted);border:none;width:1.9rem;height:2rem;font-size:1rem;cursor:pointer}.size-toggle button:hover{color:var(--ink)}.hero{text-align:center;padding:2rem 0 1rem}.hero-mark{font-size:2.6rem;color:var(--gold);line-height:1}.hero h1{font-family:Amiri,serif;font-size:2.8rem;margin:.4rem 0 .3rem}.hero-sub{color:var(--muted);max-width:34rem;margin:0 auto}.continue{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;margin:1rem 0;color:var(--ink);border-inline-start:4px solid var(--accent)}.continue-label{font-size:.75rem;font-weight:700;color:var(--accent);white-space:nowrap}.continue-target{flex:1;font-weight:600}.continue-go{color:var(--accent)}.block{margin-top:2rem}.block-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.block-head h2{margin:0;font-family:Amiri,serif;font-size:1.6rem}.block-head a{font-size:.9rem}.search{width:100%;padding:.7rem 1rem;margin-bottom:.9rem;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:inherit;font-size:.95rem}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.7rem}.story-card{display:flex;flex-direction:column;gap:.3rem;padding:.9rem 1rem;color:var(--ink);border-top:3px solid var(--gold);transition:transform .15s}.story-card:hover{transform:translateY(-2px)}.story-cat{font-size:.72rem;color:var(--gold);font-weight:700}.story-title{font-family:Amiri,serif;font-size:1.2rem;font-weight:700}.story-list{display:flex;flex-direction:column;gap:.6rem}.story-row{display:flex;flex-direction:column;gap:.25rem;padding:.9rem 1.1rem;color:var(--ink);border-inline-start:4px solid var(--gold)}.story-row-title{font-family:Amiri,serif;font-size:1.35rem;font-weight:700}.story-row-intro{color:var(--muted);font-size:.94rem}.story-row-refs{font-size:.8rem;color:var(--gold);direction:ltr;text-align:right}.page-head{margin-bottom:1.5rem}.page-head h1{font-family:Amiri,serif;font-size:2.2rem;margin:0 0 .2rem}.surah-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.surah-row{display:flex;align-items:center;gap:.9rem;padding:.7rem 1rem;color:var(--ink)}.surah-num{display:flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;flex-shrink:0;border-radius:50%;background:var(--gold-soft);color:var(--gold);font-weight:700;font-size:.85rem}.surah-info{flex:1;display:flex;flex-direction:column;min-width:0}.surah-name{font-family:Amiri,serif;font-size:1.35rem;font-weight:700}.surah-meta{font-size:.82rem;color:var(--muted)}.surah-go{color:var(--muted)}.surah-banner,.story-banner{text-align:center;padding:1.5rem 1rem 1.75rem;margin-bottom:1.5rem;background:linear-gradient(180deg,var(--gold-soft),transparent);border-radius:16px}.surah-banner h1,.story-banner h1{font-family:Amiri,serif;font-size:2.5rem;margin:.2rem 0}.surah-banner p{margin:0;color:var(--muted);font-size:.9rem}.story-banner{text-align:start}.story-intro{color:var(--muted);margin:.3rem 0 0}.crumb{display:inline-block;font-size:.88rem;color:var(--muted);margin-bottom:.4rem}.sections{display:flex;flex-direction:column;gap:2.5rem}.section{scroll-snap-align:start;scroll-margin-top:calc(var(--topbar-h) + .5rem);background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:1.25rem 1.15rem 1rem}.section-head{padding-bottom:.9rem;border-bottom:1px dashed var(--line);margin-bottom:1.1rem}.section-meta{display:flex;flex-wrap:wrap;gap:.5rem .9rem;font-size:.76rem;font-weight:700;margin-bottom:.4rem}.section-index{color:var(--accent);background:var(--accent-soft);padding:.1rem .55rem;border-radius:999px}.section-range{color:var(--muted)}.section-title{font-family:Amiri,serif;font-size:1.75rem;margin:.15rem 0 .3rem}.section-title.plain{font-size:1.35rem;color:var(--muted);font-weight:400}.section-title.contd{font-size:1.25rem;color:var(--muted);font-weight:400;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.contd-tag{font-family:Segoe UI,system-ui,sans-serif;font-size:.7rem;font-weight:700;color:var(--gold);background:var(--gold-soft);border-radius:999px;padding:.1rem .55rem}.section-end.story-end .end-rule{color:var(--accent)}.section-end.story-end .end-rule:before,.section-end.story-end .end-rule:after{height:2px;background:linear-gradient(to var(--dir, left),transparent,color-mix(in srgb,var(--accent) 60%,transparent))}.section-end.story-end .end-ornament{font-size:1.9rem}.section-end.story-end .end-label{color:var(--accent);font-size:.85rem}.section-intro{color:var(--muted);margin:0 0 .6rem;font-size:.95rem}.story-chip{display:inline-block;font-size:.82rem;font-weight:600;color:var(--gold);margin-bottom:.5rem}.btn{display:inline-block;background:var(--accent);color:#fff;border:none;border-radius:10px;padding:.6rem 1.1rem;font:inherit;font-weight:600;cursor:pointer}.btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--line)}.btn.small{padding:.3rem .75rem;font-size:.82rem}.btn.ghost.on{background:var(--accent);color:#fff;border-color:var(--accent)}.bismillah{text-align:center;font-family:var(--quran-font);font-size:calc(1.5rem * var(--mushaf-scale));color:var(--gold);margin:.5rem 0 1.2rem}.mushaf{container-type:inline-size;font-weight:400;font-synthesis:none;word-spacing:normal;letter-spacing:normal}.mushaf-line{display:flex;align-items:baseline;justify-content:flex-start;white-space:nowrap;font-size:6.7cqw;line-height:1.95}.mushaf-line.justified{justify-content:space-between}.mushaf-line.short{justify-content:center}.verse{transition:background .25s;border-radius:6px}.verse.playing{background:var(--accent-soft);box-shadow:0 0 0 .3em var(--accent-soft)}.verse.flash{animation:flash 2.2s ease-out}@keyframes flash{0%,60%{background:var(--gold-soft);box-shadow:0 0 0 .3em var(--gold-soft)}to{background:transparent;box-shadow:none}}.word{font:inherit;color:inherit;background:none;border:none;padding:0;margin:0;border-radius:4px;cursor:pointer;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent;white-space:nowrap}.word:hover{background:var(--accent-soft)}.word.has-meaning{box-shadow:inset 0 -.09em color-mix(in srgb,var(--gold) 60%,transparent)}.word.selected{background:var(--accent);color:#fff}.word.playing,.ayah-end.playing{background:var(--accent-soft)}.ayah-end{color:var(--gold);white-space:nowrap}.section-end{margin-top:1.5rem;padding-top:.5rem}.end-rule{display:flex;align-items:center;gap:.75rem;color:var(--gold)}.end-rule:before,.end-rule:after{content:"";flex:1;height:1px;background:linear-gradient(to var(--dir, left),transparent,color-mix(in srgb,var(--gold) 55%,transparent))}.end-ornament{font-size:1.5rem;line-height:1}.end-label{text-align:center;font-size:.78rem;font-weight:700;letter-spacing:.02em;color:var(--gold);margin-top:.4rem}.in-context{display:block;text-align:center;font-size:.85rem;margin-top:.9rem}.surah-nav{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:2.5rem}.page-reader{max-width:calc(46rem * var(--mushaf-scale));margin:0 auto;padding:.75rem 1rem 3rem}.mushaf-topline,.mushaf-bottomline{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.8rem;color:var(--muted);padding:.3rem .2rem}.mushaf-bottomline{margin-top:.6rem}.page-number{font-family:Amiri,serif;font-size:1.05rem;color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);border-radius:999px;min-width:2.4rem;text-align:center;padding:.05rem .6rem}.mushaf-frame{background:var(--card);border:1px solid color-mix(in srgb,var(--gold) 35%,var(--line));border-radius:10px;box-shadow:var(--shadow);padding:1.1rem 1rem;touch-action:pan-y}.mushaf-frame .mushaf{container-type:inline-size}.surah-band{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin:.9rem 0 .7rem;padding:.5rem .75rem;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:8px;background:color-mix(in srgb,var(--gold) 8%,transparent)}.surah-band-name{font-family:Amiri,serif;font-size:1.3rem;font-weight:700;color:var(--gold)}.surah-band-basmalah{font-family:Amiri,serif;font-size:1.15rem;color:var(--ink)}.page-turn{display:flex;justify-content:space-between;gap:.75rem;margin-top:1.25rem}.page-turn .btn[disabled]{opacity:.4;cursor:default}.continue-detail{color:var(--muted);font-weight:400}.panel-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:40;animation:fade .18s ease-out}@keyframes fade{0%{opacity:0}}.word-panel{position:fixed;z-index:50;background:var(--card);display:flex;flex-direction:column;animation:slide-up .22s ease-out;inset-inline:0;bottom:0;max-height:82vh;border-radius:20px 20px 0 0;border-top:1px solid var(--line);box-shadow:0 -8px 32px #0000002e;padding-bottom:env(safe-area-inset-bottom)}@keyframes slide-up{0%{transform:translateY(12%);opacity:0}}.panel-grip{width:2.5rem;height:.25rem;border-radius:999px;background:var(--line);margin:.6rem auto .2rem;flex-shrink:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.5rem 1.1rem .75rem;border-bottom:1px solid var(--line);flex-shrink:0}.panel-word{font-family:var(--quran-font);font-size:2.1rem;line-height:1.7;font-weight:400;font-synthesis:none}.panel-ref{font-size:.82rem;color:var(--muted)}.panel-actions{display:flex;gap:.35rem;flex-shrink:0}.panel-body{overflow-y:auto;padding:.5rem 1.1rem 1.5rem;overscroll-behavior:contain}.panel-block{padding:.9rem 0;border-bottom:1px solid var(--line)}.panel-block:last-child{border-bottom:none}.panel-block h3{display:flex;align-items:center;gap:.6rem;margin:0 0 .4rem;font-size:.82rem;font-weight:700;color:var(--muted);letter-spacing:.02em}.panel-block p{margin:0}.panel-block.accent h3{color:var(--gold)}.panel-block .meaning{font-family:Amiri,serif;font-size:1.45rem;line-height:1.9}.root-chip{font-family:Amiri,serif;font-size:1rem;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.05rem .6rem}.panel-ayah{font-family:var(--quran-font);font-size:1.35rem;line-height:2.5;font-weight:400;font-synthesis:none}.tafsir-text{white-space:pre-wrap;line-height:2}.tafsir-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.tafsir-head h3{margin:0}.tafsir-select{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.25rem .5rem;font:inherit;font-size:.85rem;max-width:11rem}.src{margin-top:.5rem;font-size:.75rem;color:var(--muted)}.about h1{font-family:Amiri,serif;font-size:2.2rem}.about h2{font-family:Amiri,serif;font-size:1.5rem;margin-top:2rem}.src-list{padding-inline-start:1.2rem}.src-list li{margin-bottom:.6rem}.about .closing{text-align:center;font-family:Amiri,serif;font-size:1.6rem;line-height:2.2;color:var(--gold);margin:2.5rem 0 .25rem}.about .closing-ref{text-align:center;color:var(--muted);font-size:.85rem;margin-top:0}.footer{text-align:center;color:var(--muted);font-size:.78rem;padding:1.5rem 1rem 2.5rem;border-top:1px solid var(--line)}.pwa-toast{position:fixed;z-index:60;inset-inline:auto;inset-inline-start:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));display:flex;align-items:center;gap:.6rem;max-width:calc(100vw - 2rem);padding:.7rem 1rem;background:var(--card);border:1px solid var(--line);border-inline-start:4px solid var(--accent);border-radius:12px;box-shadow:var(--shadow);font-size:.9rem;animation:toast-in .25s ease-out}@keyframes toast-in{0%{transform:translateY(.75rem);opacity:0}}.pwa-toast-mark{color:var(--gold);font-size:1.1rem}.pwa-toast button{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.85rem;padding:.1rem .2rem}@media (max-width: 700px){.topbar{flex-wrap:wrap;gap:.5rem .75rem}.topnav{order:3;width:100%;justify-content:center;flex:none}.hero h1{font-size:2.2rem}.section{padding:1rem .85rem .85rem;border-radius:14px}.reader{padding-inline:.6rem}.surah-banner h1,.story-banner h1{font-size:2rem}.section-title{font-size:1.45rem}}@media (min-width: 900px){.word-panel{inset-inline-start:auto;inset-inline-end:0;top:0;bottom:0;width:min(27rem,40vw);max-height:none;border-radius:0;border-top:none;border-inline-start:1px solid var(--line);box-shadow:-8px 0 32px #00000024;animation:slide-in .22s ease-out}@keyframes slide-in{0%{transform:translate(-8%);opacity:0}}.panel-grip{display:none}.panel-head{padding-top:1.1rem}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto;scroll-snap-type:none}}