:root,:host{--color-ink-900:#0e1412;--color-ink-800:#16201c;--color-ink-700:#1d2b25;--color-ink-600:#24302b;--color-kawsar-600:#1f6b57;--color-kawsar-500:#2a8169;--color-kawsar-400:#7fb09a;--color-kawsar-300:#9ac7b4;--color-brass-600:#8c6a1f;--color-brass-400:#d4a63a;--color-parchment-50:#fffdf7;--color-parchment-100:#fbf7ee;--color-parchment-200:#efe6d2;--color-parchment-300:#e2d8c2;--color-stone:#5e625a;--font-display:var(--font-cormorant), "Cormorant Garamond", var(--font-al-qalam), Georgia, serif;--font-body:var(--font-alegreya-sans), "Alegreya Sans", var(--font-al-qalam), system-ui, sans-serif;--font-arabic:var(--font-al-qalam), "Al Qalam Quran Majeed Web", serif;--radius-card:22px}:root{--bg:var(--color-ink-900);--card:var(--color-ink-800);--ink:var(--color-parchment-100);--muted:#949283}@supports (color:color-mix(in lab, red, red)){:root{--muted:color-mix(in oklab, var(--color-parchment-300) 62%, var(--color-ink-800))}}:root{--line:var(--color-ink-600);--green:var(--color-brass-400);--green-ink:var(--color-ink-900);--gold:var(--color-brass-400);--pill-ink:var(--color-ink-900);--gold-soft:var(--color-ink-700);--mint:var(--color-ink-700);--namaz:var(--color-kawsar-600);--namaz-hi:var(--color-kawsar-500);--namaz-ink:var(--color-parchment-100);--bead-hi:var(--color-kawsar-400);--gold-fill:var(--color-brass-400);--done:var(--color-kawsar-400);--shadow:0 10px 30px -18px #0e1412b3}@supports (color:color-mix(in lab, red, red)){:root{--shadow:0 10px 30px -18px color-mix(in srgb, var(--color-ink-900) 70%, transparent)}}:root{--leaf:var(--color-parchment-50);--serif:var(--font-display);--sans:var(--font-body);--hindi:var(--font-devanagari), "Noto Serif Devanagari", var(--font-arabic), var(--font-body);--maxw:640px;--tab-h:62px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[lang=hi],html[lang=ur]{--serif:var(--hindi);--sans:var(--hindi)}html[lang=ur] body{direction:ltr}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:16px/1.45 var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.4;cursor:default}input,select{color:inherit}small{color:var(--muted);font-size:13px;font-weight:400;display:block}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:8px}.screen{max-width:var(--maxw);padding:16px 16px calc(var(--tab-h) + 28px + env(safe-area-inset-bottom));margin:0 auto}.title{font:700 28px/1.2 var(--serif);margin:12px 0 18px}.eyebrow{font:700 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:26px 4px 10px}.muted{color:var(--muted)}.small{font-size:13px}.empty{color:var(--muted);text-align:center;margin-top:60px}.empty svg{vertical-align:-3px}.slice{background:var(--leaf);width:100%;position:relative;overflow:hidden}.slice img{-webkit-user-select:none;user-select:none;mix-blend-mode:multiply;max-width:none;display:block;position:absolute}.item-print{box-shadow:var(--shadow);background:var(--leaf);border-radius:14px;margin:0;overflow:hidden}.hero{text-align:center;color:var(--namaz-ink);background:radial-gradient(120% 90% at 50% 0%, var(--namaz-hi), transparent 70%), var(--namaz);box-shadow:var(--shadow), inset 0 0 0 5px var(--namaz), inset 0 0 0 6px var(--gold-fill);border-radius:22px;margin:0 0 4px;padding:26px 14px 22px;position:relative}@supports (color:color-mix(in lab, red, red)){.hero{box-shadow:var(--shadow), inset 0 0 0 5px var(--namaz), inset 0 0 0 6px color-mix(in srgb, var(--gold-fill) 45%, transparent)}}.hero{overflow:hidden}.hero-ar{font:400 clamp(30px, 9.5vw, 46px) / 1.9 var(--font-arabic);color:var(--gold-fill);text-shadow:0 2px #0e141299;margin:0}@supports (color:color-mix(in lab, red, red)){.hero-ar{text-shadow:0 2px 0 color-mix(in srgb, var(--color-ink-900) 60%, transparent)}}.hero-rule{justify-content:center;align-items:center;gap:10px;margin:2px 0 12px;display:flex}.hero-rule span{background:var(--gold-fill);width:64px;height:1px}@supports (color:color-mix(in lab, red, red)){.hero-rule span{background:color-mix(in srgb, var(--gold-fill) 70%, transparent)}}.hero-rule svg{width:14px;height:14px;fill:var(--gold-fill)}.hero-title{font:700 clamp(19px, 5.6vw, 24px) / 1.2 var(--serif);letter-spacing:.01em;margin:0}.hero-tag{white-space:nowrap;font:italic 14px / 1.4 var(--serif);color:var(--namaz-ink);margin:8px 0 0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.hero-tag{color:color-mix(in srgb, var(--namaz-ink) 78%, transparent)}}:root[lang=hi] .hero-tag{font-size:15px;font-style:normal}.resume{background:var(--green);color:var(--green-ink);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;margin-top:14px;padding:16px 18px;display:grid}.resume>svg{grid-area:1/2/4}.resume-k{letter-spacing:.12em;text-transform:uppercase;opacity:.75;font-size:12px}.resume-t{font:700 19px/1.25 var(--serif)}.resume-m{opacity:.8;font-size:14px}.day-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.legend{font:700 12px var(--sans);color:var(--muted);gap:12px;margin:0 4px 10px;display:flex}.legend span{align-items:center;gap:5px;display:inline-flex}.legend .marker{margin:-8px -6px;transform:scale(.55)}.parts{gap:10px;margin:0;padding:0;list-style:none;display:grid;position:relative}.parts:before{content:"";border-left:2px dotted var(--gold);opacity:.6;position:absolute;top:30px;bottom:30px;left:34px}.parts li{position:relative}.part-row{background:var(--card);border:1px solid var(--line);border-radius:16px;grid-template-columns:40px 1fr auto;grid-template-areas:"n t c""n w c";align-items:center;gap:0 12px;padding:12px 14px;display:grid}.part-row>.marker{grid-area:n;justify-self:center}.part-t{font:700 17px/1.2 var(--serif);grid-area:t}.part-t small{font:13px var(--hindi)}.part-kind{font:700 10.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:3px;display:block}.part-w{color:var(--muted);grid-area:w;margin-top:2px;font-size:13px}.part-c{font:700 14px var(--sans);color:var(--gold);grid-area:c}.marker{flex:none;place-items:center;display:grid;position:relative}.bead{background:radial-gradient(circle at 34% 30%, var(--bead-hi), var(--namaz) 72%);width:32px;height:32px;color:var(--namaz-ink);font:700 14px var(--serif);border-radius:50%;box-shadow:0 2px 6px -2px #0e141299,inset 0 -2px 3px #0e141259}@supports (color:color-mix(in lab, red, red)){.bead{box-shadow:0 2px 6px -2px color-mix(in srgb, var(--color-ink-900) 60%, transparent), inset 0 -2px 3px color-mix(in srgb, var(--color-ink-900) 35%, transparent)}}.arch{width:36px;height:44px}.arch svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.arch-n{font:700 15px var(--serif);position:relative;top:7px}.arch.farz .arch-body{fill:var(--gold-fill)}.arch.farz .arch-line{fill:none;stroke:var(--namaz);stroke-width:1.4px;opacity:.55}.arch.farz .arch-n{color:var(--namaz)}.arch.nafl .arch-body{fill:var(--card);stroke:var(--gold);stroke-width:1.8px}.arch.nafl .arch-line{fill:none;stroke:var(--gold);stroke-width:1px;opacity:.45}.arch.nafl .arch-n{color:var(--gold)}.kind-nafl .part-row{border-color:var(--gold)}@supports (color:color-mix(in lab, red, red)){.kind-nafl .part-row{border-color:color-mix(in srgb, var(--gold) 45%, var(--line))}}.kind-nafl .part-row{background:linear-gradient(100deg, var(--gold-soft), var(--card) 55%)}.kind-farz .part-row{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cg fill='none' stroke='%23d9b665' stroke-opacity='.085' stroke-width='1'%3E%3Crect x='11' y='11' width='14' height='14'/%3E%3Crect x='11' y='11' width='14' height='14' transform='rotate(45 18 18)'/%3E%3C/g%3E%3C/svg%3E") center / 36px 36px, linear-gradient(135deg, var(--namaz-hi), var(--namaz));border:1px solid var(--gold-fill);padding:16px 14px}@supports (color:color-mix(in lab, red, red)){.kind-farz .part-row{border:1px solid color-mix(in srgb, var(--gold-fill) 60%, transparent)}}.kind-farz .part-row{box-shadow:var(--shadow), inset 0 0 0 3px var(--namaz), inset 0 0 0 4px var(--gold-fill)}@supports (color:color-mix(in lab, red, red)){.kind-farz .part-row{box-shadow:var(--shadow), inset 0 0 0 3px var(--namaz), inset 0 0 0 4px color-mix(in srgb, var(--gold-fill) 35%, transparent)}}.kind-farz .part-row{color:var(--namaz-ink)}.kind-farz .part-t{font-size:19px}.kind-farz .part-t small,.kind-farz .part-w{color:var(--namaz-ink)}@supports (color:color-mix(in lab, red, red)){.kind-farz .part-t small,.kind-farz .part-w{color:color-mix(in srgb, var(--namaz-ink) 72%, transparent)}}.kind-farz .part-kind,.kind-farz .part-c{color:var(--gold-fill)}.part-row.is-done .bead{background:var(--done);color:var(--color-ink-900)}.part-row.is-done .arch.farz .arch-body{fill:var(--done)}.part-row.is-done .arch.farz .arch-n{color:var(--color-ink-900)}.part-row.is-done .arch.nafl .arch-body{stroke:var(--done)}.part-row.is-done .arch.nafl .arch-n,.part-row.is-done .part-c{color:var(--done)}.kind-farz .part-row.is-done .part-c{color:var(--color-kawsar-300)}.bar{z-index:5;padding:calc(8px + env(safe-area-inset-top)) 8px 8px;background:var(--bg);justify-content:space-between;align-items:center;gap:8px;margin:-16px -16px 0;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.bar{background:color-mix(in srgb, var(--bg) 92%, transparent)}}.bar-k{text-align:center;font:700 13px var(--sans);letter-spacing:.06em;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.bar-actions{display:flex}.icon-btn{width:44px;height:44px;color:var(--ink);border-radius:12px;place-items:center;display:grid;position:relative}.icon-btn:active{background:var(--mint)}.icon-btn.is-on{color:var(--gold)}.zoom-badge{font:700 10px var(--sans);color:var(--gold);position:absolute;bottom:2px;right:0}.part-head{text-align:center;padding:18px 8px 4px}.part-head h1{font:700 30px/1.15 var(--serif);margin:0}.part-hi{font:16px var(--hindi);color:var(--muted);margin:4px 0 14px}.part-when{border:1px solid var(--gold);border-radius:12px;margin:0 0 18px;padding:10px 16px;font-size:15px;display:inline-block}.part-when b{color:var(--gold);margin-right:4px}.part-when span{font:14px var(--hindi);color:var(--muted)}.btn-primary{background:var(--green);min-height:48px;color:var(--green-ink);font:700 16px var(--sans);box-shadow:var(--shadow);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;display:inline-flex}.btn-quiet{border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:0 14px;font-size:14px;display:inline-flex}.part-complete{font:700 14px var(--sans);color:var(--done);justify-content:center;align-items:center;gap:6px;margin:-6px 0 14px;display:flex}.up-next{border:1px dashed var(--gold);border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;margin-top:26px;padding:16px 18px;display:grid}@supports (color:color-mix(in lab, red, red)){.up-next{border:1px dashed color-mix(in srgb, var(--gold) 60%, var(--line))}}.up-next{background:var(--card)}.up-next>svg{color:var(--gold);grid-area:1/2/4}.up-next-k{font:700 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.up-next-t{font:700 17px/1.25 var(--serif)}.up-next-w{color:var(--muted);font-size:13px}.up-next.is-ready{background:var(--namaz);color:var(--namaz-ink);box-shadow:var(--shadow);border:1px solid #0000}.up-next.is-ready .up-next-k,.up-next.is-ready>svg{color:var(--gold-fill)}.up-next.is-ready .up-next-w{color:var(--namaz-ink)}@supports (color:color-mix(in lab, red, red)){.up-next.is-ready .up-next-w{color:color-mix(in srgb, var(--namaz-ink) 72%, transparent)}}:root[lang=hi] .up-next-k{letter-spacing:.02em;font-size:12px}.group .eyebrow{margin-top:22px}.entries{gap:6px;margin:0;padding:0;list-style:none;display:grid}.entry{background:var(--card);border:1px solid var(--line);border-radius:14px;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;min-height:56px;padding:10px 12px;display:grid}.entry-t{font:700 15.5px/1.3 var(--serif)}.entry-t small{font:12.5px var(--sans);margin-top:2px}.entry-tick{border:1.5px solid var(--line);width:22px;height:22px;color:var(--color-ink-900);border-radius:50%;place-items:center;display:grid}.entry.is-done .entry-tick{background:var(--done);border-color:var(--done)}.entry.is-done .entry-t{color:var(--muted)}.pill{background:var(--gold);max-width:150px;color:var(--pill-ink);font:700 12px/1.25 var(--sans);text-align:center;border-radius:999px;padding:4px 10px;display:inline-block}.recite{height:100dvh;max-width:var(--maxw);flex-direction:column;margin:0 auto;display:flex}.recite .bar{margin:0;position:static}.recite-scroll{overscroll-behavior:contain;flex:1;padding:0 12px 20px;overflow:auto}.recite-title{text-align:center;padding:4px 8px 12px}.recite-title h1{font:700 21px/1.25 var(--serif);margin:0}.recite-title p{color:var(--muted);margin:4px 0 0;font-size:13px}.recite-title .ref-note{background:var(--gold-soft);color:var(--ink);border-radius:10px;margin-top:10px;padding:8px 12px}.zoom-wrap{min-width:100%}.fazilat{margin-top:22px}.fazilat .eyebrow{margin:0 4px 8px}.fazilat-print{box-shadow:none;border:1px solid var(--line)}.see-page{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin:14px auto 0;padding:8px;font-size:14px;display:flex}.dock{border-top:1px solid var(--line);background:var(--card);padding:10px 16px calc(10px + env(safe-area-inset-bottom))}.dock-count{text-align:center;flex-direction:column;align-items:center;gap:4px;min-height:24px;margin:0 0 6px;display:flex}.dock-count .pill{max-width:none}.dock-stage{font:700 13px var(--sans);color:var(--muted)}.dock-row{grid-template-columns:56px 1fr 56px;align-items:center;display:grid}.icon-btn.big{border:1px solid var(--line);border-radius:50%;width:56px;height:56px}.icon-btn.is-next{background:var(--green);color:var(--green-ink);border-color:var(--green);animation:1.6s ease-in-out infinite nudge}@keyframes nudge{50%{transform:translate(3px)}}.counter{aspect-ratio:1;background:var(--mint);touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:50%;place-content:center;justify-self:center;width:min(42vw,168px);transition:transform 80ms;display:grid;position:relative}.counter:active{transform:scale(.96)}.counter>svg{position:absolute;inset:0;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--line);stroke-width:5px}.ring-fg{fill:none;stroke:var(--gold);stroke-width:5px;stroke-linecap:round;transition:stroke-dashoffset .2s}.counter-n{font:700 44px/1 var(--serif);font-variant-numeric:tabular-nums;position:relative}.counter-of{color:var(--muted);margin-top:4px;font-size:13px;position:relative}.counter.is-compact{width:min(32vw,128px)}.counter.is-compact .counter-n{font-size:36px}.enter-main{letter-spacing:.01em;width:100%;min-height:54px;margin-top:12px;font-size:17px;display:flex}.counter-hint{color:var(--gold);margin-top:2px;font-size:11.5px;font-weight:700;position:relative}.counter.is-done{background:var(--done);color:var(--color-ink-900)}.counter.is-done .ring-fg{stroke:var(--color-ink-900)}.counter.is-done .counter-of{color:var(--color-ink-900)}.units{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.unit{border:1px solid var(--line);font:700 12px var(--sans);color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.unit.is-next{border-color:var(--gold);color:var(--ink);background:var(--gold-soft)}.unit.is-done{border-color:var(--done);background:var(--done);color:var(--color-ink-900)}.counter-n.is-small{font-size:34px}.counter:not(.is-done) .counter-n svg{color:var(--muted);opacity:.55}.sheet-wrap{z-index:50;background:#0e1412a6;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.sheet-wrap{background:color-mix(in srgb, var(--color-ink-900) 65%, transparent)}}.sheet-wrap{animation:.15s ease-out fade}.sheet{width:100%;max-width:var(--maxw);padding:10px 20px calc(20px + env(safe-area-inset-bottom));background:var(--card);border-radius:24px 24px 0 0;box-shadow:0 -18px 50px -20px #0e1412cc}@supports (color:color-mix(in lab, red, red)){.sheet{box-shadow:0 -18px 50px -20px color-mix(in srgb, var(--color-ink-900) 80%, transparent)}}.sheet{text-align:center;animation:.2s ease-out rise}.sheet-grip{background:var(--line);border-radius:4px;width:42px;height:4px;margin:0 auto 14px;display:block}.sheet h2{font:700 21px/1.25 var(--serif);margin:0}.sheet .muted{margin:6px 0 14px}.count-input{border:2px solid var(--gold);background:var(--bg);width:100%;color:var(--ink);font:700 46px/1.1 var(--serif);text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;border-radius:18px;padding:10px 12px}.count-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.count-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.count-input:focus{box-shadow:0 0 0 4px var(--gold-soft);outline:none}.quick{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 18px;display:flex}.quick button{border:1px solid var(--line);min-height:38px;font:700 14px var(--sans);color:var(--ink);border-radius:999px;padding:0 16px}.quick button.is-on{border-color:var(--gold);background:var(--gold-soft)}.sheet-actions{grid-template-columns:1fr 2fr;gap:10px;display:grid}.sheet-actions .btn-quiet{justify-content:center;min-height:48px}.sheet-actions .btn-primary{width:100%}@keyframes rise{0%{opacity:.6;transform:translateY(24px)}}@keyframes fade{0%{opacity:0}}.dock-tools{justify-content:center;gap:6px;margin-top:8px;display:flex}.dock-tools button{min-height:36px;color:var(--muted);border-radius:999px;align-items:center;gap:5px;padding:0 12px;font-size:13px;display:inline-flex}.dock-tools button.is-on{color:var(--done);font-weight:700}.reader{max-width:760px;padding:16px 0 calc(var(--tab-h) + 20px + env(safe-area-inset-bottom));margin:0 auto}.reader-bar{margin:-16px 0 0}.jump{border:1px solid var(--line);background:var(--card);max-width:44%;min-height:40px;color:var(--ink);font:14px var(--sans);border-radius:10px;padding:0 10px}.pages{gap:10px;padding:8px;display:grid}.page{background:var(--leaf);border-radius:6px;scroll-margin-top:64px}.page img{width:100%;height:auto;box-shadow:var(--shadow);mix-blend-mode:multiply;border-radius:6px;display:block}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card,22px);margin-bottom:14px;padding:16px 18px 18px}.card h2{font:700 18px var(--serif);margin:0 0 8px}.card h3{font:700 14px var(--sans);margin:16px 0 8px}.card .btn-primary{margin-top:6px}.seg{background:var(--mint);border-radius:12px;padding:3px;display:flex}.seg button{border-radius:9px;flex:1;min-height:38px;font-size:14px}.seg button.is-on{background:var(--card);box-shadow:var(--shadow);font-weight:700}.toggle{justify-content:space-between;align-items:center;min-height:44px;display:flex}.toggle input{width:22px;height:22px;accent-color:var(--green)}.colophon{text-align:center;color:var(--muted);font:italic 15px var(--serif);margin-top:30px}.colophon p{margin:2px 0}.tabbar{z-index:10;height:calc(var(--tab-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--card);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.tabbar{background:color-mix(in srgb, var(--card) 94%, transparent)}}.tabbar{border-top:1px solid var(--line)}.tab{max-width:140px;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:12px;display:flex}.tab.active{color:var(--gold);font-weight:700}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:root[lang=hi] .eyebrow,:root[lang=hi] .part-kind{letter-spacing:.02em}:root[lang=hi] .part-kind{font-size:11.5px}.timer-chip{border:1px solid var(--line);font:700 12.5px var(--sans);color:var(--muted);background:var(--card);border-radius:999px;align-items:center;gap:5px;margin-top:10px;padding:4px 12px;display:inline-flex}.timer-chip .timer-clock{font-variant-numeric:tabular-nums;color:var(--ink)}.timer-chip.is-running{border-color:var(--gold)}.timer-chip.is-running svg{color:var(--gold);animation:2s ease-in-out infinite tick}.timer-chip.is-done{border-color:var(--done);color:var(--done);opacity:1}.timer-chip.is-done .timer-clock{color:var(--done)}.timer-usual{font-weight:400}@keyframes tick{50%{opacity:.45}}.part-time{font:700 13px var(--sans);color:var(--muted);justify-content:center;align-items:center;gap:4px;margin:-8px 0 16px;display:flex}.part-usual{font:400 11.5px var(--sans);color:var(--muted);text-align:right;display:block}.kind-farz .part-usual{color:var(--namaz-ink)}@supports (color:color-mix(in lab, red, red)){.kind-farz .part-usual{color:color-mix(in srgb, var(--namaz-ink) 70%, transparent)}}.recite.is-focus .bar,.recite.is-focus .see-page,.recite.is-focus .recite-title p,.recite.is-focus .timer-chip{display:none}.recite.is-focus .leaf{padding:calc(8px + env(safe-area-inset-top)) 4px calc(150px + env(safe-area-inset-bottom))}.recite.is-focus .recite-title{text-align:left;padding:6px 104px 10px 12px}.recite.is-focus .recite-title h1{color:var(--muted);font-size:15px}.recite.is-focus .item-print{box-shadow:none;border-radius:10px}.focus-corner{z-index:20;top:calc(6px + env(safe-area-inset-top));gap:4px;display:flex;position:fixed;right:8px}.focus-corner .icon-btn,.focus-dock .icon-btn{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.focus-corner .icon-btn,.focus-dock .icon-btn{background:color-mix(in srgb, var(--card) 88%, transparent)}}.focus-corner .icon-btn,.focus-dock .icon-btn{border:1px solid var(--line)}.focus-corner .icon-btn{border-radius:50%;width:40px;height:40px}.focus-dock{z-index:20;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--card);border-radius:999px;align-items:center;gap:10px;padding:7px;display:flex;position:fixed;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.focus-dock{background:color-mix(in srgb, var(--card) 90%, transparent)}}.focus-dock{box-shadow:var(--shadow)}.focus-dock .icon-btn{border-radius:50%;width:48px;height:48px}.focus-dock .icon-btn.is-next{background:var(--green);color:var(--green-ink);border-color:var(--green)}.focus-main{background:var(--namaz);min-width:168px;height:58px;color:var(--namaz-ink);touch-action:manipulation;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 22px;transition:transform 80ms;display:flex}.focus-main:active{transform:scale(.97)}.focus-main.is-done{background:var(--done);color:var(--color-ink-900)}.focus-count{font:700 21px/1 var(--serif);font-variant-numeric:tabular-nums;min-height:21px}.focus-sub{font:700 11.5px/1.2 var(--sans);opacity:.85}.focus-time{font-variant-numeric:tabular-nums;font-weight:400}.dock-pills{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.dock-pills .timer-chip{margin-top:0}.entry-c{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.entry-usual{font:400 11.5px var(--sans);color:var(--muted)}.day-time{border:1px solid var(--line);background:var(--card);font:700 13.5px var(--sans);color:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:6px;margin:14px 0 0;padding:9px 14px;display:flex}.day-time svg{color:var(--gold)}a.day-time{text-decoration:none}a.day-time svg:last-child{color:var(--muted);margin-left:auto}.timings-link{margin:4px 0 12px}.timing-total h1{font:700 20px var(--serif);margin:0 0 10px}.timing-pair{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px;display:grid}.timing-pair span{background:var(--mint);font:700 22px var(--serif);border-radius:14px;padding:10px 14px}.timing-pair small{font:700 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);display:block}.timing-part{padding:12px 14px 8px}.timing-head{grid-template-columns:30px 1fr auto;align-items:center;gap:10px;margin-bottom:6px;display:grid}.timing-n{background:var(--namaz);width:28px;height:28px;color:var(--namaz-ink);font:700 13px var(--serif);border-radius:50%;place-items:center;display:grid}.timing-title{font:700 16px/1.2 var(--serif)}.timing-cols{text-align:right}.timing-cols b{font:700 15px var(--sans);display:block}.timing-cols small{font-size:11.5px}.timing-table{border-collapse:collapse;width:100%;font-size:13.5px}.timing-table th{text-align:right;font:700 10.5px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:6px 0 4px 8px}.timing-table th:first-child{text-align:left;padding-left:0}.timing-table td{border-top:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding:7px 0 7px 8px}.timing-table td:first-child{text-align:left;white-space:normal;font-family:var(--serif);padding-left:0}.timing-table td a{color:var(--ink)}:root[lang=hi] .timing-table th,:root[lang=hi] .timing-pair small{letter-spacing:.02em}.bar-timer{justify-content:center;display:flex;overflow:visible}.bar-timer .timer-chip{white-space:nowrap;max-width:100%;margin-top:0;overflow:hidden}.recite-where{font:700 11.5px var(--sans);letter-spacing:.06em;color:var(--muted);margin:0 0 4px!important}.recite-count{justify-content:center;align-items:center;gap:8px;display:flex;margin:10px 0 0!important}.recite-count .pill{max-width:none}.done-tag{font:700 12.5px var(--sans);color:var(--done);align-items:center;gap:4px;display:inline-flex}.recite-title .dock-stage{font:700 12.5px var(--sans);color:var(--muted);margin-top:6px}.nav-dock{grid-template-columns:56px 1fr;align-items:center;gap:12px;display:grid}.next-main{width:100%;min-height:56px;font-size:17px}.focus-where{font:700 14px var(--sans);color:var(--muted);padding:0 10px}.focus-dock .timer-chip{margin:0}.progress{max-width:360px;margin:0 auto 14px}.progress-line{font:13.5px var(--sans);color:var(--muted);flex-wrap:wrap;justify-content:center;gap:5px;margin:0 0 6px;display:flex}.progress-line b{color:var(--ink);font-variant-numeric:tabular-nums}.progress-bar{background:var(--line);border-radius:999px;height:6px;display:block;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--gold-fill), var(--done));height:100%;transition:width .4s;display:block}.progress.is-compact{max-width:280px;margin:2px auto 10px}.progress.is-compact .progress-line{margin-bottom:4px;font-size:12.5px}.progress.is-compact .progress-bar{height:4px}.progress.is-day{border:1px solid var(--line);background:var(--card);border-radius:18px;max-width:none;margin:16px auto 0;padding:12px 16px}.progress.is-day .progress-line{font-size:14.5px}.recite.is-focus .progress,.bar-timer .timer-usual{display:none}.recite .bar{gap:2px}.recite .bar-timer{min-width:0}.progress-eta{color:var(--ink);font-weight:700}.list-head{justify-content:space-between;align-items:center;display:flex}.list-head .title{margin:12px 0 14px}.search{border:1px solid var(--line);background:var(--card);min-height:46px;color:var(--muted);border-radius:14px;align-items:center;gap:8px;padding:0 14px;display:flex}.search input{min-width:0;color:var(--ink);font:16px var(--sans);background:0 0;border:0;outline:none;flex:1}.list-group .eyebrow{margin-top:22px}.list-rows{border:1px solid var(--line);background:var(--card);border-radius:16px;margin:0;padding:0;list-style:none;overflow:hidden}.list-rows li+li{border-top:1px solid var(--line)}.list-row{align-items:center;gap:12px;min-height:64px;padding:10px 14px;display:flex}.list-row:active{background:var(--mint)}.list-name{min-width:0;font:700 16px/1.25 var(--serif);flex:1}.list-name small{font:12.5px var(--sans);margin-top:3px}.list-row.is-done .list-name{color:var(--muted)}.list-art{background:var(--leaf);border-radius:6px;flex:none;overflow:hidden}.list-art img{mix-blend-mode:multiply}.home-top{justify-content:flex-end;gap:8px;margin:-6px -6px 6px;display:flex}.top-tools{gap:8px;display:flex}.profile-btn{border:1px solid var(--line);background:var(--card);border-radius:50%}.profile-jump{gap:8px;margin:14px 0 4px;display:flex}.profile-jump a{border:1px solid var(--line);background:var(--card);min-height:42px;font:700 14px var(--sans);border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.profile-section{margin-top:10px}.profile-h{margin:22px 0 12px;font-size:22px}#saved,#settings{scroll-margin-top:70px}.pager{scroll-snap-type:x mandatory;scrollbar-width:none;padding:0;display:flex;overflow:auto hidden}.pager::-webkit-scrollbar{display:none}.leaf{overscroll-behavior:contain;scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-width:0;padding:0 12px 20px;overflow:auto}.leaf.fazilat{margin-top:0;padding-top:14px}.pager-bar{align-items:center;gap:12px;padding:8px 18px 4px;display:flex}.pager-bar input{accent-color:var(--gold);flex:1}.pager-k{font:700 12.5px var(--sans);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.recite.is-focus .pager-bar{left:0;right:0;bottom:calc(84px + env(safe-area-inset-bottom));z-index:4;position:fixed}.recite.is-bare .leaf{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.recite.is-bare .bar,.recite.is-bare .pager-bar,.recite.is-bare .nav-dock,.recite.is-bare .focus-dock,.recite.is-bare .focus-corner{display:none}.recite .bar,.pager-bar,.nav-dock{animation:.2s both fade}.pager.is-fwd{animation:.34s cubic-bezier(.2,.8,.2,1) both from-left}.pager.is-back{animation:.34s cubic-bezier(.2,.8,.2,1) both from-right}.leaf .recite-title>*{animation:.42s cubic-bezier(.2,.8,.2,1) both lift}.leaf .recite-title>:nth-child(3){animation-delay:60ms}.leaf .recite-title>:nth-child(n+4){animation-delay:.12s}.leaf .recite-title .pill{animation:.4s cubic-bezier(.3,1.5,.5,1) .14s both pop}@keyframes from-right{0%{opacity:0;transform:translate(28%)}}@keyframes from-left{0%{opacity:0;transform:translate(-28%)}}@keyframes lift{0%{opacity:0;transform:translateY(14px)}}@keyframes pop{0%{opacity:0;transform:scale(.7)}}.list-group{animation:.4s cubic-bezier(.2,.8,.2,1) both lift}.list-group:nth-of-type(2){animation-delay:50ms}.list-group:nth-of-type(3){animation-delay:.1s}.list-group:nth-of-type(n+4){animation-delay:.14s}.reading-switch{border:1px solid var(--line);background:var(--card);min-height:36px;color:var(--ink);font:700 13px var(--sans);border-radius:999px;align-items:center;gap:7px;margin-top:10px;padding:6px 8px 6px 12px;display:inline-flex}.reading-knob{background:var(--line);border-radius:999px;width:34px;height:20px;margin-left:4px;transition:background .2s;position:relative}.reading-knob:after{content:"";background:var(--color-parchment-50);border-radius:50%;width:16px;height:16px;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0e141299}@supports (color:color-mix(in lab, red, red)){.reading-knob:after{box-shadow:0 1px 2px color-mix(in srgb, var(--color-ink-900) 60%, transparent)}}.reading-knob:after{transition:transform .2s}.reading-switch.is-on .reading-knob{background:var(--gold)}.reading-switch.is-on .reading-knob:after{transform:translate(14px)}.sheet-next{text-align:left;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:56px;margin-top:16px;padding:0 20px;font-size:16px;display:flex}.sheet-next span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sheet-next:active{transform:scale(.98)}.read{z-index:5;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.read-top,.read-bot{flex:none;transition:opacity .2s}.read.is-bare .read-top,.read.is-bare .read-bot{opacity:0;pointer-events:none}.read-top{z-index:2;padding:calc(4px + env(safe-area-inset-top)) 12px 4px 6px;grid-template-columns:44px 1fr auto auto auto;align-items:center;gap:6px;min-height:48px;display:grid;position:relative}.read-where{text-overflow:ellipsis;white-space:nowrap;text-align:center;min-width:0;font:700 14px var(--sans);color:var(--ink);overflow:hidden}.read-count{font:700 12.5px var(--sans);color:var(--muted);font-variant-numeric:tabular-nums}.read-bot{min-height:40px;padding:4px 22px calc(8px + env(safe-area-inset-bottom));align-items:center;display:flex}.read-bot input{width:100%;accent-color:var(--gold)}.read-pages{column-width:min(100vw, 640px);column-fill:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:var(--leaf);border-radius:var(--radius-card) var(--radius-card) 0 0;--ink:var(--color-ink-900);--muted:var(--color-stone);--line:var(--color-parchment-300);--card:var(--color-parchment-100);--mint:var(--color-parchment-200);--gold-soft:var(--color-parchment-200);--green:var(--color-kawsar-600);--green-ink:var(--color-parchment-50);--gold:var(--color-brass-600);direction:rtl;flex:1;column-gap:0;width:min(100vw,640px);min-height:0;margin:0 auto;padding:6px 0 4px;overflow:hidden}.read-part+.read-part,.read-end{break-before:column}.read-part-head{font:700 12px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);break-after:avoid;direction:ltr;align-items:center;gap:10px;margin:6px 16px 10px;display:flex}.read-part-head:after{content:"";background:var(--line);flex:1;height:1px}.read-part-head span{background:var(--green);width:22px;height:22px;color:var(--green-ink);letter-spacing:0;border-radius:50%;place-items:center;font-size:11px;display:inline-grid}.read-name{font:700 13.5px/1.3 var(--sans);color:var(--muted);break-after:avoid;direction:ltr;margin:14px 18px 4px}.read-name span{color:var(--gold);margin-left:4px}.read-times{vertical-align:middle;margin:0 calc(2 * var(--unit));border:1px solid var(--gold);min-width:26px;color:var(--gold);font:700 13px/1.4 var(--sans);text-align:center;white-space:nowrap;direction:ltr;border-radius:999px;padding:2px 7px;display:inline-block}.read-text{text-align:center;font-size:calc(3 * var(--unit));line-height:calc(40 * var(--unit));margin:0 14px 6px}.phrase{margin:0 calc(3 * var(--unit))}.meaning,.prose,.note,.boxed{text-align:center;line-height:calc(20 * var(--unit));direction:ltr;margin:2px 0 8px;display:block}.w{max-width:100%;line-height:0;display:inline-block}.w .slice{background:var(--leaf);filter:contrast(1.3)brightness(1.06);mix-blend-mode:multiply}.w .slice img{mix-blend-mode:normal}.read-namaz{border:1px solid var(--line);background:var(--card);break-inside:avoid;direction:ltr;border-radius:12px;margin:12px 14px;padding:12px 14px}.read-namaz p{font:700 15px/1.35 var(--serif);margin:0}.read-namaz small{font:13px var(--sans);color:var(--muted);margin-top:3px;display:block}.read-end{text-align:center;color:var(--muted);direction:ltr;padding:30vh 20px 0}.read-end .btn-primary{margin-top:10px}.size-seg button{line-height:1}.read-size{position:relative}.size-btn{font:700 17px/1 var(--serif);color:var(--ink)}.size-btn>span{align-items:baseline;display:inline-flex}.size-btn small{margin-left:1px;font-size:12px}.size-btn.is-on{background:var(--mint)}.size-backdrop{z-index:3;background:0 0;border:0;position:fixed;inset:0}.size-menu{z-index:4;border:1px solid var(--line);background:var(--card);min-width:210px;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;padding:6px;animation:.15s both fade;display:flex;position:absolute;top:calc(100% + 6px);right:-40px}.size-menu button{min-height:44px;color:var(--ink);font:15px var(--sans);text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:40px 1fr 18px;align-items:center;gap:8px;padding:0 10px;display:grid}.size-menu button.is-on{background:var(--mint);color:var(--gold);font-weight:700}.size-ar{font-family:var(--font-arabic);text-align:center;line-height:1}@media (min-width:1024px){body{padding-left:96px}.tabbar{width:96px;height:auto;padding:calc(24px + env(safe-area-inset-top)) 0 0;border-top:0;border-right:1px solid var(--line);flex-direction:column;justify-content:flex-start;gap:4px;top:0;bottom:0;right:auto}.tab{flex:none;height:76px}.screen{max-width:1120px;padding:28px 40px 48px}.reader{max-width:900px;padding-bottom:40px}.home{grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:start;column-gap:48px;display:grid}.home-top{grid-column:1/-1}.home-side{position:sticky;top:28px}.home-day .day-head{margin-top:0}.list-head,.search{max-width:none}.list-groups{grid-template-columns:1fr 1fr;align-items:start;column-gap:32px;display:grid}.list-col>.list-group:first-child .eyebrow{margin-top:0}.read-top,.read-bot{width:min(100vw - 48px,1240px);margin:0 auto}.read-pages{column-width:auto;column-count:2;column-rule:1px solid var(--line);column-gap:0;width:min(100vw - 48px,1240px)}.read-text{margin:0 44px 6px}.read-part-head,.read-name,.read-namaz{margin-left:44px;margin-right:44px}}.dl-title{filter:brightness(1.05)contrast(1.15);width:auto;height:64px}.dl-title,.dl-label{mix-blend-mode:normal;background:var(--leaf);border-radius:6px}.dl-chapters{margin-top:16px}.dl-row{justify-content:space-between;min-height:54px}.dl-label{filter:brightness(1.05)contrast(1.15);flex:none;max-width:78%;display:block}.dl-row .dl-label{margin-left:auto}.is-within .dl-row{min-height:44px;padding-right:34px}.is-within .dl-label{opacity:.85}.dl-page-no{font:700 12px var(--sans);color:var(--muted);white-space:nowrap}.dl-cover{margin:14px 0 0;display:inline-flex}.resume .dl-label{margin:4px 0}.resume .dl-label.is-light{mix-blend-mode:normal;border-radius:4px}.dl-read .read-where{justify-content:center;display:flex}.dl-read .read-where .dl-label{max-width:100%;height:auto}.dl-pages{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain;flex:1;min-height:0;display:flex;overflow:auto hidden}.dl-pages::-webkit-scrollbar{display:none}.dl-page{scroll-snap-align:start;flex:0 0 100%;justify-content:center;align-items:center;height:100%;min-height:0;padding:4px 8px;display:flex}.dl-page img{width:auto;min-width:0;max-width:100%;height:auto;min-height:0;max-height:100%;box-shadow:var(--shadow);border-radius:4px;display:block}@media (min-width:1024px){.dl-page{flex-basis:50%}}.dl-lang{margin:4px 0 8px;display:inline-flex}.dl-lang button{min-width:72px;padding:0 12px}.dl-read .read-top{grid-template-columns:44px 1fr auto auto auto}.dl-read .dl-lang{margin:0}.dl-read .dl-lang button{min-width:0;min-height:32px;padding:0 8px;font-size:12.5px}.dl-machine{color:var(--muted);margin:0 0 6px;font-size:12.5px}.dl-en-name{font:700 15px/1.3 var(--serif);color:var(--ink);text-align:left}.dl-row .dl-en-name{flex:1;order:1}.dl-row .dl-en-name~.dl-page-no{order:2}.dl-row:has(.dl-en-name) .dl-page-no{order:2}.resume .dl-en-name{color:inherit;margin:4px 0;display:block}.dl-read .dl-en-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.dl-text{overscroll-behavior:contain;background:var(--card);border:1px solid var(--line);width:100%;max-width:620px;height:100%;font:16px/1.65 var(--serif);color:var(--ink);text-align:left;border-radius:12px;padding:18px 20px 14px;overflow-y:auto}.dl-text h3{font:700 18px/1.3 var(--serif);color:var(--gold);text-align:center;margin:4px 0 10px}.dl-text p{margin:0 0 10px}.dl-muted{color:var(--muted);text-align:center;margin-top:30%}.dl-text-foot{border-top:1px solid var(--line);font:12px var(--sans);color:var(--muted);text-align:center;margin-top:14px;padding-top:8px}.day-break{z-index:1;background:var(--bg);justify-content:center;align-items:center;gap:12px;padding:10px 0;display:flex;position:relative}.day-break span{background:var(--gold);flex:1;max-width:140px;height:1px}@supports (color:color-mix(in lab, red, red)){.day-break span{background:color-mix(in srgb, var(--gold) 55%, transparent)}}.day-break svg{width:16px;height:16px;fill:var(--gold)}.awrad-list{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.awrad-card{border:1px solid var(--line);background:var(--card);border-radius:16px;align-items:center;gap:14px;padding:16px;display:flex}.awrad-card:active{transform:scale(.99)}.awrad-n{background:var(--green);width:36px;height:36px;color:var(--green-ink);font:700 15px var(--serif);border-radius:50%;flex:none;place-items:center;display:grid}.awrad-t{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.awrad-t strong{font:700 18px/1.25 var(--serif)}.awrad-t small{font:13px/1.35 var(--sans);color:var(--muted)}@media (hover:hover) and (pointer:fine){.bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tabbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.focus-corner .icon-btn,.focus-dock .icon-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.focus-dock{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}