:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-brand:oklch(51.09% .0861 186.39);--color-brand-deep:oklch(43.7% .0705 188.22);--color-paper:oklch(16.83% .0219 245.52);--color-paper-2:oklch(18.96% .0323 256.94);--color-paper-3:oklch(23% .026 252);--color-ink:oklch(95.33% .0147 175.72);--color-ink-2:oklch(82% .02 180);--color-muted:oklch(74.31% .0239 182.94);--color-rule:oklch(34% .026 190);--color-rule-2:oklch(28% .023 205);--color-accent:oklch(77.29% .1535 163.22);--color-accent-strong:oklch(43.7% .0705 188.22);--color-accent-surface:var(--color-brand);--color-accent-ink:oklch(95.33% .0147 175.72);--color-focus:oklch(77.29% .1535 163.22);--color-disabled:oklch(25% .015 220);--color-disabled-ink:oklch(58% .016 190);--color-hero-card:oklch(75% .035 182/.22);--color-hero-rule:oklch(95.33% .0147 175.72/.3);--color-success-surface:oklch(95.05% .0507 163.05);--color-success-ink:oklch(43.7% .0705 188.22);--color-shadow:oklch(5% .015 245/.48);--color-shadow-soft:oklch(5% .015 245/.24);--color-error:oklch(72% .15 28);--font-display:"Lora",ui-serif,serif;--font-body:"Inter",ui-sans-serif,sans-serif;--font-arabic:"Noto Naskh Arabic",ui-serif,serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-3xs:var(--space-1);--space-2xs:var(--space-2);--space-xs:var(--space-3);--space-sm:var(--space-4);--space-md:var(--space-5);--space-lg:var(--space-6);--space-xl:var(--space-8);--space-2xl:var(--space-10);--space-3xl:var(--space-12);--space-4xl:4rem;--space-5xl:5rem;--radius-sm:.75rem;--radius-md:1rem;--radius-lg:1.125rem;--radius-feature:1.25rem;--radius-hero:1.75rem;--radius-pill:999px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.7,0,.84,0);--ease-in-out:cubic-bezier(.65,0,.35,1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--nav-height:4.75rem;--content-width:43.75rem;--shell-width:61.25rem;--reader-arabic-size:1.625rem;--reader-latin-size:.875rem;--reader-translation-size:.84375rem}html.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-paper:oklch(95.88% .0127 86.83);--color-paper-2:oklch(99% .006 86.83/.94);--color-paper-3:oklch(92% .014 86.83);--color-ink:oklch(23.83% .0263 178.85);--color-ink-2:oklch(38% .021 178);--color-muted:oklch(49.87% .016 173.62);--color-rule:oklch(76% .022 176);--color-rule-2:oklch(84% .018 176);--color-accent:var(--color-brand);--color-accent-strong:oklch(90% .035 178);--color-accent-surface:var(--color-brand);--color-accent-ink:oklch(98% .008 175);--color-focus:var(--color-brand);--color-disabled:oklch(87% .012 176);--color-disabled-ink:oklch(55% .014 176);--color-shadow:oklch(24% .025 178/.2);--color-shadow-soft:oklch(24% .025 178/.12)}html[data-reader-font-size=medium]{--reader-arabic-size:1.625rem;--reader-latin-size:.875rem;--reader-translation-size:.84375rem}html[data-reader-font-size=xlarge]{--reader-arabic-size:2.125rem;--reader-latin-size:1rem;--reader-translation-size:.96875rem}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f1e8;--bg-accent:#0d94881f;--surface:#ffffffc7;--surface-strong:#ffffffeb;--text:#10231f;--muted:#5a6662;--accent:#0f766e;--accent-strong:#115e59;--accent-soft:#d1fae5;--border:#10231f1f;--shadow:0 24px 80px #10231f1f;--radius-xl:28px;--radius-lg:20px;--radius-md:16px}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#071018;--bg-accent:#34d3991f;--surface:#08111cc7;--surface-strong:#0a1422eb;--text:#e6f3ef;--muted:#9cb1ad;--accent:#34d399;--accent-strong:#10b981;--accent-soft:#34d39929;--border:#94a3b82e;--shadow:0 24px 80px #0000004d}*{box-sizing:border-box}#__nuxt,body,html{min-height:100%}body{background:radial-gradient(circle at top left,var(--bg-accent),transparent 32%),radial-gradient(circle at right 10% bottom 10%,#f59e0b14,transparent 28%),var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app-shell{width:min(1100px,100% - 24px);margin:0 auto;padding:18px 0 104px}.site-header{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);justify-content:space-between;align-items:flex-start;gap:24px;padding:22px 22px 18px;display:flex}.hero-card__panel-label,.menu-card__index,.section-tag,.site-header__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-size:.72rem}.hero-card h1,.section-block h1,.section-block h2,.site-header__brand{letter-spacing:-.04em;margin:0;line-height:1.05}.site-header__brand{font-size:clamp(1.55rem,2.2vw,2.2rem);display:inline-block}.site-header__subtitle{max-width:52ch;color:var(--muted);margin:12px 0 0}.theme-toggle{border:1px solid var(--border);background:var(--surface-strong);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:12px 16px;display:inline-flex}.theme-toggle__icon{font-size:1rem;line-height:1}.page-stack{gap:28px;display:grid}.bottom-nav,.detail-summary,.hero-card,.menu-card,.section-block,.site-footer,.stat-card,.verse-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.hero-card,.section-block{border-radius:var(--radius-xl)}.hero-card{grid-template-columns:minmax(0,1.3fr) minmax(300px,.9fr);gap:20px;padding:28px;display:grid}.hero-card__copy,.hero-card__panel,.section-block,.site-footer{gap:18px;display:grid}.hero-card__copy h1{max-width:12ch;font-size:clamp(2.4rem,5vw,4.8rem)}.hero-card__text{max-width:60ch;color:var(--muted);margin:0;font-size:1.02rem;line-height:1.65}.hero-card__actions{flex-wrap:wrap;gap:12px;display:flex}.button{border:1px solid var(--border);border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-weight:700;display:inline-flex}.button--primary{background:var(--accent);color:#fff;border-color:#0000}.button--secondary{background:var(--surface-strong);color:var(--text)}.hero-card__panel{border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface-strong),#ffffff05);align-content:start;padding:24px}html.dark .hero-card__panel{background:linear-gradient(180deg,var(--surface-strong),#ffffff08)}.hero-card__panel-title{margin:0;font-size:1.4rem;font-weight:700}.menu-grid,.stats-grid,.verse-stack{gap:14px;display:grid}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{border-radius:var(--radius-md);background:var(--surface-strong);padding:18px}.stat-card__value{font-size:1.8rem;font-weight:800;display:block}.stat-card__label{color:var(--muted);margin-top:4px;display:block}.section-block{padding:26px}.section-block__heading{gap:8px;display:grid}.section-block h1,.section-block h2{font-size:clamp(1.7rem,3vw,2.6rem)}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-card{border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface-strong),#ffffff0d);gap:10px;padding:20px;display:grid}.bottom-nav__link:hover,.button:hover,.menu-card:hover{transform:translateY(-1px)}.menu-card strong{font-size:1.1rem}.detail-summary p,.menu-card p,.site-footer p,.verse-card__latin,.verse-card__translation{color:var(--muted);margin:0;line-height:1.65}.inline-pill{background:var(--accent-soft);min-height:24px;color:var(--accent-strong);border-radius:999px;align-items:center;padding:0 10px;font-size:.9em;display:inline-flex}.detail-summary,.site-footer,.verse-card{border-radius:var(--radius-lg);background:var(--surface-strong);padding:20px}.verse-card__meta{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;gap:12px;font-size:.8rem;display:flex}.verse-card__arabic{text-align:right;direction:rtl;unicode-bidi:plaintext;margin:0;font-family:Noto Naskh Arabic,Amiri,Noto Sans Arabic,serif;font-size:clamp(1.35rem,2vw,1.8rem);font-weight:500;line-height:1.8}.site-header{background:var(--accent);border-color:#0000;border-radius:0 0 22px 22px;align-items:center;min-height:72px;padding:14px 18px;position:relative;box-shadow:0 10px 30px #10231f1f}.site-header__eyebrow{letter-spacing:.04em;text-transform:none;font-family:Noto Naskh Arabic,serif;font-size:1rem}.site-header__brand{color:var(--surface-strong);letter-spacing:-.03em;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.3rem;font-weight:700}.site-header__subtitle{max-width:38ch;line-height:1.7}.ratib-reader{gap:20px;display:grid}.reader-intro{gap:12px;padding:10px 4px 2px;display:grid}.reader-intro h1{letter-spacing:-.06em;max-width:12ch;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.5rem,7vw,5rem);font-weight:400}.reader-intro__arabic{color:var(--accent);direction:rtl;margin:0;font-family:Noto Naskh Arabic,serif;font-size:1.6rem}.reader-intro__note{max-width:48ch;color:var(--muted);margin:0;line-height:1.7}.reader-toolbar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.reader-toolbar__label{color:var(--muted);margin:0;font-size:.86rem}.reader-toolbar__count{color:var(--accent-strong);font-weight:700}.repeat-button{border:1px solid var(--accent);background:var(--accent-soft);min-width:104px;min-height:48px;color:var(--accent-strong);font:inherit;cursor:pointer;transition:transform .16s var(--ease-out,ease-out),background-color .16s var(--ease-out,ease-out);border-radius:14px;font-weight:700}.repeat-button.is-hover,.repeat-button:hover{background:var(--accent);color:#fff}.repeat-button.is-active,.repeat-button:active{transform:scale(.97)}.repeat-button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.repeat-button:disabled{cursor:not-allowed;opacity:.5}.repeat-button--complete{background:var(--accent-strong);color:#fff}.verse-card{border-radius:18px;padding:24px 26px;box-shadow:0 14px 40px #10231f12}.verse-card__meta{align-items:center}.verse-card__arabic{font-size:clamp(1.7rem,4vw,2.5rem);line-height:2}.verse-card__translation{border-top:1px solid var(--border);padding-top:12px;font-size:.95rem}.home-intro{max-width:64ch;color:var(--muted);margin:0;line-height:1.8}.app-home,.hub-page{gap:28px;display:grid}.welcome-card{border:1px solid var(--border);background:var(--surface-strong);border-radius:22px;justify-content:space-between;align-items:center;gap:20px;min-height:142px;padding:24px;display:flex;box-shadow:0 14px 36px #10231f14}.welcome-card h1,.welcome-card p{margin:0}.welcome-card p{color:var(--muted);margin-bottom:8px;font-size:.9rem}.welcome-card h1{letter-spacing:-.04em;max-width:13ch;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.7rem,5vw,2.4rem);font-weight:400;line-height:1.08}.welcome-card__arabic{color:var(--accent);font-family:Noto Naskh Arabic,serif;font-size:2.5rem}.shortcut-section{gap:18px;display:grid}.app-section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-section-heading h2{margin:0;font-size:1.05rem}.app-section-heading a{color:var(--accent-strong);white-space:nowrap;font-size:.82rem;font-weight:700}.shortcut-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.shortcut-item{min-width:0;color:var(--text);text-align:center;flex-direction:column;align-items:center;gap:9px;font-size:.75rem;line-height:1.25;display:flex}.shortcut-item__icon{background:var(--accent-soft);width:56px;height:56px;color:var(--accent-strong);border-radius:18px;place-items:center;display:grid}.shortcut-item svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:27px}.shortcut-item:hover .shortcut-item__icon{transform:translateY(-2px)}.continue-card a:focus-visible,.hub-item:focus-visible,.shortcut-item:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.continue-card{background:var(--accent-strong);color:var(--surface-strong);border-radius:20px;justify-content:space-between;align-items:end;gap:18px;padding:22px;display:flex}.continue-card h2,.continue-card p,.continue-card span{margin:0}.continue-card p,.continue-card span{opacity:.78;font-size:.82rem}.continue-card h2{margin:5px 0;font-size:1.25rem}.continue-card a{background:var(--surface-strong);color:var(--accent-strong);white-space:nowrap;border-radius:12px;flex:none;padding:10px 12px;font-size:.8rem;font-weight:800}.hub-page__heading{gap:8px;display:grid}.empty-page h1,.hub-page__heading h1{letter-spacing:-.05em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,7vw,4rem);font-weight:400}.empty-page p,.hub-page__heading p{max-width:42ch;color:var(--muted);margin:0;line-height:1.7}.hub-list{gap:12px;display:grid}.hub-item{border:1px solid var(--border);background:var(--surface-strong);border-radius:18px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:88px;padding:14px 18px;display:grid}.hub-item__arabic{background:var(--accent-soft);width:52px;height:52px;color:var(--accent-strong);border-radius:16px;place-items:center;font-family:Noto Naskh Arabic,serif;font-size:1.25rem;display:grid}.hub-item>span:nth-child(2){gap:4px;display:grid}.hub-item small{color:var(--muted)}.hub-item--disabled{opacity:.55}.empty-page{text-align:center;place-content:center;justify-items:center;gap:12px;min-height:52vh;display:grid}.empty-page__icon{background:var(--accent-soft);width:72px;height:72px;color:var(--accent-strong);border-radius:22px;place-items:center;font-size:2rem;display:grid}.account-page{gap:18px;display:grid}.account-page__heading{align-items:center;gap:16px;padding:10px 2px 18px;display:flex}.account-page__mark{background:var(--accent);width:64px;height:64px;color:var(--surface-strong);border-radius:20px;place-items:center;font-family:Noto Naskh Arabic,serif;font-size:2rem;display:grid}.account-page__heading h1,.account-page__heading p,.settings-card h2,.settings-card p{margin:0}.account-page__heading p{color:var(--muted);margin-bottom:3px;font-size:.82rem}.account-page__heading h1{letter-spacing:-.05em;font-family:Georgia,Times New Roman,serif;font-size:2.4rem;font-weight:400}.settings-card{border:1px solid var(--border);background:var(--surface-strong);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.settings-card h2{margin-bottom:6px;font-size:1rem}.settings-card p{max-width:46ch;color:var(--muted);font-size:.86rem;line-height:1.55}.settings-card__status{color:var(--muted);white-space:nowrap;flex:none;font-size:.78rem}.settings-card--muted{opacity:.72}@media (width<=520px){.settings-card{flex-direction:column;align-items:stretch}.settings-card .theme-toggle{justify-content:center;width:100%}}.collection-page{gap:28px;display:grid}.collection-page__heading{gap:12px;padding:12px 4px;display:grid}.collection-page__heading h1{letter-spacing:-.06em;max-width:14ch;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,7vw,4.8rem);font-weight:400;line-height:1.02}.collection-page__heading>p:last-child{color:var(--muted);margin:0}.collection-list{gap:12px;display:grid}.collection-item{border:1px solid var(--border);background:var(--surface-strong);min-height:112px;transition:transform .16s var(--ease-out,ease-out);border-radius:18px;grid-template-columns:minmax(84px,.5fr) minmax(0,2fr) auto;align-items:center;gap:18px;padding:20px 22px;display:grid;box-shadow:0 12px 36px #10231f12}.collection-item:hover{transform:translateY(-2px)}.collection-item:focus-visible,.reader-back:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.collection-item__arabic{color:var(--accent-strong);font-family:Noto Naskh Arabic,serif;font-size:1.45rem}.collection-item__body{gap:6px;min-width:0;display:grid}.collection-item__body strong{font-size:1.08rem}.collection-item__body small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.collection-item svg{fill:none;width:22px;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.collection-item--disabled{box-shadow:none;opacity:.7}.collection-item__badge{color:var(--muted);white-space:nowrap;font-size:.72rem;font-weight:700}.collection-item__availability{color:var(--accent-strong);white-space:nowrap;align-items:center;gap:8px;font-size:.8rem;font-weight:800;display:inline-flex}.collection-item__availability svg{width:18px}.reader-back{width:fit-content;color:var(--accent-strong);white-space:nowrap;font-size:.9rem;font-weight:700}@media (width<=480px){.collection-item{grid-template-columns:minmax(0,1fr) 22px;gap:8px 14px}.collection-item__arabic{text-align:left;grid-column:1}.collection-item__body{grid-column:1}.collection-item svg{grid-area:1/2/3}.collection-item__availability{flex-direction:column-reverse;grid-area:1/2/3;justify-self:end}.collection-item__availability svg{grid-area:auto}.collection-item__badge{text-align:right;grid-area:1/2/3}}@media (width<=380px){.shortcut-grid{gap:6px}.shortcut-item__icon{width:50px;height:50px}}@media (prefers-reduced-motion:reduce){.repeat-button{transition:none}}.verse-stack{gap:16px}.maulid-reader{gap:22px;display:grid}.maulid-hero{border-radius:var(--radius-xl);background:var(--accent-strong);color:#f0fdfa;gap:30px;padding:clamp(24px,5vw,44px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #0f766e38}.maulid-hero:after{content:"";pointer-events:none;border:1px solid #ffffff24;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-150px;right:-110px;box-shadow:0 0 0 34px #ffffff09,0 0 0 72px #ffffff06}.maulid-chapter__heading,.maulid-hero__topline,.maulid-source{justify-content:space-between;align-items:center;gap:16px;display:flex}.reader-back--on-dark{color:#d1fae5}.maulid-hero__status{color:#d1fae5;white-space:nowrap;border:1px solid #ffffff38;border-radius:999px;padding:7px 11px;font-size:.72rem;font-weight:700}.maulid-hero__copy{z-index:1;gap:10px;display:grid;position:relative}.maulid-hero h1,.maulid-hero__arabic,.maulid-hero__author,.maulid-hero__eyebrow{margin:0}.maulid-hero__eyebrow{color:#a7f3d0;letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:800}.maulid-hero h1{letter-spacing:-.065em;max-width:13ch;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.6rem,8vw,5.4rem);font-weight:400;line-height:.98}.maulid-hero__arabic{color:#d1fae5;width:fit-content;font-family:Noto Naskh Arabic,serif;font-size:clamp(1.7rem,4vw,2.5rem)}.maulid-hero__author{color:#f0fdfab8;line-height:1.6}.maulid-stats{z-index:1;background:#ffffff14;border:1px solid #ffffff29;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;display:grid;position:relative;overflow:hidden}.maulid-stats>div{background:#042f2e38;gap:6px;padding:16px 18px;display:grid}.maulid-stats dt{color:#f0fdfaa3;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.maulid-stats dd{margin:0;font-size:1.05rem;font-weight:800}.maulid-chapter-nav{z-index:10;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 92%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;grid-template-columns:auto minmax(180px,340px);justify-content:space-between;align-items:center;gap:16px;padding:12px 14px 12px 18px;display:grid;position:sticky;top:10px;box-shadow:0 12px 34px #10231f1a}.maulid-chapter-nav label{color:var(--muted);font-size:.82rem;font-weight:700}.maulid-chapter-nav select{border:1px solid var(--border);background:var(--surface-strong);width:100%;min-height:42px;color:var(--text);font:inherit;border-radius:11px;padding:0 38px 0 13px;font-size:.82rem;font-weight:700}.maulid-chapter{gap:16px;scroll-margin-top:94px;display:grid}.maulid-chapter__heading{padding:12px 4px}.maulid-chapter__number{background:var(--accent-soft);width:46px;height:46px;color:var(--accent-strong);border-radius:14px;flex:none;place-items:center;font-weight:800;display:grid}.maulid-chapter__heading>div{flex:auto;min-width:0}.maulid-chapter__heading h2,.maulid-chapter__heading p{margin:0}.maulid-chapter__heading p{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px;font-size:.68rem;font-weight:800}.maulid-chapter__heading h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(1.35rem,3vw,2rem);font-weight:400;line-height:1.15}.maulid-chapter__count{color:var(--muted);white-space:nowrap;flex:none;font-size:.76rem}.maulid-chapter--prayer .maulid-chapter__heading,.maulid-chapter--qiyam .maulid-chapter__heading{border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));background:var(--accent-soft);border-radius:18px;padding:16px}.maulid-verse .verse-card__arabic,.maulid-verse .verse-card__latin,.maulid-verse .verse-card__translation{white-space:pre-line}.maulid-source{border-top:1px solid var(--border);color:var(--muted);padding:18px 20px;font-size:.82rem}.maulid-source a{color:var(--accent-strong);font-weight:800}.maulid-source a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (width<=560px){.maulid-hero__topline{align-items:flex-start}.maulid-stats>div{padding:13px 10px}.maulid-stats dd{font-size:.9rem}.maulid-chapter-nav{grid-template-columns:1fr;gap:7px}.maulid-chapter__heading{grid-template-columns:46px minmax(0,1fr);display:grid}.maulid-chapter__count{grid-column:2}.maulid-verse{padding:20px 18px}}.detail-summary{gap:14px}.state-message{border:1px solid color-mix(in srgb,#dc2626 30%,var(--border));border-radius:var(--radius-md);background:color-mix(in srgb,#dc2626 8%,var(--surface));color:#b91c1c;margin:0;padding:16px 20px}html.dark .state-message{color:#fca5a5}.site-footer{margin:24px 0 12px}.site-footer__accent{color:var(--accent);font-weight:700}.bottom-nav{z-index:20;inset:auto 50% max(10px,env(safe-area-inset-bottom)) auto;background:var(--surface-strong);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:22px;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;width:min(460px,100% - 20px);padding:7px;display:grid;position:fixed;transform:translate(50%);box-shadow:0 14px 44px #10231f2e}.bottom-nav__link{min-width:0;min-height:58px;color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;transition:transform .16s var(--ease-out,ease-out),color .16s var(--ease-out,ease-out);background:0 0;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px 2px;font-size:.7rem;font-weight:600;line-height:1;display:flex;position:relative}.bottom-nav__link--active{color:var(--accent-strong)}.bottom-nav__link--active:before{background:var(--accent);content:"";border-radius:999px;height:3px;position:absolute;inset:3px 14px auto}.bottom-nav__link.is-hover,.bottom-nav__link:hover:not(:disabled){color:var(--accent)}.bottom-nav__link.is-active,.bottom-nav__link:active:not(:disabled){transform:scale(.94)}.bottom-nav__link.is-focus,.bottom-nav__link:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.bottom-nav__link.is-disabled,.bottom-nav__link:disabled{cursor:not-allowed;opacity:.42}.bottom-nav__link[data-state=loading]{opacity:.65}.bottom-nav__link[data-state=error]{color:var(--color-error,#b91c1c)}.bottom-nav__link[data-state=success]{color:var(--accent-strong)}@media (width<=900px){.hero-card,.menu-grid,.stats-grid{grid-template-columns:1fr}}@media (width<=640px){.app-shell{width:min(100% - 16px,1100px);padding-top:10px}.hero-card,.section-block,.site-footer,.site-header{padding:18px}.site-header{flex-direction:column}.bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr));width:calc(100% - 16px)}}@media (prefers-reduced-motion:reduce){.bottom-nav__link{transition:none}}:root,html.dark,html.light{--bg:var(--color-paper);--bg-accent:var(--color-paper);--surface:var(--color-paper-2);--surface-strong:var(--color-paper-2);--text:var(--color-ink);--muted:var(--color-muted);--accent:var(--color-accent);--accent-strong:var(--color-accent-strong);--accent-soft:var(--color-paper-3);--border:var(--color-rule-2);--shadow:0 var(--space-6) var(--space-10) var(--color-shadow-soft);--radius-xl:var(--radius-lg);--radius-lg:var(--radius-md);--radius-md:var(--radius-sm);--reader-arabic-size:clamp(1.7rem,4vw,2.5rem);--reader-latin-size:.98rem;--reader-translation-size:.95rem}html{scroll-behavior:smooth}body,html{background:var(--color-paper);overflow-x:clip}body{min-width:20rem;color:var(--color-ink)}body,button,input,select,textarea{font-family:var(--font-body)}.collection-item__arabic,.hub-item__arabic,.reader-intro__arabic,.verse-card__arabic,[lang=ar]{font-family:var(--font-arabic)}.app-shell{width:min(100%,var(--shell-width));min-height:100svh;padding:0 0 calc(var(--nav-height) + env(safe-area-inset-bottom));background:var(--color-paper);margin:0 auto}.page-shell{padding:0}.app-home{display:block}.home-hero{border-radius:0 0 var(--radius-hero) var(--radius-hero);background:var(--color-accent-surface);color:var(--color-accent-ink);padding:clamp(2rem,6vw,3.5rem) clamp(1rem,5vw,2rem) clamp(2.75rem,8vw,4.75rem)}.home-hero>*{width:min(100%,var(--content-width));margin-inline:auto}.home-hero__greeting{justify-content:space-between;align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-5);display:flex}.home-hero__greeting h1,.home-hero__greeting p{margin:0}.home-hero__greeting p{margin-bottom:var(--space-2);color:var(--color-ink-2);letter-spacing:.015em;font-size:.875rem}.home-hero__greeting h1{max-width:12ch;color:var(--color-accent-ink);letter-spacing:-.035em;font-size:clamp(2rem,8vw,2.75rem);font-weight:400;line-height:1.02}.home-hero__greeting>span{color:var(--color-ink-2);font-family:var(--font-arabic);flex:none;font-size:clamp(2rem,7vw,2.75rem);line-height:1}.prayer-card{padding:var(--space-4);border:1px solid var(--color-hero-rule);border-radius:var(--radius-lg);background:var(--color-hero-card);box-shadow:0 var(--space-3) var(--space-8) var(--color-shadow-soft);color:var(--color-accent-ink);overflow:hidden}.prayer-card__headline{align-items:center;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.prayer-card__headline svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.45rem;height:1.45rem}.prayer-card__headline>span{color:var(--color-ink-2);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem}.prayer-card__headline time{font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:clamp(1.15rem,5vw,1.45rem);font-weight:700}.prayer-card__date{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-hero-rule)}.prayer-card__date p,.prayer-card__date small{margin:0}.prayer-card__date p{font-size:.78rem;line-height:1.55}.prayer-card__date small{margin-top:var(--space-2);color:var(--color-ink-2);font-size:.68rem;display:block}.home-menu{width:min(100%,calc(var(--content-width) + 2rem));padding:var(--space-6) var(--space-4) var(--space-10);margin-inline:auto}.home-menu h2{margin:0 0 var(--space-8);font-family:var(--font-body);letter-spacing:-.015em;font-size:1.05rem;font-weight:600}.home-menu__grid{gap:var(--space-8) var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.home-menu__item{align-items:center;gap:var(--space-2);min-width:0;color:var(--color-ink-2);text-align:center;white-space:nowrap;flex-direction:column;font-size:clamp(.625rem,2.6vw,.75rem);line-height:1;display:flex}.home-menu__icon{border-radius:var(--radius-md);background:var(--color-accent-strong);width:clamp(3.25rem,15vw,3.75rem);height:clamp(3.25rem,15vw,3.75rem);color:var(--color-accent);transition:transform var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out);place-items:center;display:grid}.home-menu__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.65rem;height:1.65rem}.home-menu__item:hover .home-menu__icon{transform:translateY(-1px)}.home-menu__item:active .home-menu__icon{transform:translateY(0)}.home-menu__item:focus-visible{outline:2px solid var(--color-focus);outline-offset:var(--space-1);border-radius:var(--radius-md)}.home-menu__item--disabled{cursor:not-allowed;opacity:.55}.bottom-nav{z-index:300;width:min(100%,var(--shell-width));min-height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding:var(--space-2) var(--space-1) env(safe-area-inset-bottom);border:0;border-top:1px solid var(--color-rule);background:var(--color-paper-2);box-shadow:0 calc(var(--space-2)*-1) var(--space-6) var(--color-shadow-soft);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid;position:fixed;inset:auto auto 0 50%;transform:translate(-50%)}.bottom-nav__link{justify-content:center;align-items:center;gap:var(--space-1);min-width:0;min-height:3.5rem;padding:var(--space-1) 0;border-radius:var(--radius-sm);color:var(--color-muted);font-family:var(--font-body);white-space:nowrap;transition:color var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out);background:0 0;border:0;flex-direction:column;font-size:clamp(.6rem,2.4vw,.7rem);font-weight:400;line-height:1;display:flex;position:relative}.bottom-nav__link--active{color:var(--color-accent);font-weight:600}.bottom-nav__link--active:before{content:none}.bottom-nav__link:hover{color:var(--color-accent)}.bottom-nav__link:active{transform:translateY(1px)}.bottom-nav__link:focus-visible{outline:2px solid var(--color-focus);outline-offset:0}.account-page,.collection-page,.empty-page,.hub-page,.maulid-reader,.ratib-reader,.settings-page{width:min(calc(100% - 2rem),var(--content-width));padding-block:var(--space-8) var(--space-10);margin-inline:auto}.settings-page{gap:var(--space-6);display:grid}.settings-page__heading{align-items:center;gap:var(--space-4);display:flex}.settings-page__heading h1{letter-spacing:-.035em;margin:0;font-size:clamp(2rem,8vw,2.75rem);font-weight:400}.settings-page__mark{border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--color-accent-strong);width:3.5rem;height:3.5rem;color:var(--color-accent-ink);flex:none;place-items:center;display:grid}.local-mode-card__icon svg,.settings-info-card>svg,.settings-page__mark svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.75rem;height:1.75rem}.appearance-panel,.local-mode-card,.settings-info-card{border:1px solid var(--color-rule-2);border-radius:var(--radius-lg);background:var(--color-paper-2)}.local-mode-card{padding:var(--space-8) var(--space-5);text-align:center;justify-items:center;display:grid}.local-mode-card__icon{background:var(--color-accent);width:4.5rem;height:4.5rem;color:var(--color-accent-strong);border-radius:50%;place-items:center;display:grid}.appearance-panel h2,.appearance-panel p,.local-mode-card h2,.local-mode-card p,.settings-info-card h2,.settings-info-card p{margin:0}.local-mode-card h2{margin-top:var(--space-5);font-family:var(--font-body);font-size:1.1rem;font-weight:700}.local-mode-card p{max-width:30rem;margin-top:var(--space-2);color:var(--color-muted);font-size:.9rem;line-height:1.6}.appearance-panel>header{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.appearance-panel h2,.settings-info-card h2{font-family:var(--font-body);font-size:1rem;font-weight:700}.appearance-panel header p,.settings-info-card p{color:var(--color-muted);font-size:.86rem;line-height:1.55}.setting-row{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:4.75rem;color:var(--color-ink-2);font-size:.95rem;display:flex}.settings-switch{border:1px solid var(--color-rule);background:var(--color-disabled);cursor:pointer;width:3.4rem;height:2rem;transition:background-color var(--dur-short) var(--ease-in-out),border-color var(--dur-short) var(--ease-in-out);border-radius:999px;flex:none;padding:0;position:relative}.settings-switch>span{background:var(--color-ink-2);width:1.5rem;height:1.5rem;transition:transform var(--dur-short) var(--ease-in-out);border-radius:50%;position:absolute;top:.2rem;left:.2rem}.settings-switch--active{border-color:var(--color-accent);background:var(--color-accent)}.settings-switch--active>span{background:var(--color-accent-strong);transform:translate(1.35rem)}.font-size-picker button:focus-visible,.settings-switch:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.font-size-picker{align-items:center;gap:var(--space-2);flex:none;display:flex}.font-size-picker button{border:1px solid var(--color-rule);border-radius:var(--radius-sm);width:2.75rem;height:2.75rem;color:var(--color-muted);font:inherit;cursor:pointer;background:0 0;place-items:center;padding:0;font-size:.86rem;font-weight:600;display:grid}.font-size-picker .font-size-picker__button--active{border-color:var(--color-accent);background:var(--color-accent-strong);color:var(--color-accent-ink)}.settings-info-card{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:6rem;padding:var(--space-5);color:var(--color-ink-2);display:flex}.settings-info-card>div{gap:var(--space-2);display:grid}.settings-info-card>svg{color:var(--color-accent-strong);flex:none}.settings-info-card strong{color:var(--color-ink-2);font-weight:500}.settings-info-card--disabled{opacity:.72}.verse-card__arabic{font-size:var(--reader-arabic-size)}.verse-card__latin{font-size:var(--reader-latin-size)}.verse-card__translation{font-size:var(--reader-translation-size)}html[data-reader-font-size=small]{--reader-arabic-size:clamp(1.5rem,3.6vw,2.2rem);--reader-latin-size:.88rem;--reader-translation-size:.86rem}html[data-reader-font-size=large]{--reader-arabic-size:clamp(2rem,4.8vw,3.05rem);--reader-latin-size:1.1rem;--reader-translation-size:1.05rem}html[data-reader-show-latin=false] .verse-card__latin,html[data-reader-show-translation=false] .verse-card__translation{display:none}.account-page h1,.collection-page__heading h1,.empty-page h1,.hub-page__heading h1,.reader-intro h1{font-family:var(--font-display);font-weight:400}.collection-item,.empty-page,.hub-item,.reader-intro,.settings-card,.verse-card{border-color:var(--color-rule-2);background:var(--color-paper-2);color:var(--color-ink)}.reader-toolbar{top:var(--space-3);border-color:var(--color-rule-2);background:var(--color-paper-2)}.app-section-heading a,.collection-item__availability,.reader-back,.reader-toolbar__count,.repeat-button,.section-tag{color:var(--color-accent)}.repeat-button{border-color:var(--color-rule);background:var(--color-paper-3)}.collection-item:focus-visible,.hub-item:focus-visible,.reader-back:focus-visible,.repeat-button:focus-visible,.theme-toggle:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.verse-card--active{border-color:var(--color-accent-strong);box-shadow:0 var(--space-3) var(--space-8) var(--color-shadow-soft)}.state-message{border-color:var(--color-error);background:var(--color-paper-2);color:var(--color-error)}.reveal{opacity:0;transform:translateY(var(--space-2));animation:app-reveal var(--dur-long) var(--ease-out) forwards;animation-delay:calc(var(--i,0)*60ms)}@keyframes app-reveal{to{opacity:1;transform:none}}@media (width>=48rem){.home-menu__grid{-moz-column-gap:var(--space-6);column-gap:var(--space-6)}.prayer-card{padding:var(--space-5)}}@media (width<=23.4375rem){.home-hero{padding-inline:var(--space-4)}.home-menu{padding-inline:var(--space-3)}.home-menu__grid{-moz-column-gap:var(--space-1);column-gap:var(--space-1)}.prayer-card{padding-inline:var(--space-3)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}.reveal{animation:.15s linear forwards app-reveal}}:root,html.dark,html.light{--bg:var(--color-paper);--bg-accent:var(--color-paper);--surface:var(--color-paper-2);--surface-strong:var(--color-paper-2);--text:var(--color-ink);--muted:var(--color-muted);--accent:var(--color-accent);--accent-strong:var(--color-accent-strong);--accent-soft:var(--color-paper-3);--border:var(--color-rule-2);--radius-xl:var(--radius-feature)}html{scroll-padding-top:var(--space-6)}body,html{background:var(--color-paper)}body{min-width:20rem;color:var(--color-ink);font-family:var(--font-body);overflow-x:clip}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}h1,h2,h3{overflow-wrap:anywhere;min-width:0;font-family:var(--font-display)}.app-shell{width:min(100%,var(--shell-width));min-height:100svh;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom));background:var(--color-paper);margin-inline:auto}.page-shell{min-height:calc(100svh - var(--nav-height))}.bottom-nav{z-index:40;width:min(100%,var(--shell-width));min-height:var(--nav-height);padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));border-top:1px solid var(--color-rule-2);background:var(--color-paper-2);box-shadow:0 calc(var(--space-2)*-1) var(--space-8) var(--color-shadow-soft);grid-template-columns:repeat(5,minmax(0,1fr));margin-inline:auto;display:grid;position:fixed;inset:auto 0 0;transform:none}.bottom-nav__link{justify-content:center;align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);min-width:0;min-height:3.5rem;color:var(--color-muted);white-space:nowrap;transition:background-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out);flex-direction:column;font-size:.6875rem;line-height:1;text-decoration:none;display:flex}.bottom-nav__icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.65rem;height:1.65rem}.bottom-nav__link--active{background:var(--color-accent-strong);color:var(--color-accent);font-weight:600}.bottom-nav__link--active .bottom-nav__icon{fill:currentColor;stroke-width:1.4px}.app-home{min-height:100%}.home-hero{padding:clamp(var(--space-8),5vw,var(--space-10)) clamp(var(--space-4),5vw,var(--space-8)) clamp(2.75rem,7vw,3.5rem);border-radius:0 0 var(--radius-hero) var(--radius-hero);background:linear-gradient(145deg,var(--color-brand),var(--color-brand-deep));color:var(--color-accent-ink)}.home-hero__greeting{margin-bottom:var(--space-5)}.home-hero__greeting p{color:var(--color-accent-ink);opacity:.74;font-size:.8125rem}.home-hero__greeting h1{color:var(--color-accent-ink);letter-spacing:-.025em;font-size:clamp(1.75rem,8vw,2.25rem);font-weight:400;line-height:1.08}.home-hero__greeting>span{color:var(--color-accent-ink);opacity:.76;font-size:2.25rem}.prayer-card{padding:var(--space-4);border:1px solid var(--color-hero-rule);border-radius:var(--radius-feature);background:var(--color-hero-card);box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.prayer-card__date small,.prayer-card__headline>span{color:var(--color-accent-ink);opacity:.68}.home-menu,.resume-section{width:min(100%,calc(var(--content-width) + var(--space-8)));padding-inline:var(--space-4);margin-inline:auto}.home-menu{padding-top:var(--space-6);padding-bottom:var(--space-6)}.home-menu h2,.resume-section h2{margin:0 0 var(--space-5);font-family:var(--font-body);letter-spacing:-.015em;font-size:1rem;font-weight:700}.home-menu__grid{gap:var(--space-6) var(--space-2)}.home-menu__item{min-height:4.75rem;color:var(--color-muted);cursor:pointer;background:0 0;border:0;padding:0}.home-menu__item>span:last-child{text-overflow:ellipsis;max-width:100%;overflow:hidden}.home-menu__icon{border-radius:var(--radius-lg);background:var(--color-accent-strong);width:3.5rem;height:3.5rem;color:var(--color-accent)}.home-menu__item--disabled .home-menu__icon{background:var(--color-disabled);color:var(--color-disabled-ink)}.resume-section{padding-bottom:var(--space-8)}.resume-card{align-items:center;gap:var(--space-3);min-height:5rem;padding:var(--space-4);border:1px solid var(--color-rule-2);border-radius:var(--radius-lg);background:var(--color-paper-2);color:var(--color-ink);grid-template-columns:auto minmax(0,1fr) auto;text-decoration:none;display:grid}.resume-card__icon{border-radius:var(--radius-sm);background:var(--color-accent-strong);width:2.75rem;height:2.75rem;color:var(--color-accent);place-items:center;display:grid}.resume-card svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.35rem;height:1.35rem}.resume-card__copy{gap:var(--space-1);min-width:0;display:grid}.resume-card__copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;overflow:hidden}.resume-card__copy small{color:var(--color-muted);font-size:.75rem}.resume-card__chevron{color:var(--color-muted)}.collection-page,.hub-page{width:min(100%,var(--content-width));padding:var(--space-8) var(--space-4) var(--space-10);margin-inline:auto}.collection-page__heading,.hub-page__heading{margin-bottom:var(--space-6)}.index-back-link{align-items:center;gap:var(--space-2);min-height:2.75rem;margin-bottom:var(--space-3);color:var(--color-accent);white-space:nowrap;font-size:.8125rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.index-back-link svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.25rem;height:1.25rem}.index-back-link:hover{color:var(--color-ink)}.index-back-link:active{transform:translateX(calc(var(--space-1)*-1))}.collection-page__heading h1,.hub-page__heading h1{margin:0 0 var(--space-2);color:var(--color-ink);letter-spacing:-.025em;font-size:clamp(1.75rem,7vw,2.25rem);font-weight:500}.collection-page__heading p,.hub-page__heading p{max-width:60ch;color:var(--color-muted);margin:0;font-size:.875rem;line-height:1.6}.app-nav-card,.app-nav-list{gap:var(--space-3);display:grid}.app-nav-card{z-index:1;width:100%;min-height:5rem;padding:var(--space-3) var(--space-4);border:1px solid var(--color-rule-2);border-radius:var(--radius-lg);background:var(--color-paper-2);color:var(--color-ink);cursor:pointer;pointer-events:auto;text-align:left;transition:border-color var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;text-decoration:none;position:relative}.app-nav-card>*{pointer-events:none}.app-nav-card--button{cursor:pointer}.app-nav-card:hover{border-color:var(--color-rule)}.app-nav-card:active{transform:scale(.995)}.app-nav-card__badge{border-radius:var(--radius-sm);background:var(--color-accent-strong);width:2.75rem;height:2.75rem;color:var(--color-accent);font-family:var(--font-arabic);white-space:nowrap;place-items:center;font-size:1rem;display:grid;overflow:hidden}.app-nav-card__copy{gap:var(--space-1);min-width:0;display:grid}.app-nav-card__copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;overflow:hidden}.app-nav-card__copy small{color:var(--color-muted);text-overflow:ellipsis;font-size:.78125rem;line-height:1.45;overflow:hidden}.app-nav-card__meta{color:var(--color-muted);white-space:nowrap;font-size:.6875rem}.app-nav-card>svg,.settings-link-row svg{fill:none;width:1.25rem;height:1.25rem;stroke:var(--color-muted);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.maulid-reader,.policy-page,.ratib-reader{width:min(100%,var(--content-width));padding:var(--space-4) var(--space-4) var(--space-10);margin-inline:auto}.reader-topbar{z-index:10;align-items:center;gap:var(--space-3);margin:0 calc(var(--space-2)*-1) var(--space-5);padding:var(--space-2);background:color-mix(in oklch,var(--color-paper) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:auto 1fr auto;display:grid;position:sticky;top:0}.reader-icon-button{border:1px solid var(--color-rule-2);background:var(--color-paper-2);width:2.75rem;height:2.75rem;color:var(--color-ink);border-radius:50%;place-items:center;padding:0;line-height:1;display:grid}.reader-topbar__spacer{width:2.75rem;height:2.75rem}.reader-icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.3rem;height:1.3rem}.reader-font-stepper{border:1px solid var(--color-rule-2);border-radius:var(--radius-sm);background:var(--color-paper-2);grid-template-columns:2.75rem 1fr 2.75rem;justify-self:center;align-items:center;width:min(100%,10rem);display:grid;overflow:hidden}.reader-font-stepper button{min-height:2.75rem;color:var(--color-ink);background:0 0;border:0;padding:0;font-size:.75rem;font-weight:700;line-height:1}.reader-font-stepper button:disabled{color:var(--color-disabled-ink)}.reader-font-stepper span{color:var(--color-muted);text-align:center;font-size:.75rem}.reader-intro{margin:0 0 var(--space-8);padding:var(--space-3) 0 0}.reader-intro h1{max-width:18ch;color:var(--color-ink);letter-spacing:-.03em;margin:0;font-size:clamp(1.875rem,8vw,2.5rem);font-weight:500;line-height:1.14}.reader-intro__arabic{margin:var(--space-2) 0 0;color:var(--color-accent);font-size:1.25rem}.reader-intro__note{max-width:60ch;margin:var(--space-3) 0 0;color:var(--color-muted);font-size:.8125rem;line-height:1.6}.maulid-chapter,.reader-section{margin:0 0 var(--space-8);scroll-margin-top:5.5rem}.maulid-chapter__heading,.reader-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.maulid-chapter__count,.maulid-chapter__heading p,.reader-toolbar__count,.reader-toolbar__label{color:var(--color-muted);margin:0;font-size:.6875rem}.reader-toolbar__label{color:var(--color-ink);font-size:.875rem;font-weight:700}.verse-stack{gap:var(--space-3);display:grid}.reader-verse-card{padding:var(--space-4);border:1px solid var(--color-rule-2);border-radius:var(--radius-lg);background:var(--color-paper-2)}.reader-verse-card__label{margin:0 0 var(--space-2);color:var(--color-accent);letter-spacing:.04em;font-size:.65625rem}.reader-verse-card__arabic{color:var(--color-ink);font-family:var(--font-arabic);font-size:var(--reader-arabic-size);text-align:right;margin:0;line-height:1.9}.reader-verse-card__latin,.reader-verse-card__translation{margin:var(--space-2) 0 0;color:var(--color-muted)}.reader-verse-card__latin{font-size:var(--reader-latin-size);font-style:italic;line-height:1.55}.reader-verse-card__translation{font-size:var(--reader-translation-size);line-height:1.6}html[data-reader-show-latin=false] .reader-verse-card__latin,html[data-reader-show-translation=false] .reader-verse-card__translation{display:none}.reader-repeat-button{width:100%;min-height:2.75rem;margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-accent-strong);color:var(--color-accent);border:0;font-size:.8125rem;font-weight:700}.reader-repeat-button--complete{background:var(--color-success-surface);color:var(--color-success-ink)}.state-message{margin:var(--space-4) 0;padding:var(--space-4);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-ink)}.maulid-chapter-nav{gap:var(--space-2);margin-bottom:var(--space-8);padding:var(--space-4);border:1px solid var(--color-rule-2);border-radius:var(--radius-md);background:var(--color-paper-2);display:grid;position:relative}.maulid-chapter-nav label{color:var(--color-muted);font-size:.75rem}.maulid-chapter-nav select{width:100%;min-height:2.75rem;padding:0 var(--space-3);border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-ink);outline-offset:1px;outline:2px solid #0000}.maulid-chapter-nav select:hover{border-color:var(--color-accent)}.maulid-chapter-nav select:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.maulid-chapter-nav select:disabled{cursor:not-allowed;opacity:.55}.maulid-chapter__heading{justify-content:flex-start}.maulid-chapter__number{border-radius:var(--radius-sm);background:var(--color-accent-strong);width:2.5rem;height:2.5rem;color:var(--color-accent);flex:none;place-items:center;font-weight:700;display:grid}.maulid-chapter__heading>div{flex:1}.maulid-chapter__heading h2{margin:var(--space-1) 0 0;color:var(--color-ink);font-family:var(--font-body);font-size:.9375rem}.maulid-source{justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--color-rule-2);color:var(--color-muted);font-size:.75rem;display:flex}.maulid-source a{color:var(--color-accent)}.settings-page{width:min(100%,var(--content-width));padding:var(--space-6) var(--space-4) var(--space-10);margin-inline:auto}.settings-page__heading{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);display:flex}.settings-page__heading h1{margin:0;font-size:1.75rem;font-weight:500}.settings-page__mark{border-radius:0 0 var(--radius-feature) var(--radius-feature);background:var(--color-brand);width:2.75rem;height:2.75rem;color:var(--color-accent-ink);place-items:center;display:grid}.empty-page__icon svg,.local-mode-card__icon svg,.settings-info-card svg,.settings-page__mark svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.55rem;height:1.55rem}.appearance-panel,.local-mode-card,.settings-info-card,.settings-links{border:1px solid var(--color-rule-2);border-radius:var(--radius-feature);background:var(--color-paper-2)}.local-mode-card{padding:var(--space-8) var(--space-5);text-align:center;justify-items:center}.local-mode-card,.local-mode-card__icon{margin-bottom:var(--space-4);display:grid}.local-mode-card__icon{background:var(--color-success-surface);width:4.25rem;height:4.25rem;color:var(--color-brand);border-radius:50%;place-items:center}.appearance-panel h2,.local-mode-card h2,.settings-info-card h2{color:var(--color-ink);font-family:var(--font-body);margin:0;font-size:1rem;font-weight:700}.appearance-panel header p,.local-mode-card p,.settings-info-card p{margin:var(--space-2) 0 0;color:var(--color-muted);font-size:.8125rem;line-height:1.55}.appearance-panel{padding:var(--space-5)}.appearance-panel,.appearance-panel header{margin-bottom:var(--space-4)}.setting-row{align-items:center;gap:var(--space-3);border-top:1px solid var(--color-rule-2);min-height:4.5rem;color:var(--color-ink);grid-template-columns:minmax(0,1fr) auto;font-size:.9375rem;display:grid}.settings-switch{border-radius:var(--radius-pill);background:var(--color-disabled);border:0;width:3.75rem;height:2rem;padding:0;position:relative}.settings-switch span{background:var(--color-ink);width:1.5rem;height:1.5rem;transition:transform var(--dur-short) var(--ease-out);border-radius:50%;position:absolute;top:.25rem;left:.25rem}.settings-switch--active{background:var(--color-accent)}.settings-switch--active span{background:var(--color-brand-deep);transform:translate(1.75rem)}.font-size-picker{gap:var(--space-1);grid-template-columns:repeat(4,2.5rem);display:grid}.font-size-picker button{border:1px solid var(--color-rule);border-radius:var(--radius-sm);min-height:2.5rem;color:var(--color-muted);background:0 0;padding:0;font-size:.75rem}.font-size-picker .font-size-picker__button--active{border-color:var(--color-accent);background:var(--color-accent-strong);color:var(--color-accent);font-weight:700}.settings-info-card{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-5);display:flex}.settings-info-card>svg{color:var(--color-accent)}.settings-links{overflow:hidden}.settings-link-row{align-items:center;gap:var(--space-3);width:100%;min-height:3.75rem;padding:0 var(--space-5);border:0;border-top:1px solid var(--color-rule-2);color:var(--color-ink);text-align:left;white-space:nowrap;background:0 0;grid-template-columns:1fr auto;font-size:.875rem;text-decoration:none;display:grid}.settings-link-row:first-child{border-top:0}.settings-link-row strong{color:var(--color-muted);font-weight:500}.settings-link-row:not(.settings-link-row--static){cursor:pointer}.empty-page{min-height:calc(100svh - var(--nav-height));padding:var(--space-8) var(--space-5);text-align:center;place-content:center;justify-items:center;display:grid}.empty-page__icon{width:4rem;height:4rem;margin-bottom:var(--space-4);border-radius:var(--radius-feature);background:var(--color-accent-strong);color:var(--color-accent);place-items:center;display:grid}.empty-page h1{margin:0;font-size:1.75rem;font-weight:500}.empty-page p{max-width:60ch;margin:var(--space-2) 0 0;color:var(--color-muted);font-size:.875rem;line-height:1.6}.policy-page header{margin:var(--space-4) 0 var(--space-8)}.policy-page header h1{margin:0;font-size:clamp(1.75rem,7vw,2.25rem);font-weight:500}.policy-page header p,.policy-page section p{color:var(--color-muted)}.policy-page header p{margin:var(--space-2) 0 0;font-size:.8125rem}.policy-page section{margin-bottom:var(--space-5)}.policy-page section h2{margin:0 0 var(--space-2);font-family:var(--font-body);font-size:1rem}.policy-page section p{margin:0;font-size:.875rem;line-height:1.7}.app-toast{z-index:60;right:var(--space-4);bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + var(--space-4));left:var(--space-4);width:fit-content;max-width:calc(100% - var(--space-8));padding:var(--space-3) var(--space-4);border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-ink);box-shadow:0 var(--space-3) var(--space-8) var(--color-shadow);color:var(--color-paper);margin-inline:auto;font-size:.8125rem;position:fixed}.toast-enter-active,.toast-leave-active{transition:opacity var(--dur-short) var(--ease-out),transform var(--dur-short) var(--ease-out)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(var(--space-2))}@media (width>=48rem){.home-menu__grid{gap-inline:var(--space-5)}.collection-page,.hub-page,.maulid-reader,.policy-page,.ratib-reader,.settings-page{padding-inline:var(--space-6)}.bottom-nav{padding-inline:var(--space-10)}}@media (width<=23rem){.collection-page,.home-menu,.hub-page,.maulid-reader,.policy-page,.ratib-reader,.resume-section,.settings-page{padding-right:var(--space-3);padding-left:var(--space-3)}.app-nav-card{grid-template-columns:auto minmax(0,1fr) auto}.app-nav-card__meta{display:none}.home-menu__grid{-moz-column-gap:var(--space-1);column-gap:var(--space-1)}.font-size-picker{grid-template-columns:repeat(4,2.25rem)}.bottom-nav__link{font-size:.625rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important}}