/* The original light design is retained. Only these two prayer components change. */
.next-prayer-card{padding:19px 23px 20px;border:1px solid #b9dedd;border-radius:23px;background:linear-gradient(115deg,#d2ede8,#ebf8f7);margin-bottom:19px;color:#075664;overflow:hidden}.next-prayer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.next-prayer-top small{font-size:.875rem;color:#4c7b81}.next-prayer-top h2{font-size:1.9rem;color:#075664;margin:3px 0 0;line-height:1.35}.next-prayer-orbit{position:relative;width:76px;height:76px;flex:0 0 76px;display:grid;place-items:center}.orbit-svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.orbit-svg circle{fill:none;stroke-width:5.5}.orbit-track{stroke:#b6dad7}.orbit-fill{stroke:#178994;stroke-linecap:round;transition:stroke-dashoffset .7s linear}.orbit-symbol{display:grid;place-items:center;color:#178994}.orbit-symbol .icon{width:28px;height:28px;stroke-width:1.7}.next-prayer-countdown{max-width:280px;margin:10px auto 0;text-align:center}.next-prayer-card .countdown{display:block;color:#075664;font-size:clamp(2rem,9vw,2.8rem);font-weight:700;letter-spacing:0;line-height:1.35;white-space:nowrap;margin:0;padding:0;width:100%;font-variant-numeric:tabular-nums}.next-time-labels{display:grid;grid-template-columns:repeat(3,1fr);direction:ltr;font-size:.75rem;color:#65898c;padding:0 7px;margin-top:1px}
body .prayer-table#prayer-list{padding:0;background:none;border:0;box-shadow:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:13px}body #prayer-list .prayer-row{margin:0;padding:11px 8px 0;background:#fff;border:1px solid #dce7e9;border-radius:17px;display:flex;flex-direction:column;align-items:center;min-width:0;gap:5px;overflow:hidden;box-shadow:none}body #prayer-list .prayer-row.active{background:#e7f3f0;border-color:#6fae9f;box-shadow:inset 0 3px #6fae9f}body #prayer-list .prayer-row-label{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;width:100%;min-height:26px}body #prayer-list .prayer-row .prayer-symbol{color:#75989d;width:20px;height:20px;margin:0;flex:0 0 20px}body #prayer-list .prayer-row.active .prayer-symbol{color:#247766}body #prayer-list .prayer-symbol .icon{width:19px;height:19px}body #prayer-list .prayer-row strong{font-size:.875rem;font-weight:400;flex:none;line-height:1.6}body #prayer-list .prayer-row .time{font-size:1rem;line-height:1.6;color:#244f58;font-weight:700;white-space:nowrap;min-width:0}body #prayer-list .prayer-row .bell-button,body #prayer-list .sunrise-note{margin:4px 0 0;width:100%;height:38px;min-height:38px;min-width:0;border-top:1px solid #d8e6e3;border-radius:0;background:none;color:#668c91;display:grid;place-items:center}body #prayer-list .prayer-row.active .bell-button{border-color:#cbe0d9;color:#287d6c}body #prayer-list .bell-button .icon{width:17px;height:17px}body #prayer-list .sunrise-note{font-size:.75rem}
/* Three functional appearance choices in the existing settings page. */
.appearance-setting{padding:18px 0;border-bottom:1px solid var(--line)}.appearance-setting h3{font-size:.95rem;margin:0 0 12px}.appearance-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.appearance-option{position:relative;border:1px solid #c9e3e5;padding:9px 9px 10px;border-radius:14px;background:#f8ffff;font-size:.85rem;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}.appearance-option.selected{border-color:#178994;box-shadow:0 0 0 1px #178994}.appearance-option>.icon{position:absolute;width:17px;height:17px;left:5px;bottom:11px;color:#178994}.appearance-preview{height:58px;width:100%;max-width:100px;border-radius:9px;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:9px;background:#d8f1f4;border:1px solid #bcd8dc}.appearance-preview i{grid-column:1/-1;height:12px;border-radius:4px;background:#79c3c5}.appearance-preview b,.appearance-preview em{display:block;height:19px;border-radius:4px;background:#f5fbfc}.preview-black{background:#090c0e;border-color:#293337}.preview-black i{background:#328d8b}.preview-black b,.preview-black em{background:#20282c}.preview-gray{background:#30363a;border-color:#576369}.preview-gray i{background:#69b5b2}.preview-gray b,.preview-gray em{background:#4a5358}
/* Theme variables use separate neutral surfaces; neither dark theme is navy. */
html[data-theme="black"]{--night-bg:#090c0e;--night-shell:#0e1214;--night-card:#181f22;--night-raised:#222b2f;--night-soft:#1b3032;--night-line:#303c41;--night-ink:#edf5f6;--night-muted:#a5b6bd;--night-accent:#76d2cc;--night-accent-ink:#091f20;--night-selected:#203a38;--night-bar:#111719f5;--night-ring:#38484a;--night-hero:#182b2b}
html[data-theme="gray"]{--night-bg:#282d31;--night-shell:#30363a;--night-card:#3b4348;--night-raised:#465157;--night-soft:#3c5153;--night-line:#5d6a71;--night-ink:#f4f8f9;--night-muted:#c0cdd2;--night-accent:#9de2d9;--night-accent-ink:#183330;--night-selected:#415c57;--night-bar:#343c40f5;--night-ring:#66777a;--night-hero:#3b5150}
html[data-theme="black"],html[data-theme="gray"]{color-scheme:dark;--bg:var(--night-shell);--surface:var(--night-card);--ink:var(--night-ink);--dark:var(--night-accent);--teal:var(--night-accent);--mint:var(--night-accent);--line:var(--night-line);--muted:var(--night-muted)}
html[data-theme="black"] body,html[data-theme="gray"] body{background:var(--night-bg);color:var(--night-ink)}html[data-theme="black"] .app-shell,html[data-theme="gray"] .app-shell{background:var(--night-shell);box-shadow:none;border-color:var(--night-line)}
html[data-theme]:not([data-theme="light"]) :is(h1,h2,h3,.page-head h1,.tile strong,.visual-tile strong,.card strong,.grow,.switch-row span,.onboard-top){color:var(--night-ink)}html[data-theme]:not([data-theme="light"]) :is(p,small,.small,.muted,.note,.notice,.eyebrow,label,.reader-count,.location,.timing-meta,.time-labels,.next-time-labels,.info-links a,.text-link,.correct-answer,.source,.inline-source,.live-label){color:var(--night-muted)}html[data-theme]:not([data-theme="light"]) :is(a,.icon-btn,.badge-icon,.text-button,.source a,.bookmark-link,.tile,.visual-tile,.widget-choice,.time-comparison strong,.range-line h2,.plan-option strong,.score,.compass-center){color:var(--night-accent)}
html[data-theme]:not([data-theme="light"]) :is(.card,.tile,.visual-tile,.widget-choice,.dhikr-card,.explanation,.qibla-instructions,.ward-range,.mushaf-page,.quiz-option,.sound-option,.appearance-option,.result-card){background:var(--night-card)!important;border-color:var(--night-line)!important;box-shadow:none!important}html[data-theme]:not([data-theme="light"]) :is(.joined-list .tile,.radio-picker-sheet .tile){background:transparent!important}html[data-theme]:not([data-theme="light"]) :is(.primary,.play-main){background:var(--night-accent)!important;color:var(--night-accent-ink)!important;border-color:var(--night-accent)!important;box-shadow:none}html[data-theme]:not([data-theme="light"]) .primary .icon{color:inherit}html[data-theme]:not([data-theme="light"]) :is(.secondary,.icon-btn,.badge-icon,.segments,.stepper,.notice,.chip,.number,.widget-sample,.widget-preview,.plan-stepper strong,.sound-option.active,.qibla-caption,.surah-title,.player-art){background:var(--night-raised)!important;border-color:var(--night-line)!important;color:var(--night-accent)}html[data-theme]:not([data-theme="light"]) :is(.segments .active,.selected-language,.selected-choice,.quiz-option.selected-choice,.widget-choice.chosen,.appearance-option.selected,.plan-option.selected){background:var(--night-selected)!important;border-color:var(--night-accent)!important;color:var(--night-accent)!important;box-shadow:none!important}html[data-theme]:not([data-theme="light"]) .appearance-option.selected{box-shadow:0 0 0 1px var(--night-accent)!important}html[data-theme]:not([data-theme="light"]) .appearance-option>.icon{color:var(--night-accent)}
html[data-theme]:not([data-theme="light"]) :is(input,select,textarea,.search){background:var(--night-raised);border-color:var(--night-line);color:var(--night-ink);accent-color:var(--night-accent)}html[data-theme]:not([data-theme="light"]) input::placeholder,html[data-theme]:not([data-theme="light"]) textarea::placeholder{color:var(--night-muted);opacity:.8}html[data-theme]:not([data-theme="light"]) .radio-picker-sheet .search{background:var(--night-raised)}html[data-theme]:not([data-theme="light"]) :is(.toggle:checked,input[type=checkbox]:checked){accent-color:var(--night-accent)}html[data-theme]:not([data-theme="light"]) :is(.switch-row,.source,.dhikr-notes,.appearance-setting,.download-row,.info-links a,.reader-body hr,.reader-body p,.ruled-reading p,.joined-list .tile,.audio-tools,.adjustment,.range-line){border-color:var(--night-line)}html[data-theme]:not([data-theme="light"]) :is(.reader-body,.reader-body p,.dhikr-text,.tafsir-ayah,.ayah,.surah,.bismillah,.mushaf-page .ayah){color:var(--night-ink)}html[data-theme]:not([data-theme="light"]) .reader-body p.footnote{color:var(--night-muted)}html[data-theme]:not([data-theme="light"]) :is(.mushaf-page .surah-title,.mushaf-page .ayah-no,.page-number,.source-divider){color:var(--night-accent);border-color:var(--night-line)}html[data-theme]:not([data-theme="light"]) .ayah:hover{background:var(--night-selected)}html[data-theme]:not([data-theme="light"]) .source-button{background:var(--night-raised)!important;color:var(--night-accent)!important;border-color:var(--night-line)!important}
html[data-theme]:not([data-theme="light"]) #nav{background:var(--night-bar);border-color:var(--night-line);box-shadow:0 -5px 24px #0002}html[data-theme]:not([data-theme="light"]) #nav a{color:var(--night-muted);background:none}html[data-theme]:not([data-theme="light"]) #nav a.active{background:var(--night-selected);color:var(--night-accent)}html[data-theme]:not([data-theme="light"]) .mini-player{background:var(--night-card);color:var(--night-ink);border-color:var(--night-line)}html[data-theme]:not([data-theme="light"]) .mini-player .grow{color:var(--night-ink)}html[data-theme]:not([data-theme="light"]) #toast{background:var(--night-accent);color:var(--night-accent-ink)}html[data-theme]:not([data-theme="light"]) dialog{background:var(--night-shell);color:var(--night-ink);border:1px solid var(--night-line)}html[data-theme]:not([data-theme="light"]) dialog::backdrop{background:#0009}html[data-theme]:not([data-theme="light"]) .bottom-sheet:before{background:var(--night-line)}html[data-theme]:not([data-theme="light"]) :is(dialog h2,dialog h3,dialog strong){color:var(--night-ink)}html[data-theme]:not([data-theme="light"]) dialog .stepper input{background:transparent;color:var(--night-ink)}html[data-theme]:not([data-theme="light"]) .stepper button{background:var(--night-card);color:var(--night-accent)}
html[data-theme]:not([data-theme="light"]) :is(.unified-hero,.ramadan-card,.daily-card,.feature-banner,.small-intro,.widget-sample,.qibla-entry){background:var(--night-soft)!important;border-color:var(--night-line)!important;box-shadow:none}html[data-theme]:not([data-theme="light"]) :is(.hero-line h2,.hero-line small,.hero-line p,.ramadan-card h2,.ramadan-count strong,.widget-sample strong,.audio-mast h1){color:var(--night-ink)}html[data-theme]:not([data-theme="light"]) .hero:before{opacity:.1}html[data-theme]:not([data-theme="light"]) :is(.hero,.widget,.widget-lock){background:var(--night-soft);border-color:var(--night-line)}html[data-theme]:not([data-theme="light"]) .progress{background:var(--night-ring)}html[data-theme]:not([data-theme="light"]) .progress>i{background:var(--night-accent)}html[data-theme]:not([data-theme="light"]) .progress-ring{background:conic-gradient(var(--night-accent) calc(var(--progress)*1%),var(--night-ring) 0);box-shadow:none}html[data-theme]:not([data-theme="light"]) .progress-ring>div{background:var(--night-card)}html[data-theme]:not([data-theme="light"]) .progress-ring :is(strong,small){color:var(--night-accent)}html[data-theme]:not([data-theme="light"]) .success-mark{background:var(--night-selected);color:var(--night-accent)}html[data-theme]:not([data-theme="light"]) .compass-dial{background:var(--night-card);border-color:var(--night-accent);outline-color:var(--night-raised);box-shadow:none}html[data-theme]:not([data-theme="light"]) :is(.direction,.dial-pointer,.compass-center .icon){color:var(--night-accent)}html[data-theme]:not([data-theme="light"]) .dial-ticks{opacity:.65}html[data-theme]:not([data-theme="light"]) .qibla-instructions h2{color:var(--night-ink)}html[data-theme]:not([data-theme="light"]) .compass{background:var(--night-card);border-color:var(--night-raised);outline-color:var(--night-line)}html[data-theme]:not([data-theme="light"]) .onboard-dots i{background:var(--night-line)}html[data-theme]:not([data-theme="light"]) .onboard-dots i.active{background:var(--night-accent)}html[data-theme]:not([data-theme="light"]) .quote-mark{color:var(--night-accent);opacity:.65}html[data-theme]:not([data-theme="light"]) .video-frame{background:var(--night-raised)}
/* Preserve supplied illustrations on small light plaques, rather than hiding them on dark backgrounds. */
html[data-theme]:not([data-theme="light"]) .art.clean-art{background:#d9ecea;border-radius:14px;mix-blend-mode:normal;overflow:hidden}html[data-theme]:not([data-theme="light"]) .art.clean-art img{mix-blend-mode:multiply}html[data-theme]:not([data-theme="light"]) .portrait{mix-blend-mode:normal;background:var(--night-raised)}html[data-theme]:not([data-theme="light"]) .portrait img{mix-blend-mode:normal}html[data-theme]:not([data-theme="light"]) :is(.play-dot,.reader-count,.audio-mast .portrait.large){border-color:var(--night-line);color:var(--night-accent)}
html[data-theme]:not([data-theme="light"]) body #prayer-list .prayer-row{background:var(--night-card);border-color:var(--night-line);color:var(--night-ink)}html[data-theme]:not([data-theme="light"]) body #prayer-list .prayer-row.active{background:var(--night-selected);border-color:var(--night-accent);box-shadow:inset 0 3px var(--night-accent)}html[data-theme]:not([data-theme="light"]) body #prayer-list :is(.prayer-row .time,.prayer-row strong){color:var(--night-ink)}html[data-theme]:not([data-theme="light"]) body #prayer-list :is(.prayer-symbol,.bell-button,.sunrise-note){color:var(--night-accent)}html[data-theme]:not([data-theme="light"]) body #prayer-list :is(.bell-button,.sunrise-note){border-color:var(--night-line);background:transparent!important}html[data-theme]:not([data-theme="light"]) .next-prayer-card{background:var(--night-hero);border-color:var(--night-line)}html[data-theme]:not([data-theme="light"]) .next-prayer-top h2{color:var(--night-accent)}html[data-theme]:not([data-theme="light"]) .next-prayer-top small{color:var(--night-muted)}html[data-theme]:not([data-theme="light"]) .next-prayer-card .countdown{color:var(--night-ink)}html[data-theme]:not([data-theme="light"]) .orbit-track{stroke:var(--night-ring)}html[data-theme]:not([data-theme="light"]) .orbit-fill{stroke:var(--night-accent)}html[data-theme]:not([data-theme="light"]) .orbit-symbol{color:var(--night-accent)}html[data-theme]:not([data-theme="light"]) body:is([data-route="dhikr"],[data-route="ruqyah"]) #view>.reader-actions{background:var(--night-shell);border-color:var(--night-line);box-shadow:0 -6px 18px #0002}
html[data-theme]:not([data-theme="light"]) .quiz-option.correct{background:#26483a!important;border-color:#73b796!important;color:#ddf5e7}html[data-theme]:not([data-theme="light"]) .quiz-option.wrong{background:#50383e!important;border-color:#bd8790!important;color:#ffe8ec}html[data-theme]:not([data-theme="light"]) .danger{color:#efa4b1;border-color:#a5727c}html[data-theme]:not([data-theme="light"]) :focus-visible{outline-color:var(--night-accent)}
@media(max-width:360px){.next-prayer-card{padding:16px 18px}.next-prayer-orbit{width:65px;height:65px;flex-basis:65px}.next-prayer-top h2{font-size:1.65rem}body #prayer-list .prayer-row-label{gap:4px}body #prayer-list .prayer-row strong{font-size:.8125rem}body #prayer-list .prayer-row .time{font-size:.9375rem}.appearance-options{gap:7px}.appearance-option{padding-inline:6px}.appearance-option>.icon{width:14px;height:14px;left:3px}}
@media(prefers-reduced-motion:reduce){.orbit-fill{transition:none}}
/* Theme integration for the renewed page compositions. */
html[data-theme]:not([data-theme="light"]) :is(.renewal-dateline,.renewal-index,.renewal-entry small,.renewal-dateline span,.section-symbol){color:var(--night-muted)}
html[data-theme]:not([data-theme="light"]) :is(.head-emblem,.renewal-entry-art){background:var(--night-raised);color:var(--night-accent)}
html[data-theme]:not([data-theme="light"]) :is(.page-head,.renewal-prayer-groups,.renewal-group,.renewal-adhkar-list,.onboard-top){border-color:var(--night-line)}
html[data-theme]:not([data-theme="light"]) :is(.renewal-prayer-groups,.renewal-adhkar-list){background:var(--night-card)}
html[data-theme]:not([data-theme="light"]) :is(.renewal-ward,.renewal-qibla-link,.renewal-radio-link,.renewal-daily-adhkar .renewal-entry){background:var(--night-soft)!important;border-color:var(--night-line)!important}
html[data-theme]:not([data-theme="light"]) :is(.renewal-ward h2,.renewal-group strong,.renewal-entry strong){color:var(--night-ink)}
html[data-theme]:not([data-theme="light"]) :is(.renewal-learning .renewal-entry-art,.renewal-radio-link .renewal-entry-art,.renewal-qibla-link .renewal-entry-art){background:var(--night-raised)}
html[data-theme]:not([data-theme="light"]) .renewal-group:hover{background:var(--night-raised)}
html[data-theme]:not([data-theme="light"]) #nav a.active:after{background:var(--night-accent)}
html[data-theme]:not([data-theme="light"]) .next-prayer-card .countdown{color:var(--night-ink)}
html[data-theme]:not([data-theme="light"]) :is(.plan-stepper,.plan-stepper button,.audio-mast .art.clean-art,.sound-option,.renewal-settings-links .art.clean-art){border-color:var(--night-line)}
html[data-theme]:not([data-theme="light"]) .plan-stepper{background:var(--night-raised)}
html[data-theme]:not([data-theme="light"]) .plan-stepper button{background:var(--night-card);color:var(--night-accent)}
html[data-theme]:not([data-theme="light"]) .portrait.large{outline-color:var(--night-line);border-color:var(--night-raised)}
html[data-theme]:not([data-theme="light"]) .play-main{outline-color:var(--night-raised)}
html[data-theme]:not([data-theme="light"]) .daily-hadith.short-hadith{background:var(--night-soft)!important;border-color:var(--night-line)!important}
html[data-theme]:not([data-theme="light"]) .daily-hadith .reader-body{color:var(--night-ink)}
html[data-theme]:not([data-theme="light"]) .tafsir-ayah{background:var(--night-soft)}
html[data-theme]:not([data-theme="light"]) .reader-count{background:var(--night-selected);border-color:var(--night-line);color:var(--night-accent)}
html[data-theme]:not([data-theme="light"]) .qibla-compact .compass-dial{background:var(--night-card);border-color:var(--night-accent);outline-color:var(--night-raised);box-shadow:0 0 0 12px var(--night-line)}
html[data-theme]:not([data-theme="light"]) body .ramadan-card{background:var(--night-soft)!important;border-color:var(--night-line)!important}
html[data-theme]:not([data-theme="light"]) body .ramadan-card :is(h2,.ramadan-count strong){color:var(--night-ink)!important}
html[data-theme]:not([data-theme="light"]) .mushaf-page .surah-title{background:var(--night-raised)}
html[data-theme]:not([data-theme="light"]) .success-mark{outline-color:var(--night-line)}
html[data-theme]:not([data-theme="light"]) :is(.renewal-learning .renewal-entry:nth-child(2) .renewal-entry-art,.renewal-daily-adhkar .renewal-entry-art){background:transparent}