/* Day is an independently designed appearance; Night retains the original CSS. */
html[data-lighting=day]{color-scheme:light;--day-ink:#172e3d;--day-muted:#304958;--day-rgb:234 246 252;--day-accent:#114f60;--day-line:#3a819b88;--day-shadow:#254a651c;--day-glass:rgb(var(--day-rgb) / .91);--day-solid:rgb(var(--day-rgb));--day-wash:rgb(var(--day-rgb) / .87)}
html[data-lighting=day][data-appearance=bold]{--day-rgb:234 246 252;--day-accent:#543977;--day-line:#8462aa88;--day-shadow:#5e3a7822}
html[data-lighting=day][data-appearance=warm]{--day-rgb:234 246 252;--day-accent:#674717;--day-line:#aa7a2d88;--day-shadow:#895d2422}
html[data-lighting=day][data-appearance=rose]{--day-rgb:234 246 252;--day-accent:#763251;--day-line:#b36d8e88;--day-shadow:#76325120}
html[data-lighting=day][data-appearance=forest]{--day-rgb:234 246 252;--day-accent:#225239;--day-line:#48856988;--day-shadow:#22523920}
html[data-lighting=day][data-appearance=midnight]{--day-rgb:234 246 252;--day-accent:#774023;--day-line:#b67b5388;--day-shadow:#77402322}
html[data-lighting=day][data-appearance]{--ui-accent:var(--day-accent);--ui-line:var(--day-line);--ui-glow:var(--day-shadow);--surface:var(--day-glass);--page:var(--day-solid);--nav-surface:var(--day-glass)}
html[data-lighting=day][data-appearance] body[data-theme]{--ink:var(--day-ink);--muted:var(--day-muted);--accent:var(--day-accent);--line:var(--day-line);--tint:var(--day-wash);--surface:var(--day-glass);--page:var(--day-solid);--outer:#e5eef0;--nav-surface:var(--day-glass);background:var(--outer)}
/* Override the original all-white text policy only in Day, leaving art colours intact. */
html[data-lighting=day][data-appearance] body[data-theme] *,html[data-lighting=day][data-appearance] #appearanceDialog *,html[data-lighting=day][data-appearance] #offlineDialog *{color:var(--day-ink)!important;text-shadow:none!important}
html[data-lighting=day][data-appearance] body[data-theme] input::placeholder,html[data-lighting=day][data-appearance] body[data-theme] textarea::placeholder{color:var(--day-muted);opacity:1}
html[data-lighting=day] body[data-scene=home]{--ministry-scene:url('assets/scene/day-sunroom.webp')}
html[data-lighting=day] body[data-scene=first]{--ministry-scene:url('assets/scene/day-first.webp')}
html[data-lighting=day] body[data-scene=exploring]{--ministry-scene:url('assets/scene/day-exploring.webp')}
html[data-lighting=day] body[data-scene=deeper]{--ministry-scene:url('assets/scene/day-deeper.webp')}
html[data-lighting=day] body[data-scene=living]{--ministry-scene:url('assets/scene/day-living.webp')}
html[data-lighting=day] body[data-scene=helping]{--ministry-scene:url('assets/scene/day-helping.webp')}
html[data-lighting=day] body[data-scene=prayers]{--ministry-scene:url('assets/scene/day-prayers.webp')}
html[data-lighting=day] body .journey-landscape{background:linear-gradient(180deg,#f4f9f200,#f5f8ee18),var(--ministry-scene,url('assets/scene/day-sunroom.webp')) center top/cover no-repeat!important}
html[data-lighting=day] body .finder-atmosphere:after,html[data-lighting=day] body .finder-atmosphere:before{background:transparent!important}
html[data-lighting=day] body .finder-atmosphere{background:#e7f1ee!important}
/* Frosted glass retains depth and picks up the chosen accent, without solid boxes inside cards. */
html[data-lighting=day] :is(header,.offline-bar button,.icon-button,.fh-round,.fh-avatar,.fh-dialog,#appearanceDialog,#offlineDialog,.searchbox,.fh-search,.section-switcher,.az-letters,.guide-section,.tile,.full-choice,.layer-button,.layer,.answer,.verse,.entry-source,.empty,.mentor-prompt,.ministry-guide,.selah-pause,.quiz-intro,.quiz-book,.quiz-flash,.quiz-add,.quiz-library,.quiz-controls button,.quiz-primary,.fh-quiz,.appearance-preview,.preview-choice,.theme-option,.appearance-choices label){background:linear-gradient(120deg,var(--day-glass),var(--day-wash))!important;border-color:var(--day-line)!important;box-shadow:inset 0 1px 1px #ffffffc4,0 7px 22px var(--day-shadow)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
html[data-lighting=day] header{background:linear-gradient(var(--day-glass),var(--day-wash))!important}
html[data-lighting=day] :is(.story-heading,.story-home .fh-q-back){background:linear-gradient(120deg,var(--day-glass),var(--day-wash))!important;border-color:var(--day-line)!important;box-shadow:inset 0 1px #fff9,0 7px 22px var(--day-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html[data-lighting=day] .story-heading:after{background:linear-gradient(90deg,var(--day-glass),rgb(var(--day-rgb) / .50))!important}
html[data-lighting=day] .story-heading .intro{background:none;max-width:100%}
html[data-lighting=day] .story-heading>div{max-width:100%}
/* Welcome sits on one soft wash across the scene, with no brand or name tiles. */
html[data-lighting=day] .story-home .fh-top{background:linear-gradient(180deg,rgb(var(--day-rgb) / .90),rgb(var(--day-rgb) / .66));margin:0 -22px;padding:24px 22px 18px}
html[data-lighting=day] body[data-view=home] .story-home .fh-welcome{background:linear-gradient(180deg,rgb(var(--day-rgb) / .78),rgb(var(--day-rgb) / .48) 70%,rgb(var(--day-rgb) / 0));margin:0 -22px;padding:16px 24px 80px;min-height:224px}
html[data-lighting=day] .story-home .fh-welcome h1,html[data-lighting=day] .story-home .fh-welcome p{max-width:100%}
html[data-lighting=day] .story-home .fh-q-front,html[data-lighting=day] .story-home .fh-prayer,html[data-lighting=day] .story-home .fh-reflection{background:var(--day-solid)!important;border-color:var(--day-line)!important;box-shadow:inset 0 1px #fff9,0 7px 22px var(--day-shadow)!important}
html[data-lighting=day] .story-home .fh-q-front:after{background:linear-gradient(90deg,var(--day-solid) 0 39%,rgb(var(--day-rgb) / .96) 58%,rgb(var(--day-rgb) / .25) 78%,transparent)!important}
html[data-lighting=day] .story-home .fh-q-label{max-width:65%}
html[data-lighting=day] .story-home .fh-tap{background:rgb(var(--day-rgb) / .96);border-radius:9px;padding:5px 7px;margin-left:-7px}
html[data-lighting=day] .story-home .fh-path{background:var(--day-solid)!important;border-color:var(--day-line)!important;box-shadow:inset 0 1px #fff9,0 7px 22px var(--day-shadow)!important}
html[data-lighting=day] .story-home .fh-path:after{background:linear-gradient(180deg,transparent 0 27%,rgb(var(--day-rgb) / .60) 47%,rgb(var(--day-rgb) / .96) 61%,var(--day-solid) 79%)!important}
html[data-lighting=day] .story-home .story-path-copy{background:none;padding-bottom:28px}
html[data-lighting=day] .story-home .fh-path-first:after{background:linear-gradient(90deg,var(--day-solid) 0 32%,rgb(var(--day-rgb) / .95) 49%,rgb(var(--day-rgb) / .1) 72%,transparent)!important}
html[data-lighting=day] .story-home .fh-path-first .story-path-copy{max-width:56%;padding-bottom:25px}
html[data-lighting=day] .story-home .fh-prayer:after,html[data-lighting=day] .story-home .fh-reflection:after{background:linear-gradient(90deg,var(--day-solid) 0 49%,rgb(var(--day-rgb) / .93) 65%,rgb(var(--day-rgb) / .2) 86%,transparent)!important}
html[data-lighting=day] .story-home .fh-prayer>span{max-width:67%}
html[data-lighting=day] .story-home .fh-reflection p{background:rgb(var(--day-rgb) / .94);border-radius:8px;padding:8px;margin-left:-8px;max-width:85%}
/* Free-standing headings and controls use a light wash, not separate blocks. */
html[data-lighting=day] :is(.heading,.fh-section-head,.fh-q-controls,.fh-footer,.quiz-title,.quiz-section-head,.quiz-progress,.quiz-note,.quiz-card-meta,.find-modes,.article-identity,.entry-question,.entry-invitation,.entry-orientation,.gentle-note,.footnote,main>h1,main>.intro,.az-group>h2){background:linear-gradient(90deg,var(--day-glass),var(--day-wash));border-radius:12px;padding:10px 12px}
html[data-lighting=day] .story-home .fh-reflection .fh-section-head{background:none;padding:0}
html[data-lighting=day] .appearance-note,html[data-lighting=day] .appearance-intro{background:none}
html[data-lighting=day] .fh-dialog :is(input,textarea),html[data-lighting=day] .quiz-page :is(input,textarea){background:rgb(var(--day-rgb) / .98);border-color:var(--day-line)}
html[data-lighting=day] .fh-form input[type=file]::file-selector-button{background:var(--day-solid);border-color:var(--day-line);color:var(--day-accent)}
html[data-lighting=day] .fh-photo-preview,html[data-lighting=day] .fh-avatar img,html[data-lighting=day] .fh-photo-preview img{background:var(--day-wash)}
html[data-lighting=day] nav,html[data-lighting=day] body[data-view=home] nav{background:linear-gradient(110deg,var(--day-glass),rgb(var(--day-rgb) / .96))!important;border-color:var(--day-line);box-shadow:inset 0 1px #fff9,0 7px 22px var(--day-shadow)!important;backdrop-filter:blur(18px)}
html[data-lighting=day] nav button.active{background:rgb(var(--day-rgb) / .97);border-radius:14px}
html[data-lighting=day][data-appearance] body[data-theme] :is(nav .active,nav button>span,.fh-path-arrow,.fh-read,.fh-turn-back,.tile .arrow,.text-link,.pill,.article-identity,.step-number,.quiz-eyebrow,.quiz-reference,.guide-toggle,.appearance-save,.fh-save,.section-switcher button[aria-pressed=true]),html[data-lighting=day][data-appearance] body[data-theme] :is(nav .active,nav button>span,.fh-path-arrow,.fh-read,.fh-turn-back,.tile .arrow,.text-link,.pill,.article-identity,.step-number,.quiz-eyebrow,.quiz-reference,.guide-toggle,.appearance-save,.fh-save,.section-switcher button[aria-pressed=true]) *{color:var(--day-accent)!important}
html[data-lighting=day][data-appearance] body[data-theme] svg:not(.story-art),html[data-lighting=day][data-appearance] #appearanceDialog svg{color:var(--day-accent)!important;filter:none}
html[data-lighting=day] nav .active:after{background:var(--day-accent)!important}
html[data-lighting=day] nav button>span{filter:none}
html[data-lighting=day] .story-home .fh-path-arrow{border-color:var(--day-accent);background:rgb(var(--day-rgb) / .76)}
html[data-lighting=day] .tile .arrow{background:rgb(var(--day-rgb) / .9);border-color:var(--day-line)}
html[data-lighting=day] .section-switcher button[aria-pressed=true],html[data-lighting=day] .az-letters button[aria-pressed=true],html[data-lighting=day] #appearanceDialog .theme-option:has(input:checked),html[data-lighting=day] #appearanceDialog .appearance-choices label:has(input:checked){background:var(--day-solid)!important;border-color:var(--day-accent)!important;box-shadow:inset 0 0 0 1px var(--day-accent),0 2px 9px var(--day-shadow)!important}
html[data-lighting=day] :is(.pill,.az-letters button,.quiz-list-row button){background:var(--day-glass);border-color:var(--day-line)}
html[data-lighting=day] #appearanceDialog .appearance-save,html[data-lighting=day] .fh-save{background:var(--day-solid);border:1px solid var(--day-accent);box-shadow:0 2px 9px var(--day-shadow)}
html[data-lighting=day] #appearanceDialog .theme-swatch{background:var(--swatch-day-bg)!important;color:var(--swatch-day-accent)!important;border-color:var(--swatch-day-accent)!important}
html[data-lighting=day] #appearanceDialog .swatch-bright{--swatch-day-bg:#eff9fb;--swatch-day-accent:#114f60}
html[data-lighting=day] #appearanceDialog .swatch-bold{--swatch-day-bg:#f8f3fc;--swatch-day-accent:#543977}
html[data-lighting=day] #appearanceDialog .swatch-warm{--swatch-day-bg:#fff8e5;--swatch-day-accent:#674717}
html[data-lighting=day] #appearanceDialog .swatch-rose{--swatch-day-bg:#fff3f8;--swatch-day-accent:#763251}
html[data-lighting=day] #appearanceDialog .swatch-forest{--swatch-day-bg:#f0faf3;--swatch-day-accent:#225239}
html[data-lighting=day] #appearanceDialog .swatch-midnight{--swatch-day-bg:#fff5eb;--swatch-day-accent:#774023}
html[data-lighting=day][data-appearance] #appearanceDialog .theme-swatch *{color:var(--swatch-day-accent)!important}
html[data-lighting=day][data-appearance] #appearanceDialog .appearance-save,html[data-lighting=day][data-appearance] #appearanceDialog legend{color:var(--day-accent)!important}
html[data-lighting=day] :is(input,button,a,summary,textarea):focus-visible{outline:3px solid var(--day-accent);outline-offset:3px}
html[data-lighting=day] #toast{background:var(--day-solid);color:var(--day-ink);border:1px solid var(--day-accent)}
@media(max-width:370px){html[data-lighting=day] .story-home .fh-top{margin-inline:-17px;padding-inline:17px}html[data-lighting=day] body[data-view=home] .story-home .fh-welcome{margin-inline:-17px;padding-inline:19px}html[data-lighting=day] .story-home .fh-path .fh-path-label{font-size:1.2rem}html[data-lighting=day] .story-home .fh-path-first .fh-path-label{font-size:1.7rem}}

/* Sunlit glass: blue daylight is stable; accent choices remain fine details. */
.story-art .day-art{display:none}
html[data-lighting=day] .story-art .night-art{display:none}
html[data-lighting=day] .story-art .day-art{display:inline}
html[data-lighting=day] .story-home .fh-brand{font-family:'Finder Serif',Georgia,serif;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 6px;font-size:20px;font-weight:400;letter-spacing:.3px;padding-top:6px}
html[data-lighting=day] .story-home .fh-brand>span{font:inherit;display:inline;margin:0}
html[data-lighting=day] .story-home .fh-brand>small{flex-basis:100%;font-family:var(--reader-font);font-size:9px;letter-spacing:3.4px;margin-top:7px}
html[data-lighting=day] .story-home .fh-top{background:linear-gradient(180deg,rgb(var(--day-rgb) / .55),rgb(var(--day-rgb) / .1));padding-bottom:16px}
html[data-lighting=day] body[data-view=home] .story-home .fh-welcome{background:linear-gradient(90deg,rgb(var(--day-rgb) / .66),rgb(var(--day-rgb) / .12));padding-top:15px;padding-bottom:33px;min-height:148px;margin-bottom:0}
html[data-lighting=day] body[data-view=home] .story-home .fh-welcome h1{font-size:clamp(26px,6.5vw,36px)}
html[data-lighting=day] .story-home .fh-search{border-color:#ffffffd9!important;background:linear-gradient(110deg,#e1f4fce8,#f9f5e5df)!important;box-shadow:inset 0 1px 3px #fff,0 6px 20px #28586d23!important}
html[data-lighting=day] .story-home .fh-q-front,html[data-lighting=day] .story-home .fh-path,html[data-lighting=day] .story-home .fh-prayer,html[data-lighting=day] .story-home .fh-reflection{border-color:#ffffffda!important;box-shadow:inset 0 1px 2px #fff,0 8px 22px #1b4d6b24!important}
html[data-lighting=day] .story-home .fh-q-front>.story-art{left:30%;width:70%}
html[data-lighting=day] .story-home .fh-q-front:after{background:linear-gradient(90deg,#e6f4fcfc 0 34%,#e6f4fcef 48%,#e6f4fc80 65%,#e6f4fc00 82%)!important}
html[data-lighting=day] .story-home .fh-q-label{max-width:66%}
html[data-lighting=day] .story-home .fh-q-controls{background:linear-gradient(90deg,#eef7fbd9,#fff7e8b3);border-radius:0 0 15px 15px;margin-top:0}
html[data-lighting=day] .story-home .fh-path-grid{gap:13px}
html[data-lighting=day] .story-home .fh-path{min-height:238px}
html[data-lighting=day] .story-home .fh-path:after{background:linear-gradient(180deg,transparent 0 29%,#e8f5fc44 43%,#e8f5fce8 62%,#e8f5fcfa 85%)!important}
html[data-lighting=day] .story-home .fh-path-first{min-height:186px}
html[data-lighting=day] .story-home .fh-path-first:after{background:linear-gradient(90deg,#e6f4fcfa 0 29%,#e6f4fceb 45%,#e6f4fc55 65%,transparent 84%)!important}
html[data-lighting=day] .story-home .fh-path-first .fh-path-label{font-size:32px}
html[data-lighting=day] .story-home .fh-path-label{font-size:24px;line-height:1.16}
html[data-lighting=day] .story-home .fh-path-desc{font-size:13px;line-height:1.45}
html[data-lighting=day] .story-home .fh-prayer:after,html[data-lighting=day] .story-home .fh-reflection:after{background:linear-gradient(90deg,#e6f4fcfc 0 39%,#e6f4fce8 55%,#e6f4fc55 75%,transparent 94%)!important}
html[data-lighting=day] .story-home .fh-prayer>span{max-width:70%}
html[data-lighting=day] .story-home .fh-reflection .fh-section-head button{background:#edf7fdf5;border:1px solid var(--day-line);border-radius:18px;padding:4px 12px;min-height:44px}
html[data-lighting=day] .story-home .fh-reflection h2{max-width:72%}
html[data-lighting=day] .story-home .fh-reflection p{background:#eaf6fcf2}
html[data-lighting=day] .fh-quiz{background:linear-gradient(115deg,#e8f5fcf2,#fff4dfe6)!important}
html[data-lighting=day] nav,html[data-lighting=day] body[data-view=home] nav{background:linear-gradient(110deg,#e9f6fdf2,#f3f9fbe8 55%,#fff6e5ed)!important;border-color:#ffffffdc}
html[data-lighting=day] nav .active:after{background:var(--day-accent)!important}
html[data-lighting=day] .fh-footer{background:linear-gradient(90deg,transparent,#edf7f9dd,transparent)}
@media(max-width:380px){html[data-lighting=day] .story-home .fh-brand{font-size:18px}html[data-lighting=day] .story-home .fh-path{padding:17px 13px;min-height:222px}html[data-lighting=day] .story-home .fh-path-first{min-height:180px;padding:21px}html[data-lighting=day] .story-home .fh-path-label{font-size:21px}html[data-lighting=day] .story-home .fh-path-first .fh-path-label{font-size:28px}}

/* Independent surface transparency: never use element opacity on readable controls. */
#appearanceDialog .glass-labels{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;flex-wrap:wrap}
#appearanceDialog input[type=range]{width:100%;min-height:44px;accent-color:var(--ui-accent);padding:0;margin:7px 0}
#appearanceDialog .glass-preview-scene{background:url('assets/scene/day-deeper.webp') center 30%/cover;border-radius:16px;padding:22px 12px;margin-top:12px}
#appearanceDialog .glass-preview-surface{background:rgb(234 246 252 / var(--glass-alpha,.72));backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid #fffd;border-radius:15px;padding:16px;display:grid;gap:8px;color:#172e3d!important;box-shadow:inset 0 1px 2px #fff9,0 5px 18px #163c4f26}
#appearanceDialog .glass-preview-surface span{font-size:13px}
html[data-lighting=day]{--glass-fill:rgb(var(--day-rgb) / var(--glass-alpha,.72));--glass-ink:color-mix(in srgb,var(--day-accent) 58%,#000)}
html[data-lighting=day] :is(.tile,.full-choice,.layer-button,.quiz-book,.quiz-intro,.quiz-controls button,.quiz-primary,.fh-quiz,.section-switcher,.az-letters,.pill,.offline-bar button,.fh-round,.fh-avatar,.icon-button,.story-heading,.story-home .fh-search){background:linear-gradient(120deg,rgb(247 252 255 / var(--glass-alpha,.72)),var(--glass-fill))!important;backdrop-filter:blur(5px) saturate(115%);-webkit-backdrop-filter:blur(5px) saturate(115%);box-shadow:inset 0 1px 2px #ffffffc4,inset 0 -1px 1px #47778c33,0 9px 24px #143f5726!important}
html[data-lighting=day] .story-heading:after{background:none!important}
html[data-lighting=day] :is(.heading,.fh-section-head,.fh-q-controls,.quiz-title,.quiz-section-head,.find-modes,.article-identity,.az-group>h2){background:var(--glass-fill);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
html[data-lighting=day] .story-home .fh-reflection .fh-section-head{background:none;backdrop-filter:none}
html[data-lighting=day] nav,html[data-lighting=day] body[data-view=home] nav{background:linear-gradient(110deg,rgb(235 247 255 / var(--glass-alpha,.72)),rgb(250 249 236 / var(--glass-alpha,.72)))!important;backdrop-filter:blur(7px) saturate(115%);-webkit-backdrop-filter:blur(7px) saturate(115%);box-shadow:inset 0 1px 2px #fff,inset 0 -1px 1px #47778c33,0 9px 24px #143f5733!important}
html[data-lighting=day] .story-home :is(.fh-q-front,.fh-path,.fh-prayer,.fh-reflection){background:rgb(234 246 252 / .12)!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:inset 0 1px 2px #fff,inset 0 -1px 1px #47778c33,0 9px 24px #143f5733!important}
html[data-lighting=day] .story-home :is(.fh-q-front,.fh-path,.fh-prayer,.fh-reflection)>.story-art{opacity:calc(var(--glass-alpha,.72) + .12)}
html[data-lighting=day] .story-home :is(.fh-q-front,.fh-prayer,.fh-reflection):after{background:linear-gradient(90deg,var(--glass-fill) 0 40%,rgb(234 246 252 / calc(var(--glass-alpha,.72) * .8)) 58%,transparent 88%)!important}
html[data-lighting=day] .story-home .fh-path:after{background:linear-gradient(180deg,transparent 0 28%,rgb(234 246 252 / .2) 43%,var(--glass-fill) 65%)!important}
html[data-lighting=day] .story-home .fh-path-first:after{background:linear-gradient(90deg,var(--glass-fill) 0 35%,rgb(234 246 252 / calc(var(--glass-alpha,.72) * .8)) 52%,transparent 85%)!important}
html[data-lighting=day] .story-home .fh-reflection p,html[data-lighting=day] .story-home .fh-tap{background:var(--glass-fill)}
html[data-lighting=day][data-appearance] body[data-theme] :is(.step-number,.fh-path-arrow,.fh-read,.fh-turn-back,.text-link,.pill,.article-identity,.quiz-reference,.guide-toggle,nav button>span,svg:not(.story-art)){color:var(--glass-ink)!important}
@media(prefers-reduced-transparency:reduce){html[data-lighting=day]{--glass-alpha:.96!important}}

/* One glass system for both themes. Higher specificity also covers second quiz shelves
   and dialog action rules, which previously kept their own opaque backgrounds. */
html[data-lighting=day]{--global-glass-rgb:234 246 252;--global-glass-top:247 252 255;--global-glass-text:#172e3d;--global-glass-line:var(--day-line);--day-glass:rgb(var(--day-rgb) / var(--glass-alpha,.72));--day-wash:var(--day-glass)}
html[data-lighting=night]{--global-glass-rgb:9 24 41;--global-glass-top:9 24 41;--global-glass-text:#f2f6ff;--global-glass-line:var(--ui-line);--glass-fill:rgb(var(--global-glass-rgb) / var(--glass-alpha,.72))}
html[data-lighting][data-appearance] body[data-theme]{--global-glass:linear-gradient(120deg,rgb(var(--global-glass-top) / var(--glass-alpha,.72)),rgb(var(--global-glass-rgb) / var(--glass-alpha,.72)))}
html[data-lighting][data-appearance] body[data-theme] :is(button,dialog,header,nav,.searchbox,.section-switcher,.az-letters,.guide-section,.tile,.full-choice,.layer-button,.layer,.answer,.verse,.entry-source,.empty,.mentor-prompt,.ministry-guide,.selah-pause,.quiz-intro,.quiz-book,.quiz-flash,.quiz-add,.quiz-library,.fh-quiz,.story-heading,.fh-q-back,.appearance-preview,.preview-choice,.theme-option,.appearance-choices label){background:var(--global-glass)!important;border-color:var(--global-glass-line)!important;backdrop-filter:blur(5px) saturate(115%);-webkit-backdrop-filter:blur(5px) saturate(115%)}
/* Fields and action labels use the same glass, never foreground opacity. */
html[data-lighting][data-appearance] body[data-theme] :is(input:not([type=radio]):not([type=checkbox]):not([type=range]),textarea){background:var(--global-glass)!important;color:var(--global-glass-text)!important;border-color:var(--global-glass-line)!important}
html[data-lighting][data-appearance] body[data-theme] :is(.fh-save,.appearance-save,.quiz-primary){color:var(--global-glass-text)!important;border:1px solid var(--ui-accent)!important}
html[data-lighting][data-appearance] body[data-theme] :is(.fh-save,.appearance-save,.quiz-primary) *{color:var(--global-glass-text)!important}
html[data-lighting][data-appearance] body[data-theme] :is(.fh-save,.appearance-save,.quiz-primary):disabled{opacity:1;cursor:default;border-style:dashed!important}
/* Navigation and segmented choices share one outer pane; selected outlines remain visible. */
html[data-lighting][data-appearance] body[data-theme] :is(nav,.section-switcher,.az-letters) button{background:transparent!important;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-lighting][data-appearance] body[data-theme] :is(.section-switcher,.az-letters) button[aria-pressed=true]{background:rgb(var(--global-glass-rgb) / calc(var(--glass-alpha,.72) * .3))!important;border-color:var(--ui-accent)!important;box-shadow:inset 0 0 0 1px var(--ui-accent)!important}
/* Artwork stays visible. Only its reading scrim changes with the slider. */
html[data-lighting][data-appearance] body[data-theme] .story-home :is(.fh-q-front,.fh-path,.fh-prayer,.fh-reflection){background:transparent!important}
html[data-lighting=night][data-appearance] body[data-theme] .story-home :is(.fh-q-front,.fh-path,.fh-prayer,.fh-reflection):after{background:linear-gradient(90deg,var(--glass-fill) 0 38%,rgb(10 28 49 / calc(var(--glass-alpha,.72) * .65)) 62%,transparent 92%)!important}
html[data-lighting=night][data-appearance] body[data-theme] .story-home .fh-path:not(.fh-path-first):after{background:linear-gradient(180deg,transparent 15%,rgb(10 28 49 / calc(var(--glass-alpha,.72) * .5)) 44%,var(--glass-fill) 70%)!important}
html[data-lighting][data-appearance] body[data-theme] .story-home :is(.fh-q-controls,.fh-section-head,.fh-footer),html[data-lighting][data-appearance] body[data-theme] :is(.heading,.quiz-title,.quiz-section-head,.quiz-progress,.quiz-note,.quiz-card-meta,.find-modes,.article-identity,.az-group>h2){background:var(--global-glass)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
html[data-lighting][data-appearance] body[data-theme] .story-home .fh-reflection .fh-section-head{background:transparent!important;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-lighting][data-appearance] body[data-theme] #appearanceDialog .glass-preview-surface{background:var(--global-glass)!important;color:var(--global-glass-text)!important}
html[data-lighting][data-appearance] body[data-theme] #appearanceDialog .glass-preview-surface *{color:var(--global-glass-text)!important}
html[data-lighting=night] #appearanceDialog .glass-preview-scene{background-image:url('assets/scene/ministry-deeper.webp')}
@media(prefers-reduced-transparency:reduce){html[data-lighting]{--glass-alpha:.96!important}}
html[data-lighting][data-appearance] body[data-theme] header .wordmark{background:transparent!important;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-lighting][data-appearance] body[data-theme] dialog button:not(.fh-round):not(.icon-button){border-radius:13px}
html[data-lighting][data-appearance] body[data-theme] dialog :is(.fh-save,.appearance-save){color:var(--global-glass-text)!important}

html[data-lighting=day] .story-heading.find-heading::after {
  background: linear-gradient(90deg, rgb(247 252 255 / .94), rgb(247 252 255 / .82) 64%, rgb(247 252 255 / .35)) !important;
}