@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}:root{color-scheme:light;--bg:#f4f2ec;--card:#fff;--ink:#1d2a25;--muted:#6c7873;--brand:#1f4d40;--brand-2:#2c6e58;--brand-soft:#e9f1ec;--gold:#b48a2c;--line:#e7e2d5;--soft:#f2f0e8;--ui:"Noto Kufi Arabic", "Droid Arabic Naskh", sans-serif;--quran:"Droid Arabic Naskh", "Noto Naskh Arabic", serif;--fs:1;--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--quran);padding-bottom:calc(74px + var(--safe-b));margin:0;font-size:17px;line-height:1.8}a{color:var(--brand-2);text-decoration:none}button{font:inherit;color:inherit}.icon{display:block}h1,h2,h3{font-family:var(--ui);font-weight:700;line-height:1.5}.bar{z-index:30;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0}.bar-in{align-items:center;gap:6px;max-width:720px;height:58px;margin:0 auto;padding:0 10px;display:flex}.brand{min-width:0;color:var(--ink);flex-direction:column;flex:1;justify-content:center;align-items:center;line-height:1.25;display:flex}.brand strong{color:var(--brand);font-family:Aref Ruqaa,serif;font-size:1.55rem;font-weight:700}.brand small{font-family:var(--ui);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.62rem;overflow:hidden}.iconbtn{width:42px;height:42px;color:var(--brand);cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;display:grid}.iconbtn:hover{background:var(--soft)}.iconbtn.ghost{visibility:hidden}.page{max-width:720px;margin:0 auto;padding:14px 14px 24px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 2px #1d2a250a}.section-title{font-family:var(--ui);color:var(--muted);letter-spacing:.01em;margin:18px 4px 8px;font-size:.8rem}.hero{padding:6px 4px 2px}.hero .t{color:var(--brand);margin:0;font-family:Aref Ruqaa,serif;font-size:2.1rem}.hero .b{font-family:var(--ui);color:var(--muted);margin:2px 0 0;font-size:.82rem}.searchbar{align-items:center;gap:8px;margin:14px 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 12px;font-size:.85rem}.searchbar input::placeholder{color:#9aa39f}.searchbar button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.resume{color:var(--brand);background:var(--brand-soft);border:1px solid #d8e6de;border-radius:16px;align-items:center;gap:10px;margin:0 0 6px;padding:12px 14px;display:flex}.resume .txt{min-width:0;font-family:var(--ui);flex:1;font-size:.82rem}.resume .txt b{font-size:.95rem;display:block}.resume .txt small{color:var(--muted);font-size:.7rem}.sgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.scard{align-items:center;gap:10px;padding:10px 12px;display:flex}.sno{background:var(--brand-soft);width:38px;height:38px;color:var(--brand);font-family:var(--ui);border:1px solid #d9e7df;border-radius:11px;flex:none;place-items:center;font-size:.9rem;font-weight:700;display:grid}.scard .txt{flex-direction:column;min-width:0;display:flex}.sname{font-family:var(--ui);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:700;line-height:1.6;overflow:hidden}.smeta{font-family:var(--ui);color:var(--muted);font-size:.64rem;line-height:1.4}.dot{background:var(--gold);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-inline-start:4px;display:inline-block}.rhead{flex-wrap:wrap;align-items:center;gap:6px;margin:2px 4px 12px;display:flex}.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.gold{color:#8a6a19;background:#fbf5e3;border-color:#ecdfb6}.chip.bad{color:#8a4b19;background:#fdf1e3;border-color:#f0d9bf}.rcard{padding:16px 16px 18px}.bis{font-family:var(--quran);text-align:center;color:var(--brand);margin:2px 0 12px;font-size:1.25rem}.ayahs{font-family:var(--quran);font-size:calc(1.32rem * var(--fs));text-align:justify;text-align-last:center;word-spacing:.04em;line-height:2.25}.ay{cursor:pointer;border-radius:.3em;padding:.04em .06em;transition:background .15s}.ay:hover{background:#f3f6f3}.ay.on{background:var(--brand-soft);box-shadow:0 0 0 3px var(--brand-soft)}.vn{vertical-align:middle;color:#8a6a19;width:1.55em;height:1.55em;font-family:var(--ui);background:#fcf7e7;border:1px solid #d9c99b;border-radius:50%;place-items:center;margin:0 .3em;font-size:.48em;font-weight:700;line-height:1;display:inline-grid}.pager{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.pcard{color:var(--ink);align-items:center;gap:8px;min-width:0;padding:10px 12px;display:flex}.pcard .txt{flex-direction:column;flex:1;min-width:0;display:flex}.pcard small{font-family:var(--ui);color:var(--muted);font-size:.58rem}.pcard b{font-family:var(--ui);color:var(--brand);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.pcard .arrow{color:var(--muted);font-size:1.1rem}.pcard:only-child{grid-column:1/-1}.sheet-wrap{z-index:60;position:fixed;inset:0}.sheet-wrap[hidden]{display:none}.sheet-wrap .backdrop{background:#0f19156b;animation:.18s fade;position:absolute;inset:0}.sheet{background:var(--card);max-width:720px;max-height:89dvh;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;box-shadow:0 -10px 40px #0000002e}@keyframes up{0%{opacity:.6;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.grab{background:#ddd7c8;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}.sheet-foot{border-top:1px solid var(--line);align-items:center;gap:8px;padding:8px 12px;display:flex}.sheet-foot .spacer{flex:1}.fbtn{border:1px solid var(--line);background:var(--card);min-width:44px;height:40px;color:var(--brand);font-family:var(--ui);cursor:pointer;border-radius:12px;align-items:center;gap:6px;padding:0 12px;font-size:.72rem;display:inline-flex}.fbtn:hover{background:var(--soft)}.fbtn:disabled{opacity:.4}.fbtn[aria-pressed=true]{background:var(--brand);color:#fff;border-color:var(--brand)}.ayahbox{font-family:var(--quran);font-size:calc(1.1rem * var(--fs));background:var(--soft);border:1px solid var(--line);color:#26332d;border-radius:14px;max-height:34vh;margin:8px 0 12px;padding:10px 14px;line-height:2.1;overflow-y:auto}.taf{font-size:calc(1.05rem * var(--fs));line-height:2.05}.taf p{margin:0 0 .75em}.taf .q{color:var(--brand)}.taf-note{margin:0 0 12px}.sheet-empty{font-family:var(--ui);color:var(--muted);padding:20px 4px;font-size:.8rem}.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;cursor:pointer;background:#d9d5c8;border-radius:99px;flex:none;width:46px;height:27px;transition:background .18s;position:relative}.switch:after{content:"";top:3px;background:#fff;border-radius:50%;width:21px;height:21px;transition:transform .18s;position:absolute;inset-inline-start:3px;box-shadow:0 1px 3px #00000040}.switch:checked{background:var(--brand)}.switch:checked:after{transform:translate(-19px)}.tabbar{z-index:40;backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:var(--safe-b);background:#fffffff5;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--muted);font-family:var(--ui);flex-direction:column;align-items:center;gap:3px;padding:9px 0 7px;font-size:.62rem;display:flex}.tabbar a.on{color:var(--brand);font-weight:700}.toast{left:50%;bottom:calc(84px + var(--safe-b));color:#fff;font-family:var(--ui);z-index:80;background:#24312b;border-radius:99px;padding:9px 16px;font-size:.75rem;animation:.15s fade;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #00000040}.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:#37443e;margin:6px 0 0;font-size:.98rem;line-height:1.95}.results mark{color:inherit;background:#f7e9b8;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:#b9c2bd;margin:0 auto 10px}.about p,.about li{font-family:var(--ui);color:#38453f;font-size:.8rem;line-height:1.95}.about h2{color:var(--brand);margin:18px 0 6px;font-size:.9rem}.about .card{padding:16px 18px}.prose-narrow{max-width:640px}@media (width>=560px){.sgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.sheet,.sheet-wrap .backdrop,.toast{animation:none}}