@font-face{font-family:EB Garamond Score;src:url(/fonts/EBGaramond08-Regular.otf)format("opentype");font-style:normal;font-weight:400;font-display:block}@font-face{font-family:EB Garamond Score;src:url(/fonts/EBGaramond08-Italic.otf)format("opentype");font-style:italic;font-weight:400;font-display:block}:root{--paper:#f6f1e7;--paper-deep:#e9e0cf;--ink:#1c2923;--ink-soft:#59635d;--forest:#214a39;--forest-dark:#15372a;--sage:#b5c4b7;--gold:#8a6126;--line:#d2c8b7;--white:#fffdf7;--shadow:0 18px 50px #232d271a;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:EB Garamond Score,Georgia,Times New Roman,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 8%, #ffffffad, transparent 34rem), linear-gradient(90deg, transparent 0, #7a5c2d05 50%, transparent 100%), var(--paper);min-width:320px;margin:0;font-size:17px;line-height:1.55}a{color:inherit}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #d59b43}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;color:var(--white);background:var(--forest-dark);padding:.7rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1180px,100% - 2rem);margin:0 auto;padding:1.35rem 0 1.25rem;display:flex}.wordmark{align-items:center;gap:.85rem;line-height:1.1;text-decoration:none;display:inline-flex}.wordmark-mark{flex:none;width:3.15rem;height:3.15rem;display:block}.wordmark strong{color:var(--forest-dark);letter-spacing:.025em;font-size:1.18rem;font-weight:600;display:block}.wordmark small{color:var(--ink-soft);letter-spacing:.14em;text-transform:uppercase;margin-top:.18rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.56rem;font-weight:700;display:block}.site-header nav{gap:1.8rem;display:flex}.site-header nav a{letter-spacing:.05em;text-underline-offset:.35rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.78rem;font-weight:700;text-decoration:none}.site-header nav a:hover{color:var(--gold);text-decoration:underline}.site-footer{border-top:1px solid var(--line);width:min(1180px,100% - 2rem);color:var(--ink-soft);justify-content:space-between;gap:2rem;margin:6rem auto 0;padding:2rem 0 6rem;font-size:.88rem;display:flex}.site-footer p{margin:0}.footer-brand{color:var(--forest-dark);font-size:1.05rem;font-weight:600;margin-bottom:.2rem!important}.footer-copy .audio-credit{margin-top:.35rem}.footer-brand-lockup{align-items:center;gap:.75rem;display:flex}.footer-brand-lockup img{flex:none;width:2.4rem;height:2.4rem}.publisher-link{align-items:center;gap:.7rem;text-decoration:none;display:inline-flex}.publisher-link img{width:2.75rem;height:2.75rem}.publisher-link small,.publisher-link strong{display:block}.publisher-link small{color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.58rem;font-weight:700}.publisher-link strong{color:var(--forest);margin-top:.15rem;font-size:.92rem}.quiet{opacity:.75}.eyebrow{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .45rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.7rem;font-weight:800}h1,h2,h3,p{text-wrap:pretty}h1,h2,h3{line-height:1.08}.home-hero{text-align:center;width:min(980px,100% - 2rem);margin:0 auto;padding:4.8rem 0 2.8rem;position:relative}.home-hero:before{content:"";background:var(--gold);width:4.5rem;height:1px;position:absolute;top:2.2rem;left:50%;transform:translate(-50%)}.home-hero h1{letter-spacing:-.048em;margin:0;font-size:clamp(3.5rem,10vw,6.8rem);font-weight:500}.home-intro{max-width:670px;color:var(--ink-soft);margin:2rem auto;font-size:clamp(1.05rem,2vw,1.3rem)}.hero-actions{justify-content:center;align-items:center;gap:1.5rem;margin-top:2.2rem;display:flex}.hero-note{color:var(--ink-soft);letter-spacing:.07em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:.25rem .5rem;margin:2rem auto 0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.65rem;font-weight:700;display:flex}.hero-note span{white-space:nowrap}.hero-note i{font-style:normal}.button-link,.play-button{min-height:3rem;color:var(--white);background:var(--forest);letter-spacing:.02em;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.68rem;padding:.82rem 1.25rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.82rem;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 7px 20px #244a3a2e}.button-link:hover,.play-button:hover{background:var(--forest-dark)}.text-link{color:var(--forest);text-underline-offset:.3rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.84rem;font-weight:800}.voice-ribbon{z-index:1;border:1px solid var(--line);width:min(780px,100% - 2rem);color:var(--forest-dark);background:var(--white);grid-template-columns:repeat(4,1fr);margin:0 auto -1.5rem;display:grid;position:relative;box-shadow:0 12px 32px #232d2714}.voice-ribbon span{border-right:1px solid var(--line);text-align:center;padding:.78rem 1rem;font-size:.92rem;font-style:italic}.voice-ribbon span:last-child{border-right:0}.principles{color:var(--white);background:var(--forest-dark);padding:7rem max(1rem,50% - 590px) 5.5rem}.principles>h2{max-width:760px;margin:0;font-size:clamp(2rem,5vw,3.7rem);font-weight:500}.principle-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem;display:grid}.principle-grid article{border-top:1px solid #ffffff3b;padding-top:1.3rem}.principle-grid article>span{color:#d9b678;letter-spacing:.1em;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.65rem;font-weight:800}.principle-grid h3{margin:1.2rem 0 .7rem;font-size:1.4rem;font-weight:500}.principle-grid p{color:#d5ddd8;margin:0;font-size:.96rem}.featured-hymns{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(3rem,8vw,8rem);width:min(1080px,100% - 2rem);margin:0 auto;padding:6rem 0 4rem;display:grid}.featured-intro h2{letter-spacing:-.035em;margin:0;font-size:clamp(2.2rem,4.5vw,3.7rem);font-weight:500}.featured-intro>p:not(.eyebrow){color:var(--ink-soft);margin:1.4rem 0 1.8rem}.featured-list{border-top:1px solid var(--line)}.featured-list a{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:.35rem 1rem;padding:1.5rem 2.5rem 1.5rem 0;text-decoration:none;display:grid;position:relative}.featured-list a:after{content:"→";color:var(--gold);position:absolute;top:50%;right:0;transform:translateY(-50%)}.featured-list span{color:var(--gold);letter-spacing:.1em;grid-column:1/-1;font:800 .6rem ui-sans-serif,system-ui,sans-serif}.featured-list strong{font-size:1.45rem;font-weight:500}.featured-list small{color:var(--ink-soft);align-self:center;font:700 .62rem ui-sans-serif,system-ui,sans-serif}.featured-list a:hover strong{color:var(--gold)}.index-header,.prose-page,.not-found{width:min(900px,100% - 2rem);margin:0 auto;padding:7rem 0 4rem}.index-header h1,.prose-page h1,.not-found h1{letter-spacing:-.045em;margin:0;font-size:clamp(3.5rem,9vw,6.5rem);font-weight:500}.index-header>p:last-child{max-width:600px;color:var(--ink-soft)}.library-controls{grid-template-columns:minmax(15rem,1fr) minmax(10rem,.35fr) auto;align-items:end;gap:.8rem;width:min(900px,100% - 2rem);margin:-1.8rem auto 2rem;display:grid}.library-controls label>span{color:var(--ink-soft);margin-bottom:.35rem;font:800 .65rem ui-sans-serif,system-ui,sans-serif;display:block}.library-controls input,.library-controls select{border:1px solid var(--line);width:100%;min-height:2.75rem;color:var(--ink);background:var(--white);border-radius:6px;padding:.55rem .7rem;font:700 .78rem ui-sans-serif,system-ui,sans-serif}.library-controls output{color:var(--ink-soft);white-space:nowrap;padding-bottom:.75rem;font:700 .7rem ui-sans-serif,system-ui,sans-serif}.hymn-index{border-top:1px solid var(--line);width:min(900px,100% - 2rem);margin:0 auto 8rem}.hymn-row{border-bottom:1px solid var(--line);grid-template-columns:4rem 1fr auto 2rem;align-items:center;gap:1rem;padding:1.5rem 0;text-decoration:none;display:grid}.hymn-row:hover strong,.hymn-row:hover .row-arrow{color:var(--gold)}.hymn-row[hidden]{display:none}.hymn-number,.tune-name{font-family:ui-sans-serif,system-ui,sans-serif}.hymn-number{color:var(--gold);font-size:.75rem;font-weight:800}.hymn-row strong{font-size:1.35rem;font-weight:500;display:block}.hymn-row small{color:var(--ink-soft);margin-top:.28rem;display:block}.difficulty-badge{color:var(--forest);letter-spacing:.04em;vertical-align:middle;background:#f7f1e5;border:1px solid #d8c9ab;border-radius:999px;margin-top:.45rem;padding:.18rem .45rem;font:800 .58rem ui-sans-serif,system-ui,sans-serif;display:inline-block}.hymn-subtitle .difficulty-badge{margin:0 0 0 .5rem}.tune-name{color:var(--ink-soft);letter-spacing:.1em;font-size:.72rem;font-weight:800}.row-arrow{color:var(--forest);font-size:1.3rem}.library-empty{color:var(--ink-soft);padding:2rem 0}.hymn-page{width:min(1180px,100% - 2rem);margin:0 auto}.hymn-header{padding:3.5rem 0 2.5rem}.back-link{color:var(--ink-soft);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.75rem;font-weight:700;text-decoration:none}.hymn-title-row{align-items:flex-end;gap:1.5rem;margin-top:2.6rem;display:flex}.large-number{border-right:1px solid var(--line);color:var(--gold);letter-spacing:.1em;padding-right:1.5rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.8rem;font-weight:800}.hymn-header h1{letter-spacing:-.045em;margin:0;font-size:clamp(2.8rem,7vw,5.5rem);font-weight:500}.hymn-subtitle{color:var(--ink-soft);letter-spacing:.04em;margin:.65rem 0 0;font-size:.86rem}.practice-layout{grid-template-columns:minmax(270px,.42fr) minmax(0,1fr);align-items:start;gap:1.4rem;display:grid}.player-card,.score-card{border:1px solid var(--line);background:var(--white);box-shadow:var(--shadow);border-radius:8px}.player-card{padding:1.4rem;position:sticky;top:1rem}.player-heading-row,.score-heading,.voice-label-row,.time-row,.tempo-scale{justify-content:space-between;align-items:center;gap:1rem;display:flex}.player-heading-row h2,.score-heading h2{margin:0;font-size:1.55rem;font-weight:500}.count-in-note{color:var(--ink-soft);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.63rem}.primary-transport{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:1rem;margin:1.2rem 0 0;padding:1.35rem 0;display:flex}.play-button{min-width:6.4rem}.play-button:disabled,.mobile-play:disabled{cursor:wait;opacity:.55}.play-icon{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid;width:0;height:0}button[data-playing=true] .play-icon{border:0;border-left:3px solid;border-right:3px solid;width:8px;height:10px}.transport-indicator{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.9rem;font-weight:800;line-height:1}.seek-wrap{flex:1;min-width:0}.time-row,.tempo-scale{color:var(--ink-soft);margin-top:.18rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.62rem}input[type=range]{width:100%;height:24px;accent-color:var(--forest);cursor:pointer;margin:0}.mixer{padding:1.25rem 0 0}.section-heading h3{margin:0;font-size:1rem}.section-heading p{color:var(--ink-soft);margin:.35rem 0 0;font-size:.78rem;line-height:1.45}.voice-list{margin-top:1rem}.voice-control{border-top:1px solid #e5dfd3;padding:.72rem 0}.voice-label-row label{font-size:.88rem;font-weight:700}.voice-label-row output{color:var(--ink-soft);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.64rem}.voice-input-row{grid-template-columns:minmax(5rem,1fr) auto;align-items:center;gap:.75rem;display:grid}.voice-actions{align-items:center;gap:.4rem;display:flex}.voice-name-button,.mobile-solo{color:var(--ink);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0;font:800 .82rem ui-sans-serif,system-ui,sans-serif}.voice-name-button:after,.mobile-solo:after{content:"Solo";color:var(--ink-soft);margin-left:.38rem;font-size:.52rem;font-weight:700}.voice-name-button[aria-pressed=true],.mobile-solo[aria-pressed=true]{border-color:var(--gold);color:var(--forest)}.voice-name-button[aria-pressed=true]:after,.mobile-solo[aria-pressed=true]:after{content:"Solo on";color:var(--gold)}.voice-name-button:disabled,.mobile-solo:disabled{cursor:wait;opacity:.55}.pitch-button,.parts-button{border:1px solid var(--sage);min-height:2rem;color:var(--forest);cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .65rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.66rem;font-weight:800}.pitch-button{white-space:nowrap;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.pitch-button[aria-pressed=true]{border-color:var(--forest);color:var(--white);background:var(--forest)}.pitch-button:disabled{cursor:wait;opacity:.55}.tempo-control{border-top:1px solid var(--line);margin-top:.3rem;padding:1.1rem 0 0}.tempo-scale button{color:var(--forest);cursor:pointer;background:0 0;border:0;padding:0;font:800 .62rem ui-sans-serif,system-ui,sans-serif}.tempo-scale button:disabled{color:var(--ink-soft);cursor:default;opacity:.55}.playback-options{justify-content:space-between;align-items:center;gap:.65rem;padding-top:.8rem;display:flex}.playback-options .follow-toggle{width:auto}.playback-options button{border:1px solid var(--sage);min-height:2.25rem;color:var(--forest);background:0 0;border-radius:6px;padding:.42rem .65rem;font:800 .66rem ui-sans-serif,system-ui,sans-serif}.practice-tools{border-top:1px solid var(--line);margin-top:1.1rem;padding:1.1rem 0 0}.practice-tools summary{color:var(--ink);cursor:pointer;grid-template-columns:auto 1fr auto;justify-content:space-between;align-items:center;gap:.7rem;font-size:1rem;font-weight:700;display:grid}.practice-tools summary:before{content:"+";color:var(--gold);font-family:ui-sans-serif,system-ui,sans-serif}.practice-tools[open] summary:before{content:"−"}.practice-tools summary small{color:var(--ink-soft);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.62rem;font-weight:700}.practice-tools-body{padding-top:.8rem}.practice-help{color:var(--ink-soft);margin:0;font-size:.76rem;line-height:1.4}.loop-buttons{grid-template-columns:1fr 1fr;gap:.45rem;margin-top:.85rem;display:grid}.loop-buttons button{border:1px solid var(--sage);min-height:2.25rem;color:var(--forest);cursor:pointer;background:0 0;border-radius:6px;padding:.42rem .55rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.66rem;font-weight:800}.loop-buttons button[aria-pressed=true]{border-color:var(--forest);color:var(--white);background:var(--forest)}.loop-buttons button:disabled,.playback-options button:disabled{cursor:wait;opacity:.5}.practice-options{grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.85rem;display:grid}.practice-options label>span{color:var(--ink-soft);margin-bottom:.28rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.62rem;font-weight:800;display:block}.practice-options select{border:1px solid var(--line);width:100%;min-height:2.35rem;color:var(--ink);background:var(--white);border-radius:5px;padding:.35rem .45rem;font:700 .68rem ui-sans-serif,system-ui,sans-serif}.follow-toggle{width:100%;color:var(--ink);align-items:center;gap:.4rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.7rem;font-weight:700;display:flex}.follow-toggle input{width:1rem;height:1rem;accent-color:var(--forest);margin:0}.player-status{min-height:1.25rem;color:var(--forest);margin:1rem 0 0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.7rem;font-weight:700}.player-root[data-error=true] .player-status{color:#9d382c}.audio-credit{color:var(--ink-soft);margin:.35rem 0 0;font-size:.65rem}.score-card{margin:0;padding:1.4rem;overflow:hidden}.score-heading{border-bottom:1px solid var(--line);padding-bottom:1.2rem}.score-heading a{color:var(--forest);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.7rem;font-weight:800}.score-stage{color:var(--ink);touch-action:manipulation;margin:1.3rem auto 0}.score-stage svg{width:100%;height:auto;display:block;overflow:visible}.score-stage svg text{font-family:EB Garamond Score,EB Garamond,serif}.score-stage svg .refrain-label{font-style:italic}.score-stage[data-interactive=true] svg{cursor:crosshair}.score-loop-region{fill:#d8ad62;opacity:.18;pointer-events:none}.score-cursor{fill:#b07a2a;opacity:0;pointer-events:none;transition:opacity .12s}.score-cursor[data-visible=true]{opacity:.3}.score-card figcaption{border-top:1px solid var(--line);color:var(--ink-soft);padding-top:1rem;font-size:.68rem}.score-card figcaption strong{color:var(--forest)}.mobile-transport{display:none}.lyrics-section,.credits-section{border-top:1px solid var(--line);margin-top:5rem;padding-top:2rem}.section-heading.wide h2,.credits-section h2{margin:0;font-size:2.4rem;font-weight:500}.lyrics-grid{counter-reset:verse;grid-template-columns:repeat(3,1fr);gap:2.3rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.lyrics-grid li{color:#35413b;padding-left:2.3rem;font-size:1rem;position:relative}.lyrics-grid li:before{content:counter(list-item) ".";color:var(--gold);font-weight:700;position:absolute;left:0}.lyrics-refrain{color:#35413b;margin:2rem 0 0;font-size:1rem}.lyrics-refrain strong{color:var(--gold);margin-right:.35rem;font-style:italic}.credits-section{grid-template-columns:1fr 2fr;gap:2rem;display:grid}.credits-section dl{margin:0}.credits-section dl>div{border-bottom:1px solid var(--line);grid-template-columns:5rem 1fr;gap:1rem;padding:.6rem 0;display:grid}.credits-section dt{color:var(--ink-soft);text-transform:uppercase;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.68rem;font-weight:800}.credits-section dd{margin:0;font-size:.92rem}.prose-page{max-width:800px}.prose-page .lede{max-width:660px;color:var(--ink-soft);font-size:1.25rem}.learning-steps{margin:4rem 0 0;padding:0;list-style:none}.learning-steps li{border-top:1px solid var(--line);grid-template-columns:3rem 1fr;gap:1.4rem;padding:2rem 0;display:grid}.learning-steps li>span{color:var(--gold);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.75rem;font-weight:800}.learning-steps h2{margin:0;font-size:1.55rem;font-weight:500}.learning-steps p{color:var(--ink-soft);margin:.55rem 0 0}.prose-cta{border:1px solid var(--line);background:var(--white);box-shadow:var(--shadow);text-align:center;margin-top:4rem;padding:3rem}.prose-cta h2{max-width:510px;margin:0 auto 1.5rem;font-size:2rem;font-weight:500}.not-found{text-align:center;min-height:60vh}.not-found .button-link{margin-top:2rem}@media (width<=850px){body{padding-bottom:4.8rem}.practice-layout{display:block}.player-card{position:static}.primary-transport{display:none}.score-card{margin-top:1rem}.mobile-transport{z-index:50;min-height:3.8rem;color:var(--white);backdrop-filter:blur(12px);opacity:1;pointer-events:auto;background:#18372bf5;border:1px solid #49685a;border-radius:10px;grid-template-columns:minmax(3.25rem,1fr) auto 2.75rem;align-items:center;gap:.45rem;padding:.55rem .7rem;display:grid;position:fixed;bottom:.7rem;left:.7rem;right:.7rem;transform:translateY(0);box-shadow:0 12px 35px #11231c59}.mobile-transport[data-panel-open=true] .mobile-panel{grid-area:1/1/auto/-1}.mobile-transport[data-panel-open=true] .mobile-now-playing,.mobile-transport[data-panel-open=true] .mobile-actions,.mobile-transport[data-panel-open=true] .mobile-play{grid-row:2}.mobile-play{width:2.65rem;height:2.65rem;color:var(--white);background:0 0;border:1px solid #ffffff59;border-radius:50%;grid-area:1/3;place-items:center;display:grid}.mobile-now-playing{grid-area:1/1;min-width:0;line-height:1.2}.mobile-now-playing>strong,.mobile-now-playing>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mobile-now-playing strong{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.72rem}.mobile-now-playing>span{color:#cbd5cf;margin-top:.25rem;font-size:.65rem}.mobile-actions{grid-area:1/2;gap:.25rem;display:flex}.transport-tool{min-width:2rem;min-height:2rem;color:var(--white);background:0 0;border:1px solid #ffffff59;border-radius:999px;padding:.3rem .38rem;font:800 .57rem ui-sans-serif,system-ui,sans-serif}.transport-tool[aria-expanded=true]{color:#fff5df;background:#ffffff1a;border-color:#e6c88f}.transport-tool[aria-pressed=true]{color:#18372b;background:#e6c88f;border-color:#e6c88f}.mobile-panel{border-bottom:1px solid #ffffff2e;min-width:0;padding:.25rem .15rem .65rem}.mobile-panel-heading{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.mobile-panel-heading strong{font:800 .72rem ui-sans-serif,system-ui,sans-serif}.mobile-panel-heading span{color:#cbd5cf;text-align:right;font-size:.6rem}.mobile-voice-control{grid-template-columns:4.2rem minmax(5rem,1fr) 2.4rem;align-items:center;gap:.55rem;min-height:2.4rem;font:700 .66rem ui-sans-serif,system-ui,sans-serif;display:grid}.mobile-voice-control input{accent-color:#e6c88f}.mobile-voice-control output{color:#cbd5cf;text-align:right}.mobile-solo{color:var(--white);text-align:left}.mobile-solo:after{color:#cbd5cf;margin:.1rem 0 0;display:block}.mobile-solo[aria-pressed=true]{color:var(--white);border-color:#e6c88f}.mobile-loop-panel .loop-buttons{margin-top:.65rem}.mobile-loop-panel .loop-buttons button{color:var(--white);background:0 0;border-color:#ffffff59}.mobile-loop-panel .loop-buttons button[aria-pressed=true]{color:#18372b;background:#e6c88f;border-color:#e6c88f}.mobile-loop-panel .practice-options{margin-top:.6rem}.mobile-loop-panel .practice-options label>span{color:#cbd5cf}.mobile-loop-panel .practice-options select{color:var(--white);background:#18372b;border-color:#ffffff4d}.mobile-tempo-panel input{accent-color:#e6c88f;width:100%;margin-top:.75rem}.mobile-tempo-panel output{color:#fff5df;font:800 .7rem ui-sans-serif,system-ui,sans-serif}.mobile-tempo-meta{color:#cbd5cf;justify-content:space-between;margin-top:.2rem;font:700 .6rem ui-sans-serif,system-ui,sans-serif;display:flex}.mobile-tempo-meta button{color:#fff5df;font:inherit;background:0 0;border:0;padding:0;font-weight:800}.mobile-tempo-meta button:disabled{color:#cbd5cf;opacity:.55}.lyrics-grid{grid-template-columns:1fr;gap:1.5rem}.credits-section{grid-template-columns:1fr}.featured-hymns{grid-template-columns:1fr;gap:3rem;padding-top:6rem}}@media (width<=360px){.mobile-transport{grid-template-columns:minmax(0,1fr) 2.65rem;gap:.25rem;padding-inline:.45rem}.mobile-now-playing{display:none}.mobile-actions{grid-column:1}.mobile-play{grid-column:2}}@media (width<=620px){body{font-size:16px}.site-header{width:calc(100% - 1.25rem)}.site-header nav{gap:.8rem}.site-header nav a:last-child{display:none}.wordmark-mark{width:2.5rem;height:2.5rem}.wordmark small{letter-spacing:.09em;font-size:.5rem}.site-header nav a{font-size:.7rem}.home-hero{padding:5.5rem 0 4rem}.home-hero:before{top:2.8rem}.index-header{padding:4.5rem 0 2.5rem}.home-hero h1{font-size:clamp(3.25rem,16vw,5rem)}.hero-actions{flex-direction:column}.principles{padding-top:4rem;padding-bottom:4rem}.principle-grid{grid-template-columns:1fr;margin-top:3rem}.hymn-page{width:calc(100% - 1rem)}.hymn-header{padding-top:2rem}.hymn-title-row{align-items:flex-start;gap:1rem}.large-number{margin-top:.25rem;padding-right:1rem}.hymn-header h1{font-size:clamp(2.6rem,13vw,4rem)}.player-card,.score-card{border-radius:6px;padding:1rem;box-shadow:0 8px 24px #232d2714}.player-heading-row{align-items:flex-start}.count-in-note{text-align:right;max-width:5.5rem}.primary-transport{gap:.75rem}.play-button{min-width:5.7rem;padding-inline:1rem}.voice-input-row{display:block}.voice-actions{justify-content:flex-end;margin-top:.25rem}.score-card{padding-inline:.45rem}.score-heading,.score-card figcaption{margin-inline:.55rem}.score-stage{width:calc(100% + .2rem);margin-left:-.1rem}.lyrics-section,.credits-section{margin-inline:.5rem;margin-top:4rem}.hymn-row{grid-template-columns:2.5rem 1fr 1.5rem}.hymn-row .tune-name{display:none}.site-footer{margin-top:4rem;padding-bottom:6rem;display:block}.publisher-link{margin-top:1rem}.library-controls{grid-template-columns:1fr .72fr;margin-top:-1rem}.library-controls output{grid-column:1/-1;padding:0}.voice-ribbon{width:calc(100% - 1.25rem);margin-bottom:-1rem}.voice-ribbon span{padding:.62rem .25rem;font-size:.78rem}.featured-hymns{width:calc(100% - 1.5rem);padding-top:5rem}.featured-list strong{font-size:1.25rem}.prose-cta{padding:2rem 1.2rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important}}