@font-face{font-family:Droid Arabic Naskh;src:url(/fonts/DroidNaskh-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Droid Arabic Naskh;src:url(/fonts/DroidNaskh-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Noto Kufi Arabic;src:url(/fonts/noto-kufi-arabic-arabic-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Noto Kufi Arabic;src:url(/fonts/noto-kufi-arabic-arabic-700-normal.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Aref Ruqaa;src:url(/fonts/aref-ruqaa-arabic-700-normal.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Scheherazade New;src:url(/fonts/scheherazade-new.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:light;--bg:#faf7f0;--band:#efe5d1;--card:#fff;--ink:#2b2117;--muted:#8a7b66;--brand:#7a5a2c;--brand-2:#8f6b35;--brand-solid:#a8864f;--on-brand:#fff;--brand-soft:#f5eddd;--brand-line:#e6d8bb;--gold:#b08a4e;--gold-ink:#8d6a32;--gold-soft:#f8f0df;--gold-line:#e4d2ab;--bad-ink:#8a4b19;--bad-soft:#fdf1e3;--bad-line:#f0d9bf;--line:#ece3d2;--line-strong:#dccdb0;--soft:#f5f0e6;--bar:#fff;--placeholder:#a99a83;--hover:#f6eedd;--switch:#ddd3c0;--knob:#fff;--toast-bg:#3a2e20;--toast-ink:#fff;--prose:#4a3d2e;--results-ink:#44372a;--result-mark:#f3e2b5;--result-mark-ink:inherit;--empty-icon:#c9b896;--shadow:#503c1e0f;--backdrop:#281e0f6b;--page:#fffbf2;--page-ink:#1f1810;--frame:#e9d9b8;--orn-fill:#f6ecd6;--orn-line:#a8864f;--orn-ink:#6b4f25;--pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cg fill='none' stroke='%23d6c39d' stroke-width='1'%3E%3Crect x='13' y='13' width='18' height='18'/%3E%3Crect x='13' y='13' width='18' height='18' transform='rotate(45 22 22)'/%3E%3Cpath d='M0 22h8.6M35.4 22H44M22 0v8.6M22 35.4V44'/%3E%3C/g%3E%3C/svg%3E");--frame-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg fill='none' stroke='%23b08a4e' stroke-width='1.1'%3E%3Ccircle cx='7' cy='7' r='4.2'/%3E%3Cpath d='M7 0v2.8M7 11.2V14M0 7h2.8M11.2 7H14'/%3E%3C/g%3E%3C/svg%3E");--ui:"Noto Kufi Arabic", "Droid Arabic Naskh", sans-serif;--quran:"Droid Arabic Naskh", "Noto Naskh Arabic", serif;--mushaf:"Scheherazade New", "Droid Arabic Naskh", serif;--fs:1;--safe-b:env(safe-area-inset-bottom,0px)}:root[data-theme=dark]{color-scheme:dark;--bg:#1d1a15;--band:#1d1a15;--card:#2a251e;--ink:#efe6d6;--muted:#a7997f;--brand:#d7b679;--brand-2:#e0c38c;--brand-solid:#8a6d3d;--on-brand:#fff7e8;--brand-soft:#332c22;--brand-line:#4a3f2e;--gold:#c9a46a;--gold-ink:#d9b97e;--gold-soft:#2f281d;--gold-line:#4d412c;--bad-ink:#e3b98c;--bad-soft:#2a1e12;--bad-line:#4a3620;--line:#3a3328;--line-strong:#4b4234;--soft:#25211b;--bar:#1d1a15;--placeholder:#8a7e6a;--hover:#352e24;--switch:#4b4234;--knob:#efe6d6;--toast-bg:#efe6d6;--toast-ink:#1d1a15;--prose:#d8ccb7;--results-ink:#ddd1bd;--result-mark:#5a4826;--result-mark-ink:#f7ecd4;--empty-icon:#6f6553;--shadow:#0000004d;--backdrop:#0000008c;--page:#221e18;--page-ink:#f3ead8;--frame:#3b3226;--orn-fill:#2a251e;--orn-line:#b9955c;--orn-ink:#e8cf9f;--pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cg fill='none' stroke='%233a3224' stroke-width='1'%3E%3Crect x='13' y='13' width='18' height='18'/%3E%3Crect x='13' y='13' width='18' height='18' transform='rotate(45 22 22)'/%3E%3Cpath d='M0 22h8.6M35.4 22H44M22 0v8.6M22 35.4V44'/%3E%3C/g%3E%3C/svg%3E");--frame-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg fill='none' stroke='%238a6d3d' stroke-width='1.1'%3E%3Ccircle cx='7' cy='7' r='4.2'/%3E%3Cpath d='M7 0v2.8M7 11.2V14M0 7h2.8M11.2 7H14'/%3E%3C/g%3E%3C/svg%3E")}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;background:var(--bg);overflow-x:clip}body{background:var(--bg);color:var(--ink);font-family:var(--quran);padding-bottom:calc(24px + var(--safe-b));margin:0;font-size:17px;line-height:1.8;overflow-x:clip}a{color:var(--brand-2);text-decoration:none}button{font:inherit;color:inherit}.icon{display:block}.icon.flip{transform:scaleX(-1)}h1,h2,h3{font-family:var(--ui);font-weight:700;line-height:1.5}.bar{z-index:30;background:var(--bar);box-shadow:0 1px 0 var(--line);position:sticky;top:0}.bar-in{align-items:center;gap:4px;max-width:760px;min-height:60px;margin:0 auto;padding:6px 12px;display:flex}.bar-gap{flex:1}.logo{border:1.5px solid var(--gold);background:var(--orn-fill);height:44px;box-shadow:inset 0 0 0 2.5px var(--orn-fill), inset 0 0 0 3.5px var(--gold-line);border-radius:12px;flex:none;place-items:center;padding:0 14px;display:grid}.logo span{color:var(--orn-ink);white-space:nowrap;margin-top:2px;font-family:Aref Ruqaa,serif;font-size:1.2rem;font-weight:700;line-height:1}.iconbtn{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.iconbtn:hover,.iconbtn.on{background:var(--soft)}.iconbtn[aria-pressed=true]{color:var(--gold)}.iconbtn[aria-pressed=true] .icon{fill:currentColor}.page{max-width:760px;margin:0 auto;padding:14px 16px 24px}.card{background:var(--card);border:1px solid var(--line);box-shadow:0 1px 2px var(--shadow);border-radius:18px}.section-title{font-family:var(--ui);color:var(--muted);margin:18px 4px 8px;font-size:.8rem}.hero{background:var(--band) var(--pattern) center / 44px 44px repeat;margin:-14px -16px 0;padding:44px 22px}.pill{background:var(--card);max-width:520px;height:56px;color:var(--muted);box-shadow:0 2px 10px var(--shadow);border-radius:999px;align-items:center;gap:12px;margin:0 auto;padding:0 20px;display:flex}.pill input{min-width:0;font-family:var(--ui);color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:.88rem}.pill input::placeholder{color:var(--muted)}.searchbar{border-radius:999px;align-items:center;gap:8px;margin:6px 0 10px;padding:4px;display:flex}.searchbar input{min-width:0;font-family:var(--ui);color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:8px 14px;font-size:.85rem}.searchbar input::placeholder{color:var(--placeholder)}.searchbar button{background:var(--brand-solid);width:44px;height:44px;color:var(--on-brand);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.recent{margin-top:26px}.recent[hidden]{display:none}.h-ico{color:var(--ink);align-items:center;gap:10px;margin:0 4px 12px;font-size:1.02rem;display:flex}.tabs{justify-content:center;gap:26px;margin:30px 0 18px;display:flex}.tab{cursor:pointer;font-family:var(--ui);color:var(--muted);background:0 0;border:0;padding:8px 14px 9px;font-size:1rem;font-weight:700;position:relative}.tab+.tab:before{content:"";inset-inline-end:calc(100% + 13px);background:var(--line-strong);width:1px;position:absolute;top:10px;bottom:10px}.tab.on{color:var(--ink)}.tab.on:after{content:"";background:var(--gold);border-radius:2px;height:4px;position:absolute;bottom:0;left:0;right:0}.list{gap:14px;display:grid}.list[hidden]{display:none}.scard{background:var(--card);min-height:90px;box-shadow:0 1px 3px var(--shadow);color:var(--ink);border-radius:14px;align-items:center;gap:14px;padding:14px 18px;display:flex}.scard:hover{background:var(--hover)}.badge{flex:none;place-items:center;width:60px;height:60px;display:grid;position:relative}.badge svg{width:100%;height:100%;position:absolute;inset:0}.bn{font-family:var(--ui);color:var(--orn-ink);font-size:.85rem;font-weight:700;position:relative}.scard .txt{flex-direction:column;flex:1;min-width:0;display:flex}.sname{font-family:var(--mushaf);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:1.35rem;line-height:1.7;overflow:hidden}.smeta{font-family:var(--ui);color:var(--gold-ink);font-size:.72rem;line-height:1.5}.scard .go{color:var(--line-strong);flex:none}.juz-pill{background:var(--brand-solid);color:var(--on-brand);font-family:var(--ui);border-radius:999px;align-items:center;gap:10px;margin-top:10px;padding:9px 20px;display:flex}.juz-pill:first-child{margin-top:0}.juz-pill b{font-size:1rem}.juz-pill span{opacity:.92;font-size:.74rem}.sheet-wrap{z-index:60;position:fixed;inset:0}.sheet-wrap[hidden]{display:none}.sheet-wrap .backdrop{background:var(--backdrop);animation:.18s fade;position:absolute;inset:0}.sheet{background:var(--card);max-width:760px;max-height:89dvh;box-shadow:0 -10px 40px var(--shadow);padding-bottom:var(--safe-b);border-radius:22px 22px 0 0;flex-direction:column;margin:0 auto;animation:.22s cubic-bezier(.2,.9,.3,1) up;display:flex;position:absolute;bottom:0;left:0;right:0}@keyframes up{0%{opacity:.6;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.grab{background:var(--line-strong);border-radius:99px;width:42px;height:4px;margin:8px auto 0}.sheet-head{align-items:center;gap:8px;padding:6px 10px 4px 16px;display:flex}.sheet-head h2{color:var(--ink);flex:1;margin:0;font-size:.95rem}.sheet-head .sub{font-family:var(--ui);color:var(--muted);margin-top:2px;font-size:.65rem;font-weight:400;display:block}.sheet-body{-webkit-overflow-scrolling:touch;padding:4px 16px 18px;overflow-y:auto}.chip{font-family:var(--ui);color:var(--brand);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-size:.66rem}.chip.bad{color:var(--bad-ink);background:var(--bad-soft);border-color:var(--bad-line)}.row{border-bottom:1px solid var(--line);text-align:start;width:100%;color:var(--ink);cursor:pointer;background:0 0;border-top:0;border-left:0;border-right:0;align-items:center;gap:12px;padding:14px 2px;text-decoration:none;display:flex}.row:last-child{border-bottom:0}.row>span:first-child{flex:1;min-width:0}.row[hidden]{display:none}.row b{font-family:var(--ui);font-size:.82rem;font-weight:700;display:block}.row small{font-family:var(--ui);color:var(--muted);margin-top:2px;font-size:.66rem;display:block}.seg{border:1px solid var(--line);border-radius:12px;display:inline-flex;overflow:hidden}.seg button{background:var(--card);font-family:var(--ui);color:var(--brand);cursor:pointer;border:0;padding:8px 14px;font-size:.78rem}.seg button+button{border-inline-start:1px solid var(--line)}.seg button:active{background:var(--soft)}.switch{appearance:none;background:var(--switch);cursor:pointer;border-radius:99px;flex:none;width:46px;height:27px;transition:background .18s;position:relative}.switch:after{content:"";top:3px;background:var(--knob);width:21px;height:21px;box-shadow:0 1px 3px var(--shadow);border-radius:50%;transition:transform .18s;position:absolute;inset-inline-start:3px}.switch:checked{background:var(--brand-solid)}.switch:checked:after{transform:translate(-19px)}.toast{left:50%;bottom:calc(28px + var(--safe-b));background:var(--toast-bg);color:var(--toast-ink);font-family:var(--ui);z-index:80;box-shadow:0 6px 20px var(--shadow);text-align:center;border-radius:99px;max-width:90vw;padding:9px 16px;font-size:.75rem;animation:.15s fade;position:fixed;transform:translate(-50%)}.toast[hidden]{display:none}.results{margin:0;padding:0;list-style:none}.results li{border-bottom:1px solid var(--line);padding:14px 16px}.results li:last-child{border-bottom:0}.results .ref{font-family:var(--ui);color:var(--brand);font-size:.74rem;font-weight:700}.results p{font-family:var(--quran);color:var(--results-ink);margin:6px 0 0;font-size:.98rem;line-height:1.95}.results mark{background:var(--result-mark);color:var(--result-mark-ink);border-radius:3px;padding:0 2px}.note{font-family:var(--ui);color:var(--muted);padding:10px 4px;font-size:.72rem}.more{border:0;border-top:1px solid var(--line);width:100%;font-family:var(--ui);color:var(--brand);cursor:pointer;background:0 0;padding:14px;font-size:.78rem;display:block}.more[hidden]{display:none}.empty{text-align:center;font-family:var(--ui);color:var(--muted);padding:40px 20px;font-size:.82rem}.empty .icon{color:var(--empty-icon);margin:0 auto 10px}.about p,.about li{font-family:var(--ui);color:var(--prose);font-size:.8rem;line-height:1.95}.notice{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;direction:ltr;font-size:.68rem;line-height:1.9}.about h2{color:var(--brand);margin:18px 0 6px;font-size:.9rem}.about .card{padding:16px 18px}.prose-narrow{max-width:640px}@media (prefers-reduced-motion:reduce){.sheet,.sheet-wrap .backdrop,.toast{animation:none}}html{scroll-padding-top:142px}.r-head{z-index:29;background:var(--bar);box-shadow:0 1px 0 var(--line), 0 6px 14px var(--shadow);margin:-14px calc(50% - 50vw) 14px;position:sticky;top:60px}.r-nav{max-width:760px;font-family:var(--ui);grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;margin:0 auto;padding:6px 12px;font-size:.72rem;display:grid}.r-side{min-height:44px;color:var(--brand);white-space:nowrap;border-radius:12px;align-items:center;gap:2px;max-width:100%;padding:0 6px;font-size:.78rem;display:inline-flex;overflow:hidden}.r-side span{text-overflow:ellipsis;overflow:hidden}.r-side:hover{background:var(--soft)}.r-nav>:first-child{justify-self:start}.r-nav>:last-child{justify-self:end}.r-jump{border:1.5px solid var(--gold);background:var(--orn-fill);min-height:46px;color:var(--orn-ink);cursor:pointer;border-radius:14px;align-items:center;gap:8px;padding:4px 16px 4px 12px;display:inline-flex}.r-jump:hover{background:var(--hover)}.r-where{flex-direction:column;align-items:center;line-height:1.35;display:flex}.r-where b{font-family:var(--ui);white-space:nowrap;font-size:.82rem;font-weight:700}.r-where small{font-family:var(--ui);color:var(--gold-ink);white-space:nowrap;font-size:.66rem}.sheet.jump{height:min(80dvh,640px)}.j-cols{border-top:1px solid var(--line);flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}.j-col{flex-direction:column;min-height:0;display:flex}.j-col+.j-col{border-inline-start:1px solid var(--line)}.j-label{font-family:var(--ui);color:var(--gold-ink);padding:10px 14px 6px;font-size:.7rem;font-weight:700}.j-find{border:1px solid var(--line);background:var(--bg);height:42px;color:var(--ink);font-family:var(--ui);border-radius:999px;outline:0;margin:0 10px 8px;padding:0 14px;font-size:.78rem}.j-find:focus{border-color:var(--gold)}.j-find::placeholder{color:var(--placeholder)}.j-surahs{-webkit-overflow-scrolling:touch;flex:1;margin:0;padding:0 6px 12px;list-style:none;overflow-y:auto}.j-surahs li[hidden]{display:none}.j-surahs button{width:100%;min-height:48px;color:var(--ink);cursor:pointer;text-align:start;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:4px 8px;display:flex}.j-surahs button:hover{background:var(--soft)}.j-surahs button.sel{background:var(--brand-solid);color:var(--on-brand)}.j-surahs button.sel .j-n{color:var(--on-brand);border-color:currentColor}.j-n{border:1px solid var(--gold-line);width:34px;height:34px;font-family:var(--ui);color:var(--gold-ink);border-radius:50%;flex:none;place-items:center;font-size:.7rem;font-weight:700;display:grid}.j-nm{font-family:var(--mushaf);white-space:nowrap;text-overflow:ellipsis;font-size:1.3rem;line-height:1.4;overflow:hidden}.j-ayahs{-webkit-overflow-scrolling:touch;flex:1;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));align-content:start;gap:6px;padding:0 10px 14px;display:grid;overflow-y:auto}.j-ayahs a{border:1px solid var(--line);background:var(--card);height:46px;color:var(--ink);font-family:var(--ui);border-radius:12px;place-items:center;font-size:.78rem;font-weight:700;display:grid}.j-ayahs a:hover{background:var(--soft)}.j-ayahs a.here{background:var(--brand-solid);border-color:var(--brand-solid);color:var(--on-brand)}.s-title{text-align:center;margin:6px 0 18px}.s-band{max-width:520px;height:64px;font-family:"Aref Ruqaa", var(--mushaf);color:var(--orn-ink);background:var(--orn-fill) var(--frame-pattern) center / 14px 14px;border:1.5px solid var(--gold);box-shadow:inset 0 0 0 6px var(--orn-fill), inset 0 0 0 7px var(--gold-line);border-radius:12px;justify-content:center;align-items:center;margin:0 auto;font-size:1.9rem;font-weight:700;line-height:1;display:flex}.s-band span{background:var(--orn-fill);border-radius:8px;padding:6px 22px 2px}.s-meta{font-family:var(--ui);color:var(--gold-ink);margin-top:8px;font-size:.74rem;font-weight:700;display:block}.s-bas{font-family:var(--mushaf);font-size:calc(2.05rem * var(--fs));color:var(--page-ink);margin:6px 0 0;line-height:2}.passage{margin-bottom:16px;overflow:hidden}.passage .ayahbox{font-family:var(--mushaf);font-size:calc(2.05rem * var(--fs));background:var(--page);color:var(--page-ink);border-bottom:1px solid var(--gold-line);padding:6px 22px;line-height:2.15}.passage .ayahbox .v{text-align:center;text-wrap:balance;word-spacing:.06em;border-radius:.3em;margin:0;padding:10px 0}.passage .ayahbox .v+.v{border-top:1px dashed var(--gold-line)}.passage .ayahbox .v:target{animation:3s flash}@keyframes flash{0%,50%{background:var(--result-mark)}to{background:0 0}}.an{border:1.5px solid var(--gold);vertical-align:.1em;min-width:1.5em;height:1.5em;font-family:var(--ui);color:var(--gold-ink);white-space:nowrap;border-radius:999px;place-items:center;margin-inline-start:.15em;padding:0 .3em;font-size:.48em;font-weight:700;line-height:1;display:inline-grid}.taf{font-size:calc(1.65rem * var(--fs));color:var(--ink);text-align:justify;padding:14px 20px 6px;line-height:2.1}.taf p{margin:0 0 .7em}.taf .q{color:var(--brand)}.p-foot{border-top:1px solid var(--line);align-items:center;gap:6px;padding:8px 12px;display:flex}.p-foot .chip{margin-inline-end:auto;font-weight:700}.fbtn{border:1px solid var(--line);background:var(--card);height:36px;color:var(--brand);font-family:var(--ui);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:0 12px;font-size:.68rem;display:inline-flex}.fbtn .icon{width:16px;height:16px}.fbtn:hover{background:var(--soft)}.fbtn[aria-pressed=true]{background:var(--brand-solid);color:var(--on-brand);border-color:var(--brand-solid)}.fbtn[aria-pressed=true] .icon{fill:currentColor}.pager{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.pager .m-btn{justify-content:center}.pager>:last-child{justify-self:stretch}.m-btn{border:1px solid var(--line);background:var(--card);height:46px;color:var(--brand);font-family:var(--ui);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:0 14px;font-size:.74rem;display:inline-flex;overflow:hidden}.m-btn:hover{background:var(--hover)}.foot{text-align:center;font-family:var(--ui);color:var(--muted);padding:10px 16px 0;font-size:.68rem}.foot a{color:var(--muted);text-underline-offset:3px;text-decoration:underline}.page-title{color:var(--brand);margin:2px 4px 12px;font-size:1.05rem}@media (width<=520px){.taf{font-size:calc(1.45rem * var(--fs));padding:12px 14px 4px}.passage .ayahbox{font-size:calc(1.7rem * var(--fs));padding:4px 14px}.j-nm{font-size:1.15rem}.j-ayahs{grid-template-columns:repeat(auto-fill,minmax(46px,1fr))}.s-band{height:58px;font-size:1.6rem}.fbtn span{display:none}.fbtn{justify-content:center;width:38px;padding:0}}.bk-switch{border:1px solid var(--line-strong);background:var(--card);border-radius:999px;justify-content:center;gap:4px;width:fit-content;margin:14px auto 0;padding:4px;display:flex}.bk-switch>*{cursor:pointer;font-family:var(--ui);color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:7px 16px;font-size:.82rem;font-weight:700;text-decoration:none}.bk-switch>[aria-current=page],.bk-switch>[aria-pressed=true]{background:var(--gold-soft);color:var(--gold-ink);box-shadow:inset 0 0 0 1px var(--gold-line)}.hero .bk-switch,.search-switch{margin-top:18px}.row-book{flex-wrap:wrap;gap:8px}.row-book .bk-switch{margin:0}.s-find{color:var(--muted);margin:0;padding:4px 16px}.s-find input{padding:10px 8px}.scard[hidden]{display:none}.s-none{text-align:center}