:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f1e7;--surface:#fffdf8;--fg:#1f1a17;--dim:#6b5f55;--accent:#7a2430;--accent-hover:#5c1822;--accent-soft:#7a243017;--panel:#fffdf8;--panel-2:#efe6d6;--border:#e4d9c6;--border-strong:#d8cbb4;--stage-bg:transparent;--stage-fg:#1f1a17;--stage-dim:#9a8b7c;--stage-sung:#b8aa98;--stage-accent:#7a2430;--score-bg:#fffdf8;--controls-bg:#fffdf8;--chip-on-bg:#1f1a17;--chip-on-fg:#fffdf8;--primary-bg:#7a2430;--primary-fg:#fffdf8;--primary-border:#7a2430;--error:#8b1a1a;--mark-bg:#f1dfa8;--shadow:#3c281412;--shadow-lift:0 1px 2px #3c28140d, 0 8px 24px #3c281412;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .36 0 0 0 0 .25 0 0 0 0 .14 0 0 0 .14 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--veil:linear-gradient(180deg, #f6f1e7db 0%, #f6f1e7ed 60%, #f6f1e7 100%);--radius:6px;--radius-lg:12px;--font:"Source Sans 3", "Source Sans Pro", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:"Fraunces", "Iowan Old Style", Georgia, "Palatino Linotype", "Book Antiqua", "Times New Roman", serif;--font-lyrics:var(--font-display);--font-title:var(--font-display);--lyric-size:clamp(1.7rem, 4.2vw, 3.4rem);--lyric-weight:400;--lyric-line-height:1.36}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#17120f;--surface:#221b17;--fg:#efe7da;--dim:#a89b8b;--accent:#d1a85a;--accent-hover:#e4c27f;--accent-soft:#d1a85a1f;--panel:#221b17;--panel-2:#2a221d;--border:#2e2621;--border-strong:#3a302a;--stage-bg:transparent;--stage-fg:#f3ecdf;--stage-dim:#8f8272;--stage-sung:#5e544a;--stage-accent:#d1a85a;--score-bg:#221b17;--controls-bg:#1d1713;--chip-on-bg:#efe7da;--chip-on-fg:#17120f;--primary-bg:#d1a85a;--primary-fg:#17120f;--primary-border:#d1a85a;--error:#f0948a;--mark-bg:#4a3a1e;--shadow:#0006;--shadow-lift:0 1px 2px #0000004d, 0 10px 28px #00000059;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .95 0 0 0 0 .86 0 0 0 0 .72 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--veil:linear-gradient(180deg, #17120fd6 0%, #17120feb 60%, #17120f 100%)}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#17120f;--surface:#221b17;--fg:#efe7da;--dim:#a89b8b;--accent:#d1a85a;--accent-hover:#e4c27f;--accent-soft:#d1a85a1f;--panel:#221b17;--panel-2:#2a221d;--border:#2e2621;--border-strong:#3a302a;--stage-bg:transparent;--stage-fg:#f3ecdf;--stage-dim:#8f8272;--stage-sung:#5e544a;--stage-accent:#d1a85a;--score-bg:#221b17;--controls-bg:#1d1713;--chip-on-bg:#efe7da;--chip-on-fg:#17120f;--primary-bg:#d1a85a;--primary-fg:#17120f;--primary-border:#d1a85a;--error:#f0948a;--mark-bg:#4a3a1e;--shadow:#0006;--shadow-lift:0 1px 2px #0000004d, 0 10px 28px #00000059;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .95 0 0 0 0 .86 0 0 0 0 .72 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--veil:linear-gradient(180deg, #17120fd6 0%, #17120feb 60%, #17120f 100%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #view-score svg{filter:invert(.88)hue-rotate(180deg)sepia(.12)}}:root[data-theme=dark] #view-score svg{filter:invert(.88)hue-rotate(180deg)sepia(.12)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--font);margin:0}html{background-image:var(--grain)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:0 0;line-height:1.45}#app{flex-direction:column;min-height:100%;display:flex}button{font:inherit;color:var(--fg);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:.5rem .9rem}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--primary-bg);color:var(--primary-fg);border-color:var(--primary-border);min-width:8.5rem;padding:.65rem 1.5rem;font-size:1.1rem;font-weight:600}select,input[type=number]{font:inherit;color:var(--fg);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:.35rem .5rem}input[type=range]{accent-color:var(--accent)}a{color:var(--accent)}.top{border-bottom:1px solid var(--border);background:0 0;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.1rem;display:flex}.top h1{font-family:var(--font-title);letter-spacing:.01em;margin:0;font-size:1.35rem;font-weight:600}.top h1[data-number]:before{content:attr(data-number) " ";color:var(--accent);font-weight:400}.top .sub{color:var(--dim);margin-top:.15rem;font-size:.85rem;font-style:italic}.top-actions{align-items:center;gap:.5rem;display:flex}.top .back{color:var(--accent);white-space:nowrap;padding:.3rem .2rem;font-size:.95rem;text-decoration:none}.top .back:hover{text-decoration:underline}.home{flex:1 0 auto;width:100%}.home.help{max-width:52rem;margin:0 auto;padding:1.25rem 1.1rem 2.5rem}.search input{width:100%;font:inherit;color:var(--fg);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .9rem;font-size:1.15rem}.search input:focus{outline:2px solid var(--accent);outline-offset:1px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.hymn-list{gap:.6rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.hymn-pick{text-align:left;border-radius:var(--radius);background:var(--panel);gap:.2rem;width:100%;padding:.8rem 1rem;display:grid}.hymn-pick:disabled{opacity:.5;cursor:default}.hymn-title{font-size:1.25rem;font-weight:600}.hymn-first{color:var(--fg);font-style:italic}.hymn-meta{color:var(--dim);font-size:.9rem}.hymn-meta .tune{letter-spacing:.04em}.hymn-meta .tag{color:var(--accent)}.hymn-status{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;margin-top:.15rem;font-size:.78rem}.empty{color:var(--dim);padding:1rem 0}.home-note{color:var(--dim);margin-top:1.5rem;font-size:.85rem;font-style:italic}.try{color:var(--dim);margin-top:.45rem;font-size:.9rem}.linkish{color:var(--accent);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.filter-hint{color:var(--dim);margin:0 0 .2rem;font-size:.85rem;font-style:italic}.browse-chips .chip[aria-pressed=true]{font-weight:600}.book-row{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.book-row select{flex:0 16rem;min-width:0;max-width:100%;padding:.4rem .5rem}.browse h3 label{cursor:default}.hymn-tunes{color:var(--dim);padding:.1rem 1rem .2rem;font-size:.85rem}.hymn-tunes a{letter-spacing:.03em}.title-tune{color:var(--dim);letter-spacing:.03em;font-size:.85em;font-weight:400}.tune-pick{font:inherit;max-width:14rem;padding:.1rem .3rem;font-size:.85rem;font-style:normal}.tune-count{font-size:.8rem}@media (max-width:640px){.tune-pick{max-width:11rem}.tune-count{display:none}}.home-section{margin-top:1.6rem}.home-section>h2{text-transform:uppercase;letter-spacing:.1em;color:var(--dim);border-bottom:1px solid var(--border);margin:0 0 .6rem;padding-bottom:.35rem;font-size:.8rem;font-weight:600}.home-section h3{margin:1rem 0 .45rem;font-size:1rem;font-weight:600}.home-section .hymn-list{margin-top:0}.browse-chips .count{color:var(--dim);margin-left:.2rem;font-size:.8em}.chip.on .count{color:inherit;opacity:.75}.hymn-why{color:var(--accent);font-size:.88rem;font-style:italic}.spotlight .hymn-card.big .hymn-pick{border-left:4px solid var(--accent);padding:1.1rem 1.2rem}.spotlight .hymn-card.big .hymn-title{font-size:1.5rem}.search-label{font-family:var(--font-title);margin:.4rem 0 .5rem;font-size:1.5rem;font-weight:600;display:block}.search input{padding:.8rem 1rem;font-size:1.2rem}.interp{color:var(--fg);margin:.9rem 0 0;font-size:.98rem}.interp:empty{display:none}.interp .count{color:var(--dim)}.interp-also{color:var(--dim);margin-top:.1rem;font-size:.85rem;font-style:italic;display:block}.why-label{text-transform:uppercase;letter-spacing:.08em;color:var(--dim);font-size:.72rem;font-style:normal}mark{background:var(--mark-bg);color:inherit;border-radius:2px;padding:0 .05em}.show-more{width:100%;margin-top:.7rem}.ask-chips .chip{text-align:left}.ask-chips.examples .chip{font-style:italic}.stage{background:var(--stage-bg);min-height:0;color:var(--stage-fg);flex-direction:column;flex:1;align-items:stretch;display:flex;overflow:auto}.view{flex:1 0 auto}.stage>.view{min-height:100%}.hidden{display:none!important}.loading{color:var(--dim);padding:2rem}.loading.error{color:var(--error)}#view-lyrics{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem 1.25rem;display:flex}.lyrics-status{min-height:1.5em;color:var(--stage-dim);letter-spacing:.12em;text-transform:uppercase;font-size:1rem}.lyrics-status.count{color:var(--stage-accent);text-transform:none;letter-spacing:0;font-size:clamp(4rem,18vw,12rem);line-height:1}.verse-number{color:var(--accent);letter-spacing:.02em;margin-bottom:.7em;font-size:1.05rem;font-style:italic}.verse-number:before,.verse-number:after{content:" · ";color:var(--stage-dim)}.lyric-line{font-family:var(--font-lyrics);font-size:calc(var(--lyric-size) * var(--lyric-fit,1));font-weight:var(--lyric-weight);line-height:var(--lyric-line-height);color:var(--stage-dim);text-wrap:balance;margin:.08em 0;transition:color .12s linear}.lyric-line.current{color:var(--stage-fg)}.lyric-line.sung{color:var(--stage-sung)}.lyric-line .word.now{color:var(--stage-accent)}.with-chords .lyric-line{line-height:1.2}.lyric-line .syl.has-chord,.print-line .syl.has-chord{text-indent:0;display:inline-block}.lyric-line .chord,.print-line .chord{text-align:left;font-family:var(--font);white-space:nowrap;color:var(--accent);letter-spacing:.01em;padding-right:.35em;font-size:.52em;font-style:normal;font-weight:700;line-height:1.15;display:block}#view-score{background:var(--score-bg);color:#000;padding:.5rem;overflow:auto}#view-leader{grid-template-columns:1fr;align-content:start;gap:1rem;width:100%;max-width:60rem;margin:0 auto;padding:1.5rem;font-size:1.2rem;display:grid}.leader-label{color:var(--stage-dim);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.leader-now .leader-value{font-size:2.2rem;font-weight:600;font-family:var(--font-title);color:var(--stage-accent)}.leader-verse{font-family:var(--font-lyrics);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.7rem 0;font-size:1.5rem;line-height:1.4}.leader-verse .dim{color:var(--stage-dim)}.leader-next .leader-value{font-size:1.3rem}.leader-time{color:var(--stage-dim);font-variant-numeric:tabular-nums}.audio-only{height:100%;color:var(--stage-dim);justify-content:center;align-items:center;font-size:6rem;display:flex}.progress{background:var(--controls-bg);padding:.35rem 1.1rem 0}.progress input[type=range]{width:100%}.segments{flex-wrap:wrap;gap:.35rem;padding:.25rem 0;display:flex}.seg{border-radius:999px;padding:.2rem .65rem;font-size:.8rem}.seg-intro,.seg-countIn{color:var(--dim)}.controls{background:var(--controls-bg);gap:.75rem;padding:.75rem 1.1rem 1rem;display:grid}.transport{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.transport .vol{align-items:center;gap:.4rem;margin-left:auto;display:flex}.options{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.6rem;display:grid}fieldset{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2);flex-direction:column;gap:.35rem;margin:0;padding:.45rem .65rem .65rem;display:flex}legend{color:var(--dim);letter-spacing:.02em;padding:0 .3rem;font-size:.85rem;font-style:italic}.chips{flex-wrap:wrap;gap:.35rem;display:flex}.chip{border-radius:999px;padding:.3rem .75rem}.chip.on{background:var(--chip-on-bg);color:var(--chip-on-fg);border-color:var(--chip-on-bg)}.note{color:var(--dim);font-size:.8rem}body[data-ui=basic] [data-leader],body[data-ui=leader] [data-basic]{display:none}.ui-switch{border:1px solid var(--border);border-radius:999px;display:inline-flex;overflow:hidden}.ui-switch button{background:0 0;border:0;border-radius:0;padding:.35rem .8rem}.ui-switch button.on{background:var(--chip-on-bg);color:var(--chip-on-fg)}.note.recorded{color:var(--accent,inherit);font-style:italic}#btn-ui[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}fieldset label{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}fieldset label select{flex:1;min-width:8rem}.options fieldset,fieldset label select{min-width:0}fieldset label input[type=range]{flex:1;min-width:6rem}.status{color:var(--dim);min-height:1.2em;font-size:.9rem}:is(:fullscreen .top,:fullscreen .options,:fullscreen .quick,:fullscreen .hymn-more,:fullscreen .status,:fullscreen .segments){display:none}:fullscreen .controls{padding:.4rem 1rem}:fullscreen{--lyric-size:clamp(2.4rem, 6.2vw, 5.8rem)}@media (max-width:640px){.top{flex-wrap:wrap;gap:.5rem;padding:.6rem .9rem}.title-block{flex:100%;min-width:0}.top h1{font-size:1.1rem;line-height:1.25}.top .sub{font-size:.8rem;line-height:1.35}.top-actions{flex-wrap:wrap;flex:100%;justify-content:flex-start}.top-actions .ghost{padding:.4rem .7rem;font-size:.9rem}.leader-now .leader-value{font-size:1.6rem}#view-leader{padding:1rem}button.primary{min-width:7rem}:root{--lyric-size:clamp(1.5rem, 7vw, 2.2rem)}}.pause-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.key-limit{font-style:italic}.key-limit:empty{display:none}.chip:disabled{opacity:.45;cursor:not-allowed}.chip:disabled:hover{border-color:var(--border)}.theme-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.chords-row{flex-wrap:wrap;align-items:center;gap:.4rem .9rem;display:flex}.capo-wrap{align-items:center;gap:.35rem;display:inline-flex}.capo-wrap[hidden],.capo-note[hidden]{display:none}.capo-wrap select{min-width:0;max-width:13rem}.capo-note{margin:.1rem 0 .2rem}#feedback-dlg,#offer-dlg{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--fg);width:min(32rem,100vw - 2rem);padding:1.2rem}#feedback-dlg::backdrop{background:#00000073}#offer-dlg::backdrop{background:#00000073}.feedback{gap:.7rem;margin:0;display:grid}.feedback h2{margin:0;font-size:1.2rem}.feedback textarea{font:inherit;color:var(--fg);background:var(--bg,transparent);border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;resize:vertical;width:100%;padding:.5rem}.fb-actions{justify-content:flex-end;gap:.5rem;display:flex}.settings-toggle,.label-short,.settings-done{display:none}@media (min-width:641px) and (max-width:1023px){#app:has(.hymn-layout){height:100dvh;min-height:0}}@media (max-width:640px){#app:has(.stage){height:100dvh;min-height:0}.stage{min-height:0}.controls{padding:.4rem .6rem calc(.45rem + env(safe-area-inset-bottom));box-shadow:0 -4px 12px var(--shadow);gap:.35rem;position:sticky;bottom:0}.transport .vol,.transport .label,.label-long{display:none}.label-short{display:inline}.top-actions{gap:.35rem}.ui-switch button{padding:.3rem .6rem;font-size:.9rem}.progress{padding:.15rem .6rem 0}.segments{gap:.3rem;padding:.15rem 0 .1rem}.segments .seg{padding:.15rem .55rem;font-size:.8rem}}.hymn-layout{flex-direction:column;flex:1;min-height:0;display:flex}.hymn-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.controls{grid-template-columns:minmax(0,1fr)}.bar{flex-wrap:wrap;align-items:center;gap:.5rem .9rem;min-width:0;display:flex}.bar .transport{order:0}.bar .quick{order:1}.transport{flex:auto;align-items:center;gap:.5rem;min-width:0;display:flex}.transport .vol{margin-left:auto}.quick{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.pick-chip{background:var(--panel);white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;min-height:2.6rem;padding:.3rem .65rem .3rem .7rem;display:inline-flex}.pick-chip[hidden]{display:none}.pick-chip .caret{width:.95em;height:.95em;color:var(--dim)}.pick-chip[aria-expanded=true]{border-color:var(--fg)}.settings-toggle{justify-content:center;min-width:2.75rem;min-height:2.6rem;padding:.4rem .6rem}.settings-toggle .icon{width:1.3em;height:1.3em}.seg-control{border:1px solid var(--border);background:var(--panel);border-radius:10px;flex-wrap:wrap;gap:2px;padding:2px;display:inline-flex}.seg-control .chip{white-space:nowrap;background:0 0;border:0;border-radius:8px;min-height:2.3rem;padding:.35rem .75rem}.seg-control .chip:hover:not(:disabled){background:var(--panel-2)}.seg-control .chip.on,.seg-control .chip.on:hover{background:var(--chip-on-bg);color:var(--chip-on-fg);font-weight:600}.options{background:var(--controls-bg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-content:start;gap:.6rem;padding:.75rem 1.1rem 1rem;display:grid}.options fieldset{min-width:0}.options fieldset[hidden]{display:none}.options-head{grid-column:1/-1;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.options-head h2{text-transform:uppercase;letter-spacing:.1em;color:var(--dim);margin:0;font-size:.8rem;font-weight:600}fieldset label.check{flex-wrap:nowrap;align-items:flex-start}fieldset label.check input{flex:none;margin:.2rem 0 0}fieldset label.check span{flex:1;min-width:0}.mode-desc{font-size:.85rem;line-height:1.45}.part-row{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;display:flex}.part-row[hidden]{display:none}.part-row .note{flex:100%}.help-row{grid-column:1/-1;padding:.55rem .2rem;font-weight:600;text-decoration:none;display:block}.hymn-layout:not([data-state=playing]):not([data-state=paused]) .lyric-line{color:var(--stage-fg)}.hymn-more{width:100%;max-width:46rem;color:var(--fg);gap:1rem;margin:0 auto;padding:1.2rem 1.25rem 2rem;display:grid}.hymn-more:not(:has(>:not(.hidden))){display:none}.hymn-more h2{text-transform:uppercase;letter-spacing:.1em;color:var(--dim);border-bottom:1px solid var(--border);margin:0 0 .6rem;padding-bottom:.35rem;font-size:.8rem;font-weight:600}.top-actions{flex-wrap:wrap;justify-content:flex-end}.top-actions button{white-space:nowrap}@media (min-width:1024px){#app:has(.hymn-layout){height:100dvh;min-height:0}.hymn-layout{flex-direction:row}.options{overscroll-behavior:contain;border-left:2px double var(--border);flex:0 0 clamp(16rem,27vw,23rem);grid-template-columns:1fr;padding:.9rem 1rem 1.2rem;overflow-y:auto}.settings-done{display:none!important}}@media (max-width:640px){.bar{gap:.4rem}.bar .quick{flex-wrap:wrap;flex:100%;order:0;min-width:0}.bar .transport{flex:100%;order:1;gap:.4rem}.quick .pick-chip{flex:auto;justify-content:space-between;min-width:0;padding-inline:.6rem .5rem;font-size:.92rem}.quick .pick-chip .pick-label{text-overflow:ellipsis;text-align:left;flex:auto;min-width:0;overflow:hidden}.transport button{flex:none;min-height:2.75rem;padding:.45rem .7rem}.transport button.primary{flex:auto;min-width:0;font-size:1.1rem}}@media (max-width:1023px){.transport .settings-toggle{align-items:center;display:inline-flex}.hymn-layout:not(.settings-open) .options{display:none}.hymn-layout.settings-open:after{content:"";z-index:49;background:#00000073;position:fixed;inset:0}.hymn-layout.settings-open .options{z-index:50;max-height:calc(100dvh - env(safe-area-inset-top) - 3rem);overscroll-behavior:contain;padding:0 max(.75rem, env(safe-area-inset-right)) calc(.9rem + env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));border-radius:14px 14px 0 0;grid-template-columns:1fr;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 30px #0000004d}.options-head{z-index:2;margin:0 calc(-1 * max(.75rem, env(safe-area-inset-right))) 0 calc(-1 * max(.75rem, env(safe-area-inset-left)));padding:.2rem max(.5rem, env(safe-area-inset-right)) .2rem max(.9rem, env(safe-area-inset-left));background:var(--controls-bg);border-bottom:1px solid var(--border);border-radius:14px 14px 0 0;min-height:3.1rem;position:sticky;top:0}.options-head h2{text-transform:none;letter-spacing:0;color:var(--fg);font-size:1.05rem}.settings-done{min-height:2.75rem;color:var(--accent);background:0 0;border:0;align-items:center;padding:.4rem .5rem;font-size:1.05rem;font-weight:600;display:inline-flex}.settings-done:hover{text-decoration:underline}}.ways{gap:.8rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.way{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);justify-items:start;gap:.55rem;padding:1rem 1.1rem;display:grid}.way p{margin:0;line-height:1.5}.way-head{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.way h2{margin:0;font-size:1.15rem}.need{text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--border);color:var(--dim);border-radius:999px;padding:.15rem .45rem;font-size:.72rem}.need-most{background:var(--primary-bg);color:var(--primary-fg);border-color:var(--primary-bg)}.need-needed{color:var(--accent);border-color:var(--accent)}.need-maybe{font-style:italic}.signup{gap:.5rem;width:100%;max-width:34rem;display:grid}.signup[hidden],.signup-done[hidden]{display:none}.signup label{gap:.2rem;font-size:.9rem;display:grid}.signup input{box-sizing:border-box;width:100%;min-width:0;font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.45rem .5rem}.signup-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.5rem;display:grid}.signup-actions{flex-wrap:wrap;align-items:center;gap:.4rem .8rem;display:flex}.signup-status:empty{display:none}.signup-done{color:var(--accent);margin:0;font-weight:600}a.button{border-radius:var(--radius);padding:.45rem .9rem;text-decoration:none;display:inline-block}a.button.primary{background:var(--primary-bg);color:var(--primary-fg)}.feedback label{gap:.25rem;font-size:.92rem;display:grid}.feedback label.rights{align-items:center;gap:.45rem;display:flex}.feedback input:not([type=checkbox]){font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.45rem .5rem}.listen{background:var(--panel);border:1px solid var(--accent);border-radius:var(--radius);gap:.6rem;margin-top:.5rem;padding:1rem 1.1rem;display:grid}.listen>h2{margin:0;font-size:1.3rem}.listen>p{margin:0;line-height:1.5}.ways-h{text-transform:uppercase;letter-spacing:.1em;color:var(--dim);border-bottom:1px solid var(--border);margin:1.6rem 0 0;padding-bottom:.35rem;font-size:.8rem;font-weight:600}.vote{gap:.6rem;display:grid}.vote p{margin:0}.vote-meta{flex-wrap:wrap;align-items:baseline;gap:.1rem .6rem;display:flex}.vote-hymn{font-size:1.1rem}.vote-what{color:var(--dim);font-size:.9rem;font-style:italic}.vote-q{font-weight:600}.vote-q:empty{display:none}.vote-players{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.vote-play{background:var(--bg);border-width:2px;justify-items:center;gap:.35rem;min-height:6rem;padding:.9rem .6rem .7rem;display:grid}.vote-play[aria-pressed=true]{border-color:var(--accent)}.vote-play:disabled{opacity:.5;cursor:default}.vote-icon{color:var(--accent);font-size:1.3rem;line-height:1}.vote-side{font-size:1.6rem;font-weight:600;line-height:1}.vote-bar{background:var(--border);border-radius:3px;width:100%;height:6px;overflow:hidden}.vote-bar i{background:var(--accent);width:0;height:100%;display:block}.vote-heard{color:var(--dim);font-size:.8rem}.vote-heard.ok{color:var(--accent);font-weight:600}.vote-choices{grid-template-columns:1fr auto 1fr;gap:.5rem;display:grid}.vote-choice{background:var(--primary-bg);min-height:2.75rem;color:var(--primary-fg);border-color:var(--primary-border);font-weight:600}.vote-choice.same{color:var(--fg);border-color:var(--border);background:0 0;font-weight:400}.vote-choice:disabled{opacity:.4;cursor:not-allowed}.vote-hint:empty{display:none}.vote-retry{justify-self:start;min-height:2.75rem}.vote-count{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border:1px solid var(--border);border-radius:999px;padding:.05rem .5rem;font-size:.75rem;font-weight:600}.vote-count:empty{display:none}.vote-meta,.vote-q,.vote-players{transition:opacity .2s}.vote-next .vote-meta,.vote-next .vote-q,.vote-next .vote-players{opacity:.3}.vote-arrived .vote-meta,.vote-arrived .vote-q,.vote-arrived .vote-players{animation:.38s ease-out vote-in}@keyframes vote-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.vote-spinner{vertical-align:-.1em;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:.9em;height:.9em;margin-right:.35em;animation:.8s linear infinite vote-spin;display:inline-block}@keyframes vote-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.vote-arrived .vote-meta,.vote-arrived .vote-q,.vote-arrived .vote-players{animation:none}.vote-spinner{animation-duration:2.4s}}.impact{color:var(--accent);margin:0;font-weight:600}.impact:empty{display:none}.change-list{gap:.6rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.change-list li{border-left:3px solid var(--accent);gap:.15rem;padding-left:.8rem;display:grid}.change-list p{margin:0;line-height:1.45}.change-title{font-weight:600}.change-from{color:var(--dim);font-size:.82rem;font-style:italic}.changes>.note{margin:.5rem 0 0}.install{background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius);justify-items:start;gap:.5rem;margin-top:.9rem;padding:.8rem 1rem;display:grid}.install p{margin:0;line-height:1.45}.install-steps{gap:.35rem;margin:0;padding-left:1.4rem;line-height:1.45;display:grid}.install-actions button{min-height:2.75rem}.install-actions{flex-wrap:wrap;gap:.5rem;display:flex}.install-actions button.primary{font-size:1rem}.install-share{vertical-align:-.2em;color:var(--accent)}.after-card .install{margin-top:0}.nudges:empty{display:none}.after-card{background:var(--panel);border-top:2px solid var(--accent);gap:.5rem;max-height:60dvh;padding:.7rem 1.1rem .8rem;display:grid;overflow-y:auto}.after-head{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.after-head h2{margin:0;font-size:1.1rem}.after-head p{color:var(--dim);margin:.1rem 0 0;font-size:.92rem}.after-close{border:0;min-width:2.75rem;min-height:2.75rem;padding:0}.after-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.after-actions button{min-height:2.75rem}.vote-compact .vote-play{min-height:4.5rem;padding:.6rem .5rem .5rem}.vote-compact .vote-side{font-size:1.3rem}:fullscreen .after-card{display:none}.after-ask{border-top:1px solid var(--border);gap:.45rem;padding-top:.6rem;display:grid}.after-ask h2{margin:0;font-size:1.05rem}.after-ask>p{color:var(--dim);margin:0;font-size:.92rem}.react{gap:.5rem;display:grid}.react-row{flex-wrap:wrap;gap:.5rem;display:flex}.react-btn{flex:9rem;min-height:2.75rem}.react-btn[aria-pressed=true]{background:var(--chip-on-bg);color:var(--chip-on-fg);border-color:var(--chip-on-bg)}.react-more{gap:.5rem;display:grid}.react-more[hidden],.react-more [hidden]{display:none}.react-more p{margin:0}.react-chips .chip{min-height:2.5rem}.react-text{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);resize:vertical;width:100%;padding:.5rem}.react-send{justify-self:end;min-width:6rem}.react-status{margin:0}.react-status:empty{display:none}@media (max-width:640px){.vote-choices{grid-template-columns:1fr 1fr}.vote-choice.same{grid-area:2/1/auto/-1}.after-card{padding:.5rem .75rem .6rem}}.hymn-card.has-add,.result.has-add{position:relative}.hymn-card.has-add .hymn-pick{padding-right:7.4rem}.svc-add{min-height:2.5rem;color:var(--accent);background:var(--bg);border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .8rem .3rem .6rem;font-size:.9rem;line-height:1;display:inline-flex;position:absolute;top:.55rem;right:.55rem}.svc-add:hover{border-color:var(--accent);background:var(--panel-2)}.svc-add-icon{flex:none}@media (max-width:640px){.hymn-card.has-add .hymn-pick{padding-right:3.6rem}.svc-add{justify-content:center;width:2.75rem;height:2.75rem;padding:0;top:.45rem;right:.45rem}.svc-add-text{display:none}}.svc{align-content:start;gap:1.4rem;width:100%;max-width:52rem;margin:0 auto;padding:1rem 1.1rem 6rem;display:grid}.svc h2{text-transform:uppercase;letter-spacing:.1em;color:var(--dim);margin:0;font-size:.8rem;font-weight:600}.svc-row-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.6rem;padding-bottom:.4rem;display:flex}.svc button,.svc a.button,.svc-bar button,.svc-up button,.svc-up a.button,.svc-dialog button{min-height:2.75rem}.svc a.button{border:1px solid var(--border);background:var(--panel);color:var(--fg);justify-content:center;align-items:center;display:inline-flex}.svc a.button.primary{background:var(--primary-bg);color:var(--primary-fg);border-color:var(--primary-bg);font-weight:600}.svc-list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.svc-list-item{text-align:left;background:var(--panel);gap:.1rem;width:100%;display:grid}.svc-list-item.on{border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent)}.svc-list-title{font-weight:600}.svc-list-meta,.svc-sum{color:var(--dim);font-size:.88rem}.svc-empty{color:var(--dim);font-style:italic}.svc-fields{grid-template-columns:1fr auto;gap:.6rem;display:grid}.svc-field{color:var(--dim);gap:.25rem;font-size:.85rem;font-style:italic;display:grid}.svc-field input,.svc-field select,.svc-share-box input{font:inherit;color:var(--fg);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:2.75rem;padding:.55rem .65rem;font-style:normal}.svc-field-title input{font-size:1.2rem;font-weight:600}.svc-play-row,.svc-actions{flex-wrap:wrap;gap:.5rem;margin-top:.9rem;display:flex}.svc-play{padding:.65rem 1.5rem;font-size:1.15rem}.svc-badge{color:var(--dim);font-size:.85rem}.svc-badge:empty{display:none}.svc-badge.ready{color:var(--accent);font-weight:600}.svc-badge.failed{color:var(--error)}.svc-items{gap:.5rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.svc-item{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);gap:.5rem;padding:.6rem .7rem;display:grid}.svc-item.dragging{opacity:.45}.svc-item.drop-before{box-shadow:0 -3px 0 var(--accent)}.svc-item.drop-after{box-shadow:0 3px 0 var(--accent)}.svc-item-main{align-items:flex-start;gap:.6rem;display:flex}.svc-handle{cursor:grab;color:var(--dim);-webkit-user-select:none;user-select:none;touch-action:none;font-size:1.2rem;line-height:1.6}.svc-num{background:var(--chip-on-bg);min-width:1.9rem;height:1.9rem;color:var(--chip-on-fg);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:.95rem;font-weight:600;display:inline-flex}.svc-item-text{gap:.1rem;min-width:0;display:grid}.svc-item-title{color:var(--fg);overflow-wrap:anywhere;font-size:1.12rem;font-weight:600;text-decoration:none}.svc-item-title:hover{color:var(--accent);text-decoration:underline}.svc-item-actions{flex-wrap:wrap;gap:.35rem;display:flex}.svc-item-actions button{min-width:2.75rem;padding:.4rem .7rem}.svc-item-actions button:disabled{opacity:.4;cursor:default}.svc-item-actions [data-act=edit][aria-expanded=true]{background:var(--chip-on-bg);color:var(--chip-on-fg);border-color:var(--chip-on-bg)}.svc-item-actions [data-act=remove]{margin-left:auto}.svc-item-edit{border-top:1px solid var(--border);gap:.6rem;padding-top:.5rem;display:grid}.svc-item-edit .chip{min-width:2.75rem}.svc-checks{flex-wrap:wrap;gap:.4rem 1rem;display:flex}.svc-checks label{align-items:center;gap:.4rem;min-height:2.75rem;display:flex}.svc-checks input{width:1.2rem;height:1.2rem}.svc-open{font-weight:600}.svc-share-box{gap:.3rem;margin-top:.6rem;display:grid}.svc-share-box label{color:var(--dim);gap:.25rem;font-size:.85rem;display:grid}.svc-manage{border-top:1px solid var(--border);margin-top:1.4rem;padding-top:.9rem}.svc-import{background:var(--panel-2);border:1px solid var(--accent);border-radius:var(--radius);padding:.9rem 1rem}.svc-import-list{gap:.3rem;margin:.4rem 0 0;padding-left:1.4rem;display:grid}.svc-import-list .svc-sum{display:block}.svc button.danger-ghost{color:var(--error);background:0 0;border-color:currentColor;margin-left:auto}.svc-dialog button.danger{background:var(--error);color:var(--bg);border-color:var(--error);font-weight:600}.svc-dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--fg);width:min(26rem,100vw - 2rem);padding:1.1rem}.svc-dialog::backdrop{background:#00000073}.svc-dialog form{gap:.8rem;margin:0;display:grid}.svc-dialog h2{margin:0;font-size:1.1rem}.svc-dialog p{margin:0;line-height:1.45}.svc-dialog-actions{justify-content:flex-end;gap:.5rem;display:flex}.svc-pick-list{gap:.4rem;display:grid}.svc-pick{text-align:left;gap:.1rem;display:grid}.svc-pick-title{font-weight:600}.svc-pick-meta{color:var(--dim);font-size:.85rem}.svc-pick-new{color:var(--accent)}.svc-toast{left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:20;background:var(--chip-on-bg);width:min(34rem,100vw - 1.5rem);color:var(--chip-on-fg);border-radius:var(--radius);align-items:center;gap:.5rem;padding:.55rem .55rem .55rem .9rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #00000040}body:has(.controls) .svc-toast{bottom:auto;top:calc(.6rem + env(safe-area-inset-top))}.svc-toast a{color:inherit;font-weight:600}.svc-toast-text{flex:1;min-width:0}.svc-toast button{min-height:2.75rem;color:inherit;background:0 0;border-color:currentColor}.svc-toast .svc-toast-close{border:0}.svc-bar{background:var(--panel-2);border-bottom:1px solid var(--border);align-items:stretch;gap:.4rem;padding:.35rem 1.1rem;display:flex}.svc-bar button{flex:none;padding:.4rem .8rem}.svc-bar button:disabled{opacity:.4;cursor:default}.svc-where{text-align:center;min-width:0;color:var(--fg);flex-wrap:wrap;flex:1;justify-content:center;align-items:center;font-size:.9rem;line-height:1.25;text-decoration:none;display:flex}.svc-where-title{overflow-wrap:anywhere;min-width:0}.svc-where-date{color:var(--dim)}.svc-pos{color:var(--dim);flex:none}.svc-where-role{overflow-wrap:anywhere;min-width:0;color:var(--accent);font-weight:600}.svc-pos strong{color:var(--accent);font-size:1rem}.svc-up{background:var(--panel);border-top:2px solid var(--accent);gap:.5rem;padding:.8rem 1.1rem;display:grid}.svc-up-go{text-align:left;justify-items:start;gap:.1rem;width:100%;padding:.8rem 1.1rem;font-size:1.3rem;display:grid}.svc-up-label{text-transform:uppercase;letter-spacing:.1em;opacity:.85;font-size:.8rem;font-weight:400}.svc-up-title{font-family:var(--font-title);overflow-wrap:anywhere}.svc-up-title:after{content:" ›"}.svc-up-count{opacity:.9;font-size:.9rem;font-weight:400}.svc-up-count:empty{display:none}.svc-up-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.svc-up-auto{align-items:center;gap:.45rem;min-height:2.75rem;font-size:.95rem;display:flex}.svc-up-auto input{width:1.2rem;height:1.2rem}.svc-up-end{margin:0}.svc-up a.button{border:1px solid var(--border);background:var(--panel-2);color:var(--fg);align-items:center;display:inline-flex}:fullscreen .svc-bar{display:none}@media (max-width:640px){.svc{padding:.8rem .9rem 6rem}.svc-fields{grid-template-columns:1fr}.svc-play-row>*{flex:100%}.svc-bar{gap:.3rem;padding:.3rem .6rem}.svc-bar button{padding:.4rem .6rem}.svc-where{font-size:.85rem}.svc-where-date{display:none}.svc-search-row{flex-wrap:wrap}.svc-search-row .svc-find{flex:100%}.svc-adding{padding:.35rem .6rem}.svc-up{padding:.6rem .75rem}.svc-up-go{font-size:1.15rem}}@media (hover:none){.svc-handle{display:none}}#btn-add-service[hidden],#btn-offline[hidden],.svc-adding[hidden],.svc-q-hint[hidden]{display:none!important}.transport button.primary.press-me{box-shadow:0 0 0 0 var(--accent);animation:1.2s ease-in-out infinite press-me}@keyframes press-me{50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 35%, transparent)}}@media (prefers-reduced-motion:reduce){.transport button.primary.press-me{box-shadow:0 0 0 3px var(--accent);animation:none}}.svc-adding{z-index:15;background:var(--chip-on-bg);color:var(--chip-on-fg);align-items:center;gap:.5rem;padding:.4rem 1.1rem;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000026}.svc-adding-text{overflow-wrap:anywhere;flex:1;min-width:0;font-size:.95rem;line-height:1.3}.svc-adding .svc-adding-n{opacity:.85;white-space:nowrap;flex:none;margin-left:-.25rem}.svc-adding button,.svc-adding a.button{min-height:2.5rem}.svc-adding .svc-adding-stop{color:inherit;background:0 0;border-color:#0000;padding:.3rem .6rem}.svc-adding a.button{border-radius:var(--radius);background:var(--bg);color:var(--fg);border:1px solid var(--bg);align-items:center;padding:.3rem 1.1rem;font-weight:600;text-decoration:none;display:inline-flex}.svc-add.in{color:var(--chip-on-fg);background:var(--chip-on-bg);border-color:var(--chip-on-bg)}.svc-add-tick{font-size:1.05rem;font-weight:700}.svc-role{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:.75rem;font-weight:600}.svc-role-field .note{font-style:normal}.svc-any-key{max-width:20rem;margin-top:.5rem}.svc-key-note:empty{display:none}.svc-item-edit fieldset{border:0;gap:.35rem;margin:0;padding:0;display:grid}.svc-item-edit legend{color:var(--dim);margin-bottom:.3rem;padding:0;font-size:.85rem;font-style:italic}.svc-item-edit .chip:disabled{opacity:.45;cursor:not-allowed}.svc-start{background:var(--panel);border:1px dashed var(--border);border-radius:var(--radius);justify-items:start;gap:.6rem;padding:.9rem 1rem;display:grid}.svc-start p{margin:0}.svc-start .note{font-size:.85rem}.svc-add-box{gap:.35rem;margin-top:1rem;display:grid}.svc-search-row{gap:.5rem;display:flex}.svc-search-row input{min-width:0;font:inherit;color:var(--fg);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex:12rem;min-height:2.75rem;padding:.55rem .65rem}.svc-q-hint{margin:0;font-size:.85rem}.svc-results{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.svc-result{text-align:left;background:var(--panel);align-items:center;gap:.6rem;width:100%;display:flex}.svc-result-text{flex:1;gap:.1rem;min-width:0;display:grid}.svc-result-title{overflow-wrap:anywhere;font-weight:600}.svc-result-first{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.svc-result-add{color:var(--accent);white-space:nowrap;flex:none;font-size:.9rem;font-weight:600}.svc-result.in .svc-result-add{color:var(--dim)}.svc-dialog-actions{flex-wrap:wrap}.svc-dialog button.primary{background:var(--primary-bg);color:var(--primary-fg);border-color:var(--primary-bg);min-width:0;padding:.5rem 1rem;font-size:1rem;font-weight:600}.svc-dialog button.danger-ghost{color:var(--error);background:0 0;border-color:currentColor}.svc-print,.hymn-print{display:none}@media print{body>:not(#app),#app>:not(.svc-print):not(.hymn-print){display:none!important}html,body,#app{color:#000;background:#fff;height:auto}.svc-print{font-family:var(--font);padding:0 1rem;display:block}.svc-print h1{margin:0 0 .2rem;font-size:1.8rem}.svc-print-date{margin:0 0 1.2rem;font-style:italic}.svc-print ol{gap:.8rem;padding-left:1.6rem;display:grid}.svc-print-title{font-size:1.2rem;font-weight:600}.svc-print-meta{font-size:.95rem}.svc-print-role{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:600}.svc-print li{break-inside:avoid}.svc-words .words-top{margin-bottom:1.2rem}.svc-words .words-hymn{margin:0 0 1.8rem}.svc-words .words-head{break-inside:avoid;break-after:avoid}.svc-words .words-role{text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.85rem;font-weight:600}.svc-words .words-hymn h2{margin:0 0 .15rem;font-size:1.6rem}.svc-words .print-sub{margin:0 0 .8rem;font-size:.95rem;font-style:italic}.svc-words .print-lyrics{font-size:1.4rem;line-height:1.5}.svc-words .words-pd{border-top:1px solid #000;margin-top:2rem;padding-top:.5rem;font-size:.85rem;font-style:italic}.hymn-print{font-family:var(--font);color:#000;padding:0 1rem;display:block}.hymn-print h1{margin:0 0 .2rem;font-size:1.7rem}.hymn-print .print-sub{margin:0 0 1.2rem;font-style:italic}.hymn-print svg{width:100%;height:auto;filter:none!important}.print-lyrics{font-family:var(--font-lyrics);font-size:1.2rem;line-height:1.5}.print-verse{break-inside:avoid;margin:0 0 1rem;padding-left:1.8rem;position:relative}.print-n{font-style:italic;position:absolute;left:0}.print-line .chord{color:#000}}.hymn-more .about{background:var(--panel);min-width:0;color:var(--fg)}.about{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2);padding:0 .8rem}.about>summary{cursor:pointer;align-items:center;gap:.4rem;min-height:2.75rem;padding:.55rem 0;font-weight:600;list-style:none;display:flex}.about>summary::-webkit-details-marker{display:none}.about>summary:before{content:"▸";color:var(--accent);font-size:.85em;transition:transform .12s}.about[open]>summary:before{transform:rotate(90deg)}.about>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.about-body{gap:.7rem;max-width:48rem;padding:0 0 .8rem;line-height:1.5;display:grid}.about-body p{margin:0}.about-basics{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.35rem 1.2rem;margin:0;display:grid}.about-basics>div{align-content:start;min-width:0;display:grid}.about-basics dt{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.about-basics dd{overflow-wrap:anywhere;margin:0}.about-desc>p{font-size:1.02rem}.about-h{text-transform:uppercase;letter-spacing:.1em;color:var(--dim);margin:.2rem 0 0;font-size:.8rem;font-weight:600}.about-facts{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.about-fact{border-left:3px solid var(--border);padding-left:.8rem}.about-srcs{color:var(--dim);margin-top:.1rem;font-size:.8rem;display:inline-block}.about-cite{min-height:1.75rem;color:var(--accent);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:.15rem 0;font-size:.8rem;font-style:italic;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.about-cite[aria-expanded=true]{text-decoration-style:solid}.about-quote{background:var(--panel);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;margin:.35rem 0 0;padding:.45rem .7rem;font-size:.9rem}.about-quote p{font-style:italic}.about-quote footer{color:var(--dim);margin-top:.2rem;font-size:.8rem}.about-quote cite{font-style:normal}.about-foot{font-style:italic}.about-foot .linkish{font-size:inherit;margin-left:.2rem;font-style:normal}.about-i{color:var(--accent);cursor:pointer;vertical-align:-.05em;background:0 0;border:0;padding:0 .35rem 0 0;font-size:1rem;font-style:normal;line-height:1}:is(:fullscreen .about,:fullscreen .about-i){display:none}.proj{z-index:1000;text-align:center;font-family:var(--font-lyrics);cursor:none;--proj-bg:#000;--proj-fg:#fff;--proj-dim:#8c8c8c;--proj-sung:#6a6a6a;--proj-accent:#f2c14e;background:var(--proj-bg);color:var(--proj-fg);outline:none;flex-direction:column;justify-content:center;align-items:center;padding:3vh 4vw;display:flex;position:fixed;inset:0;overflow:hidden}.proj.proj-light{--proj-bg:#fff;--proj-fg:#000;--proj-dim:#767676;--proj-sung:#9a9a9a;--proj-accent:#7d2b2b}.proj.proj-ui{cursor:default}.proj-title{color:var(--proj-dim);letter-spacing:.02em;margin-bottom:1.2em;font-size:max(15px,2.6vmin);font-style:italic}.proj-verse{font-weight:var(--lyric-weight);max-width:none;line-height:1.22;display:inline-block}.proj-line{white-space:nowrap;display:block}.proj.proj-wrap .proj-line{white-space:normal;text-wrap:balance;margin-bottom:.18em}.proj.proj-hl .proj-line{transition:color .12s linear}.proj.proj-hl .proj-verse.live .proj-line{color:var(--proj-dim)}.proj.proj-hl .proj-verse.live .proj-line.current{color:var(--proj-fg)}.proj.proj-hl .proj-verse.live .proj-line.sung{color:var(--proj-sung)}.proj.proj-hl .word.now{color:var(--proj-accent)}.proj-next{color:var(--proj-dim);font-size:max(16px,3vmin);font-style:italic;position:absolute;bottom:4vh;left:0;right:0}.proj.proj-blank>:not(.proj-close):not(.proj-hint){visibility:hidden}.proj-close{color:var(--proj-dim);border:1px solid var(--proj-sung);opacity:0;background:0 0;padding:.5rem .7rem;font-size:1.1rem;line-height:1;transition:opacity .2s;position:absolute;top:12px;right:12px}.proj.proj-ui .proj-close,.proj-close:focus-visible{opacity:1}.proj-hint{z-index:1001;max-width:calc(100% - 5rem);font-family:var(--font);color:var(--proj-fg,#fff);border-radius:var(--radius);pointer-events:none;background:#80808047;padding:.45em .9em;font-size:14px;transition:opacity .6s;position:fixed;top:12px;left:50%;transform:translate(-50%)}.proj-hint.gone{opacity:0}body.projecting{overflow:hidden}body.projector-window{background:#000}body.projector-window #proj-screen{position:fixed;inset:0}.proj-hint.proj-setup{pointer-events:auto;color:#eee;text-align:left;background:#1c1c1c;border:1px solid #444;max-width:34rem;padding:.8rem 1.1rem;font-size:15px;line-height:1.45;top:auto;bottom:16px}.proj-hint.proj-setup p{margin:.3rem 0}.proj-hint.proj-setup button{color:inherit}.proj-hint.proj-setup .primary{color:#000;background:#fff;border-color:#fff}.proj-hint.proj-setup.gone{visibility:hidden;transition:opacity .6s,visibility 0s .6s}.proj-actions{flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem;display:flex}.proj-actions button{flex:auto}.lyrics-verse.one-line .lyric-line{white-space:nowrap;text-wrap:nowrap}.icon{vertical-align:-.2em;flex:none;width:1.15em;height:1.15em}:where(button:has(>.icon),a:has(>.icon)){align-items:center;gap:.4rem;display:inline-flex}button.chip:has(>.icon){gap:.35rem}.transport .vol .icon{color:var(--dim)}legend .icon{vertical-align:-.18em;width:1.05em;height:1.05em;margin-right:.35rem}.help-row .icon{color:var(--accent)}.more-toggle,.info-btn{display:none}.more-menu{display:contents}.title-row{align-items:center;gap:.25rem;min-width:0;display:flex}.menu-item .mi-text{text-align:left;flex-direction:column;align-items:flex-start;line-height:1.15;display:inline-flex}.menu-item .mi-sub{color:var(--dim);font-size:.72rem;display:none}#btn-offline .mi-sub{display:block}#btn-offline.saved{color:var(--accent)}.top-actions{position:relative}@media (max-width:640px){.hymn-top{padding:.3rem max(.4rem, env(safe-area-inset-right)) .3rem max(.2rem, env(safe-area-inset-left));flex-wrap:nowrap;align-items:center;gap:.15rem}.hymn-top .back{flex:none;align-items:center;min-height:2.75rem;padding:.2rem .55rem .3rem;font-size:1.6rem;line-height:1;display:inline-flex}.hymn-top .back-label{display:none}.hymn-top .title-block{flex:auto;min-width:0}.hymn-top h1{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-width:0;font-size:1.05rem;line-height:1.15;display:-webkit-box;overflow:hidden}.info-btn{width:2.3rem;height:2.3rem;color:var(--dim);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.info-btn[aria-expanded=true]{color:var(--fg)}.hymn-top .sub{display:none}.hymn-top.show-sub{flex-wrap:wrap}.hymn-top.show-sub .title-block{flex:100%;order:3;padding:0 .3rem .2rem .6rem}.hymn-top.show-sub .top-actions{margin-left:auto}.hymn-top.show-sub h1{-webkit-line-clamp:none;line-clamp:none;display:block}.hymn-top.show-sub .sub{display:block}.hymn-top .top-actions{flex-wrap:nowrap;flex:none;gap:.1rem}.hymn-top .top-actions>button{border-color:#0000;justify-content:center;width:2.75rem;height:2.75rem;padding:0}.hymn-top .top-actions>button .icon{width:1.3em;height:1.3em}.more-toggle{display:inline-flex}.more-toggle[aria-expanded=true]{background:var(--panel);border-color:var(--border)!important}.more-menu{z-index:40;background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:2px;width:min(19rem,100vw - 1rem);padding:.3rem;display:none;position:absolute;top:calc(100% + .3rem);right:0;box-shadow:0 10px 28px #00000038}.more-menu.open{display:flex}.top-actions .menu-item{white-space:normal;border:0;border-radius:8px;justify-content:flex-start;gap:.75rem;width:100%;min-height:3.1rem;padding:.6rem .7rem;font-size:1rem}.top-actions .menu-item:hover{background:var(--panel-2)}.menu-item .icon{width:1.3em;height:1.3em;color:var(--dim)}.menu-item .mi-sub{margin-top:.1rem;font-size:.8rem;display:block}#btn-full{display:none}}.stage{touch-action:manipulation}.stage-tools{z-index:3;pointer-events:none;flex-wrap:wrap;place-content:flex-start flex-end;align-items:flex-start;gap:.35rem .4rem;height:0;padding:0 .6rem;display:flex;position:sticky;top:0}.stage-tools>*{pointer-events:auto;margin-top:.5rem}.stage-tools:before{content:"";height:calc(var(--tools-h,3rem) + .6rem);z-index:-1;pointer-events:none;background:var(--grain), var(--bg);opacity:0;transition:opacity .15s;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 calc(100% - .9rem),#0000);mask-image:linear-gradient(#000 calc(100% - .9rem),#0000)}.stage.scrolled .stage-tools:before{opacity:1}.stage-tools .seg-views{margin-right:auto}.seg-views .chip{min-height:2.2rem;padding:.25rem .7rem;font-size:.88rem}.stage-chip{min-height:2.3rem;color:var(--fg);background:var(--panel);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.88rem;display:inline-flex}.stage-chip.on{background:var(--chip-on-bg);color:var(--chip-on-fg);border-color:var(--chip-on-bg)}.stage-capo{padding:.15rem .3rem .15rem .7rem}.stage-capo[hidden]{display:none}.stage-capo select{background:0 0;border:0;max-width:10rem;padding:.2rem .3rem;font-size:.85rem}body:not([data-display=lyrics]):not([data-display=score]) #chip-chords,body:not([data-display=lyrics]):not([data-display=score]) .stage-capo{display:none}:fullscreen .stage-tools{display:none}#view-lyrics{padding-top:3.3rem}#view-score{padding-top:3.1rem}#view-leader{padding-top:3.4rem}@media (max-width:420px){.seg-views .chip{padding:.25rem .5rem;font-size:.82rem}.stage-tools{gap:.3rem;padding:0 .4rem}.stage-chip{padding:.25rem .6rem;font-size:.82rem}:is(.stage:has(.stage-capo:not([hidden])) #view-lyrics,.stage:has(.stage-capo:not([hidden])) #view-score){padding-top:6.6rem}}.stage-tip{z-index:5;background:var(--chip-on-bg);width:max-content;max-width:calc(100% - 2rem);color:var(--chip-on-fg);text-align:center;pointer-events:none;border-radius:999px;padding:.5rem .9rem;font-size:.88rem;line-height:1.3;transition:opacity .6s;position:absolute;top:3.3rem;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0003}.stage-tip.gone{opacity:0}.pop-menu{z-index:60;overscroll-behavior:contain;background:var(--panel);color:var(--fg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:2px;padding:.3rem;display:flex;position:fixed;overflow-y:auto;box-shadow:0 10px 30px #00000040}.pop-item{text-align:left;background:0 0;border:0;border-radius:8px;align-items:flex-start;gap:.5rem;width:100%;min-height:2.75rem;padding:.55rem .7rem .55rem .4rem;display:flex}.pop-item:hover:not(:disabled),.pop-item:focus-visible{background:var(--panel-2)}.pop-item.on{font-weight:600}.pop-item:disabled{opacity:.5;cursor:not-allowed}.pop-tick{text-align:center;width:1.1rem;color:var(--fg);flex:none}.pop-text{gap:.1rem;min-width:0;display:grid}.pop-sub{color:var(--dim);font-size:.8rem;font-weight:400}.pop-note{color:var(--dim);margin:0;padding:.45rem .7rem;font-size:.82rem;font-style:italic}.options details.advanced{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2);min-width:0;padding:0 .65rem}.advanced>summary{cursor:pointer;align-items:center;gap:.45rem;min-height:2.75rem;padding:.4rem 0;list-style:none;display:flex}.advanced>summary::-webkit-details-marker{display:none}.advanced>summary:after{content:"▸";color:var(--accent);margin-left:auto;transition:transform .12s}.advanced[open]>summary:after{transform:rotate(90deg)}.advanced>summary>.icon{color:var(--dim);width:1.05em;height:1.05em}.adv-text{gap:.05rem;min-width:0;display:grid}.adv-title{color:var(--dim);font-size:.85rem;font-style:italic}.adv-sub{color:var(--dim);font-size:.75rem}.advanced-body{flex-direction:column;gap:.35rem;padding:0 0 .65rem;display:flex}.advanced-body label{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.advanced-body label select{flex:1;min-width:0}.advanced-body label input[type=range]{flex:1;min-width:6rem}.options details.advanced[hidden]{display:none}.rec-progress{color:var(--dim);margin:.6rem 0 0;font-size:.88rem}.rec-progress .linkish{font-size:inherit}.badge-new{background:var(--accent);color:var(--bg);letter-spacing:.03em;text-transform:uppercase;vertical-align:.2em;border-radius:999px;margin-left:.4rem;padding:.05rem .45rem;font-size:.72rem;font-weight:700;display:inline-block}.recording-soon{max-width:36rem;margin:2.5rem auto;padding:0 1rem}.recording-soon-lead{margin:0 0 .6rem;font-size:1.25rem;font-weight:600}.recording-soon-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.2rem;display:flex}.tempo-any{flex-wrap:wrap;align-items:center;gap:.3rem .5rem;margin-top:.5rem;display:flex}.tempo-stepper{align-items:center;gap:.25rem;max-width:100%;display:inline-flex}.tempo-stepper .chip{flex:none;min-width:2rem;padding:.3rem .4rem;line-height:1}.tempo-stepper select{font-variant-numeric:tabular-nums;flex:0 auto;width:auto;min-width:0}.print-help-actions{gap:.5rem;display:grid}.print-help-actions button{text-align:left;justify-items:start;gap:.1rem;min-height:2.9rem;display:grid}.print-help-actions button.primary{min-width:0;padding:.55rem 1rem;font-size:1rem}.print-help-sub{opacity:.85;font-size:.8rem;font-weight:400}.print-help-status:empty{display:none}.way-head h2 .icon,.listen>h2 .icon,.ways-h .icon{color:var(--accent);vertical-align:-.15em;margin-right:.4rem}.ways-h .icon{width:1.1em;height:1.1em}h1,h2,h3{font-weight:600}:where(a,button,select,input,summary):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon{stroke-width:1.75px}button{background:var(--surface);border-color:var(--border-strong);border-radius:8px;transition:border-color .12s,background-color .12s,color .12s}button:hover{border-color:var(--dim)}button.primary{background:var(--primary-bg);border-color:var(--primary-bg);letter-spacing:.01em;border-radius:999px}button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}button.ghost{background:0 0}a.button,.button{border:1px solid var(--border-strong);background:var(--surface);min-height:2.75rem;color:var(--fg);border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.55rem 1.15rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}a.button:hover{border-color:var(--dim)}a.button.primary{background:var(--primary-bg);color:var(--primary-fg);border-color:var(--primary-bg)}a.button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}a.button.ghost{background:0 0}a.button .icon{width:1.05em;height:1.05em}select,input[type=number]{background:var(--surface);border-color:var(--border-strong);border-radius:8px}.chip{background:var(--surface);border-color:var(--border-strong);border-radius:999px}.chip:hover:not(:disabled){border-color:var(--dim)}.chip.on,.chip.on:hover{background:var(--chip-on-bg);color:var(--chip-on-fg);border-color:var(--chip-on-bg)}.linkish{color:var(--accent)}legend{font-style:normal}.note{line-height:1.45}.badge-new{color:var(--primary-fg);background:var(--primary-bg)}.info-tip{width:1.75rem;height:1.75rem;min-height:0;color:var(--dim);vertical-align:middle;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;margin:-.2rem 0;padding:0;display:inline-flex}.info-tip .icon{width:1rem;height:1rem}.info-tip:hover,.info-tip[aria-expanded=true]{color:var(--accent);background:var(--accent-soft)}.tip-body:not(.open):not(.notice){display:none}.tip-body.open{background:var(--panel-2);color:var(--fg);border-radius:8px;margin:.35rem 0 .2rem;padding:.55rem .75rem;font-size:.86rem;font-style:normal;line-height:1.45;display:block}.tip-body.notice:not(.open){color:var(--accent)}.wrap{width:min(100% - 2rem,76rem);margin-inline:auto}@media (min-width:900px){.wrap{width:min(100% - 4rem,76rem)}}.site-head{border-bottom:1px solid var(--border)}.site-head-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem;display:flex}.brand{min-height:2.75rem;color:var(--fg);font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:.6rem;font-size:1.12rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent);width:1.9rem;height:1.9rem;color:var(--primary-fg);border-radius:6px;flex:none;place-items:center;display:inline-grid}.brand-mark .icon{stroke-width:2px;width:1.05rem;height:1.05rem}.site-nav{align-items:center;gap:.15rem;display:flex}.site-nav a{min-height:2.75rem;color:var(--fg);border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .8rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.site-nav a .icon{color:var(--accent);width:1.1em;height:1.1em}.site-nav a:hover,.site-nav a[aria-current=page]{background:var(--panel-2)}@media (max-width:380px){.site-nav a{padding-inline:.6rem}.brand{font-size:1.02rem}}@media (min-width:900px){.site-head-inner{min-height:4.25rem}.brand{font-size:1.2rem}.brand-mark{width:2.1rem;height:2.1rem}}.home-hero{border-bottom:1px solid var(--border);padding:1.4rem 0 1.3rem;position:relative}.hero-inner{max-width:50rem}.search-label{font-family:var(--font-display);letter-spacing:-.025em;font-variation-settings:"opsz" 96;margin:0 0 .75rem;font-size:clamp(2.2rem,9vw,2.7rem);font-weight:600;line-height:1.02;display:block}.search input{border:1px solid var(--border-strong);background:var(--surface);min-height:3.5rem;box-shadow:var(--shadow-lift);border-radius:14px;padding:.9rem 1rem .9rem 3rem;font-size:1.15rem}.search input::placeholder{color:var(--dim);opacity:.85}.search input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft), var(--shadow-lift);outline:0}.rec-progress{max-width:26rem;color:var(--dim);gap:.45rem;margin:1.1rem 0 0;font-size:.88rem;display:grid}.rec-progress[hidden]{display:none}@media (min-width:900px){.home-hero{background-color:var(--bg);background-image:var(--grain), var(--veil), url(/img/church-nave-1600.webp);background-image:var(--grain), var(--veil), image-set(url(/img/church-nave-1600.webp) 1x, url(/img/church-nave-2400.webp) 2x);background-position:0 0,50%,50% 42%;background-size:auto,cover,cover;padding:clamp(3.5rem,7vw,6rem) 0 clamp(3rem,5vw,4.25rem)}.hero-inner{margin-inline:auto}.search-label{margin-bottom:1.1rem;font-size:clamp(3.1rem,4.6vw,4.2rem)}.search input{min-height:4rem;font-size:1.25rem}.home-hero.searching{background-image:none;padding:2.5rem 0 3rem}}.home-body{padding:1.3rem 0 3rem}.home-grid{gap:1.6rem;display:grid}.home-col-main,.home-col-side{align-content:start;gap:1.6rem;min-width:0;display:grid}.home-grid .home-section,.home-col-side .home-section{margin-top:0}#all-hymns{margin-top:2.5rem}.home-section>h2,.hymn-more h2{border-bottom:1px solid var(--border);font-family:var(--font);letter-spacing:.11em;text-transform:uppercase;color:var(--dim);align-items:center;gap:.45rem;margin:0 0 .9rem;padding-bottom:.55rem;font-size:.76rem;font-weight:700;display:flex}.home-section>h2 .icon{width:1.1em;height:1.1em;color:var(--accent)}.home-section>h2 .count{color:var(--dim);letter-spacing:.02em;margin-left:.15rem;font-weight:600}.home-section>h2 .info-tip{margin-left:-.15rem}.fold-toggle{all:unset;box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:.45rem;min-height:44px;display:inline-flex}.fold-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.home-section>h2 .fold-chev{width:1em;height:1em;color:var(--dim);transition:transform .15s}.home-section.folded>h2 .fold-chev{transform:rotate(-90deg)}.home-section.folded>h2{margin-bottom:0;padding-bottom:.2rem}.home-col-main>.folded+.folded{margin-top:-.9rem}.fold-body[hidden]{display:none}.home-section h3{color:var(--fg);margin:1.15rem 0 .55rem;font-size:.95rem;font-weight:600}.browse>h3:first-of-type,.browse>.tip-body+h3{margin-top:.2rem}.browse-chips{gap:.45rem}.browse-chips .chip,.ask-chips .chip{align-items:center;gap:.4rem;min-height:2.6rem;padding:.35rem .9rem .35rem .75rem;display:inline-flex}.browse-chips .chip .icon{width:1.05em;height:1.05em;color:var(--accent)}.browse-chips .chip.on .icon{color:inherit}.browse-chips .count{color:var(--dim);font-variant-numeric:tabular-nums;margin-left:.05rem;font-size:.8em}.filter-hint{font-style:normal}.today-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);gap:.3rem;padding:1.25rem 1.25rem 1.2rem;display:grid;position:relative}.eyebrow{letter-spacing:.11em;text-transform:uppercase;color:var(--accent);flex-wrap:wrap;align-items:center;gap:.1rem .45rem;margin:0;font-size:.76rem;font-weight:700;display:flex}.eyebrow .icon{width:1.05em;height:1.05em}.today-why{color:var(--dim);letter-spacing:.06em;font-weight:600}.today-title{font-family:var(--font-display);letter-spacing:-.02em;margin:.35rem 0 0;font-size:clamp(1.65rem,6vw,2.1rem);font-weight:600;line-height:1.1}.today-title a{color:var(--fg);text-decoration:none}.today-title a:hover{color:var(--accent)}.today-first{font-family:var(--font-display);color:var(--fg);opacity:.85;margin:.1rem 0 0;font-size:1.08rem;font-style:italic;line-height:1.4}.today-meta{color:var(--dim);margin:.2rem 0 0;font-size:.9rem}.today-meta .tune{letter-spacing:.04em}.today-actions{flex-wrap:wrap;gap:.6rem;margin-top:.85rem;display:flex}.today-actions .primary{min-width:8rem}.today-card .hymn-tunes{padding:.3rem 0 0}.today-card.has-add{padding-right:4rem}@media (min-width:900px){.today-card{padding:1.9rem 2.1rem 1.8rem}.today-card.has-add{padding-right:9rem}.today-title{font-size:2.4rem}.today-first{font-size:1.2rem}}.side-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.1rem 1.1rem}.side-card>h2{border-bottom:0;margin-bottom:.7rem;padding-bottom:0}.side-card p{color:var(--dim);margin:0 0 .85rem}.recent-list{margin:0;padding:0;list-style:none;display:grid}.recent-list a{border-top:1px solid var(--border);color:var(--fg);gap:.05rem;min-width:0;padding:.6rem 0;text-decoration:none;display:grid}.recent-list li:first-child a{border-top:0;padding-top:.1rem}.recent-title{font-family:var(--font-display);font-size:1.04rem;font-weight:600;line-height:1.25}.recent-first{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;overflow:hidden}.recent-list a:hover .recent-title{color:var(--accent)}.try-asking .chips{gap:.4rem}.ask-chips.examples .chip{text-align:left;background:0 0;min-height:2.4rem;padding-inline:.8rem;font-size:.9rem;font-style:normal}@media (max-width:899px){.svc-card{display:none}}@media (max-width:640px){.recent{display:none}}@media (min-width:900px){.home-body{padding:2.5rem 0 4.5rem}.home-grid{grid-template-columns:minmax(0,1fr) 19rem;align-items:start;gap:2.5rem}.home-col-side{gap:1.25rem;position:sticky;top:1.5rem}#all-hymns{margin-top:3.5rem}}@media (min-width:1200px){.home-grid{grid-template-columns:minmax(0,1fr) 21rem;gap:3.5rem}}.hymn-list{gap:.6rem}.hymn-pick{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.9rem 1.1rem;transition:border-color .12s,box-shadow .12s}.hymn-pick:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lift)}.hymn-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.2rem;font-weight:600;line-height:1.2}.hymn-first{font-family:var(--font-display);opacity:.85;font-style:italic}.hymn-meta{font-size:.86rem}.hymn-why{font-style:normal}.svc-add{background:var(--surface);border-color:var(--border-strong);border-radius:999px}.svc-add:hover{background:var(--panel-2)}@media (min-width:1000px){#all-hymns .hymn-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem}#all-hymns .show-more{max-width:24rem;margin-inline:auto;display:block}}.interp{font-size:1rem}.interp:not(:empty){margin:0 0 .8rem}.site-foot{border-top:1px solid var(--border);color:var(--dim);margin-top:auto;padding:2rem 0 2.4rem;font-size:.9rem}.site-foot-inner{gap:1.1rem;display:grid}.foot-brand{font-family:var(--font-display);color:var(--fg);align-items:center;gap:.55rem;margin:0 0 .45rem;font-size:1.05rem;font-weight:600;display:flex}.foot-brand .brand-mark{border-radius:5px;width:1.6rem;height:1.6rem}.foot-brand .brand-mark .icon{width:.9rem;height:.9rem}.foot-about p:not(.foot-brand){max-width:34rem;margin:0;line-height:1.5}.foot-links{flex-wrap:wrap;gap:0 1.4rem;display:flex}.foot-links a{min-height:2.75rem;color:var(--fg);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.foot-links a:hover{color:var(--accent)}@media (min-width:900px){.site-foot{background-image:var(--grain), linear-gradient(color-mix(in srgb, var(--bg) 88%, transparent), color-mix(in srgb, var(--bg) 93%, transparent)), url(/img/hymnal-page-1600.webp);background-position:0 0,50%,50% 30%;background-size:auto,cover,cover;padding:3.25rem 0 3.5rem}.site-foot-inner{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem}}.page-head{border-bottom:1px solid var(--border);padding:1.4rem 0 1.2rem}.page-head .wrap{width:min(100%,52rem);padding-inline:1.1rem}.page-head h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.9rem,7vw,2.6rem);font-weight:600;line-height:1.08}.page-head .sub{color:var(--dim);margin:.35rem 0 0}@media (min-width:900px){.page-head{background-image:var(--grain), var(--veil), url(/img/organ-pipes-1600.webp);background-position:0 0,50%,50% 30%;background-size:auto,cover,cover;padding:3rem 0 2.4rem}.page-head h1{font-size:3rem}}.svc h2,.ways-h,.about-h{letter-spacing:.11em;font-size:.76rem;font-weight:700}.svc-list-item,.svc-item,.way,.listen,.svc-start{border-radius:var(--radius-lg)}.svc-item-title,.svc-list-title,.way h2,.listen>h2{font-family:var(--font-display)}.svc-field,.svc-field-title input{font-style:normal}.svc-field-title input{font-family:var(--font-display)}.hymn-top{gap:.9rem;min-height:3.75rem;padding:.55rem 1.25rem}@media (max-width:640px){.hymn-top{padding:.35rem max(.5rem, env(safe-area-inset-right)) .35rem max(.5rem, env(safe-area-inset-left));gap:.3rem}}.hymn-top .title-block{flex:auto;min-width:0}.top h1{font-family:var(--font-display);letter-spacing:-.015em;font-size:1.45rem;font-weight:600;line-height:1.15}.top h1[data-number]:before{color:var(--accent)}.top .sub{color:var(--dim);font-size:.88rem;font-style:normal}.top .back{border:1px solid var(--border-strong);background:var(--surface);min-height:2.5rem;color:var(--fg);border-radius:999px;align-items:center;gap:.15rem;padding:.35rem .85rem .35rem .6rem;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.top .back:hover{border-color:var(--dim);text-decoration:none}.top-actions{gap:.2rem}.top-actions .ghost{border-color:#0000;border-radius:999px;padding:.45rem .8rem;font-size:.92rem;font-weight:600}.top-actions .ghost:hover{background:var(--panel-2)}.top-actions .ghost .icon{color:var(--accent)}#btn-print{border-color:var(--border-strong)}.stage{background:0 0}.verse-number{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:.78rem;font-style:normal;font-weight:700}.verse-number:before,.verse-number:after{content:none}.lyrics-status{letter-spacing:.14em;font-size:.85rem;font-weight:600}.lyric-line{font-variation-settings:"opsz" 72}.lyric-line .chord,.print-line .chord{font-family:var(--font);font-weight:700}#view-score{background:0 0}.seg-control{background:var(--surface);border-color:var(--border-strong);border-radius:999px}.seg-control .chip{border-radius:999px}.stage-chip{background:var(--surface);border-color:var(--border-strong)}.stage-chip .icon{color:var(--accent)}.stage-chip.on .icon{color:inherit}.progress{border-top:1px solid var(--border);padding:.5rem 1.25rem 0}#seek{appearance:none;cursor:pointer;background:0 0;height:1.4rem}#seek::-webkit-slider-runnable-track{background:var(--border-strong);border-radius:4px;height:4px}#seek::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:2px solid var(--surface);width:15px;height:15px;box-shadow:0 1px 3px var(--shadow);border-radius:50%;margin-top:-5.5px}#seek::-moz-range-track{background:var(--border-strong);border-radius:4px;height:4px}#seek::-moz-range-progress{background:var(--accent);border-radius:4px;height:4px}#seek::-moz-range-thumb{background:var(--accent);border:2px solid var(--surface);border-radius:50%;width:13px;height:13px}.seg{border-color:var(--border);color:var(--dim);background:0 0;font-size:.78rem}.seg:hover{color:var(--fg)}.controls{padding:.55rem 1.25rem .85rem}.pick-chip{background:var(--surface);border-color:var(--border-strong)}.pick-chip .icon:first-child{color:var(--accent)}.transport #btn-restart,.transport #btn-stop,.settings-toggle{border-radius:999px}#btn-play{min-height:2.9rem}.status:empty{display:none}@media (min-width:641px){#btn-play{min-width:9.5rem;font-size:1.08rem}.transport #btn-restart,.transport #btn-stop{min-height:2.75rem;padding-inline:.9rem}}@media (min-width:1024px) and (max-width:1399px){.transport .vol input{width:6.5rem}.controls{padding-inline:1.5rem}}@media (min-width:1400px){.bar{grid-template-columns:minmax(max-content,1fr) auto auto auto minmax(0,1fr);align-items:center;column-gap:.55rem;display:grid}.bar .quick{flex-wrap:nowrap;grid-area:1/1;justify-self:start;max-width:100%}.bar .quick .pick-chip{min-width:0}.bar .quick .pick-label{text-overflow:ellipsis;overflow:hidden}.bar .transport{grid-area:1/2/auto/6;grid-template-columns:subgrid;align-items:center;min-width:0;display:grid}#btn-restart{grid-column:1}#btn-play{grid-column:2}#btn-stop{grid-column:3}.transport .vol{grid-column:4;justify-self:end;margin:0}.transport .vol input{width:8rem}.transport #btn-restart .label,.transport #btn-stop .label{display:none}.transport #btn-restart,.transport #btn-stop{justify-content:center;width:2.9rem;height:2.9rem;padding:0}.transport #btn-restart .icon,.transport #btn-stop .icon{width:1.2em;height:1.2em}.controls{padding:.6rem 1.5rem .9rem}.progress{padding-inline:1.5rem}}.options{background:var(--surface)}.options fieldset{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;gap:.55rem;padding:.35rem 0 1rem}.options legend{width:100%;color:var(--dim);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:.35rem;padding:.85rem 0 .1rem;font-size:.74rem;font-weight:700;display:flex}.options legend .icon{color:var(--accent);margin-right:.1rem}.options legend .info-tip{text-transform:none;margin-left:auto}.options details.advanced{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;padding:.2rem 0}.adv-title{color:var(--fg);font-style:normal;font-weight:600}.help-row{padding:.9rem 0 .2rem;font-size:.92rem}.theme-row,.pause-row{color:var(--dim);font-size:.92rem}.capo-wrap label{align-items:center;gap:.35rem;display:inline-flex}.mode-note.recorded,.note.recorded{font-style:normal;font-weight:600}@media (min-width:1024px){.options{border-left:1px solid var(--border);flex-basis:clamp(18rem,26vw,23rem);gap:0;padding:.4rem 1.35rem 1.5rem}.options-head{padding:.9rem 0 .2rem}.options-head h2{font-family:var(--font-display);letter-spacing:-.01em;text-transform:none;color:var(--fg);font-size:1.15rem;font-weight:600}#view-score{background:var(--score-bg);border:1px solid var(--border);width:calc(100% - 3rem);max-width:68rem;min-height:calc(100% - 5rem);box-shadow:var(--shadow-lift);border-radius:10px;margin:3.4rem auto 1.5rem;padding:1.4rem 1.8rem 1.8rem}.hymn-more{padding-top:2rem}}@media (min-width:641px) and (max-width:1023px){.hymn-layout.settings-open .options{border-radius:0;width:min(26rem,90vw);max-height:none;padding:0 1.2rem 1.4rem;inset:0 0 0 auto;box-shadow:-12px 0 40px #00000040}.hymn-layout.settings-open .options-head{border-radius:0;margin:0 -1.2rem;padding:.3rem .7rem .3rem 1.2rem}.hymn-top .top-actions .label-long,.hymn-top .top-actions .mi-text{display:none}.hymn-top .top-actions>button,.hymn-top .more-menu>button{justify-content:center;width:2.9rem;height:2.9rem;padding:0}.hymn-top .top-actions .icon{width:1.25em;height:1.25em}#btn-print{border-color:#0000}.hymn-top .top-actions{flex-wrap:nowrap}.hymn-top .sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#view-score{background:var(--score-bg);border:1px solid var(--border);border-radius:10px;margin:3.3rem 1rem 1rem;padding:1rem 1.2rem 1.4rem}}@media (min-width:1024px) and (max-width:1279px){.more-menu .menu-item:not(#btn-print) .mi-text{display:none}.more-menu .menu-item:not(#btn-print){padding-inline:.6rem}}@media (min-width:1024px) and (max-width:1599px){#btn-offline .mi-sub{display:none}}@media (min-width:1024px){.hymn-top .top-actions{flex-wrap:nowrap}.hymn-top .top-actions>button,.hymn-top .more-menu>button{white-space:nowrap}}#feedback-dlg,#offer-dlg,.svc-dialog,.pop-menu{background:var(--surface);border-color:var(--border-strong);border-radius:var(--radius-lg)}.after-card,.svc-up{background:var(--surface)}@media (pointer:coarse){#btn-full{display:none}button,a.button,select,.chip,.pick-chip,.stage-chip,.seg-control .chip,.site-nav a{min-height:44px}.info-tip{width:2.75rem;height:2.75rem;margin:-.55rem -.3rem}}.tour{z-index:2000;position:fixed;inset:0}.tour-block{position:absolute;inset:0}.tour-hole{border-radius:calc(var(--radius) + 4px);outline:2px solid var(--accent);outline-offset:2px;pointer-events:none;transition:left .25s,top .25s,width .25s,height .25s;position:fixed;box-shadow:0 0 0 200vmax #00000094}.tour-card{box-sizing:border-box;background:var(--panel);width:min(22rem,100vw - 32px);color:var(--fg);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:calc(var(--radius) + 2px);padding:.8rem 1rem .7rem;transition:left .25s,top .25s;position:fixed;box-shadow:0 10px 30px #0000004d}.tour-card:focus{outline:none}.tour-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tour-arrow{background:var(--panel);border:1px solid var(--border);width:14px;height:14px;position:absolute;transform:translate(-50%)rotate(45deg)}.tour-card[data-side=below] .tour-arrow{background:var(--accent);border-bottom:0;border-right:0;border-color:var(--accent);top:-9px}.tour-card[data-side=above] .tour-arrow{border-top:0;border-left:0;bottom:-8px}.tour-card[data-side=over] .tour-arrow{display:none}.tour-count{color:var(--dim);letter-spacing:.02em;margin:0;font-size:.8rem}.tour-title{font-size:1.1rem;font-family:var(--font-title);margin:.15rem 0 .3rem}.tour-body{margin:0;line-height:1.45}.tour-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.7rem;display:flex}.tour-nav{gap:.4rem;margin-left:auto;display:flex}.tour-actions button{min-height:2.75rem}.tour-skip{color:var(--dim);border:0;padding-inline:.3rem}.tour-next{min-width:5.5rem;font-size:1rem}.tour-back[hidden]{display:none}.tour-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}body.touring{overscroll-behavior:contain}@media (prefers-reduced-motion:reduce){.tour-hole,.tour-card{transition:none}}.singers-box{flex-direction:column;gap:.5rem;margin-top:.4rem;display:flex}.singers-row[hidden],.cue-layer [hidden],.proj-cue[hidden]{display:none}.cue-layer{z-index:4;pointer-events:none;box-sizing:border-box;grid-template-rows:auto 1fr auto;place-items:center;padding:.75rem 1rem;display:grid;position:absolute;left:0;right:0}.cue-banner{background:var(--primary-bg);color:var(--primary-fg);letter-spacing:.02em;box-shadow:0 2px 10px color-mix(in srgb, var(--fg) 18%, transparent);border-radius:999px;grid-row:1;margin-top:2.6rem;padding:.45rem 1.2rem;font-size:clamp(1.05rem,2.6vw,1.5rem);font-weight:600;animation:.22s ease-out cue-in}.cue-count{background:color-mix(in srgb, var(--bg) 96%, transparent);border:1px solid var(--border);color:var(--fg);border-radius:1.2rem;flex-direction:column;grid-row:2;align-items:center;gap:.4rem;padding:.6rem 2.2rem .9rem;display:flex}.cue-num{color:var(--accent);font-variant-numeric:tabular-nums;font-size:clamp(5rem,22vmin,11rem);font-weight:600;line-height:1}.cue-dots{letter-spacing:.3em;color:var(--dim);font-size:1.1rem}.cue-count.beat .cue-num{animation:.18s ease-out cue-beat}.cue-layer .cue-goon{pointer-events:auto;min-width:min(20rem,90%);box-shadow:0 4px 18px color-mix(in srgb, var(--fg) 22%, transparent);border-radius:999px;flex-direction:column;grid-row:3;align-items:center;gap:.1rem;padding:.9rem 2rem;font-size:1.5rem;animation:.2s ease-out cue-in;display:flex}.cue-goon-sub{opacity:.8;font-size:.8rem;font-weight:400}@keyframes cue-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes cue-beat{0%{transform:scale(1.18)}to{transform:none}}@media (max-width:600px){.cue-layer .cue-goon{width:100%;font-size:1.35rem}.cue-banner{margin-top:3rem}}@media (min-width:1024px){.cue-layer .cue-goon{justify-self:end;min-width:16rem}}@media (prefers-reduced-motion:reduce){.cue-banner,.cue-goon,.cue-count.beat .cue-num{animation:none}}.proj-cue{border:2px solid var(--proj-accent);color:var(--proj-accent);font-family:var(--font);letter-spacing:.03em;white-space:nowrap;border-radius:999px;padding:.25em .9em;font-size:max(18px,3.4vmin);font-weight:600;position:absolute;top:7vh;left:50%;transform:translate(-50%)}.proj-cue.proj-cue-count{text-align:center;font-variant-numeric:tabular-nums;min-width:1.6em;font-size:max(28px,7vmin)}.week-story{max-width:40rem;color:var(--fg);margin:.7rem 0 0;font-size:1rem;line-height:1.55}.week-story[hidden]{display:none}@media (min-width:900px){.week-story{font-size:1.05rem}}.today-mini{color:var(--fg);gap:.05rem;min-width:0;text-decoration:none;display:grid}.today-mini:hover .recent-title{color:var(--accent)}.set-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.set-card{box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);height:100%;color:var(--fg);align-items:flex-start;gap:.75rem;padding:.85rem 1rem;text-decoration:none;transition:border-color .12s,box-shadow .12s;display:flex}.set-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lift)}.set-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.set-icon{background:var(--accent-soft);width:2.2rem;height:2.2rem;color:var(--accent);border-radius:999px;flex:none;place-items:center;display:grid}.set-icon .icon{width:1.15rem;height:1.15rem}.set-text{gap:.1rem;min-width:0;display:grid}.set-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;line-height:1.2}.set-line{color:var(--dim);font-size:.9rem;line-height:1.35}.set-count{color:var(--dim);letter-spacing:.04em;text-transform:uppercase;margin-top:.2rem;font-size:.8rem;font-weight:600}@media (max-width:640px){.set-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.set-card{flex-direction:column;gap:.45rem;padding:.75rem .8rem}.set-icon{width:1.9rem;height:1.9rem}.set-line{display:none}.set-title{font-size:1.02rem}}.set-chip{min-height:2.5rem;color:var(--fg);background:var(--panel);border:1px solid var(--border);align-items:center;gap:.35rem;text-decoration:none;display:inline-flex}.set-chip .icon{width:1em;height:1em;color:var(--accent)}.set-chip:hover{border-color:var(--dim)}.shelf-list{margin:0;padding:0;list-style:none;display:grid}.shelf-list a{border-top:1px solid var(--border);color:var(--fg);gap:.1rem;min-width:0;padding:.7rem 0;text-decoration:none;display:grid}.shelf-list li:first-child a{border-top:0;padding-top:.1rem}.shelf-title{font-family:var(--font-display);font-size:1.08rem;font-weight:600;line-height:1.25}.shelf-line{color:var(--dim);font-size:.92rem;line-height:1.4}.shelf-line:not(.from-notes){font-family:var(--font-display);font-style:italic}.shelf-list a:hover .shelf-title{color:var(--accent)}.shelf-more{align-items:center;gap:.2rem;min-height:2.75rem;margin-top:.2rem;font-weight:600;text-decoration:none;display:inline-flex}.shelf-more .icon{width:1em;height:1em}@media (min-width:1000px){.rare .shelf-list,.children-shelf .shelf-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}.rare .shelf-list li:nth-child(2) a,.children-shelf .shelf-list li:nth-child(2) a{border-top:0;padding-top:.1rem}}.mode-switch{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;align-items:flex-start;gap:.65rem;margin:0 0 .9rem;padding:.7rem .85rem;display:flex}.mode-switch input{width:1.25rem;height:1.25rem;accent-color:var(--accent);flex:none;margin:.1rem 0 0}.mode-switch-text{gap:.05rem;display:grid}.mode-switch-title{font-weight:600}.mode-switch-sub{color:var(--dim);font-size:.88rem}.set-head .eyebrow{margin-bottom:.4rem}.set-page{box-sizing:border-box;width:min(100%,52rem);padding:1.4rem 1.1rem 3rem}.set-actions{flex-wrap:wrap;gap:.6rem;margin:0 0 1.2rem;display:flex}.set-actions button{align-items:center;gap:.45rem;min-height:2.75rem;display:inline-flex}.set-actions .icon{width:1.1em;height:1.1em}.set-list{counter-reset:set;gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.set-list li{counter-increment:set}.set-hymn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--fg);gap:.1rem;padding:.85rem 1rem .85rem 3.1rem;text-decoration:none;display:grid;position:relative}.set-hymn:before{content:counter(set);font-family:var(--font-display);color:var(--accent);font-size:1.15rem;font-weight:600;position:absolute;top:.85rem;left:1rem}.set-hymn:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lift)}.set-hymn-title{font-family:var(--font-display);font-size:1.15rem;font-weight:600;line-height:1.2}.set-hymn-first{font-family:var(--font-display);opacity:.85;font-style:italic}.set-hymn-meta{color:var(--dim);font-size:.86rem}.set-others{margin-top:2rem}.modes-row{flex-wrap:wrap;align-items:center;gap:.4rem .9rem;margin-top:.5rem;display:flex}.children-chip{display:none}:root[data-children] .children-chip{display:inline-flex}.children-chip .icon{width:1em;height:1em;color:var(--accent)}.children-chip .chip-x{color:var(--dim);margin-left:.15rem}.proj-close.proj-large{font-family:var(--font);font-weight:700;right:64px}.proj-close.proj-large[aria-pressed=true]{color:var(--proj-fg);border-color:var(--proj-fg)}:root[data-large]{--dim:#4a3f36;--border:#cdbfa6;--border-strong:#b5a48a;--stage-dim:#5e5247;--stage-sung:#857767;--lyric-size:clamp(1.8rem, 5vw, 3.9rem);--lyric-weight:500;font-size:125%}@media (max-width:640px){:root[data-large]{font-size:112.5%}}@media (prefers-color-scheme:dark){:root[data-large]:not([data-theme=light]){--dim:#cfc3b3;--border:#4a3e36;--border-strong:#5c4e44;--stage-dim:#c2b5a4;--stage-sung:#8c8072}}:root[data-large][data-theme=dark]{--dim:#cfc3b3;--border:#4a3e36;--border-strong:#5c4e44;--stage-dim:#c2b5a4;--stage-sung:#8c8072}:root[data-large] .chip,:root[data-large] .stage-chip,:root[data-large] .pick-chip{border-width:1.5px}@media (min-width:641px){:root[data-large] .controls .bar{flex-wrap:wrap;row-gap:.5rem}:root[data-large] .controls .bar .quick{flex:100%}}:root[data-large] .hymn-meta,:root[data-large] .shelf-line,:root[data-large] .set-line,:root[data-large] .recent-first{font-size:.95rem}:root[data-large] .proj-verse{font-weight:600}:root[data-large] .proj{--proj-dim:#c8c8c8;--proj-sung:#a8a8a8}:root[data-large] .proj.proj-light{--proj-dim:#3c3c3c;--proj-sung:#5a5a5a}:root[data-large] .hymnal-page{font-weight:500}:root[data-children]{--lyric-size:clamp(2.1rem, 5.4vw, 4.2rem)}:root[data-children] #btn-add-service,:root[data-children] #btn-project,:root[data-children] #btn-live,:root[data-children] #mode-chip,:root[data-children] #part-chip,:root[data-children] #key-chip,:root[data-children] #view-seg,:root[data-children] #chip-chords,:root[data-children] .stage-capo,:root[data-children] #segments,:root[data-children] .hymn-more{display:none!important}:root[data-children] .transport button{min-height:3.25rem}:root:not([data-children]) #btn-project-here{display:none}@media (min-width:1024px){:root:not([data-children]) #display>.chip:not(:last-child),:root:not([data-children]) #display-box .chords-row,:root:not([data-children]) #capo-note{display:none}}.sun{align-content:start;gap:1rem;width:100%;max-width:56rem;margin:0 auto;padding:1rem 1.1rem 3rem;display:grid}.sun-empty{justify-items:start;padding-top:3rem}.sun-head{grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem 1rem;display:grid}.sun a.button{border:1px solid var(--border-strong);background:var(--surface);min-height:3rem;color:var(--fg);align-items:center;gap:.35rem;text-decoration:none;display:inline-flex}.sun a.button.primary{background:var(--primary-bg);color:var(--primary-fg);border-color:var(--primary-bg);font-weight:600}.sun-titles h1{font-family:var(--font-title);overflow-wrap:anywhere;margin:0;font-size:clamp(1.5rem,3.2vw,2.2rem);font-weight:500;line-height:1.15}.sun-date{color:var(--dim);margin:.1rem 0 0}.sun-list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.sun-tile{text-align:left;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;min-height:5.5rem;box-shadow:var(--shadow-lift);grid-template-columns:3rem 1fr auto;align-items:center;gap:1rem;padding:1rem 1.2rem;display:grid}.sun-tile:hover{border-color:var(--accent)}.sun-tile:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sun-tile.on{border:2px solid var(--accent);box-shadow:inset 6px 0 0 var(--accent), var(--shadow-lift)}.sun-tile.done{opacity:.72}.sun-num{font-family:var(--font-title);color:var(--dim);text-align:center;font-size:2rem;line-height:1}.sun-tile.on .sun-num{color:var(--accent)}.sun-body{gap:.15rem;min-width:0;display:grid}.sun-role{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-size:.78rem;font-weight:600}.sun-title{font-family:var(--font-title);overflow-wrap:anywhere;font-size:clamp(1.3rem,2.6vw,1.75rem);line-height:1.2}.sun-meta{color:var(--dim);font-size:1rem}.sun-state{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-size:.8rem;font-weight:600}.sun-state.next{color:var(--dim)}.sun-keys{text-align:center;color:var(--dim);margin:0;font-size:.85rem}@media (hover:none){.sun-keys{display:none}}@media (max-width:640px){.sun{padding:.8rem .9rem 2rem}.sun-head{grid-template-columns:1fr}.sun-back{justify-self:start}.sun-titles h1{font-size:1.4rem}.sun-tile{grid-template-columns:2.2rem 1fr;gap:.7rem;padding:.8rem .9rem}.sun-num{font-size:1.5rem}.sun-state{display:none}}.svc-bar .svc-setlist{color:var(--primary-fg);background:var(--primary-bg);border-color:var(--primary-bg);align-items:center;gap:.35rem;padding:.4rem 1rem;font-weight:600;display:inline-flex}@media (max-width:640px){.svc-bar .svc-setlist{padding:.4rem .6rem}.svc-bar .svc-setlist span{display:none}}.next-card{color:var(--dim);font-size:.92rem;line-height:1.35}.next-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-right:.3rem;font-size:.75rem;font-weight:600}.svc-next-card{background:var(--controls-bg);border-top:1px solid var(--border);justify-content:flex-end;align-items:center;padding:.3rem 1.1rem;display:flex}.svc-next-card[hidden]{display:none}.svc-next-card .next-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.svc-where-next{display:none}@media (max-width:640px){.svc-next-card,.svc-bar.has-next .svc-where-title,.svc-bar.has-next .svc-dot{display:none}.svc-where-next{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dim);flex:100%;font-size:.8rem;display:block;overflow:hidden}}:fullscreen .svc-next-card{display:none}:root{--ready:#2f6b3a;--ready-soft:#2f6b3a1a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ready:#8fc79a;--ready-soft:#8fc79a1f}}:root[data-theme=dark]{--ready:#8fc79a;--ready-soft:#8fc79a1f}.ready-badge{color:var(--dim);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.35rem .5rem;margin:0;font-size:.95rem;display:grid}.ready-badge .ready-tip,.ready-badge .ready-failed{grid-column:1/-1}.ready-badge.ok,.ready-badge.busy{grid-template-columns:auto minmax(0,auto);justify-content:start}.ready-badge.ok{color:var(--ready);background:var(--ready-soft);border-radius:var(--radius-lg);width:-moz-fit-content;width:fit-content;max-width:100%;padding:.35rem .8rem;font-weight:600}.ready-badge .ready-text{min-width:0}.ready-badge .ready-text .info-tip{vertical-align:middle;margin-left:.15rem}.ready-badge.todo .ready-text{color:var(--fg);font-weight:600}.ready-badge.checking,.ready-badge.busy{font-style:italic}.ready-badge .ready-save{min-height:2.75rem;color:var(--accent);align-items:center;gap:.35rem;font-weight:600;display:inline-flex}.ready-badge .info-tip{color:inherit}.ready-tip{color:var(--dim);flex:100%;font-size:.88rem;font-weight:400}.ready-failed{color:var(--error);flex:100%;font-size:.88rem}.sun-ready .ready-badge{justify-content:end;margin-left:auto}.svc-ready-box{margin-top:.7rem}.svc-ready-box:empty{display:none}@media (max-width:640px){.svc .svc-play-row a.svc-sunday{display:none}}.svc-list-ready.ok{color:var(--ready);font-weight:600}.sun-remind{background:var(--surface);border:1px solid var(--border-strong);border-left:4px solid var(--accent);border-radius:var(--radius);width:calc(100% - 2rem);max-width:56rem;box-shadow:var(--shadow-lift);z-index:2;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin:.8rem auto 0;padding:.5rem .6rem .5rem 1rem;display:flex;position:relative}.sun-remind.ok{border-left-color:var(--ready);color:var(--ready);font-weight:600}.sun-remind-text{flex:14rem;min-width:0;line-height:1.35}.sun-remind button.primary{min-width:0;min-height:2.75rem;padding:.45rem 1.1rem;font-size:1rem}.sun-remind-text a{color:inherit;font-weight:600}.sun-remind-close{min-width:2.75rem;min-height:2.75rem;color:var(--dim);border-color:#0000;margin-left:auto;padding:.3rem}@media (max-width:640px){.sun-remind{width:calc(100% - 1.5rem)}.sun-ready .ready-badge{justify-content:start;margin-left:0}}.growth{color:var(--dim);font-size:.8rem;line-height:1.2;position:relative}.growth[hidden]{display:none}.growth.growth-in{animation:.35s ease-out both growth-in;overflow:hidden}@keyframes growth-in{0%{opacity:0;max-height:0}to{opacity:1;max-height:2rem}}.growth-inner{align-items:center;gap:.25rem;min-height:1.75rem;display:flex}.growth-open{min-width:0;min-height:1.75rem;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:auto;align-items:center;margin:0;padding:0;display:flex}.growth-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.growth-open:hover .growth-text,.growth-open[aria-expanded=true] .growth-text{color:var(--fg)}.growth-open:focus-visible,.growth-x:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:4px}.growth-n{color:var(--fg);font-variant-numeric:tabular-nums;border-radius:3px;font-weight:600}.growth-n.ticked{animation:1.6s ease-out growth-tick}@keyframes growth-tick{0%,30%{background:var(--accent-soft);color:var(--accent)}to{background:0 0}}.growth-when{display:none}.growth-x{width:1.75rem;height:1.75rem;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;margin:0 -.4rem 0 0;padding:0;display:inline-grid}.growth-x:hover{color:var(--fg);background:var(--panel-2)}.growth-track{background:var(--border);height:2px;overflow:hidden}.growth-track i{background:var(--accent);transform-origin:0;height:100%;transition:transform .8s ease-out;display:block;transform:scaleX(0)}.growth-pop{z-index:30;position:absolute;top:100%;left:0;right:0}.growth-pop[hidden]{display:none}.growth-card{box-sizing:border-box;background:var(--surface);width:min(22rem,100%);color:var(--fg);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);margin-top:.35rem;padding:.8rem .95rem .85rem;font-size:.9rem}.growth-h{letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin:0 0 .4rem;font-size:.78rem;font-weight:600}.growth-recent{margin:0 0 .6rem;padding:0;list-style:none}.growth-recent a{color:var(--fg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:.75rem;padding:.35rem 0;text-decoration:none;display:flex}.growth-recent li:last-child a{border-bottom:0}.growth-recent a:hover .growth-title{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.growth-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.growth-tune{color:var(--dim);letter-spacing:.02em;font-size:.78rem}.growth-ago{color:var(--dim);flex:none;font-size:.8rem}.growth-none{color:var(--dim);padding:.2rem 0}.growth-how{color:var(--dim);margin:0;font-size:.82rem;line-height:1.4}.growth-how a{color:var(--accent)}@media (min-width:600px){.growth-when{display:inline}}body.projecting .growth,body.hymnal-open .growth{display:none}:fullscreen .growth{display:none}@media (prefers-reduced-motion:reduce){.growth.growth-in,.growth-n.ticked{animation:none}.growth-track i{transition:none}}@media print{.growth{display:none}}.stage:has(#related-box:not(.hidden))>#view-lyrics:not(.hidden){min-height:calc(100% - 3.4rem)}.hymn-more .like-this h2,.hymn-more .tune-box h2{margin-bottom:.7rem}.like-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:1024px){.like-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.like-row{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:min(72%,15rem);grid-auto-flow:column;margin-inline:-1.25rem;padding:0 1.25rem .4rem;scroll-padding-inline:1.25rem;overflow-x:auto}.like-row::-webkit-scrollbar{display:none}.like-item{scroll-snap-align:start}}.like-item{min-width:0;display:flex;position:relative}.like-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;color:var(--fg);flex:1;align-content:start;gap:.2rem;padding:.75rem .85rem .8rem;text-decoration:none;display:grid}.like-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lift)}.like-card:hover .like-title{color:var(--accent)}.like-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.like-why{color:var(--accent);letter-spacing:.04em;font-size:.74rem;font-weight:700;line-height:1.3}.like-title{font-family:var(--font-display);font-size:1.06rem;font-weight:600;line-height:1.25}.like-first{color:var(--dim);font-family:var(--font-display);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;font-style:italic;line-height:1.35;display:-webkit-box;overflow:hidden}.tune-body{gap:.9rem;display:grid}.tune-line{gap:.25rem;margin:0;display:grid}.tune-link{justify-self:start;align-items:center;gap:.4rem;min-height:2.75rem;font-weight:600;text-decoration:none;display:inline-flex}.tune-link .icon{width:1.05em;height:1.05em}.tune-link .count{color:var(--dim);font-weight:600}.tune-titles{color:var(--dim);font-size:.9rem}.tune-titles a{color:inherit}.tune-words h3{font-family:var(--font-display);margin:0 0 .2rem;font-size:1.05rem;font-weight:600}.tune-meter{color:var(--dim);margin:0 0 .5rem;font-size:.88rem}.tune-alt{margin:0;padding:0;list-style:none;display:grid}.tune-alt a{border-top:1px solid var(--border);color:var(--fg);flex-wrap:wrap;align-items:baseline;gap:.1rem .5rem;padding:.55rem 0;text-decoration:none;display:flex}.tune-alt li:first-child a{border-top:0}.tune-alt .tune{letter-spacing:.02em;font-weight:600}.tune-alt .tune-as{color:var(--dim);font-size:.88rem}.tune-alt a:hover .tune{color:var(--accent)}.fav-btn{color:var(--dim);justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.fav-btn .icon{width:1.2em;height:1.2em}.fav-btn[aria-pressed=true]{color:var(--accent)}.fav-btn[aria-pressed=true] .icon{fill:currentColor}.fav-btn:hover{color:var(--accent)}.card-fav,.sx-fav,.like-fav{background:0 0;border-color:#0000;border-radius:999px;width:2.25rem;height:2.25rem;padding:0;position:absolute;bottom:.35rem;right:.55rem}.card-fav .icon,.sx-fav .icon,.like-fav .icon{width:1.05em;height:1.05em}.card-fav:hover,.sx-fav:hover,.like-fav:hover{border-color:var(--border);background:var(--panel-2)}.hymn-card:has(.card-fav){position:relative}.hymn-card:has(.card-fav) .hymn-pick{min-height:5.9rem}.sx-row:has(.sx-fav) .sx-open{min-height:5.8rem}.like-card{padding-right:2.6rem}.like-fav{bottom:.25rem;right:.25rem}@media (hover:hover) and (pointer:fine){.card-fav[aria-pressed=false],.sx-fav[aria-pressed=false],.like-fav[aria-pressed=false]{opacity:0;transition:opacity .12s}.hymn-card:hover .card-fav,.sx-row:hover .sx-fav,.like-item:hover .like-fav,.fav-btn:focus-visible{opacity:1}}@media (prefers-reduced-motion:reduce){.card-fav,.sx-fav,.like-fav{transition:none}}.hymn-fav{background:0 0;border:0;flex:none;width:2.3rem;height:2.3rem;padding:0}.hymn-fav:hover{background:0 0}.fav-menu{display:none}@media (max-width:640px){.hymn-fav{display:none}.more-menu .fav-menu{justify-content:flex-start;display:inline-flex}}.fav-shelf h2 .icon{fill:currentColor}@media (min-width:900px){.fav-phone{display:none}}@media (max-width:899px){.fav-wide{display:none}}.fav-transfer{gap:.45rem;padding:.3rem 0 .8rem;display:grid}.fav-transfer button{justify-self:start;min-height:2.6rem}.fav-paste-label{color:var(--dim);margin-top:.3rem;font-size:.88rem}.fav-paste{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;resize:vertical;width:100%;padding:.45rem .55rem;font-size:.9rem}.fav-note:empty{display:none}.sx .sx-drop-btn[data-kind=mine] .icon{width:1em;height:1em;color:var(--accent);margin-right:.3rem}.sx .sx-drop-btn[data-kind=mine][aria-pressed=true] .icon{fill:currentColor;color:inherit}@media (min-width:641px) and (max-width:1023px){.sx .sx-drop[data-kind=meter]:not(:has(.on)){display:none}}@media (pointer:coarse) and (min-width:768px) and (max-width:1366px){#btn-play{min-width:11rem;min-height:3.5rem;padding-inline:1.4rem;font-size:1.15rem}.transport{gap:.85rem}.transport #btn-restart,.transport #btn-stop,.transport .settings-toggle{min-width:3rem;min-height:3rem;padding-inline:1rem}.quick{gap:.6rem}.pick-chip{min-height:3rem;padding-inline:.9rem .75rem}.bar{row-gap:.75rem}.segments{gap:.5rem}.segments .seg{min-width:3rem;min-height:2.5rem}#seek{height:2rem}#seek::-webkit-slider-thumb{width:22px;height:22px;margin-top:-9px}#seek::-moz-range-thumb{width:20px;height:20px}.transport .vol input,.seg-control .chip,.stage-chip{min-height:3rem}.hymn-top .top-actions>button,.hymn-top .more-menu>button{min-width:3rem;min-height:3rem}.hymn-top .top-actions{gap:.45rem}}.first-play-tip{z-index:30;background:var(--chip-on-bg);width:max-content;max-width:calc(100% - 1rem);color:var(--chip-on-fg);pointer-events:none;border-radius:999px;padding:.45rem .9rem;font-size:.95rem;font-weight:600;line-height:1.3;transition:opacity .45s;animation:.4s ease-out both first-play-in;position:absolute;box-shadow:0 4px 14px #0000002e}.first-play-tip:after{content:"";top:100%;left:var(--arrow-x,50%);border:7px solid #0000;border-top-color:var(--chip-on-bg);position:absolute;transform:translate(-50%)}.first-play-tip.gone{opacity:0}.first-play-tip[hidden]{display:none}#btn-play.first-play{animation:1.8s ease-in-out 3 first-play-pulse}@keyframes first-play-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes first-play-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent)}50%{box-shadow:0 0 0 10px color-mix(in srgb, var(--accent) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.first-play-tip{transition:none;animation:none}#btn-play.first-play{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent);animation:none}}.sk{background:color-mix(in srgb, var(--fg) 8%, transparent);border-radius:6px;display:block;position:relative;overflow:hidden}.sk:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--surface) 55%, transparent), transparent);animation:1.6s ease-in-out infinite sk-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes sk-shimmer{to{transform:translate(100%)}}.sk-bar{width:var(--w,60%);height:.85rem;margin:.45rem 0}.sk-title{height:1.1rem}.sk-kicker{height:.7rem}.sk-display{height:1.9rem;margin-bottom:.8rem}.sk-lyric{height:clamp(1.6rem,3.6vw,2.8rem);margin:.9rem auto}.sk-page{padding-block:1.5rem 3rem}.sk-hero{padding:2rem 0 1.5rem}.sk-search{border-radius:999px;max-width:40rem;height:3.4rem}.sk-home{gap:1.5rem;display:grid}.sk-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:1.1rem 1.2rem}.sk-rows{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.sk-row{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:.75rem 1rem}.sk-top{gap:1rem}.sk-pill{border-radius:999px;flex:none;width:5.5rem;height:2.5rem}.sk-hymn{flex:1;justify-content:center;align-items:center;padding:2rem 1.25rem;display:flex}.sk-words{text-align:center;width:min(40rem,100%)}.sk-words .sk-kicker{margin-inline:auto}.sk-controls{padding:.9rem 1.25rem calc(.9rem + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--controls-bg);justify-content:center;align-items:center;gap:.8rem;display:flex}.sk-play{border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 22%, transparent);width:9.5rem;height:2.9rem}@media (prefers-reduced-motion:reduce){.sk:after{animation:none;display:none}}.state-page{max-width:40rem;padding-block:3rem 4rem}.state-page h1{font-family:var(--font-display);outline:none;margin:.4rem 0 .6rem;font-size:1.9rem;font-weight:600}.state-page h2{text-transform:uppercase;letter-spacing:.1em;color:var(--dim);margin:2rem 0 .6rem;font-size:.8rem;font-weight:700}.state-lead{font-size:1.08rem}.state-icon .icon{width:2.4rem;height:2.4rem;color:var(--accent)}.state-actions{flex-wrap:wrap;gap:.6rem;display:flex}.state-links{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.state-links a{font-weight:600}.state-detail{color:var(--dim);margin-top:1.5rem}@keyframes verse-in{0%{opacity:0}to{opacity:1}}@keyframes verse-out{0%{opacity:1}to{opacity:0}}.lyrics-verse.verse-in{animation:.42s ease-out verse-in}.proj-verse.proj-in{animation:.52s ease-out verse-in}.proj-ghost{pointer-events:none;animation:.52s ease-in forwards verse-out}.hymnal-page.hy-turn{animation:.32s ease-out verse-in}.segments .seg.now{color:var(--fg);border-color:var(--accent);background:var(--accent-soft);font-weight:700}.stage{position:relative}.stage.finishing .lyrics-verse{transition:opacity .9s}.stage.finishing:has(.finish-amen) .lyrics-verse{opacity:.3}.finish-amen{z-index:4;text-align:center;pointer-events:none;font-family:var(--font-display);color:var(--accent);font-size:clamp(2.4rem,7vw,4.6rem);font-style:italic;font-weight:500;animation:1.1s ease-out both verse-in;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.stage.finish-out .finish-amen,.stage.finish-out .lyrics-verse{animation:.6s ease-in forwards verse-out}@media (prefers-reduced-motion:reduce){.lyrics-verse.verse-in,.proj-verse.proj-in,.hymnal-page.hy-turn,.finish-amen,.stage.finish-out .finish-amen,.stage.finish-out .lyrics-verse{animation:none}.proj-ghost{display:none}.stage.finishing .lyrics-verse{transition:none}}.tell-card{position:relative}.tell-card>h2{font-family:var(--font-display);text-transform:none;letter-spacing:0;color:var(--fg);align-items:center;gap:.45rem;padding-right:2rem;font-size:1.1rem;font-weight:600;display:flex}.tell-card>h2 .icon{color:var(--accent);flex:none}.tell-card .tell-share{align-items:center;gap:.45rem;min-height:2.75rem;font-weight:600;display:inline-flex}.tell-card .tell-share .icon{color:var(--accent)}.tell-x{width:2.75rem;height:2.75rem;color:var(--dim);background:0 0;border:0;border-radius:999px;padding:0;font-size:1rem;line-height:1;position:absolute;top:.45rem;right:.45rem}.tell-x:hover{background:var(--panel-2);color:var(--fg)}@media (max-width:899px){.tell-card{margin-top:1.6rem}}.tell-panel{width:min(28rem,100% - 2rem);color:var(--fg);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:1.2rem 1.3rem}.tell-panel::backdrop{background:#00000073}.tell-panel h2{font-family:var(--font-display);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.tell-link{gap:.4rem;margin:.9rem 0;display:flex}.tell-link input{min-width:0;min-height:2.75rem;font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius);flex:auto;padding:.4rem .6rem}.tell-ways{flex-wrap:wrap;gap:.5rem;margin:0;display:flex}.tell-ways .icon{color:var(--accent)}.tell-done{text-align:right;margin:1rem 0 0}.foot-share{color:inherit;font:inherit;text-decoration:none}.foot-share:hover{text-decoration:underline}.hc-share{color:var(--dim);text-align:center;margin:1.5rem 0 .5rem}:root{--stage-dim:#766859;--stage-sung:#968878;--score-part-ink:var(--accent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--stage-dim:#978a79;--stage-sung:#72665a}}:root[data-theme=dark]{--stage-dim:#978a79;--stage-sung:#72665a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--score-part-ink:#8d3f00}}:root[data-theme=dark]{--score-part-ink:#8d3f00}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #view-score img[id^=cursorImg]{object-position:-9999px 0;background:color-mix(in srgb, var(--accent) 20%, transparent);box-shadow:inset 0 -3px 0 var(--accent);border-radius:3px}}:root[data-theme=dark] #view-score img[id^=cursorImg]{object-position:-9999px 0;background:color-mix(in srgb, var(--accent) 20%, transparent);box-shadow:inset 0 -3px 0 var(--accent);border-radius:3px}:where(textarea,[tabindex]:not([tabindex="-1"]),[role=menuitem],[role=menuitemradio],.hymnal-page):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pop-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.skip-link{z-index:3000;border-radius:var(--radius);background:var(--chip-on-bg);color:var(--chip-on-fg);padding:.6rem 1rem;font-weight:600;text-decoration:none;position:fixed;top:.5rem;left:.5rem;transform:translateY(-200%)}.skip-link:focus{transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#btn-hymnal{display:none!important}.cue-layer .cue-goon[hidden]{display:none}.hymn-layout:not([data-state=playing]):not([data-state=paused]) .lyrics-status:not(.count){visibility:hidden}@media (max-width:480px){.stage-tools .hymnal-open-chip>span{display:none!important}.stage-tools .hymnal-open-chip{padding-inline:.6rem}}.help-i.help-more{color:var(--accent);place-self:flex-start start;margin:.2rem 0 .4rem;font-size:.85rem;font-weight:600;display:none}.tip-body.open+.help-i.help-more{display:inline-flex}@media (max-width:400px){.site-head-inner{gap:.5rem}.site-nav a{padding-inline:.7rem}.site-nav a span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-nav a .icon{width:1.3em;height:1.3em}}.hc-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.4rem;margin:0 0 1rem;display:flex}.hc-tab{box-sizing:border-box;min-height:2.75rem;color:var(--dim);border-bottom:3px solid #0000;align-items:center;gap:.4rem;margin-bottom:-1px;padding:.55rem .9rem;font-weight:600;text-decoration:none;display:inline-flex}.hc-tab:hover{color:var(--fg)}.hc-tab.on{color:var(--accent);border-bottom-color:var(--accent)}.hc-tab .icon{width:1.05em;height:1.05em}.hc-search{gap:.4rem;display:grid}.hc-search-label{font-size:1.15rem;font-weight:600}.hc-search input{box-sizing:border-box;width:100%;font:inherit;color:var(--fg);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem .9rem;font-size:1.15rem}.hc-search input:focus{outline:2px solid var(--accent);outline-offset:1px}.hc-count{color:var(--dim);min-height:1.2em;margin:.5rem 0 .4rem;font-size:.9rem}.hc-results[hidden],#hc-browse[hidden]{display:none}.hc-none{margin:.4rem 0 1rem;line-height:1.5}.linkish{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.hc-groups{grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:.5rem;margin:.4rem 0 1.4rem;display:grid}.hc-group-link{box-sizing:border-box;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);min-height:2.75rem;color:var(--fg);align-items:center;gap:.6rem;padding:.7rem .85rem;line-height:1.25;text-decoration:none;display:flex}.hc-group-link:hover{border-color:var(--accent)}.hc-group-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hc-group-link .icon{color:var(--accent);flex:none;width:1.2em;height:1.2em}.hc-group{margin:0 0 1.6rem;scroll-margin-top:1rem}.hc-group h2,.hc-stuck h2{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;margin:0 0 .5rem;padding-bottom:.35rem;font-size:1.1rem;display:flex}.hc-group h2 .icon,.hc-stuck h2 .icon{color:var(--accent);width:1.1em;height:1.1em}.hc-q{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);margin:0 0 .45rem;scroll-margin-top:1rem}.hc-q>summary{cursor:pointer;box-sizing:border-box;min-height:2.75rem;padding:.75rem 2.4rem .75rem .9rem;font-weight:600;line-height:1.35;list-style:none;position:relative}.hc-q>summary::-webkit-details-marker{display:none}.hc-q>summary:after{content:"";border-right:2px solid var(--dim);border-bottom:2px solid var(--dim);width:.5rem;height:.5rem;margin-top:-.35rem;transition:transform .15s;position:absolute;top:50%;right:1rem;transform:rotate(45deg)}.hc-q[open]>summary:after{margin-top:-.1rem;transform:rotate(-135deg)}.hc-q>summary:hover{color:var(--accent)}.hc-q>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hc-a{padding:0 .9rem .85rem}.hc-a p{margin:0 0 .6rem;font-size:1.02rem;line-height:1.55}.hc-show{align-items:center;min-height:2.5rem;font-weight:600;text-decoration:none;display:inline-flex}.hc-show:hover{text-decoration:underline}.hc-links{gap:.25rem;margin:0 0 .5rem;padding:0;list-style:none;display:grid}.hc-links a{padding:.3rem 0;text-decoration:none;display:inline-block}.hc-links a:hover{text-decoration:underline}.hc-stuck{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);margin-top:2rem;padding:1rem}.hc-stuck h2{border-bottom:0;padding-bottom:0}.hc-stuck>p{margin:0 0 .7rem;line-height:1.5}.hc-ask{gap:.6rem;display:grid}.hc-ask textarea,.hc-ask input{font:inherit;color:var(--fg);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;width:100%;padding:.55rem .65rem}.hc-ask textarea{resize:vertical}.hc-ask-contact{color:var(--dim);gap:.3rem;font-size:.9rem;display:grid}.hc-ask-actions{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.hc-ask-status:empty{display:none}.help-i{vertical-align:middle;color:var(--dim);margin-left:.3rem;border-radius:999px;justify-content:center;align-items:center;margin-block:-.35rem;padding:.35rem;font-style:normal;text-decoration:none;display:inline-flex}.help-i .icon{width:1em;height:1em}.help-i:hover,.help-i:focus-visible{color:var(--accent)}.help-i:focus-visible{outline:2px solid var(--accent);outline-offset:0}.hc-pop{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--fg);width:min(28rem,100vw - 2rem);box-shadow:0 10px 30px var(--shadow);padding:0}.hc-pop::backdrop{background:#0006}.hc-pop-body{padding:1.1rem 1.2rem 1rem}.hc-pop h2{margin:0 0 .55rem;font-size:1.15rem;line-height:1.3}.hc-pop p{margin:0 0 .8rem;line-height:1.55}.hc-pop-actions{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;display:flex}.hc-pop-actions button.primary,.hc-pop-actions a.button{box-sizing:border-box;align-items:center;min-width:0;min-height:2.75rem;padding:.5rem 1rem;font-size:1rem;display:inline-flex}.hc-pop-actions a.button{background:var(--primary-bg);color:var(--primary-fg);font-weight:600}.hc-pop-close{min-height:2.75rem;margin-left:auto}.hc-more{font-weight:600;text-decoration:none}.hc-more:hover{text-decoration:underline}@keyframes hc-flash{0%,to{box-shadow:0 0 #0000}20%,70%{box-shadow:0 0 0 4px var(--accent)}}.hc-flash{border-radius:var(--radius);animation:2.4s ease-in-out hc-flash}@media (prefers-reduced-motion:reduce){.hc-flash{outline:3px solid var(--accent);outline-offset:2px;animation:none}}@media (max-width:640px){.hc-groups{grid-template-columns:1fr 1fr;gap:.4rem}.hc-group-link{gap:.45rem;padding:.6rem .65rem;font-size:.92rem}.hc-tab{flex:1;justify-content:center;padding:.55rem .4rem}.hc-search-label{font-size:1.05rem}}@media (max-width:360px){.hc-groups{grid-template-columns:1fr}}.svc-info{display:inline-block;position:relative}.svc-info>summary{cursor:pointer;width:2.75rem;height:2.75rem;color:var(--dim);border-radius:999px;justify-content:center;align-items:center;margin:-.6rem 0;list-style:none;display:inline-flex}.svc-info>summary::-webkit-details-marker{display:none}.svc-info>summary:hover,.svc-info[open]>summary{color:var(--accent)}.svc-info>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.svc-info>summary .icon{width:1.1rem;height:1.1rem}.svc-info>p{color:var(--dim);max-width:34rem;margin:.4rem 0 0;font-size:.9rem;line-height:1.45}.svc-sh-head{flex-wrap:wrap;align-items:center;gap:.2rem;display:flex}.svc-sh-head .svc-info[open]{flex-basis:100%}.svc-sh-head .svc-info[open]>summary{margin-left:-.8rem}.svc-sh{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);gap:.5rem;margin-top:.6rem;padding:.75rem .85rem;display:grid}.svc-sh-link{gap:.4rem;display:flex}.svc-sh-link input{min-width:0;font:inherit;color:var(--fg);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex:1;min-height:2.75rem;padding:.5rem .6rem;font-size:.9rem}.svc-sh-status{color:var(--dim);margin:0;font-size:.9rem;font-style:italic}.svc-sh-status:empty{display:none}.svc-sh-actions{flex-wrap:wrap;gap:.5rem;display:flex}.svc-sh-actions button{min-height:2.75rem}.svc .svc-sh-actions button.danger-ghost{margin-left:auto}.svc-count{vertical-align:.1em;background:var(--panel-2);min-width:1.4rem;height:1.4rem;color:var(--dim);border:1px solid var(--border);border-radius:999px;justify-content:center;align-items:center;margin-left:.4rem;padding:0 .4rem;font-size:.78rem;font-style:normal;font-weight:600;display:inline-flex}.svc-count.fresh{background:var(--primary-bg);color:var(--primary-fg);border-color:var(--primary-bg)}.svc-resp{color:var(--fg);overflow-wrap:anywhere;font-size:.9rem}.svc-resp strong{font-weight:600}.svc-resp .fresh strong{color:var(--accent)}.svc-resp-top{gap:.2rem;margin-top:.6rem;display:grid}.svc-resp-top p{margin:0;font-size:.92rem}.svc-resp-ok{color:var(--accent);align-items:center;gap:.35rem;font-weight:600;display:flex}.svc-resp-ok .icon{flex:none;width:1rem;height:1rem}.svc-resp-stray{color:var(--dim)}.svc-follow{background:var(--panel-2);border:1px solid var(--accent);border-radius:var(--radius);gap:.6rem;padding:.9rem 1rem;display:grid}.svc-follow.hidden{display:none}.svc-follow h2,.svc-follow .svc-import-title{margin:0}.svc-fl-name{max-width:20rem}.svc-fl-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.svc-fl-item{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);gap:.45rem;padding:.6rem .7rem;display:grid}.svc-fl-title{overflow-wrap:anywhere;gap:.1rem;display:grid}.svc-fl-title strong{font-size:1.05rem}.svc-fl-votes{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.svc-fl-votes .chip,#svc-fl-ok{min-width:2.75rem;min-height:2.75rem}#svc-fl-ok{align-items:center;gap:.35rem;display:inline-flex}#svc-fl-ok .icon{width:1rem;height:1rem}.svc-fl-comment{min-width:0;font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);flex:10rem;min-height:2.75rem;padding:.5rem .6rem}.svc-fl-team,.svc-fl-overall{color:var(--dim);overflow-wrap:anywhere;font-size:.88rem}.svc-fl-team:empty,.svc-fl-overall:empty{display:none}.svc-follow .svc-actions{align-items:center;margin-top:0}.svc.following .svc-start{display:none}.sx{--sx-gap:.5rem;--sx-row-pad:.6rem .85rem}.sx .sx-form{z-index:5;position:relative}.sx .sx-box{align-items:center;display:flex;position:relative}.sx .sx-box input{width:100%;font:inherit;color:var(--fg);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 1px 3px var(--shadow);appearance:none;padding:.8rem 5.4rem .8rem 2.7rem;font-size:1.2rem}.sx .sx-box input:focus{outline:2px solid var(--accent);outline-offset:1px}.sx .sx-box input::-webkit-search-cancel-button{display:none}.sx .sx-box input::placeholder{color:var(--dim);opacity:1}.sx .sx-glass{color:var(--dim);pointer-events:none;display:flex;position:absolute;left:.8rem}.sx .sx-clear,.sx .sx-tips-btn{width:2.5rem;height:2.5rem;color:var(--dim);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:1rem;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.sx .sx-clear{right:2.7rem}.sx .sx-tips-btn{right:.25rem}.sx .sx-tips-btn .icon{width:1.15rem;height:1.15rem}.sx .sx-clear:hover,.sx .sx-tips-btn:hover,.sx .sx-tips-btn[aria-expanded=true]{color:var(--accent);background:var(--panel-2)}.sx .sx-clear[hidden]{display:none}.sx .sx-tips{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-top:.4rem;padding:.55rem .85rem;font-size:.92rem}.sx .sx-tips ul{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.sx .sx-tips li{color:var(--dim)}.sx .sx-tips .linkish{font-style:italic}.sx .sx-tips[hidden]{display:none}.sx .sx-panel{overscroll-behavior:contain;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);max-height:min(70vh,34rem);box-shadow:0 8px 24px var(--shadow), 0 1px 3px var(--shadow);padding:.25rem 0;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.sx .sx-panel[hidden]{display:none}.sx .sx-group+.sx-group{border-top:1px solid var(--border)}.sx .sx-group-label{text-transform:uppercase;letter-spacing:.1em;color:var(--dim);padding:.5rem .9rem .15rem;font-size:.72rem;font-weight:600}.sx .sx-opt{cursor:pointer;border-left:3px solid #0000;flex-wrap:wrap;align-items:baseline;gap:.2rem .75rem;min-height:2.5rem;padding:.45rem .9rem;display:flex}.sx .sx-opt.active{background:var(--panel-2);border-left-color:var(--accent)}.sx .sx-opt-main{overflow-wrap:anywhere;flex:auto;min-width:0}.sx .sx-opt-title{font-weight:600}.sx .sx-opt-sub{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;flex:100%;font-size:.88rem;font-style:italic;overflow:hidden}.sx .sx-opt-hint{color:var(--dim);font-size:.85rem;font-style:italic}.sx .sx-opt-n{color:var(--dim);white-space:nowrap;flex:none;font-size:.82rem}.sx .sx-opt-all{color:var(--accent);font-size:.95rem}.sx .sx-bar{align-items:center;gap:var(--sx-gap);z-index:4;flex-wrap:wrap;margin-top:.7rem;display:flex;position:relative}.sx .sx-drops{flex-wrap:wrap;gap:.4rem;display:flex}.sx .sx-drop{position:relative}.sx .sx-drop-btn,.sx .sx-filters-btn{border-radius:999px;align-items:center;gap:.35rem;min-height:2.5rem;padding:.4rem .6rem .4rem .85rem;font-size:.95rem;display:inline-flex}.sx .sx-drop-btn.on,.sx .sx-drop.open .sx-drop-btn{border-color:var(--accent);color:var(--accent)}.sx .sx-drop-n,.sx .sx-badge{background:var(--chip-on-bg);min-width:1.3rem;height:1.3rem;color:var(--chip-on-fg);border-radius:999px;justify-content:center;align-items:center;padding:0 .3rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.sx .sx-badge[hidden]{display:none}.sx .sx-chev{width:1rem;height:1rem;transition:transform .15s}.sx .sx-drop.open .sx-chev{transform:rotate(180deg)}.sx .sx-filters-btn{padding-left:.7rem;display:none}.sx .sx-filters-btn .icon{width:1.1rem;height:1.1rem}.sx .sx-sort{align-items:center;margin-left:auto;display:inline-flex}.sx .sx-sort[hidden]{display:none}.sx .sx-sort select{border-radius:999px;min-height:2.5rem;padding:.3rem .7rem;font-size:.92rem}.sx .sx-pop{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:max-content;min-width:15rem;max-width:min(22rem,100vw - 2rem);box-shadow:0 8px 24px var(--shadow), 0 1px 3px var(--shadow);z-index:30;padding:.45rem;position:absolute;top:calc(100% + 4px);left:0}.sx .sx-pop.sx-pop-right{left:auto;right:0}.sx .sx-pop .sx-checks{overscroll-behavior:contain;max-height:min(20rem,55vh);overflow-y:auto}.sx .sx-within{width:100%;font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.35rem;padding:.45rem .6rem;font-size:.95rem}.sx .sx-within:focus{outline:2px solid var(--accent);outline-offset:0}.sx .sx-check{border-radius:var(--radius);cursor:pointer;align-items:center;gap:.55rem;min-height:2.5rem;padding:.35rem .45rem;display:flex}.sx .sx-check:hover{background:var(--panel-2)}.sx .sx-check input{width:1.05rem;height:1.05rem;accent-color:var(--accent);flex:none;margin:0}.sx .sx-check-label{flex:1;min-width:0}.sx .sx-check-hint{color:var(--dim);font-size:.8rem;font-style:italic}.sx .sx-check .sx-n{color:var(--dim);flex:none;font-size:.82rem}.sx .sx-check.off{opacity:.45;cursor:not-allowed}.sx .sx-check-group{text-transform:uppercase;letter-spacing:.1em;color:var(--dim);padding:.5rem .45rem .15rem;font-size:.72rem;font-weight:600}.sx .sx-none{color:var(--dim);margin:.4rem;font-style:italic}.sx .sx-chips{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.6rem;display:flex}.sx .sx-chips:empty{display:none}.sx .sx-chip{align-items:center;gap:.35rem;min-height:2.25rem;font-size:.92rem;display:inline-flex}.sx .sx-clear-all{margin-left:.3rem;font-size:.92rem}.sx .sx-status{margin:.8rem 0 0;font-size:.95rem}.sx .sx-rows{gap:.4rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.sx .sx-row{position:relative}.sx .sx-open{text-align:left;width:100%;padding:var(--sx-row-pad);background:var(--panel);border-radius:var(--radius);gap:.12rem;display:grid}.sx .sx-open:hover{border-color:var(--dim)}.sx .sx-title{overflow-wrap:anywhere;font-size:1.08rem;font-weight:600}.sx .sx-first{text-overflow:ellipsis;white-space:nowrap;font-style:italic;overflow:hidden}.sx .sx-why{color:var(--accent);overflow-wrap:anywhere;font-size:.86rem;font-style:italic}.sx .sx-why-label{color:var(--dim);font-size:.8rem;font-style:normal}.sx .sx-why .sep{color:var(--dim)}.sx .sx-meta{color:var(--dim);font-size:.85rem}.sx .sx-meta .tune{letter-spacing:.04em}.sx .sx-tunes{color:var(--dim);padding:.15rem .85rem 0;font-size:.82rem}.sx .sx-row.has-add .sx-open{padding-right:7.4rem}.sx .sx-more{margin-top:.7rem}.sx mark{background:var(--mark-bg);color:inherit;border-radius:2px;padding:0 .05em}.sx .sx-empty{padding:.8rem 0}.sx .sx-empty p{margin:.4rem 0}.sx .sx-empty-label{color:var(--dim);font-size:.88rem;margin-top:.9rem!important}.sx .sx-sheet{background:var(--bg);width:100%;max-width:100%;max-height:85vh;color:var(--fg);box-shadow:0 -8px 30px var(--shadow);border:0;border-radius:14px 14px 0 0;flex-direction:column;margin:0;padding:0;display:none;position:fixed;inset:auto 0 0}.sx .sx-sheet[open]{display:flex}.sx .sx-sheet::backdrop{background:#00000073}.sx .sx-sheet-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.7rem 1rem .5rem;display:flex}.sx .sx-sheet-head h2{margin:0;font-size:1.1rem}.sx .sx-sheet-x{border-radius:999px;width:2.75rem;height:2.75rem;padding:0}.sx .sx-sheet-body{overscroll-behavior:contain;flex:1;padding:.3rem 1rem;overflow-y:auto}.sx .sx-sec{border-bottom:1px solid var(--border)}.sx .sx-sec>summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:3rem;font-weight:600;list-style:none;display:flex}.sx .sx-sec>summary::-webkit-details-marker{display:none}.sx .sx-sec>summary:after{content:"▾";color:var(--dim);margin-left:.5rem}.sx .sx-sec[open]>summary:after{content:"▴"}.sx .sx-sec-n{color:var(--accent);margin-left:auto;font-size:.9rem;font-weight:400}.sx .sx-sec .sx-checklist{padding-bottom:.6rem}.sx .sx-sec .sx-checks{max-height:40vh;overflow-y:auto}.sx .sx-sheet-foot{padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--panel);justify-content:space-between;align-items:center;gap:1rem;display:flex}.sx .sx-sheet-done{flex:1;max-width:16rem}@media (max-width:640px){.sx .sx-box input{padding:.75rem 5.2rem .75rem 2.5rem;font-size:1.05rem}.sx .sx-glass{left:.7rem}.sx .sx-drops{display:none}.sx .sx-filters-btn{display:inline-flex}.sx .sx-panel{max-height:60vh}.sx .sx-row.has-add .sx-open{padding-right:3.6rem}.sx .sx-first{white-space:normal}.sx{--sx-row-pad:.55rem .75rem}}@media (prefers-reduced-motion:reduce){.sx .sx-chev{transition:none}}.hymnal-layer{z-index:900;background-color:var(--bg);background-image:var(--grain);position:fixed;inset:0}body.hymnal-open{overflow:hidden}.hymnal{background:var(--stage-bg);color:var(--stage-fg);font-family:var(--font);overscroll-behavior:none;outline:none;flex-direction:column;display:flex;position:absolute;inset:0}.hymnal-bar{padding:max(.3rem, env(safe-area-inset-top)) max(.5rem, env(safe-area-inset-right)) .3rem max(.5rem, env(safe-area-inset-left));border-bottom:1px solid var(--border);background:var(--panel);color:var(--fg);flex:none;align-items:center;gap:.35rem;display:flex}.hymnal-bar button{justify-content:center;align-items:center;min-width:2.75rem;min-height:2.75rem;display:inline-flex}.hymnal-close{color:var(--fg);background:0 0;border:0;padding:0}.hymnal-close .icon{width:1.5em;height:1.5em}.hymnal-head{flex:auto;min-width:0;padding:0 .2rem}.hymnal-title{font-family:var(--font-title);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:600;overflow:hidden}.hymnal-sub{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.hy-live{color:var(--dim)}.hy-live.on{color:var(--accent);font-weight:600}.hy-live.off{color:var(--error)}.hymnal-tools-btn{font-family:var(--font);border:1px solid var(--border);background:var(--panel-2);color:var(--fg);border-radius:8px;font-size:1.05rem;font-weight:600}.hymnal-tools-btn[aria-expanded=true]{background:var(--chip-on-bg);color:var(--chip-on-fg)}.hymnal-tools{padding:.5rem max(.75rem, env(safe-area-inset-left));background:var(--panel);color:var(--fg);border-bottom:1px solid var(--border);flex-wrap:wrap;flex:none;align-items:center;gap:.45rem .6rem;font-size:.95rem;display:flex}.hymnal-tools[hidden]{display:none}.hymnal-tools button{min-height:2.5rem}.hymnal-seg{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.hymnal-seg button{background:var(--panel);color:var(--fg);border:0;border-radius:0;padding:.3rem .8rem}.hymnal-seg button+button{border-left:1px solid var(--border)}.hymnal-seg button.on,.hymnal-chip.on{background:var(--chip-on-bg);color:var(--chip-on-fg)}.hymnal-chip{border:1px solid var(--border);background:var(--panel);color:var(--fg);border-radius:8px;align-items:center;gap:.35rem;padding:.3rem .7rem;display:inline-flex}.hymnal-size{gap:.25rem;display:inline-flex}.hymnal-size button{border:1px solid var(--border);background:var(--panel);min-width:2.6rem;color:var(--fg);font-family:var(--font);border-radius:8px}.hymnal-check{cursor:pointer;align-items:center;gap:.4rem;min-height:2.5rem;display:inline-flex}.hymnal-check input{width:1.2rem;height:1.2rem}.hymnal-roles{color:var(--dim);flex-basis:100%;font-size:.85rem}.hymnal-roles a{color:var(--accent)}.hymnal-stage{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;flex:auto;min-height:0;position:relative;overflow:hidden}.hymnal-page{padding:1.1rem max(1.1rem, env(safe-area-inset-right)) .6rem max(1.1rem, env(safe-area-inset-left));position:absolute;inset:0;overflow:hidden}.hymnal-page.measuring{visibility:hidden}.hy-words,.hymnal-page.measuring{font-family:var(--font-lyrics);font-size:var(--hy-size,24px);line-height:1.32}.hy-line{text-indent:-1em;text-wrap:pretty;margin-left:1em;padding-left:2.2em;position:relative}.hy-line.hy-vs{margin-top:.75em}.hy-words>.hy-line:first-child{margin-top:0}.hy-vn{text-indent:0;text-align:right;width:1.6em;color:var(--stage-accent);font-size:.72em;font-weight:600;line-height:1.83333em;position:absolute;top:0;left:-1em}.hy-vn-cont{display:none}.hy-cont>.hy-line:first-child .hy-vn-cont{opacity:.55;display:block}.hy-line.with-chords{line-height:1.25}.hy-line.with-chords .hy-vn{line-height:1.73611em;top:.958333em}.hy-syl.has-chord{text-indent:0;vertical-align:baseline;display:inline-block}.hy-chord{font-family:var(--font);color:var(--stage-accent);white-space:nowrap;padding-right:.35em;font-size:.6em;font-weight:700;line-height:1.15;display:block}.hy-clip{background:var(--score-bg);border-radius:4px;width:100%;position:relative;overflow:hidden}.hy-score{background:var(--score-bg)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hy-score svg{filter:invert(.9)hue-rotate(180deg)}}:root[data-theme=dark] .hy-score svg{filter:invert(.9)hue-rotate(180deg)}.hy-loading{color:var(--dim);text-align:center;padding:2rem .5rem;font-size:1.05rem}.hymnal-resume{z-index:2;background:var(--primary-bg);min-height:2.75rem;color:var(--primary-fg);border:1px solid var(--primary-border);box-shadow:0 6px 18px var(--shadow);border-radius:999px;padding:.55rem 1.1rem;font-size:1rem;position:absolute;bottom:.9rem;left:50%;transform:translate(-50%)}.hymnal-resume[hidden]{display:none}.hymnal-foot{padding:.15rem max(.5rem, env(safe-area-inset-right)) max(.2rem, env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));color:var(--dim);flex:none;justify-content:space-between;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.hymnal-foot button{min-width:3rem;min-height:2.5rem;color:var(--stage-fg);background:0 0;border:0;font-size:1.5rem;line-height:1}.hymnal-foot button:disabled{opacity:.25}.stage-tools .hymnal-open-chip .label-short{display:none}@media (max-width:420px){.stage-tools .hymnal-open-chip .label-long{display:none}.stage-tools .hymnal-open-chip .label-short{display:inline}}.live-pill{border:1px solid var(--accent);min-height:2.2rem;color:var(--accent);background:var(--panel);border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.88rem;font-weight:600;display:inline-flex}.live-pill[hidden]{display:none}.live-pill .dot{background:currentColor;border-radius:50%;width:.55rem;height:.55rem}.live-pill.off .dot{background:var(--dim)}#btn-live.live-on,#svc-live.live-on{color:var(--accent)}@media (min-width:641px){#btn-hymnal{display:none}}.live-dlg{border:1px solid var(--border);background:var(--panel);width:100%;max-width:min(30rem,100vw - 1.5rem);color:var(--fg);border-radius:12px;padding:0}.live-dlg::backdrop{background:#00000073}.live-dlg .live-body{flex-direction:column;gap:.7rem;padding:1rem 1.1rem 1.1rem;display:flex}.live-dlg h2{margin:0;font-size:1.2rem}.live-top{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.live-qr{border-radius:6px;flex:none;width:9.5rem;height:9.5rem;overflow:hidden}.live-qr svg{width:100%;height:100%;display:block}.live-codebox{flex:12rem;min-width:0}.live-code{font-family:var(--font);letter-spacing:.04em;color:var(--accent);word-break:break-all;font-size:clamp(1.8rem,8vw,2.4rem);font-weight:700;line-height:1.1}.live-link{word-break:break-all;margin:.25rem 0;font-size:.9rem}.live-link a{color:var(--fg)}.live-row{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.live-row button{min-height:2.5rem}.live-how{margin:0;padding-left:1.1rem;font-size:.92rem;line-height:1.45}.live-how li+li{margin-top:.3rem}.live-pin{letter-spacing:.12em;color:var(--accent);font-size:1.05em;font-weight:700}.live-peers{color:var(--dim);font-size:.92rem}.live-status-err{color:var(--error)}.live-foot-note{color:var(--dim);margin:0;font-size:.8rem}.live-danger{color:var(--error)}.live-join{max-width:30rem;padding:max(1.5rem, env(safe-area-inset-top)) 1.1rem 2rem;font-family:var(--font);color:var(--fg);flex-direction:column;gap:.9rem;margin:0 auto;display:flex}.live-join h1{margin:0;font-size:1.5rem}.live-join form{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.live-join input[type=text],.live-join input[inputmode=numeric]{border:1px solid var(--border);background:var(--panel);min-height:3rem;color:var(--fg);text-transform:uppercase;letter-spacing:.05em;border-radius:8px;flex:10rem;min-width:0;padding:.45rem .6rem;font-size:1.4rem}.live-join button{min-height:3rem;font-size:1.05rem}.live-join .note{color:var(--dim);margin:0;font-size:.92rem}.live-join .err{color:var(--error);margin:0}.live-join .roles{flex-direction:column;gap:.5rem;display:flex}.live-join .roles a{border:1px solid var(--border);background:var(--panel);color:var(--fg);border-radius:10px;padding:.8rem .9rem;text-decoration:none;display:block}.live-join .roles a strong{font-size:1.05rem;display:block}.live-join .roles a span{color:var(--dim);font-size:.9rem}.live-screen-state{z-index:1002;font:13px/1.3 var(--font);color:#ddd;background:#282828cc;border-radius:6px;padding:.35em .7em;position:fixed;bottom:12px;right:12px}.live-screen-state[hidden]{display:none}.remote{min-height:100dvh;padding:max(.9rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));max-width:34rem;font-family:var(--font);color:var(--fg);box-sizing:border-box;flex-direction:column;gap:.8rem;margin:0 auto;display:flex}.remote-top{color:var(--dim);justify-content:space-between;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.remote-top .on{color:var(--accent);font-weight:600}.remote-top .off{color:var(--error)}.remote-now{border:1px solid var(--border);background:var(--panel);border-radius:12px;padding:.9rem 1rem}.remote-title{font-size:1.35rem;font-weight:700;line-height:1.2}.remote-where{color:var(--fg);margin-top:.25rem;font-size:1.05rem}.remote-next{color:var(--dim);margin-top:.25rem;font-size:.9rem}.remote-grid{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.remote-grid button{border:1px solid var(--border);background:var(--panel);min-height:4.6rem;color:var(--fg);touch-action:manipulation;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;font-size:1.15rem;display:inline-flex}.remote-grid button .icon{width:1.5em;height:1.5em}.remote-grid button small{color:var(--dim);font-size:.78rem}.remote-grid .remote-play{background:var(--primary-bg);min-height:6.5rem;color:var(--primary-fg);border-color:var(--primary-border);grid-column:1/-1;font-size:1.6rem}.remote-grid button:disabled{opacity:.4}.remote-grid button:active:not(:disabled){transform:scale(.98)}.remote-vol{align-items:center;gap:.7rem;padding:.3rem .2rem;font-size:1rem;display:flex}.remote-vol input{min-height:2.75rem;accent-color:var(--accent);flex:1}.remote-msg{color:var(--dim);text-align:center;min-height:1.3em;margin:0;font-size:.95rem}