.page-head{padding-top:132px;padding-bottom:56px}.page-head .headline{margin-top:14px}.page-head .lead{max-width:640px;margin-top:18px}.page-head__meta{font:600 15px/1.4 var(--font-sans);color:var(--ink-muted);margin-top:14px}@media (width<=760px){.page-head{padding-top:112px;padding-bottom:40px}}.page-body{padding-top:8px;padding-bottom:var(--section-y)}.list-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:32px;display:grid}.list-aside{flex-direction:column;gap:16px;display:flex;position:sticky;top:96px}@media (width<=900px){.list-layout{grid-template-columns:minmax(0,1fr);gap:16px}.list-aside{display:contents}.list-aside>:first-child{order:-1}}.list-description{max-width:640px;font:400 italic 20px/1.5 var(--font-serif);color:var(--ink-soft);margin-top:18px}.hymn-rows{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.hymn-row{border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--surface-border);align-items:center;gap:14px;padding:14px 18px;display:flex;box-shadow:0 1px 2px #0b22300a}.hymn-row__name{font:600 18px/1.3 var(--font-serif);color:var(--text-primary)}.state{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:48px 24px;display:flex}.state__icon{background:var(--gold-tint);width:72px;height:72px;color:var(--gold-text);border-radius:50%;justify-content:center;align-items:center;display:flex}.state__icon svg{width:30px;height:30px}.state__title{font:500 22px/1.25 var(--font-serif);color:var(--text-primary)}.state__message{max-width:320px;font:500 15px/1.5 var(--font-sans);color:var(--ink-muted)}.aside-card{border-radius:var(--radius-large);padding:24px}.aside-card .title-small{font-size:19px}.aside-card .body-text{margin-top:8px;font-size:15px;line-height:1.5}.aside-card .btn{width:100%;margin-top:18px}.aside-card .store-badges{flex-wrap:wrap;justify-content:flex-start;margin-top:18px}.aside-card .store-badge{flex:150px;min-width:0}.follow-code{border-radius:var(--radius-medium);background:#ffffffb3;border:1px dashed #8a6a228c;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:10px 10px 10px 18px;display:flex}.follow-code__value{font:600 22px/1.2 var(--font-serif);letter-spacing:.06em;color:var(--accent);word-break:break-all}.follow-code .btn{width:auto;height:40px;margin:0;padding:0 16px;font-size:14px}.contact-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;gap:48px 80px;display:grid}.contact-notes{flex-direction:column;gap:14px;display:flex}.contact-notes p{font:600 16px/1.4 var(--font-sans);align-items:center;gap:12px;display:flex}.contact-notes .icon-circle{background:var(--cloud);box-shadow:none}.contact-form{gap:18px;padding:clamp(24px,3.4vw,40px);display:grid}.contact-form__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.contact-form__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.contact-form__footer .caption a{color:var(--navy-soft);text-underline-offset:3px;text-decoration:underline}.field__error{font:600 13px/1.4 var(--font-sans);color:var(--destructive);display:none}.field.has-error .field__error{display:block}.form-alert{border-radius:var(--radius-medium);font:600 14px/1.45 var(--font-sans);color:var(--destructive);background:#c6282812;padding:12px 16px;display:none}.form-alert.is-visible{display:block}.honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.contact-success[hidden]{display:none}@media (width<=900px){.contact-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.contact-form__row{grid-template-columns:minmax(0,1fr)}.contact-form__footer .btn{width:100%}}.prose{max-width:720px;font:500 17px/1.7 var(--font-sans);color:var(--ink-soft)}.prose>*+*{margin-top:16px}.prose h2{font:800 22px/1.25 var(--font-sans);letter-spacing:-.015em;color:var(--text-primary);margin-top:44px}.prose h3{font:800 18px/1.3 var(--font-sans);color:var(--text-primary);margin-top:28px}.prose ul,.prose ol{padding-left:22px}.prose li+li{margin-top:6px}.prose li::marker{color:var(--gold)}.prose strong{color:var(--text-primary)}.prose a{color:var(--navy-soft);text-underline-offset:3px;text-decoration:underline}.legal-nav{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.legal-nav a{border-radius:var(--radius-pill);font:700 14px/1 var(--font-sans);color:var(--nav-link);background:#ffffffb3;padding:8px 14px}.legal-nav a[aria-current=page]{background:var(--accent);color:var(--on-accent)}.error-page{align-items:center;min-height:72vh;padding-top:140px;padding-bottom:96px;display:flex}.error-page .state{gap:16px;padding:0}.error-page .state__code{font:800 13px/1 var(--font-sans);letter-spacing:.26em;color:var(--gold-text)}.error-page .state__title{font-size:clamp(30px,4vw,44px)}.error-page .state__message{max-width:420px;font-size:17px}.error-page .btn{margin-top:10px}.prose .privacy-english{border-top:1px solid var(--separator);margin-top:48px;padding-top:28px}.hymn-head{text-align:center;flex-direction:column;align-items:center;display:flex}.breadcrumb{font:600 14px/1 var(--font-sans);color:var(--ink-muted);gap:8px;margin-bottom:28px;display:flex}.breadcrumb a{color:var(--navy-soft)}.breadcrumb a:hover{text-underline-offset:3px;text-decoration:underline}.number-ring--large{width:72px;height:72px;color:var(--gold-text);border-width:1.5px;font-size:30px}.hymn-title{max-width:860px;font:500 clamp(38px, 5.4vw, 64px)/1.06 var(--font-serif);letter-spacing:-.015em;color:var(--text-primary);text-wrap:balance;margin-top:20px}.hymn-head .page-head__meta{margin-top:16px}.hymn-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}.chip{border-radius:var(--radius-pill);height:34px;font:700 13.5px/1 var(--font-sans);color:var(--nav-link);background:#ffffffb3;align-items:center;padding:0 14px;display:inline-flex}.chip--gold{background:var(--gold-tint);color:var(--gold-text)}a.chip:hover{background:var(--surface)}.hymn-layout{grid-template-columns:minmax(0,1fr) 340px}.hymn-text{text-align:center;flex-direction:column;align-items:center;gap:28px;display:flex}.stanza p,.chorus-panel p{font:400 21px/1.6 var(--font-serif);color:var(--text-primary)}.chorus-panel{border-radius:var(--radius-card);background:var(--gold-tint);width:100%;max-width:560px;padding:24px 28px}.chorus-panel .eyebrow{margin-bottom:10px;display:block}.chorus-panel p{font-style:italic}.hymn-history{max-width:760px;margin:88px auto 0}.hymn-history .headline{margin-top:14px}.history-text{margin-top:24px}.history-text p{font:400 19px/1.7 var(--font-serif);color:var(--ink-soft)}.history-text p+p{margin-top:16px}.authors{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:36px;display:grid}.author{border-radius:var(--radius-card);padding:20px 22px}.author__head{align-items:center;gap:14px;display:flex}.author__head .caption{margin-top:4px}.author__photo{object-fit:cover;background:var(--tile);border-radius:50%;flex-shrink:0;width:56px;height:56px}.author__photo--initials{font:600 19px/1 var(--font-serif);color:var(--accent);justify-content:center;align-items:center;display:flex}.author__bio{margin-top:14px}.author__bio summary{cursor:pointer;font:700 14px/1.4 var(--font-sans);color:var(--navy-soft)}.author__bio p{font:500 15px/1.6 var(--font-sans);color:var(--ink-soft);margin-top:10px}.hymn-pager{border-top:1px solid var(--separator);justify-content:space-between;gap:16px;margin-top:88px;padding-top:28px;display:flex}.hymn-pager__link{flex-direction:column;gap:10px;max-width:48%;display:flex}.hymn-pager__link--next{text-align:right;align-items:flex-end;margin-left:auto}.hymn-pager__name{font:600 18px/1.3 var(--font-serif);color:var(--text-primary);align-items:center;gap:12px;display:flex}.hymn-pager__link--next .hymn-pager__name{flex-direction:row-reverse}.hymn-pager__link:hover .hymn-pager__name{color:var(--navy-soft)}@media (width<=900px){.hymn-layout{grid-template-columns:minmax(0,1fr);gap:40px}.hymn-layout .list-aside>:first-child{order:0}}@media (width<=760px){.stanza p,.chorus-panel p{font-size:19px}.chorus-panel{padding:20px}.hymn-history{margin-top:64px}.hymn-pager__name{font-size:16px}}.hymn-search{border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--surface-border);max-width:520px;height:56px;color:var(--ink-muted);align-items:center;gap:12px;margin-top:28px;padding:0 20px;display:flex;box-shadow:0 12px 30px -20px #1c455966}.hymn-search svg{flex-shrink:0;width:20px;height:20px}.hymn-search input{min-width:0;height:100%;font:500 17px/1 var(--font-sans);color:var(--text-primary);background:0 0;border:0;flex:1}.hymn-search input:focus{outline:none}.hymn-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #0f3c4c24}.hymn-index{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}a.hymn-row{transition:border-color .2s,transform .2s}a.hymn-row:hover{border-color:var(--field-border);transform:translateY(-1px)}.history-text--teaser{position:relative}.history-text--teaser p{-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.history-cta{border-radius:var(--radius-large);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px;margin-top:12px;padding:24px 26px;display:flex}.history-cta>div:first-child{flex:280px}.history-cta .body-text{margin-top:6px;font-size:15px;line-height:1.5}.history-cta__actions{flex-direction:column;gap:10px;display:flex}.history-cta__actions .store-badges{flex-wrap:wrap}.app-bar{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:40;-webkit-backdrop-filter:blur(24px)saturate(1.8);backdrop-filter:blur(24px)saturate(1.8);background:#ffffffe6;border:1px solid #ffffffe6;border-radius:22px;align-items:center;gap:12px;padding:10px 10px 10px 12px;transition:transform .45s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;transform:translateY(140%);box-shadow:0 18px 40px -16px #1c455973}.app-bar.is-visible{transform:none}.app-bar img{border-radius:10px;flex-shrink:0;width:40px;height:40px}.app-bar__text{flex-direction:column;flex:1;min-width:0;display:flex}.app-bar__text strong{font:800 14.5px/1.2 var(--font-sans);color:var(--text-primary)}.app-bar__text span{font:600 12px/1.3 var(--font-sans);color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-bar .btn--small{height:38px;margin:0;padding:0 16px}.app-bar__close{width:32px;height:32px;color:var(--ink-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-bar__close svg{width:16px;height:16px}@media (width>=761px){.app-bar{display:none!important}}@media (prefers-reduced-motion:reduce){.app-bar{transition:none}}@media (width<=760px){body.has-app-bar{padding-bottom:calc(84px + env(safe-area-inset-bottom))}}.sample{border-radius:var(--radius-medium);background:var(--gold-tint);grid-template-columns:auto 1fr;align-items:center;gap:6px 12px;margin-top:16px;padding:12px 14px;display:grid}.sample__button{background:var(--accent);width:42px;height:42px;color:var(--on-accent);transition:transform .12s ease, background-color var(--dur-quick) ease;border-radius:50%;justify-content:center;align-items:center;display:flex}.sample__button:hover{background:#0b2f3c}.sample__button:active{transform:scale(.95)}.sample__button svg{width:18px;height:18px}.sample__button .icon-pause,.sample.is-playing .icon-play{display:none}.sample.is-playing .icon-pause{display:block}.sample__meta{flex-direction:column;display:flex}.sample__meta strong{font:800 14px/1.25 var(--font-sans);color:var(--text-primary)}.sample__meta span{font:600 12.5px/1.3 var(--font-sans);color:var(--gold-text)}.sample__progress{background:#a07c2c29;border-radius:2px;grid-column:1/-1;height:3px;overflow:hidden}.sample__progress span{background:var(--gold);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.hymn-text [data-line]{transition:color .35s}.hymn-text [data-line].is-singing{color:var(--gold-text)}.hymn-text:has(.is-singing) [data-line]:not(.is-singing){color:#9aa7af}