@font-face{font-family:Finder Rounded;src:url('assets/fonts/nunito-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Finder Rounded;src:url('assets/fonts/nunito-bold.ttf') format('truetype');font-weight:650 900;font-style:normal;font-display:swap}
@font-face{font-family:Finder Serif;src:url('assets/fonts/lora-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Finder Serif;src:url('assets/fonts/lora-bold.ttf') format('truetype');font-weight:650 900;font-style:normal;font-display:swap}
:root{font-size:100%;--surface:#fff;--page:#fff;--nav-surface:#fffffff5;--reader-font:system-ui,-apple-system,sans-serif}
:root[data-text-size=large]{font-size:112.5%}
:root[data-text-size=extra]{font-size:125%}
:root[data-reader-font=rounded]{--reader-font:'Finder Rounded',system-ui,sans-serif}
:root[data-reader-font=serif]{--reader-font:'Finder Serif',Georgia,serif}
html[data-appearance=bold]{color-scheme:dark;--surface:#1c2c46;--page:#132138;--outer:#0e192b;--nav-surface:#18273f}
html[data-appearance=warm]{color-scheme:light;--surface:#fffdf7;--page:#faf5eb;--outer:#eee8dc;--nav-surface:#fffdf7}
html[data-appearance=bright]{color-scheme:light}
html[data-appearance=bold] body{--ink:#f2f5fb;--muted:#b8c7db;--accent:#94c8ff;--tint:#233750;--line:#415571}
html[data-appearance=bold] body[data-theme=green]{--accent:#8bdeb0;--tint:#1c3837;--line:#3f605a}
html[data-appearance=bold] body[data-theme=teal]{--accent:#77ddd7;--tint:#1b383f;--line:#3b6269}
html[data-appearance=bold] body[data-theme=orange]{--accent:#ffbd8c;--tint:#3c3030;--line:#70544b}
html[data-appearance=bold] body[data-theme=purple]{--accent:#cdb0ff;--tint:#302c4c;--line:#62537c}
html[data-appearance=bold] [data-tone=blue]{--item-accent:#94c8ff;--item-tint:#233750;--item-line:#415571}
html[data-appearance=bold] [data-tone=green]{--item-accent:#8bdeb0;--item-tint:#1c3837;--item-line:#3f605a}
html[data-appearance=bold] [data-tone=teal]{--item-accent:#77ddd7;--item-tint:#1b383f;--item-line:#3b6269}
html[data-appearance=bold] [data-tone=orange]{--item-accent:#ffbd8c;--item-tint:#3c3030;--item-line:#70544b}
html[data-appearance=bold] [data-tone=purple]{--item-accent:#cdb0ff;--item-tint:#302c4c;--item-line:#62537c}
html[data-appearance=warm] body{--ink:#353b34;--muted:#676858;--accent:#32638a;--tint:#edf0e9;--line:#dcd8c9}
html[data-appearance=warm] body[data-theme=green]{--accent:#386642;--tint:#edf0e4;--line:#d5dec9}
html[data-appearance=warm] body[data-theme=teal]{--accent:#286a66;--tint:#eaf0e8;--line:#cbded5}
html[data-appearance=warm] body[data-theme=orange]{--accent:#95522e;--tint:#f6eadd;--line:#e5d4c0}
html[data-appearance=warm] body[data-theme=purple]{--accent:#795074;--tint:#f1e8ef;--line:#e0d0dc}
html[data-appearance=warm] [data-tone=blue]{--item-accent:#32638a;--item-tint:#edf0e9;--item-line:#dcd8c9}
html[data-appearance=warm] [data-tone=green]{--item-accent:#386642;--item-tint:#edf0e4;--item-line:#d5dec9}
html[data-appearance=warm] [data-tone=teal]{--item-accent:#286a66;--item-tint:#eaf0e8;--item-line:#cbded5}
html[data-appearance=warm] [data-tone=orange]{--item-accent:#95522e;--item-tint:#f6eadd;--item-line:#e5d4c0}
html[data-appearance=warm] [data-tone=purple]{--item-accent:#795074;--item-tint:#f1e8ef;--item-line:#e0d0dc}
body[data-theme=orange]{--accent:#a94c10}
[data-tone=orange]{--item-accent:#a94c10}
.wordmark{overflow-wrap:anywhere}.heading{flex-wrap:wrap}.heading h2{min-width:0}.tile .label,.full-choice>span,.layer,.answer{overflow-wrap:anywhere}
.full-choice>span:not(.arrow){min-width:0;flex:1}.tile,.full-choice,.layer-button{height:auto}.section-switcher button{overflow-wrap:anywhere}
.section-switcher button[aria-pressed=true]{color:var(--accent)}
.offline-bar{justify-content:space-between;flex-wrap:wrap;gap:8px}.offline-bar #openAppearance{color:var(--ink);font-size:.75rem}.offline-bar #openAppearance:before{content:none}#openAppearance span{font-weight:750;margin-right:4px}
nav{align-items:flex-start}nav button{min-height:44px}.icon-button{min-width:44px;min-height:44px}header{gap:5px}.wordmark{padding:3px;min-width:0}
.font-rounded{font-family:'Finder Rounded',system-ui,sans-serif}.font-serif{font-family:'Finder Serif',Georgia,serif}
#appearanceDialog{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:20px;width:calc(100% - 24px);max-width:490px;max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}
#appearanceDialog::backdrop{background:#102132a8}
#appearanceDialog button,#appearanceDialog input{font:inherit}
.appearance-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.appearance-head h2{font-size:1.4rem}.appearance-head .icon-button{background:var(--tint)}
.appearance-intro{font-size:.875rem;color:var(--muted);margin:8px 0 22px}
#appearanceDialog fieldset{padding:0;margin:20px 0;border:0;min-width:0}#appearanceDialog legend{padding:0;margin-bottom:10px;font-size:.9rem;font-weight:700}
.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.theme-option{position:relative;min-width:0;display:flex;flex-direction:column;gap:7px;align-items:flex-start;padding:7px;border:2px solid var(--line);border-radius:12px;font-size:.7rem;line-height:1.4;cursor:pointer}
.theme-option input,.appearance-choices input{width:auto;accent-color:var(--accent);margin:0;min-width:16px;min-height:16px;padding:0;flex:none}
.theme-option:has(input:checked),.appearance-choices label:has(input:checked){border-color:var(--accent);background:var(--tint)}
.theme-swatch{display:block;width:100%;border:1px solid #7b8a9933;border-radius:7px;padding:7px;font-family:system-ui,sans-serif;font-size:1rem}
.theme-swatch span{font-weight:700}.theme-swatch i{display:block;height:5px;margin-top:5px;border-radius:3px;background:currentColor;opacity:.22}
.swatch-bright{background:#f3fbf7;color:#23814d}.swatch-bold{background:#132138;color:#cdb0ff}.swatch-warm{background:#faf5eb;color:#95522e}
.appearance-choices{display:flex;flex-wrap:wrap;gap:8px}.appearance-choices label{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:7px;padding:9px 11px;border:2px solid var(--line);border-radius:12px;font-size:.85rem;flex:1;white-space:nowrap}
.appearance-preview{background:var(--tint);border:1px solid var(--line);padding:16px;border-radius:16px;margin-top:22px}.preview-eyebrow{font-size:.65rem;letter-spacing:1px;color:var(--accent);font-weight:700}.appearance-preview h3{font-size:1.25rem;line-height:1.25;margin:7px 0}.appearance-preview p{font-size:1rem;line-height:1.6}
.preview-choice{background:var(--surface);border-radius:12px;padding:10px;display:flex;align-items:center;gap:9px;font-size:.875rem;margin-top:15px}.preview-choice span:last-child{margin-left:auto;color:var(--accent)}
.appearance-note{color:var(--muted);font-size:.75rem;line-height:1.6;margin-top:14px}#appearanceStatus{font-size:.85rem;margin-top:12px}
.appearance-footer{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.appearance-save,.appearance-cancel{min-height:44px;padding:11px 14px;border-radius:13px;font-size:.875rem;font-weight:650;flex:1}.appearance-save{background:var(--accent);color:var(--surface)}.appearance-cancel{background:var(--tint);color:var(--accent)}
html[data-appearance=bold] .appearance-save{color:#132138}
.appearance-reset{font-size:.75rem;min-height:44px;color:var(--muted);margin-top:9px;text-decoration:underline}
@media(prefers-reduced-motion:no-preference){.full-choice,.tile,.appearance-choices label{transition:background-color .15s ease,border-color .15s ease}}

@media(max-width:380px){.theme-options{grid-template-columns:1fr}.theme-option{display:grid;grid-template-columns:16px 58px minmax(0,1fr);align-items:center;gap:10px;font-size:.8rem}.theme-swatch{width:58px}.appearance-choices{display:grid;grid-template-columns:1fr}.appearance-choices label{white-space:normal;min-width:0}}
/* Keep small accent text readable on both white and tinted surfaces. */
body[data-theme=default],body[data-theme=blue]{--accent:#126db8}
body[data-theme=green]{--accent:#207847}
body[data-theme=teal]{--accent:#087875}
[data-tone=blue]{--item-accent:#126db8}
[data-tone=green]{--item-accent:#207847}
[data-tone=teal]{--item-accent:#087875}

/* Additional reader themes; pathway colours retain their meaning. */
html[data-appearance=rose]{color-scheme:light;--surface:#fffafd;--page:#fdf5f8;--outer:#f1e1e8;--nav-surface:#fffafd;}
html[data-appearance=rose] body{--ink:#3f293b;--muted:#72566a;--accent:#873e6c;--tint:#f6e7ef;--line:#dfc7d5;}
html[data-appearance=rose] body[data-theme=blue]{--accent:#315e96;--tint:#e9edf8;}
html[data-appearance=rose] [data-tone=blue]{--item-accent:#315e96;--item-tint:#e9edf8;--item-line:#dfc7d5;}
html[data-appearance=rose] body[data-theme=green]{--accent:#326b4d;--tint:#e7f1e9;}
html[data-appearance=rose] [data-tone=green]{--item-accent:#326b4d;--item-tint:#e7f1e9;--item-line:#dfc7d5;}
html[data-appearance=rose] body[data-theme=teal]{--accent:#246967;--tint:#e5f0ed;}
html[data-appearance=rose] [data-tone=teal]{--item-accent:#246967;--item-tint:#e5f0ed;--item-line:#dfc7d5;}
html[data-appearance=rose] body[data-theme=orange]{--accent:#914924;--tint:#f9e9df;}
html[data-appearance=rose] [data-tone=orange]{--item-accent:#914924;--item-tint:#f9e9df;--item-line:#dfc7d5;}
html[data-appearance=rose] body[data-theme=purple]{--accent:#793c80;--tint:#f3e5f3;}
html[data-appearance=rose] [data-tone=purple]{--item-accent:#793c80;--item-tint:#f3e5f3;--item-line:#dfc7d5;}
.swatch-rose{background:#fdf5f8;color:#873e6c}
html[data-appearance=forest]{color-scheme:light;--surface:#fbfcf8;--page:#f0f3eb;--outer:#dde4d7;--nav-surface:#f7f9f2;}
html[data-appearance=forest] body{--ink:#233c33;--muted:#52675d;--accent:#315f44;--tint:#e6eee5;--line:#c8d4c4;}
html[data-appearance=forest] body[data-theme=blue]{--accent:#365f80;--tint:#e6edf0;}
html[data-appearance=forest] [data-tone=blue]{--item-accent:#365f80;--item-tint:#e6edf0;--item-line:#c8d4c4;}
html[data-appearance=forest] body[data-theme=green]{--accent:#315f44;--tint:#e6eee5;}
html[data-appearance=forest] [data-tone=green]{--item-accent:#315f44;--item-tint:#e6eee5;--item-line:#c8d4c4;}
html[data-appearance=forest] body[data-theme=teal]{--accent:#306962;--tint:#e3eeea;}
html[data-appearance=forest] [data-tone=teal]{--item-accent:#306962;--item-tint:#e3eeea;--item-line:#c8d4c4;}
html[data-appearance=forest] body[data-theme=orange]{--accent:#854c29;--tint:#f3e8da;}
html[data-appearance=forest] [data-tone=orange]{--item-accent:#854c29;--item-tint:#f3e8da;--item-line:#c8d4c4;}
html[data-appearance=forest] body[data-theme=purple]{--accent:#705275;--tint:#eee7ef;}
html[data-appearance=forest] [data-tone=purple]{--item-accent:#705275;--item-tint:#eee7ef;--item-line:#c8d4c4;}
.swatch-forest{background:#f0f3eb;color:#315f44}
html[data-appearance=midnight]{color-scheme:dark;--surface:#252529;--page:#191b20;--outer:#121418;--nav-surface:#202126;}
html[data-appearance=midnight] body{--ink:#f7eee8;--muted:#cbbab0;--accent:#efb184;--tint:#3b302d;--line:#66534b;}
html[data-appearance=midnight] body[data-theme=blue]{--accent:#acccf5;--tint:#28313f;}
html[data-appearance=midnight] [data-tone=blue]{--item-accent:#acccf5;--item-tint:#28313f;--item-line:#66534b;}
html[data-appearance=midnight] body[data-theme=green]{--accent:#9ad4ae;--tint:#29382f;}
html[data-appearance=midnight] [data-tone=green]{--item-accent:#9ad4ae;--item-tint:#29382f;--item-line:#66534b;}
html[data-appearance=midnight] body[data-theme=teal]{--accent:#91d5cc;--tint:#253737;}
html[data-appearance=midnight] [data-tone=teal]{--item-accent:#91d5cc;--item-tint:#253737;--item-line:#66534b;}
html[data-appearance=midnight] body[data-theme=orange]{--accent:#efb184;--tint:#3b302d;}
html[data-appearance=midnight] [data-tone=orange]{--item-accent:#efb184;--item-tint:#3b302d;--item-line:#66534b;}
html[data-appearance=midnight] body[data-theme=purple]{--accent:#d4b5ee;--tint:#352e41;}
html[data-appearance=midnight] [data-tone=purple]{--item-accent:#d4b5ee;--item-tint:#352e41;--item-line:#66534b;}
.swatch-midnight{background:#191b20;color:#efb184}

/* Gold identifies the prayer collection in every reader theme. */
html[data-appearance=bright] body[data-theme=gold]{--accent:#765500;--tint:#fff7d5;--line:#e8d89f}
html[data-appearance=bright] [data-tone=gold]{--item-accent:#765500;--item-tint:#fff7d5;--item-line:#e8d89f}
html[data-appearance=bold] body[data-theme=gold]{--accent:#ffe083;--tint:#3a3321;--line:#74633c}
html[data-appearance=bold] [data-tone=gold]{--item-accent:#ffe083;--item-tint:#3a3321;--item-line:#74633c}
html[data-appearance=warm] body[data-theme=gold]{--accent:#76551a;--tint:#f6edce;--line:#ddcba0}
html[data-appearance=warm] [data-tone=gold]{--item-accent:#76551a;--item-tint:#f6edce;--item-line:#ddcba0}
html[data-appearance=rose] body[data-theme=gold]{--accent:#725216;--tint:#fbf0d5;--line:#dfcba5}
html[data-appearance=rose] [data-tone=gold]{--item-accent:#725216;--item-tint:#fbf0d5;--item-line:#dfcba5}
html[data-appearance=forest] body[data-theme=gold]{--accent:#665321;--tint:#f1edce;--line:#d6cda2}
html[data-appearance=forest] [data-tone=gold]{--item-accent:#665321;--item-tint:#f1edce;--item-line:#d6cda2}
html[data-appearance=midnight] body[data-theme=gold]{--accent:#f7d878;--tint:#383123;--line:#72623d}
html[data-appearance=midnight] [data-tone=gold]{--item-accent:#f7d878;--item-tint:#383123;--item-line:#72623d}
.tile[data-tone=gold]{background:linear-gradient(90deg,var(--surface,#fff) 55%,var(--item-tint))}