:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff8ee;--surface:#fff;--surface-2:#fdf0dc;--text:#2b2320;--muted:#6f625a;--primary:#c26a00;--primary-hover:#9a5400;--primary-bright:#ff9800;--on-primary:#fff;--accent:#e4bc56;--brand:#db000f;--border:#eadfce;--shadow:0 1px 2px #3c280a0f, 0 8px 24px -12px #3c280a38;--focus:#d97a10;--lit:#ffd54f;--lit-text:#2b2320;--danger:#b3261e;--radius:16px;--radius-sm:10px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-ui:var(--font-sans);--lyrics-size:1.25rem;--stage-scale:1;--wrap:64rem;--measure:44rem}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a1410;--surface:#251d17;--surface-2:#33281f;--text:#f3ebe2;--muted:#b3a597;--primary:#ffb74d;--primary-hover:#ffcc80;--primary-bright:#ff9800;--on-primary:#1a1410;--accent:#e4bc56;--border:#3f3227;--shadow:0 1px 2px #0000004d, 0 8px 24px -12px #0009;--focus:#ffcc80;--lit:#ffd54f;--lit-text:#1a1410}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a1410;--surface:#251d17;--surface-2:#33281f;--text:#f3ebe2;--muted:#b3a597;--primary:#ffb74d;--primary-hover:#ffcc80;--primary-bright:#ff9800;--on-primary:#1a1410;--accent:#e4bc56;--border:#3f3227;--shadow:0 1px 2px #0000004d, 0 8px 24px -12px #0009;--focus:#ffcc80;--lit:#ffd54f;--lit-text:#1a1410}}:root[data-size="1"]{--lyrics-size:1rem;--stage-scale:.75}:root[data-size="2"]{--lyrics-size:1.1rem;--stage-scale:.88}:root[data-size="3"]{--lyrics-size:1.25rem;--stage-scale:1}:root[data-size="4"]{--lyrics-size:1.45rem;--stage-scale:1.15}:root[data-size="5"]{--lyrics-size:1.7rem;--stage-scale:1.32}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:4rem}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);flex-direction:column;min-height:100dvh;margin:0;font-size:1rem;line-height:1.55;display:flex}img{max-width:100%;height:auto;display:block}a{color:var(--primary);text-underline-offset:.15em;text-decoration-thickness:1px}a:hover{color:var(--primary-hover)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}button{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .5em;font-weight:800;line-height:1.2}h1{font-size:clamp(1.6rem,1.2rem + 2vw,2.4rem)}h2{font-size:clamp(1.25rem,1.05rem + 1vw,1.6rem)}h3{font-size:1.1rem}p{margin:0 0 1em}small{color:var(--muted)}[hidden]{display:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}main.wrap{flex:1;padding-block:1.25rem 3rem}.skip-link{background:var(--surface);border-radius:var(--radius-sm);z-index:100;padding:.5rem 1rem;position:absolute;top:.5rem;left:-999px}.skip-link:focus{left:.5rem}.btn{background:var(--primary);color:var(--on-primary);cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-weight:700;text-decoration:none;transition:background .15s,transform 50ms;display:inline-flex}.btn:hover{background:var(--primary-hover);color:var(--on-primary)}.btn:active{transform:translateY(1px)}.btn--ghost{color:var(--primary);border-color:var(--border);background:0 0}.btn--ghost:hover{background:var(--surface-2);color:var(--primary-hover)}.btn--danger{background:var(--danger)}.btn[aria-pressed=true]{background:var(--surface-2);border-color:var(--primary)}.icon-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-width:2.5rem;min-height:2.5rem;padding:.3rem .6rem;font-weight:700;display:inline-flex}.icon-btn:hover{background:var(--surface-2)}.link-btn{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:.35rem .8rem;font-size:.9rem;text-decoration:none;display:inline-block}.chip:hover{background:var(--surface-2);color:var(--text)}.chip.is-active,.chip[aria-pressed=true]{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.chips{flex-wrap:wrap;gap:.4rem;margin:0 0 .75rem;display:flex}.eyebrow{color:var(--muted);margin:0 0 .35rem;font-size:.9rem}.note,.empty{color:var(--muted)}.audio-mark{color:var(--primary);font-weight:700}.fav-mark{color:var(--accent)}.debug{white-space:pre-wrap;text-align:left;background:var(--surface-2);border-radius:var(--radius-sm);padding:1rem;font-size:.8rem}.avatar{--avatar:var(--primary-bright);background:var(--avatar);color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #00000026;border-radius:50%;flex:none;place-items:center;width:2.6rem;height:2.6rem;font-size:1rem;font-weight:800;display:inline-grid}.avatar--big{width:3.6rem;height:3.6rem;font-size:1.35rem}.site-header{background:var(--primary-bright);color:#fff;z-index:20;position:sticky;top:0;box-shadow:0 1px #00000014}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem;padding-block:.4rem;display:flex}.brand{color:#fff;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:800;text-decoration:none;display:inline-flex}.brand__logo{border-radius:9px;width:36px;height:36px}.site-nav{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.site-nav>a{color:#fff;border-radius:999px;padding:.35rem .7rem;font-weight:600;text-decoration:none}.site-nav>a:hover{color:#fff;background:#ffffff2e}.site-nav>a[aria-current=page]{background:#0000002e}.site-footer{border-top:1px solid var(--border);color:var(--muted);margin-top:auto;font-size:.9rem}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding-block:1.25rem;display:flex}.site-footer p{margin:0}.hero{text-align:center;padding-block:1.25rem .25rem}.hero__title{margin-bottom:.25rem}.hero__tagline{color:var(--muted);max-width:38rem;margin-inline:auto;font-size:1.05rem}.section{margin-block:1.5rem}.section__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.section__head .chips{margin:0}.section__count{color:var(--muted);margin:0;font-size:.9rem}.search{gap:.5rem;margin-bottom:1rem;display:flex}.search__input{min-width:0;font:inherit;border:2px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;flex:1;padding:.8rem 1.1rem;font-size:1.1rem}.search__input:focus{border-color:var(--primary);outline:none}.search__numpad{border:2px solid var(--border);background:var(--surface);cursor:pointer;color:var(--muted);border-radius:999px;padding:0 1rem;font-weight:800}.search__numpad[aria-pressed=true]{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.hymn-list{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.hymn-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;display:flex}.hymn-row__link{min-width:0;color:var(--text);flex:1;align-items:center;gap:.8rem;padding:.6rem .8rem;text-decoration:none;display:flex}.hymn-row__link:hover{color:var(--primary)}.hymn-row__title{flex:1;min-width:0;font-weight:600}.hymn-row__marks{gap:.3rem;display:inline-flex}.hymn-row__remove{color:var(--accent);background:0 0;border:0;margin-right:.6rem}.hymn-list--favorites{max-width:var(--measure);grid-template-columns:1fr}.promo{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;display:flex}.promo__text{flex:1}.promo__text h2{margin-bottom:.3rem}.promo__icon{border-radius:20px}.promo--inline{margin-top:2.5rem}.badges{flex-wrap:wrap;gap:.6rem;margin-top:.75rem;display:flex}.badge{background:var(--text);color:var(--bg);border-radius:10px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.badge:hover{color:var(--bg);opacity:.9}.badge--ghost{color:var(--primary);border:1px solid var(--border);background:0 0}.page{max-width:var(--measure);margin-inline:auto}.page--center{text-align:center;padding-block:3rem}.prose p{font-size:1.05rem}.breadcrumb{color:var(--muted);margin-bottom:1rem;font-size:.9rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.25rem}.settings__card{margin-bottom:1rem}.card__heading{margin-bottom:.25rem;font-size:1.1rem}.card__subheading{color:var(--muted);margin:0 0 .5rem;font-size:.95rem;font-weight:700}.settings__divider{border:0;border-top:1px solid var(--border);margin:1rem 0}.settings__sample{margin:.75rem 0 0}.reader-tools{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.reader-tools__label{color:var(--muted);font-size:.9rem}.reader-tools__value{font-variant-numeric:tabular-nums;color:var(--muted);text-align:center;min-width:3rem}.switch{cursor:pointer;align-items:center;gap:.7rem;padding:.4rem 0;display:flex}.switch input{width:1.3rem;height:1.3rem;accent-color:var(--primary)}.options{gap:.4rem;display:grid}.option{border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;align-items:flex-start;gap:.7rem;padding:.5rem .6rem;display:flex}.option:has(input:checked){border-color:var(--primary);background:var(--surface-2)}.option input{accent-color:var(--primary);margin-top:.3rem}.option span{flex-direction:column;display:flex}.option small{color:var(--muted)}.consent{inset-inline:0;z-index:50;padding:.75rem;position:fixed;bottom:0}.consent__inner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:44rem;box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:1rem;margin-inline:auto;padding:1rem 1.25rem;display:flex}.consent__inner p{flex:18rem;margin:0;font-size:.92rem}.consent__actions{gap:.5rem;display:flex}.install{inset-inline:0;z-index:49;padding:.75rem;position:fixed;bottom:0}.install__inner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:30rem;box-shadow:var(--shadow);align-items:center;gap:.75rem;margin-inline:auto;padding:.75rem 1rem;display:flex}.install__inner img{border-radius:10px}.install__inner p{flex:1;margin:0;font-size:.9rem}body.has-player .consent,body.has-player .install{bottom:5rem}@media (width<=40rem){.site-header__inner{padding-block:.5rem}.site-nav{gap:.1rem}.site-nav>a{padding:.3rem .5rem;font-size:.9rem}.promo{text-align:center;flex-direction:column}.promo__icon{order:-1}}@media print{.site-header,.site-footer,.actions,.pager,.promo,.ad,.consent,.install,.player,.stage{display:none!important}body{color:#000;background:#fff}}.lists-dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(28rem,100vw - 2rem);color:var(--text);box-shadow:var(--shadow);padding:0}.lists-dialog::backdrop{background:#00000073}.lists-dialog__inner{flex-direction:column;gap:.75rem;padding:1.1rem 1.25rem;display:flex}.lists-dialog__title{margin:0;font-size:1.15rem}.lists-dialog__hymn{color:var(--muted);margin:0}.lists-dialog__choices{flex-direction:column;gap:.35rem;max-height:45vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.lists-dialog__choice{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.7rem;padding:.55rem .6rem;display:flex}.lists-dialog__choice input{width:1.15rem;height:1.15rem;accent-color:var(--primary-bright)}.lists-dialog__new,.lists-new{gap:.5rem;display:flex}.lists-dialog__new input,.lists-new input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:0;color:var(--text);font:inherit;flex:1;padding:.55rem .7rem}.lists-dialog__error{color:#c62828;margin:0;font-size:.9rem}.lists-dialog__actions{justify-content:flex-end;display:flex}.lists-heading{margin:1.5rem 0 .6rem;font-size:1.15rem}.page--lists{margin-top:1rem}.lists{flex-direction:column;gap:.6rem;margin-top:.9rem;display:flex}.list-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.list-card__summary{cursor:pointer;align-items:baseline;gap:.75rem;padding:.8rem 1rem;display:flex}.list-card__name{flex:1;min-width:0;font-weight:700}.list-card__count{color:var(--muted);font-size:.9rem}.list-card__bar{flex-wrap:wrap;gap:.5rem;padding:0 1rem .8rem;display:flex}.list-card>.note{margin:0;padding:0 1rem .9rem}.list-card>.hymn-list{padding:0 .6rem .8rem}.list-card .icon-btn{margin-right:.2rem}.list-card .icon-btn:disabled{opacity:.35;cursor:default}.account-card .account-providers{flex-wrap:wrap;gap:.5rem;margin:.75rem 0;display:flex}.account-provider{align-items:center;gap:.5rem;display:inline-flex}.account-provider__mark{background:var(--on-primary);width:1.4rem;height:1.4rem;color:var(--primary);border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;display:inline-grid}.account-form{gap:.6rem;max-width:26rem;margin-top:.5rem;display:grid}.account-form label{gap:.25rem;font-size:.95rem;display:grid}.account-form input{font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);padding:.55rem .65rem}.account-form__or{color:var(--muted);margin:.25rem 0 0}.account-form__actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.account-email{overflow-wrap:anywhere;font-weight:600}.account-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:.5rem 0;display:flex}.account-unverified{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.5rem;display:flex}.account-unverified .note{flex-basis:100%;margin:0}.account-status:empty{display:none}.account-status{margin:.5rem 0 0;font-weight:600}.account-status--error{color:var(--danger,#b3261e)}.account-card[aria-busy=true]{opacity:.7}.account-privacy{margin-top:.75rem;font-size:.85rem}.hymn{max-width:var(--measure);margin-inline:auto}.hymn__head{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.hymn__head .eyebrow,.hymn__title{margin:0}.actions{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.lyrics{margin:1.25rem 0 2rem}.verse{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:.75rem;padding:1rem 1.25rem}.verse__text{font-size:var(--lyrics-size);margin:0;line-height:1.6}.w{border-radius:.25em;margin:0 -.08em;padding:0 .08em;transition:background-color .12s,color .12s}.w.is-lit{background:var(--lit);color:var(--lit-text)}.w--marker{color:var(--muted);font-style:italic}.pager{grid-template-columns:1fr 1fr;gap:.75rem;margin:1.5rem 0;display:grid}.pager__link{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);flex-direction:column;gap:.15rem;padding:.75rem 1rem;text-decoration:none;display:flex}.pager__link:hover{border-color:var(--primary)}.pager__link--next{text-align:right;align-items:flex-end}.pager__link small{color:var(--muted)}.ad{min-height:1px;margin:1.5rem 0}hi-player{margin:1rem 0;display:block}hi-player audio{width:100%}hi-player.is-ready audio{display:none}.player-bar{z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:auto 1fr;align-items:center;gap:.5rem .9rem;margin-top:1rem;padding:.6rem .9rem;display:grid;position:sticky;bottom:.5rem}.player-bar__controls{align-items:center;gap:.35rem;display:flex}.player-bar__play{background:var(--primary);width:3rem;height:3rem;color:var(--on-primary);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.player-bar__play:hover{background:var(--primary-hover)}.player-bar__skip{border:1px solid var(--border);background:var(--surface);width:2.4rem;height:2.4rem;color:var(--text);border-radius:50%;place-items:center;font-size:.9rem;text-decoration:none;display:grid}.player-bar__main{flex-direction:column;gap:.2rem;min-width:0;display:flex}.player-bar__title{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.player-bar__seek{width:100%;accent-color:var(--primary);margin:0}.player-bar__time{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.75rem;display:flex}.player-bar__error{color:var(--danger);grid-column:1/-1;margin:0;font-size:.85rem}.stage{z-index:60;color:#fff;background:#000;position:fixed;inset:0;overflow:hidden}body.has-stage{overflow:hidden}.stage__bg{background:#000 50%/cover no-repeat;position:absolute;inset:0}.stage__bg:after{content:"";background:#00000047;position:absolute;inset:0}.stage--plain .stage__bg{background:#14100d}.stage--plain .stage__bg:after{display:none}.stage__slides{display:grid;position:absolute;inset:0 0 3.5rem}.stage__slide{text-align:center;grid-area:1/1;place-content:center;padding:clamp(1rem,4vw,3rem) clamp(1rem,8vw,6rem);display:none}.stage__slide.is-current{animation:.35s ease-out stage-in;display:grid}@keyframes stage-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}.stage__number{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem;font-size:clamp(1rem,2.2vw,1.6rem);font-weight:700}.stage__title{font-size:calc(clamp(2rem, 6vw, 5rem) * var(--stage-scale));text-shadow:0 2px 12px #000000b3;margin:0;font-weight:800}.stage__text{font-size:calc(clamp(1.5rem, 4.6vw, 3.6rem) * var(--stage-scale));text-shadow:0 2px 10px #000c,0 0 2px #000000e6;margin:0;font-weight:700;line-height:1.35}.stage .w.is-lit{background:var(--lit);color:var(--lit-text);text-shadow:none}.stage .w--marker{color:var(--accent);font-style:italic}.stage--full .stage__slides{padding:2rem 0;display:block;overflow-y:auto}.stage--full .stage__slide{opacity:.55;padding-block:1rem;animation:none;display:grid}.stage--full .stage__slide.is-current{opacity:1}.stage--full .stage__slide--title{display:none}.stage__tap{cursor:pointer;opacity:0;background:0 0;border:0;width:22%;position:absolute;top:0;bottom:3.5rem}.stage__tap--prev{left:0}.stage__tap--next{right:0}.stage__tap:focus-visible{opacity:1;outline-offset:-4px}.stage__bar{inset-inline:0;height:3.5rem;padding:0 1rem env(safe-area-inset-bottom,0);background:linear-gradient(#0000,#0009);justify-content:space-between;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:0}.stage__btn{color:#fff;cursor:pointer;background:#00000059;border:1px solid #ffffff59;border-radius:999px;align-items:center;gap:.3rem;padding:.4rem .9rem;font-weight:600;display:inline-flex}.stage__btn:hover{background:#0009}.stage__btn--play{background:var(--primary-bright);border-color:#0000;justify-content:center;width:2.8rem;height:2.8rem;padding:0}.stage__pos{font-variant-numeric:tabular-nums;color:#ffffffd9;font-weight:600}@media (orientation:portrait) and (width<=40rem){.stage__text{font-size:calc(clamp(1.4rem, 7vw, 2.4rem) * var(--stage-scale))}.stage__title{font-size:calc(clamp(1.8rem, 9vw, 3rem) * var(--stage-scale))}}