:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f5f2;--surface:#fff;--surface-2:#f7f8f6;--ink:#17201b;--ink-soft:#5f6b64;--line:#e2e7e3;--green:#0e6b4e;--green-ink:#0e6b4e;--green-wash:#e4f0ea;--deep:#0f3a2d;--deep-2:#164838;--deep-ink:#f2f1ea;--deep-soft:#b9c9c1;--gold:#e2c47e;--gold-ink:#9a762b;--wave:#55c79c;--cream:#f4ecda;--on-green:#fff;--shadow:0 1px 2px #1028200a, 0 8px 24px #1028200f;--f-ui:"IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--f-quran:"Amiri Quran", "Amiri", "Traditional Arabic", serif;--f-book:"Amiri", "Traditional Arabic", serif;--f-logo:"Aref Ruqaa", "Amiri", serif;--f-head:"Noto Kufi Arabic", "IBM Plex Sans Arabic", sans-serif;--s-2:.78rem;--s-1:.875rem;--s0:1rem;--s1:1.15rem;--s2:1.45rem;--s3:1.9rem;--s4:2.6rem;--r:16px;--r-sm:12px;--tabbar-h:0px;--gut-l:max(16px, env(safe-area-inset-left,0px));--gut-r:max(16px, env(safe-area-inset-right,0px))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1512;--surface:#151f1b;--surface-2:#19241f;--ink:#e9eeea;--ink-soft:#9faaa3;--line:#24302b;--green:#1c8a66;--green-ink:#6cc9a4;--green-wash:#18302a;--deep:#0b2a21;--deep-2:#12362c;--deep-ink:#edefe9;--deep-soft:#a9bab2;--gold:#e2c47e;--gold-ink:#d9b865;--wave:#55c79c;--cream:#262317;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1512;--surface:#151f1b;--surface-2:#19241f;--ink:#e9eeea;--ink-soft:#9faaa3;--line:#24302b;--green:#1c8a66;--green-ink:#6cc9a4;--green-wash:#18302a;--deep:#0b2a21;--deep-2:#12362c;--deep-ink:#edefe9;--deep-soft:#a9bab2;--gold:#e2c47e;--gold-ink:#d9b865;--wave:#55c79c;--cream:#262317;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040}@media (width<=820px){:root{--tabbar-h:calc(62px + env(safe-area-inset-bottom,0px))}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--f-ui);font-size:var(--s0);padding-bottom:var(--tabbar-h);margin:0;line-height:1.8}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:40;background:var(--surface);position:fixed;inset:0 0 auto}h1,h2,h3{text-wrap:balance;font-weight:700;line-height:1.45;font-family:var(--f-head);margin:0}p{margin:0}a{color:var(--green-ink)}button{font:inherit;color:inherit}img{max-width:100%}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px;border-radius:8px}.gutter{padding-left:var(--gut-l);padding-right:var(--gut-r)}.wrap{max-width:74rem;margin-inline:auto}.narrow{max-width:48rem;margin-inline:auto}.stack{flex-direction:column;gap:1.5rem;display:flex}.stack-sm{flex-direction:column;gap:.6rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.muted{color:var(--ink-soft)}.small{font-size:var(--s-1)}.tiny{font-size:var(--s-2)}.num{font-variant-numeric:tabular-nums}.section{padding-block:3rem 0}.page{padding-block:2rem 4rem}.q{font-family:var(--f-quran);line-height:2.2}.br{color:var(--gold-ink);font-family:var(--f-quran)}.aya{font-family:var(--f-quran);color:var(--gold-ink);white-space:nowrap}.book{font-family:var(--f-book);line-height:2}.tafsir{font-family:var(--f-book);color:var(--ink-soft);font-size:1.12rem;line-height:2}.top{top:env(safe-area-inset-top,0px);z-index:30;background:var(--surface);border-bottom:1px solid var(--line);position:sticky}.top .wrap{align-items:center;gap:1.25rem;min-height:60px;display:flex}.logo{color:var(--ink);flex:none;align-items:center;gap:.55rem;text-decoration:none;display:flex}.logo .mark-icon{flex:none;width:36px;height:36px}.logo b{font-family:var(--f-logo);font-size:1.75rem;font-weight:700;line-height:1}.nav{flex-wrap:wrap;flex:1;gap:.15rem;display:flex}.nav a{color:var(--ink-soft);border-radius:999px;padding:.3rem .85rem;font-weight:500;text-decoration:none}.nav a:hover{color:var(--ink)}.nav a[aria-current=page]{background:var(--green-wash);color:var(--green-ink);font-weight:700}.top-actions{flex:none;align-items:center;gap:.5rem;display:flex}.icon-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:40px;height:40px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.icon-btn svg{width:18px;height:18px}.tabbar{display:none}@media (width<=820px){.nav{display:none}.top .wrap{justify-content:space-between}.top-actions .btn{font-size:var(--s-1);padding:.35rem .9rem}.tabbar{z-index:30;background:var(--surface);border-top:1px solid var(--line);padding:6px var(--gut-r) calc(6px + env(safe-area-inset-bottom,0px)) var(--gut-l);justify-content:space-around;display:flex;position:fixed;inset:auto 0 0}.tabbar a,.tabbar button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:.05rem;min-width:3.6rem;padding:.2rem;font-size:.72rem;text-decoration:none;display:flex}.tabbar svg{width:22px;height:22px}.tabbar [aria-current=page]{color:var(--green-ink);font-weight:700}}.more-menu{z-index:35;inset-inline:0;bottom:var(--tabbar-h);background:var(--surface);border-top:1px solid var(--line);box-shadow:var(--shadow);padding:.5rem var(--gut-r) .75rem var(--gut-l);position:fixed}.more-menu a{border-bottom:1px solid var(--line);color:var(--ink);justify-content:space-between;padding:.8rem .25rem;font-weight:500;text-decoration:none;display:flex}.more-menu a:last-child{border-bottom:0}.btn{cursor:pointer;background:var(--green);color:var(--on-green);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.55rem 1.4rem;font-weight:700;line-height:1.5;text-decoration:none;display:inline-flex}.btn:hover{filter:brightness(1.06)}.btn.gold{background:var(--gold);color:#1e2a22}.btn.dark{background:var(--ink);color:var(--bg)}.btn.ghost{background:var(--surface);color:var(--ink);border-color:var(--line);font-weight:500}.btn.outline-light{color:var(--deep-ink);background:0 0;border-color:#ffffff4d;font-weight:500}.btn.block{width:100%}.btn:disabled{opacity:.55;cursor:progress}.link{color:var(--green-ink);font-weight:700;font-size:var(--s-1);text-decoration:none}.link:hover{text-decoration:underline}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--ink);font-size:var(--s-1);border-radius:999px;padding:.3rem 1rem;text-decoration:none}.chip:hover{border-color:var(--green-ink)}.chip[aria-pressed=true]{background:var(--green);border-color:var(--green);color:var(--on-green);font-weight:700}.tag{background:var(--green-wash);color:var(--green-ink);font-size:var(--s-2);white-space:nowrap;border-radius:999px;padding:.05rem .7rem;font-weight:700;display:inline-block}.tag.gold{background:var(--cream);color:var(--gold-ink)}.eyebrow{color:var(--gold-ink);font-size:var(--s-1);font-weight:700}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.25rem 1.35rem}.card.cream{background:var(--cream);border-color:#0000}.card.deep{background:var(--deep);color:var(--deep-ink);border-color:#0000}.card.deep .eyebrow{color:var(--gold)}.card.deep .muted{color:var(--deep-soft)}.card.framed{border:1px solid var(--gold-ink);outline:1px solid var(--gold-ink);outline-offset:-6px}.page-head{border-bottom:1px solid var(--line);flex-direction:column;gap:.35rem;padding-bottom:1.25rem;display:flex}.page-head h1{font-size:var(--s3)}.page-head p{color:var(--ink-soft);max-width:44rem}.page-head.split{flex-flow:wrap;justify-content:space-between;align-items:flex-end;gap:1rem}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.5rem;margin-bottom:1rem;display:flex}.section-head h2{font-size:var(--s2)}input[type=search],input[type=text],textarea,select{font:inherit;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);width:100%;padding:.6rem .9rem}input:focus,textarea:focus,select:focus{border-color:var(--green-ink);box-shadow:0 0 0 3px var(--green-wash);outline:none}label.f{font-weight:500;font-size:var(--s-1);flex-direction:column;gap:.3rem;display:flex}label.check{cursor:pointer;align-items:flex-start;gap:.5rem;display:flex}label.check input{accent-color:var(--green);margin-top:.5rem}.two{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}@media (width<=520px){.two{grid-template-columns:1fr}}.grid-2{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=960px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.notice{background:var(--green-wash);border-inline-start:3px solid var(--green-ink);border-radius:10px;padding:.75rem 1rem}.notice.warn{background:var(--cream);border-color:var(--gold-ink)}.notice ul{margin:.25rem 0 0;padding-inline-start:1.25rem}.urgent{border-inline-start:3px solid var(--green-ink);padding-inline-start:.9rem}dl.meta{font-size:var(--s-1);grid-template-columns:auto 1fr;gap:.15rem .9rem;margin:0;display:grid}dl.meta dt{color:var(--ink-soft)}dl.meta dd{overflow-wrap:anywhere;margin:0;font-weight:600}.pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}details>summary{cursor:pointer;color:var(--green-ink);font-weight:700;font-size:var(--s-1);list-style:none}details>summary::-webkit-details-marker{display:none}details>summary:before{content:"+ "}details[open]>summary:before{content:"− "}.toast{z-index:50;left:50%;bottom:calc(var(--tabbar-h) + 1.25rem);background:var(--ink);color:var(--bg);font-size:var(--s-1);text-align:center;border-radius:999px;max-width:calc(100% - 32px);padding:.55rem 1.2rem;position:fixed;transform:translate(-50%)}.hero{background:var(--deep);color:var(--deep-ink);text-align:center;padding-block:3.5rem 6rem}.hero .eyebrow{color:var(--gold)}.hero h1{font-size:clamp(2rem, 5vw, var(--s4));margin-block:.75rem}.hero p.lead{color:var(--deep-soft);max-width:34rem;margin-inline:auto}.composer{background:var(--surface);max-width:42rem;color:var(--ink);text-align:start;border-radius:20px;margin:1.75rem auto 0;padding:.6rem;box-shadow:0 18px 40px #0000002e}.composer textarea{resize:vertical;min-height:6.5rem;box-shadow:none;background:0 0;border:0;padding:.75rem}.composer textarea:focus{box-shadow:none}.composer .bar{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .2rem .2rem;display:flex}.composer .chip{background:var(--surface-2)}.hero .privacy{color:var(--deep-soft);font-size:var(--s-2);margin-top:1rem}.prophet-card{color:var(--ink);flex-direction:column;gap:.5rem;text-decoration:none;display:flex}.prophet-card:hover{border-color:var(--green-ink)}.prophet-card h3{font-size:var(--s1)}.prophet-card .q{font-size:1.3rem;line-height:2}.dua-card{flex-direction:column;gap:.75rem;display:flex}.dua-card .text{font-family:var(--f-book);font-size:1.3rem;line-height:2.05}.dua-card .text.q{font-family:var(--f-quran)}.dua-card .foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;padding-top:.6rem;display:flex}.actions{gap:.9rem;display:flex}.actions button,.actions a{color:var(--green-ink);cursor:pointer;font-size:var(--s-1);background:0 0;border:0;padding:0;text-decoration:none}.tool{color:var(--ink);flex-direction:column;justify-content:flex-end;gap:.35rem;min-height:8rem;text-decoration:none;display:flex}.tool:hover{border-color:var(--green-ink)}.tool.deep{background:var(--deep);color:var(--deep-ink);border-color:#0000}.tool.deep p{color:var(--deep-soft)}.tool svg{width:22px;height:22px;color:var(--gold-ink);margin-bottom:auto}.tool.deep svg{color:var(--gold)}.tool h3{font-size:var(--s1)}.tool p{font-size:var(--s-1);color:var(--ink-soft)}.section-link{color:var(--ink);flex-direction:column;text-decoration:none;display:flex}.section-link:hover{border-color:var(--green-ink)}.section-link b{font-size:var(--s1)}.quran-layout{grid-template-columns:17rem 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=900px){.quran-layout{grid-template-columns:1fr}.quran-layout .sidebar{order:2}}.sidebar{top:calc(76px + env(safe-area-inset-top,0px));flex-direction:column;gap:.75rem;max-height:calc(100vh - 100px);display:flex;position:sticky}.surah-list{flex-direction:column;gap:.15rem;margin-inline:-.5rem;padding-inline:.5rem;display:flex;overflow-y:auto}.surah-row{color:var(--ink);border-radius:10px;align-items:center;gap:.75rem;padding:.45rem .6rem;text-decoration:none;display:flex}.surah-row:hover{background:var(--surface-2)}.surah-row[aria-current=page]{background:var(--green-wash)}.surah-row .n{background:var(--green-wash);width:2rem;height:2rem;color:var(--green-ink);font-size:var(--s-2);border-radius:8px;flex:none;place-items:center;font-weight:700;display:grid}.surah-row[aria-current=page] .n{background:var(--green);color:var(--on-green)}.surah-row .nm{font-family:var(--f-quran);flex:1;font-size:1.15rem}.surah-row .meta{font-size:var(--s-2);color:var(--ink-soft)}.surah-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.6rem;display:grid}.surah-grid .surah-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm)}.mushaf-page{border:1px solid var(--gold-ink);outline:1px solid var(--gold-ink);outline-offset:-6px;background:var(--surface);border-radius:6px;flex-direction:column;gap:1rem;padding:1.75rem 1.75rem 2rem;display:flex}.surah-banner{background:var(--deep);color:var(--gold);text-align:center;border-radius:8px;padding:.45rem}.surah-banner h1{font-family:var(--f-quran);padding-bottom:.35rem;font-size:1.7rem;font-weight:400;line-height:1.5}.basmala{font-family:var(--f-quran);text-align:center;font-size:1.6rem}.mushaf{font-family:var(--f-quran);font-size:calc(1.75rem * var(--zoom,1));text-align:justify;text-align-last:center;line-height:2.55}.mushaf .v{cursor:pointer;border-radius:6px;scroll-margin-top:100px}.mushaf .v:hover{background:var(--cream)}.mushaf .v.sel{background:var(--green-wash)}.verse-list{flex-direction:column;display:flex}.verse-item{border-bottom:1px solid var(--line);flex-direction:column;gap:.4rem;padding-block:1rem;scroll-margin-top:100px;display:flex}.verse-item:last-child{border-bottom:0}.verse-item .q{font-size:calc(1.55rem * var(--zoom,1))}[data-mode=mushaf] .verse-list,[data-mode=verses] .mushaf{display:none}.tafsir-panel{z-index:25;left:50%;bottom:calc(var(--tabbar-h) + 5.25rem);width:min(46rem,100% - 32px);max-height:45vh;box-shadow:var(--shadow);border-color:var(--gold-ink);flex-direction:column;gap:.5rem;display:flex;position:fixed;overflow-y:auto;transform:translate(-50%)}.player{bottom:calc(var(--tabbar-h) + .75rem);z-index:15;background:var(--deep);color:var(--deep-ink);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:.75rem;padding:.45rem .5rem .45rem .6rem;display:flex;position:sticky}.player .lbl{font-size:var(--s-1);flex:1;min-width:0}.player select{background:var(--deep-2);width:auto;max-width:55%;color:var(--deep-ink);font-size:var(--s-1);border-color:#ffffff26;border-radius:999px;padding:.25rem .75rem}.play{background:var(--gold);color:#1e2a22;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:2.5rem;height:2.5rem;display:grid}.play .pause,.play.playing .start{display:none}.play.playing .pause{display:block}@media (width<=480px){.mushaf-page{padding:1.2rem 1rem}.mushaf{font-size:calc(1.45rem * var(--zoom,1))}}.books{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.75rem;display:grid}.book-card{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);flex-direction:column;padding:.85rem 1rem;text-decoration:none;display:flex}.book-card b{font-family:var(--f-book);font-size:1.2rem}.book-card.on{border-color:var(--green-ink);background:var(--green-wash)}.book-card.on span{color:var(--green-ink)}.hadith{flex-direction:column;gap:.85rem;display:flex}.hadith .matn{font-family:var(--f-book);font-size:1.35rem;line-height:2.05}.hadith .isnad{font-family:var(--f-book);color:var(--ink-soft);background:var(--surface-2);border-radius:10px;margin-top:.5rem;padding:.75rem 1rem;line-height:1.95}.hadith .foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.6rem;display:flex}.chapter-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.6rem;display:grid}.chapter-row{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-sm);color:var(--ink);align-items:center;gap:.75rem;padding:.6rem .9rem;text-decoration:none;display:flex}.chapter-row:hover{border-color:var(--green-ink)}.chapter-row .n{background:var(--green-wash);width:2.2rem;height:2.2rem;color:var(--green-ink);font-size:var(--s-2);border-radius:8px;flex:none;place-items:center;font-weight:700;display:grid}.chapter-row b{font-family:var(--f-book);font-size:1.1rem}.related-row{color:var(--ink);border-top:1px solid var(--line);flex-direction:column;gap:.2rem;padding-block:.6rem;text-decoration:none;display:flex}.related-row:hover b{color:var(--green-ink)}.related-row .book{font-size:1.05rem;line-height:1.85}.dorar-item{border-top:1px solid var(--line);flex-direction:column;gap:.25rem;padding-block:.75rem;display:flex}.dorar-item .book{font-size:1.1rem;line-height:1.9}.dorar-ruling{background:var(--cream);font-size:var(--s-1);border-radius:8px;padding:.35rem .7rem}.isnad-chain{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.narrator-row{color:var(--ink);flex-direction:column;gap:.1rem;text-decoration:none;display:flex}.narrator-row:hover{border-color:var(--green-ink)}.tag.rank-good{background:var(--green-wash);color:var(--green-ink)}.tag.rank-companion{background:var(--cream);color:var(--gold-ink)}.tag.rank-middle{background:var(--surface-2);color:var(--ink-soft);border:1px solid var(--line)}.tag.rank-weak{color:#8a3b2c;background:#f6e3df}:root[data-theme=dark] .tag.rank-weak{color:#e8a898;background:#3a2420}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tag.rank-weak{color:#e8a898;background:#3a2420}}.featured{grid-template-columns:1.2fr 1fr;align-items:center;gap:1.5rem;padding:1.75rem;display:grid}@media (width<=760px){.featured{grid-template-columns:1fr}}.featured h2{font-size:var(--s3)}.featured .verse-box{text-align:center;border:1px solid #e3c27a73;border-radius:12px;padding:1.25rem}.featured .q{font-size:1.5rem}.story{flex-direction:column;display:flex}.story-v{border-bottom:1px solid var(--line);flex-direction:column;gap:.35rem;padding-block:1rem;display:flex}.story-v:last-child{border-bottom:0}.story-v .q{font-size:1.5rem}.story.plain .tafsir{display:none}.prophet-grid{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.75rem;display:grid}.prophet-chip{color:var(--ink);text-align:center;flex-direction:column;gap:.15rem;padding:.9rem .5rem;text-decoration:none;display:flex}a.prophet-chip:hover{border-color:var(--green-ink)}.prophet-chip b{font-size:var(--s1)}.prophet-chip.soon{opacity:.55}.result-layout{grid-template-columns:1fr 19rem;align-items:start;gap:1.5rem;display:grid}@media (width<=900px){.result-layout{grid-template-columns:1fr}}.verse-card{text-align:center;flex-direction:column;gap:.8rem;display:flex}.verse-card .q{font-size:1.65rem}.verse-card .tafsir-box{background:var(--surface-2);text-align:start;border-radius:10px;padding:.85rem 1rem}.verse-card details{text-align:center}.verse-card details[open]{text-align:start}.waiting{color:var(--ink-soft);align-items:center;gap:.75rem;display:flex}.breath-dot{background:var(--gold-ink);border-radius:50%;width:10px;height:10px;animation:2.4s ease-in-out infinite dot}@keyframes dot{0%,to{opacity:.5;transform:scale(.7)}50%{opacity:1;transform:scale(1.3)}}.side-links a{border-bottom:1px solid var(--line);color:var(--ink);justify-content:space-between;padding:.7rem 0;text-decoration:none;display:flex}.side-links a:last-child{border-bottom:0}.support-box{background:var(--green-wash);border-radius:var(--r);flex-direction:column;gap:.75rem;padding:1.1rem;display:flex}.support-line{background:var(--surface);border-radius:var(--r-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.adhkar-layout{grid-template-columns:1fr 17rem;align-items:start;gap:1.5rem;display:grid}@media (width<=900px){.adhkar-layout{grid-template-columns:1fr}}.dhikr-row{align-items:center;gap:1rem;display:flex}.dhikr-row .text{font-family:var(--f-book);flex:1;font-size:1.25rem;line-height:2}.dhikr-row.done{opacity:.6}.dhikr-row.active{border-color:var(--green-ink);box-shadow:0 0 0 1px var(--green-ink)}.count-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:3.2rem;height:3.2rem;font-weight:700;font-size:var(--s-1);color:var(--ink-soft);border-radius:50%;flex:none}.dhikr-row.active .count-btn{border:2px solid var(--green-ink);color:var(--green-ink);background:var(--green-wash)}.dhikr-row.done .count-btn{background:var(--green);color:var(--on-green);border-color:var(--green)}.progress{background:var(--green-wash);border-radius:999px;height:6px;overflow:hidden}.progress>i{background:var(--green);border-radius:999px;width:0;height:100%;transition:width .3s;display:block}.card.deep .progress{background:#ffffff1f}.card.deep .progress>i{background:var(--gold)}.masbaha{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.masbaha .text{font-family:var(--f-book);font-size:1.35rem;font-weight:700}.bead{background:var(--deep);width:9.5rem;height:9.5rem;color:var(--gold);cursor:pointer;box-shadow:0 0 0 6px var(--cream);touch-action:manipulation;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:transform 80ms;display:flex}.bead:active{transform:scale(.96)}.bead b{font-size:2.6rem;line-height:1.1}.bead span{font-size:var(--s-2);color:var(--deep-soft)}.halaqa h3{font-size:var(--s1)}.seats{color:var(--gold-ink);font-weight:700;font-size:var(--s-1)}.rv{font-family:var(--f-quran);cursor:pointer;text-align:start;background:0 0;border:0;border-radius:10px;align-items:center;gap:.5rem;width:100%;padding:.2rem .75rem;font-size:1.5rem;line-height:2.2;display:flex}.rv:hover{background:var(--surface-2)}.rv .rest{background:var(--line);border-radius:999px;flex:1;max-width:60%;height:.55rem}.rv .full{display:none}.rv.open{background:var(--surface-2)}.rv.open .rest{display:none}.rv.open .full{display:inline}.calm{z-index:60;color:#e9eeea;padding:calc(1.25rem + env(safe-area-inset-top,0px)) var(--gut-r) calc(1.25rem + env(safe-area-inset-bottom,0px)) var(--gut-l);background:#0b110f;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.calm-top{color:#a9b4ae;justify-content:space-between;align-items:center;width:100%;max-width:40rem;display:flex}.calm-top .icon-btn{color:#e9eeea;background:0 0;border-color:#2a3531}.breath{aspect-ratio:1;place-items:center;width:min(18rem,70vw);margin-block:1.5rem;display:grid;position:relative}.breath .ring{background:#13261f;border-radius:50%;transition:transform 4s ease-in-out;position:absolute}.breath .r1{inset:0}.breath .r2{background:#183026;inset:12%}.breath .core{aspect-ratio:1;border:1.5px solid var(--gold);background:#1e4a3b;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:50%;transition:transform 4s ease-in-out;display:flex;position:relative}.breath .core b{font-size:1.6rem}.breath .core span{font-size:var(--s-1);color:#a9b4ae}.breath.in .core,.breath.in .r2{transform:scale(1.18)}.calm .verse{text-align:center;max-width:36rem}.calm .verse .q{font-size:clamp(1.5rem,4vw,2rem)}.calm .verse small{color:#a9b4ae}.calm-player{background:#141c19;border:1px solid #26312c;border-radius:22px;flex-direction:column;gap:.8rem;width:100%;max-width:40rem;padding:1rem 1.1rem;display:flex}.calm-player .play{width:3.2rem;height:3.2rem}.calm-player .chip{color:#c9d2cd;background:0 0;border-color:#2e3a35}.calm-player .chip[aria-pressed=true]{color:#8fe0be;background:#183a2e;border-color:#183a2e}.calm-player .progress{background:#26312c}.calm-player .progress>i{background:var(--gold)}.prayer-bar{z-index:2;color:var(--ink);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;margin-top:-3.5rem;text-decoration:none;display:flex;position:relative}.prayer-bar .next{color:var(--green-ink);font-size:var(--s1)}.prayer-bar .chip{cursor:default}.prayer-bar .chip.now{background:var(--green-wash);border-color:var(--green-ink);color:var(--green-ink);font-weight:700}.prayer-row.now{background:var(--green-wash);border-color:var(--green-ink);box-shadow:0 0 0 1px var(--green-ink);color:var(--green-ink)}.qibla{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.compass{border:3px solid var(--line);background:var(--surface-2);border-radius:50%;flex:none;width:9.5rem;height:9.5rem;transition:transform .3s ease-out;position:relative}.compass .north{font-size:var(--s-2);color:var(--ink-soft);position:absolute;top:.35rem;left:50%;transform:translate(-50%)}.compass .needle{background:var(--gold-ink);transform-origin:50% 0;width:4px;height:42%;transform:translateX(-50%) rotate(calc(180deg + var(--bearing,0deg)));border-radius:4px;position:absolute;top:50%;left:50%}.compass .hub{background:var(--deep);border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.send-card{--c-bg:#0f3a2d;--c-ink:#f2f1ea;--c-soft:#b9c9c1;--c-gold:#e2c47e;background:var(--c-bg);color:var(--c-ink);text-align:center;outline:1px solid var(--c-gold);outline-offset:-12px;box-shadow:var(--shadow);border-radius:22px;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1.5rem;display:flex}.send-card[data-style=cream]{--c-bg:#f4ecda;--c-ink:#17201b;--c-soft:#6b6150;--c-gold:#9a762b}.send-card[data-style=light]{--c-bg:#fff;--c-ink:#17201b;--c-soft:#5f6b64;--c-gold:#9a762b}.send-card[data-style=night]{--c-bg:#0b110f;--c-ink:#e9eeea;--c-soft:#a9b4ae;--c-gold:#e2c47e}.send-card .q{font-size:clamp(1.5rem,4vw,2rem)}.send-card .br,.send-card .to,.send-card .sign{color:var(--c-gold)}.send-card .sign{font-family:var(--f-logo);font-size:1.6rem}.send-card .ref,.send-card .msg{color:var(--c-soft)}.swatch{border:1px solid var(--line);cursor:pointer;border-radius:12px;width:2.75rem;height:2.75rem}.swatch.deep{background:#0f3a2d}.swatch.cream{background:#f4ecda}.swatch.light{background:#fff}.swatch.night{background:#0b110f}.swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--gold)}.wird-row{grid-template-columns:1.4fr 1fr;align-items:stretch;gap:1rem;display:grid}@media (width<=860px){.wird-row{grid-template-columns:1fr}}.streak{background:var(--cream);color:var(--gold-ink);border-radius:14px;flex-direction:column;align-items:center;padding:.5rem .9rem;line-height:1.3;display:flex}.streak b{font-size:var(--s2)}.streak span{font-size:var(--s-2);font-weight:700}.segmented{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;grid-auto-columns:1fr;grid-auto-flow:column;gap:.3rem;padding:.3rem;display:grid}.segmented button{cursor:pointer;color:var(--ink-soft);background:0 0;border:0;border-radius:12px;padding:.55rem;font-weight:600}.segmented button[aria-pressed=true]{background:var(--green);color:var(--on-green)}.segments{grid-template-columns:repeat(4,1fr);gap:.35rem;display:grid}.segments i{background:var(--line);border-radius:999px;height:6px}.segments i.on{background:var(--green)}.wird-task{flex-direction:column;gap:.55rem;scroll-margin-top:90px;display:flex}.wird-task h2{font-size:var(--s1)}.wird-task.done{opacity:.75}.small-quote{font-size:1.05rem;line-height:1.9}.check-btn{border:2px solid var(--gold-ink);cursor:pointer;width:2.1rem;height:2.1rem;color:var(--on-green);background:0 0;border-radius:8px;flex:none;place-items:center;font-weight:700;display:grid}.check-btn[aria-pressed=true]{background:var(--green);border-color:var(--green)}.check-btn[aria-pressed=true]:after{content:"✓"}.tap-count{border:1px dashed var(--line);background:var(--surface-2);border-radius:var(--r-sm);cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:center;padding:.7rem;display:flex}.tap-count b{font-size:var(--s2);color:var(--green-ink)}.wird-cta{z-index:20;inset-inline:0;bottom:var(--tabbar-h);padding:.75rem var(--gut-r) calc(.75rem + env(safe-area-inset-bottom,0px)) var(--gut-l);background:var(--surface);border-top:1px solid var(--line);position:fixed}.wird-cta .btn{max-width:48rem;margin-inline:auto;padding-block:.8rem;display:flex}.wird-card{color:var(--ink);flex-direction:column;gap:.6rem;text-decoration:none;display:flex}.wird-card h2{font-size:var(--s2)}.wird-list{font-size:var(--s-1);flex-direction:column;gap:.3rem;display:flex}.wird-list span:before{content:"";border:2px solid var(--gold-ink);vertical-align:middle;border-radius:4px;width:1rem;height:1rem;margin-inline-end:.5rem;display:inline-block}.wird-list span.done:before{background:var(--green);border-color:var(--green)}details.ask{border:2px dashed var(--green-ink);background:var(--surface)}details.ask>summary{font-size:var(--s1);text-align:center}[data-prayed][aria-pressed=true]{background:var(--green-wash);color:var(--green-ink);border-color:var(--green-ink)}.juz-grid{grid-template-columns:repeat(6,1fr);gap:.5rem;display:grid}@media (width<=420px){.juz-grid{gap:.4rem}}.juz{aspect-ratio:1.25;font-weight:700;font-size:var(--s1);cursor:pointer;border:2px dashed var(--line);color:var(--ink-soft);background:0 0;border-radius:12px}.juz.taken{background:var(--line);color:var(--ink-soft);border-color:#0000}.juz.done{background:var(--green);color:var(--on-green);border-color:#0000}.juz.mine{background:var(--gold-ink);color:#fff;border-color:#0000}.juz.selected{box-shadow:0 0 0 3px var(--gold)}.juz-legend{gap:1rem}.juz-legend .lg{vertical-align:middle;border-radius:3px;width:.8rem;height:.8rem;margin-inline-end:.25rem;display:inline-block}.lg.done{background:var(--green)}.lg.mine{background:var(--gold-ink)}.lg.taken{background:var(--line)}.lg.free{border:1px dashed var(--ink-soft)}.footer{background:var(--deep);color:var(--deep-ink);margin-top:4rem;padding-block:2.25rem 1.25rem}.footer a{color:var(--deep-ink);opacity:.85;text-decoration:none}.footer a:hover{opacity:1;text-decoration:underline}.footer .cta{border-bottom:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.75rem;display:flex}.footer .cta h2{font-size:var(--s1)}.footer .cta p{color:var(--deep-soft);font-size:var(--s-1)}.footer .cols{border-bottom:1px solid #ffffff1f;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:1.5rem;padding-block:1.75rem;display:grid}@media (width<=860px){.footer .cols{grid-template-columns:1fr 1fr}}.footer h3{font-size:var(--s0);margin-bottom:.5rem}.footer ul{font-size:var(--s-1);flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.footer .about{font-size:var(--s-1);color:var(--deep-soft)}.footer .logo{color:var(--deep-ink)}.footer .footer-verse{color:var(--gold);margin-top:.5rem;font-size:1.35rem}.footer .bottom{font-size:var(--s-2);color:var(--deep-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-top:1rem;display:flex}.footer .bottom .row a{opacity:.75}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.adhan-setting{border-top:1px solid var(--line);flex-wrap:wrap;gap:.5rem;padding-top:.75rem}.adhan-banner{inset-inline:1rem;bottom:calc(var(--tabbar-h,0px) + 1rem);z-index:60;background:var(--deep);max-width:34rem;color:var(--deep-ink);border-radius:16px;flex-wrap:wrap;align-items:center;gap:.6rem;margin-inline:auto;padding:.9rem 1.1rem;display:flex;position:fixed;box-shadow:0 18px 40px #00000040}.adhan-banner b{font-size:var(--s1);flex:12rem}.storage-warning{width:calc(100% - 2rem);max-width:46rem;margin:1rem auto 0}