[hidden]{display:none!important}
.skip-link{position:fixed;top:-100px;right:20px;z-index:20;padding:12px;background:var(--gold);color:var(--bg)}
.skip-link:focus{top:10px}
.site-nav{display:flex;justify-content:center;gap:26px;padding:16px 0;border-bottom:1px solid var(--line);font-size:.9375rem;flex-wrap:wrap}
.site-nav a,.quiet-link,.breadcrumbs a,.source-footnote a{color:var(--muted);text-decoration:none}
.site-nav a:hover,.site-nav a[aria-current],.quiet-link:hover,.breadcrumbs a:hover{color:var(--gold-bright)}
.home-main{display:block;padding-top:38px}
.daily-home,.daily-main{width:min(100%,900px);margin-inline:auto}
.daily-main{display:block;place-items:unset;padding:30px 0 50px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}
.section-heading h1{font-size:clamp(2.2rem,4vw,3rem);line-height:1.65;text-align:right;padding:0}
.section-heading>svg{width:30px;height:30px;fill:none;stroke:var(--gold);stroke-width:1.5}
.section-kicker{font-size:.875rem;color:var(--muted);margin:0 0 4px}
.quiet-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:.875rem;min-height:44px;text-align:center}
.quiet-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.category-card{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;text-decoration:none;color:var(--text);padding:24px 26px;border:1px solid rgba(195,213,190,.19);border-radius:18px;background:linear-gradient(130deg,rgba(41,77,63,.5),rgba(15,42,36,.85));transition:background .2s,border-color .2s,transform .2s}
.category-card:hover{border-color:var(--gold);background:var(--surface);transform:translateY(-2px)}
.category-card h2{margin:0;font-size:1.5rem;font-weight:400;line-height:1.8;color:var(--gold-bright)}
.category-card p{margin:4px 0 0;font-size:.9375rem;color:var(--muted)}
.category-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(212,186,125,.2);border-radius:50%;background:rgba(212,186,125,.05);color:var(--gold);margin-top:4px}
.category-icon svg,.large-category-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.category-progress{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:16px;color:var(--muted);font-size:.875rem}
.category-progress svg,.resume-link>svg,.primary-action svg,.dhikr-row>svg{width:20px;height:20px;fill:none;stroke:var(--gold);stroke-width:1.5;flex-shrink:0}
progress{appearance:none;-webkit-appearance:none;display:block;width:100%;height:4px;border:0;border-radius:10px;overflow:hidden;background:rgba(195,213,190,.1);color:var(--gold)}
progress::-webkit-progress-bar{background:rgba(195,213,190,.1);border-radius:10px}progress::-webkit-progress-value{background:var(--gold);border-radius:10px}progress::-moz-progress-bar{background:var(--gold);border-radius:10px}
.category-card progress{grid-column:1/-1}
.resume-link{width:100%;margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(212,186,125,.35);background:rgba(212,186,125,.065);border-radius:12px;color:var(--gold-bright);padding:16px 22px;text-decoration:none;text-align:right;font-size:1.0625rem}
.resume-link:disabled{color:var(--muted);border-color:var(--line);background:transparent;cursor:default;display:block}
.resume-link small{display:block;font-size:.875rem;color:var(--muted);margin-top:3px}
.progress-summary{margin:18px 0 0;color:var(--muted);font-size:.875rem}
.progress-summary summary{cursor:pointer;min-height:44px;padding-block:9px}.progress-summary p{margin:4px 0}
.tasbih-heading{width:min(100%,900px);margin:45px auto 0;border-top:1px solid var(--line);padding-top:32px;scroll-margin-top:20px}.tasbih-heading h2{font-size:1.65rem;margin:0;font-weight:400}.tasbih-heading p{margin:3px 0;color:var(--muted)}
.legacy-home-counter{margin:36px auto 0}
.breadcrumbs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.875rem;color:var(--muted);margin-bottom:26px}
.large-category-icon{width:65px;height:65px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--gold)}
.section-progress{display:flex;align-items:center;gap:25px;flex-wrap:wrap;font-size:.9375rem;color:var(--gold-bright);margin-bottom:24px}.section-progress progress{flex:1;min-width:100px}
.list-actions,.dialog-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.primary-action,.secondary-action{display:inline-flex;gap:10px;justify-content:center;align-items:center;padding:11px 22px;min-height:48px;border:1px solid var(--gold);border-radius:10px;font:inherit;font-size:.9375rem;text-decoration:none;text-align:center;background:var(--gold);color:var(--bg)}
.primary-action svg{stroke:currentColor}.primary-action:hover:enabled,.primary-action:hover{background:var(--gold-bright)}.primary-action:disabled{opacity:.38;cursor:default;background:var(--gold)}
.secondary-action{border-color:var(--line);background:transparent;color:var(--muted)}.secondary-action:hover{color:var(--text);border-color:var(--gold)}
.list-note{color:var(--muted);font-size:.875rem;line-height:1.9;margin:24px 0 18px}
.dhikr-list{border-top:1px solid var(--line)}
.dhikr-row{display:flex;align-items:center;gap:16px;padding:21px 4px;text-decoration:none;border-bottom:1px solid var(--line);color:var(--text)}.dhikr-row:hover{background:rgba(212,186,125,.035)}
.row-number{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;color:var(--muted);font-size:.875rem}.row-number svg{width:18px;height:18px;fill:none;stroke:var(--gold);stroke-width:1.7}.is-done .row-number{border-color:var(--gold);background:rgba(212,186,125,.08)}
.row-title{flex:1;min-width:0}.row-title strong{display:block;font-size:1.125rem;font-weight:400;color:var(--gold-bright)}.row-title>span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;color:var(--muted);margin-top:5px}
.row-progress{font-size:.9375rem;white-space:nowrap;color:var(--muted)}.is-done .row-progress{color:var(--gold)}
.source-footnote{font-size:.875rem;margin-top:24px}
.reader-top{display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--muted);font-size:.875rem;margin-bottom:18px;flex-wrap:wrap}
.reader-card{border:1px solid var(--line);border-radius:18px;background:rgba(20,47,39,.6);padding:26px 32px}
.reader-title{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.reader-title h1{font-family:ArabicUI,Tahoma,sans-serif;font-size:1.3rem;line-height:1.8;color:var(--muted);padding:0;text-wrap:wrap}
.reader-tools{display:flex;gap:8px}.reader-tools button{min-width:44px;height:44px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--gold-bright);font-size:1rem}.reader-tools button:disabled{opacity:.35}.favorite-button[aria-pressed="true"]{background:rgba(212,186,125,.12)}.favorite-button[aria-pressed="true"] svg{fill:var(--gold);stroke:var(--gold)}
.dhikr-text{font-family:ArabicDisplay,'Times New Roman',serif;font-size:1.9rem;line-height:2.1;color:var(--gold-bright);margin:15px 0 20px;text-align:center;white-space:pre-line;overflow-wrap:break-word;word-break:normal}.dhikr-text.font-1{font-size:2.3rem}.dhikr-text.font-2{font-size:2.8rem}
.prelude{font-family:ArabicDisplay,serif;color:var(--gold-bright);text-align:center;font-size:1.4rem;margin:16px 0}
.reading-note{font-size:.9375rem;color:#c5d0bd;border-right:2px solid var(--gold);padding-right:16px;line-height:2}
.source-box{display:flex;gap:6px 18px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;font-size:.875rem;color:var(--muted)}.source-box a{color:var(--muted);text-underline-offset:4px;overflow-wrap:anywhere}
.reader-bottom{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;align-items:start;padding:30px 8px 0}
.daily-counter-area{text-align:center}.daily-count{display:flex;flex-direction:column;align-items:center;justify-content:center;width:188px;min-height:188px;aspect-ratio:1;border:1px solid rgba(212,186,125,.4);border-radius:50%;background:radial-gradient(circle at 50% 15%,#284537,#102a25);box-shadow:0 0 0 6px rgba(212,186,125,.04);color:var(--gold-bright);padding:17px 10px;touch-action:manipulation;user-select:none;-webkit-user-select:none}.daily-count:active:not([aria-disabled="true"]){transform:scale(.97)}.daily-count.is-complete{border-color:var(--gold-bright);background:#234236;cursor:default}
#dailyNumber{font-size:4.5rem;line-height:1.2;font-family:ArabicDisplay,serif;direction:ltr;font-variant-numeric:tabular-nums}.daily-goal{font-size:.9375rem;color:var(--muted)}#dailyCountHint{font-size:.9375rem;color:var(--gold);margin-top:7px}
.correct-count{background:transparent;border:0;color:var(--muted);font-size:.875rem;min-height:44px;margin-top:14px}.correct-count:disabled{opacity:.4}
.daily-completion{color:var(--gold-bright);font-size:1rem;min-height:1.7em;margin:0 0 10px}.voice-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.voice-actions .voice-toggle{border-radius:10px;min-height:48px}
.voice-explanation{color:var(--muted);font-size:.875rem;line-height:1.9;margin:10px 0 0}.voice-explanation p{margin:6px 0}.auto-next{display:flex;align-items:center;gap:10px;font-size:.875rem;color:var(--muted);margin-top:16px;cursor:pointer;min-height:44px}.auto-next input{width:19px;height:19px;accent-color:var(--gold);flex-shrink:0}
.cancel-auto{display:block;background:transparent;color:var(--gold-bright);border:1px solid var(--line);padding:8px 12px;border-radius:8px;font-size:.875rem;margin-top:12px;min-height:44px}.audio-notice{color:#e2be8c;font-size:.875rem;margin:6px 0}
#dailyTranscript{overflow-wrap:anywhere;line-height:2}
.quiet-reading .header,.quiet-reading .site-nav,.quiet-reading .reader-secondary,.quiet-reading .footer{display:none}.quiet-reading .reader-top{justify-content:flex-end}.quiet-reading .daily-main{max-width:940px}.quiet-reading .reader-card{background:transparent;border-color:transparent;padding-top:0}.quiet-reading .reader-bottom{padding-bottom:20px}.quiet-reading .daily-completion{min-height:0}
.storage-notice{font-size:.875rem;color:#e2be8c;max-width:900px;margin:12px auto 22px;text-align:center}.empty-state{padding:32px;border:1px solid var(--line);border-radius:16px;color:var(--muted);line-height:2}.empty-state a{display:table;margin-top:24px}
.favorite-row>small{display:block;color:var(--muted);font-size:.875rem;padding-top:20px}.favorite-row .dhikr-row{padding-top:12px}
dialog{background:var(--surface);color:var(--text);border:1px solid var(--gold);border-radius:16px;padding:26px;width:min(calc(100% - 32px),440px);font:inherit;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#001512b8}dialog h2{font-size:1.5rem;color:var(--gold-bright);margin:0}dialog p{color:var(--muted);margin:12px 0 22px}
@media(max-width:600px){.home-main{padding-top:25px}.daily-main{padding-top:22px}.site-nav{gap:22px;padding:12px 0}.section-heading{gap:12px;margin-bottom:20px}.section-heading h1{font-size:2.2rem}.section-kicker{font-size:.875rem}.category-grid{gap:12px}.category-card{padding:18px 15px;grid-template-columns:1fr;gap:9px}.category-icon{width:40px;height:40px;margin:0 0 2px}.category-card h2{font-size:1.25rem}.category-card p{font-size:.875rem;line-height:1.8}.category-progress{font-size:.875rem;gap:4px;margin-top:10px}.category-progress svg{width:16px}.resume-link{padding:14px 16px}.dhikr-row{gap:10px}.dhikr-row>svg{display:none}.row-number{width:30px;height:30px}.row-title strong{font-size:1.0625rem}.row-progress{font-size:.875rem}.reader-card{padding:20px 18px}.reader-title{gap:12px}.reader-title h1{font-size:1.125rem}.dhikr-text{font-size:1.7rem;line-height:2.1}.dhikr-text.font-1{font-size:2.05rem}.dhikr-text.font-2{font-size:2.5rem}.reader-bottom{grid-template-columns:1fr;gap:16px;padding:26px 0 0}.daily-count{margin:auto;width:190px}.reader-actions{text-align:center}.voice-actions{justify-content:center}.auto-next{justify-content:center}.cancel-auto{margin-inline:auto}.daily-completion{min-height:0;margin:0 0 12px}.source-box{display:block}.source-box>*{display:block;margin:4px 0}.section-heading .quiet-link{padding:8px 10px;font-size:.875rem}.breadcrumbs{margin-bottom:22px}.correct-count{margin-top:10px}.sound-toggle{font-size:.875rem}.reading-note{font-size:.9375rem}}
@media(max-width:350px){.category-grid{grid-template-columns:1fr}.category-card{grid-template-columns:auto 1fr}.category-progress{margin-top:4px}.section-heading{flex-wrap:wrap}.reader-card{padding:15px 12px}.reader-top{gap:8px}.section-heading h1{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.category-card:hover,.daily-count:active{transform:none}}

.legacy-dhikr{font-family:ArabicDisplay,serif;font-weight:400;font-size:clamp(2.35rem,5.2vw,3.65rem);color:var(--gold-bright);line-height:1.9;margin:0;padding-inline:5px}

.duas-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:20px 24px;border:1px solid rgba(212,186,125,.3);border-radius:14px;background:linear-gradient(100deg,rgba(212,186,125,.035),rgba(212,186,125,.1));color:var(--gold-bright);text-decoration:none}.duas-entry strong{display:block;font-size:1.25rem;font-weight:400}.duas-entry small{display:block;color:var(--muted);font-size:.9375rem;margin-top:4px}.duas-entry>svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.duas-entry:hover{border-color:var(--gold)}
.quran-entry{border-color:#bfcda63d}.quran-entry strong{font-family:ArabicDisplay,serif;font-size:1.65rem}

/* Shared navigation: a compact illuminated band in Sakinah's teal and gold. */
.site-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:8px;max-width:1080px;width:100%;margin:22px auto 0;background:linear-gradient(120deg,#15382f,#0e2824);border:1px solid #d4ba7d30;border-radius:20px;box-shadow:0 12px 35px #0002,inset 0 1px #f0dfb409}
.site-nav a{display:flex;gap:9px;justify-content:center;align-items:center;min-height:56px;padding:10px 8px;border:1px solid transparent;border-radius:13px;font-size:.9375rem;text-align:center;line-height:1.6;transition:background .2s,color .2s}
.site-nav svg{width:21px;height:21px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.site-nav a:hover{background:#d4ba7d0b;color:var(--gold-bright)}
.site-nav a[aria-current]{color:#142c25;background:linear-gradient(135deg,#eddaad,#ceb074);box-shadow:0 3px 14px #0003;border-color:#f0dfb480}
@media(max-width:800px){.site-nav{grid-template-columns:repeat(3,minmax(0,1fr));border-radius:17px;margin-top:16px}.site-nav a{min-height:56px;font-size:.875rem;gap:7px}}
@media(max-width:360px){.site-nav a{flex-direction:column;gap:4px;padding:8px 4px}.site-nav{gap:4px}}


.site-nav .calendar-nav{grid-column:1 / -1;min-height:44px;border-top-color:#d4ba7d20;border-radius:8px;font-size:.83rem;flex-direction:row;gap:8px}.site-nav .calendar-nav svg{width:18px;height:18px}.site-nav .calendar-nav:not([aria-current]){color:#d4c296;background:#d4ba7d07}

/* Eight primary destinations, including the Sunnah library. */
.site-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.site-nav .calendar-nav{grid-column:auto;min-height:56px;border-top-color:transparent;font-size:.9375rem}.site-nav .calendar-nav svg{width:21px;height:21px}
@media(max-width:800px){.site-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.site-nav a,.site-nav .calendar-nav{flex-direction:column;gap:6px;font-size:.875rem;min-height:74px;padding:8px 4px}}
@media(max-width:350px){.site-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}