.hpub{width:100%;min-height:100dvh;font-family:var(--font-serif);color:var(--ink);background:var(--paper);--wrap:1120px;--header-h:66px;--shadow-slip:0 2px 0 #0000000d, 0 22px 34px -18px #3c30148c;flex-direction:column;display:flex}.hpub>main{flex-direction:column;flex:1;display:flex}.hpub .eyebrow{font-family:var(--font-serif);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--gold-deep);font-size:.6875rem;font-weight:600}.hpub .eyebrow.on-green{color:var(--gold-bright)}.hpub .display{font-family:var(--font-display);letter-spacing:.2px;color:var(--green-800);font-weight:600;line-height:1.02}.hpub .muted{color:var(--ink-soft)}.hpub a{color:var(--green-700);text-decoration:none}.hpub a:hover{color:var(--gold-deep)}.hpub .rule{color:var(--gold);align-items:center;gap:12px;display:flex}.hpub .rule:before,.hpub .rule:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-soft), transparent);flex:1;height:1px}.hpub .rule .dot{background:var(--gold);flex:none;width:6px;height:6px;transform:rotate(45deg)}.hpub .rule.short:before,.hpub .rule.short:after{max-width:80px}.hpub .wrap{width:100%;max-width:var(--wrap);padding:0 max(28px, env(safe-area-inset-right)) 0 max(28px, env(safe-area-inset-left));margin:0 auto}.hpub .section{padding:26px 0}.hpub .classics{padding-top:52px;padding-bottom:68px}.hpub .stack{flex-direction:column;display:flex}.hpub .spread{justify-content:space-between;align-items:center;gap:16px;display:flex}.hpub .section-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.hpub .section-head h2{font-family:var(--font-display);color:var(--green-800);letter-spacing:.2px;margin:0;font-size:1.625rem;font-weight:600}.hpub .section-head .more{color:var(--green-700);white-space:nowrap;cursor:pointer;align-items:center;gap:5px;font-size:.875rem;font-weight:600;display:inline-flex}.hpub .section-head .more:hover{color:var(--gold-deep)}.hpub .section-head h2 a{color:inherit;text-decoration:none}.hpub .section-head h2 a:hover{color:var(--gold-deep)}.hpub .site-header{z-index:40;-webkit-backdrop-filter:blur(12px)saturate(140%);backdrop-filter:blur(12px)saturate(140%);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top);background:#f4eee1db;position:sticky;top:0}.hpub .site-header .bar{height:var(--header-h);align-items:center;gap:20px;display:flex}.hpub .wordmark{cursor:pointer;flex:none;align-items:center;gap:10px;display:flex}.hpub .wordmark .mk{font-family:var(--font-display);color:var(--green-800);letter-spacing:.3px;font-size:1.5625rem;font-weight:700}.hpub .wordmark .header-book{border-radius:2px 6px 6px 2px;width:30px;height:38px;box-shadow:2px 4px 10px #1c2b2140,inset -1px 0 2px #0003}.hpub .wordmark .header-book:after{left:3px}.hpub .wordmark .header-book .seal-emblem{font-size:1.0625rem}.hpub .site-nav{align-items:center;gap:22px;margin-left:auto;display:flex}.hpub .site-nav a{color:var(--ink-soft);cursor:pointer;border-bottom:2px solid #0000;padding:4px 0;font-size:.9375rem;font-weight:500}.hpub .site-nav a:hover{color:var(--green-800)}.hpub .site-nav a.on{color:var(--green-800);border-bottom-color:var(--gold)}.hpub .site-header .bar .btn{flex:none}@media (max-width:640px){.hpub .site-nav .nav-home{display:none}}@media (max-width:400px){.hpub .site-header .bar{gap:12px}.hpub .wordmark{gap:8px}.hpub .wordmark .mk{font-size:1.25rem}.hpub .wordmark .header-book{width:26px;height:33px}.hpub .wordmark .header-book .seal-emblem{font-size:.9375rem}.hpub .site-header .bar .btn.sm{padding:8px 11px;font-size:.8125rem}}.hpub .btn{font-family:var(--font-serif);border-radius:var(--radius-control);cursor:pointer;letter-spacing:.01em;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:transform .12s,background .15s,box-shadow .15s,border-color .15s;display:inline-flex}.hpub .btn:active{transform:translateY(1px)scale(.99)}.hpub .btn-primary{background:var(--green-700);color:var(--paper-on-green);box-shadow:0 5px 14px #2b423133}.hpub .btn-primary:hover{background:var(--green-800);color:var(--paper-on-green)}.hpub .btn-gold{background:var(--grad-gold);color:var(--gold-ink);box-shadow:0 5px 14px #7f612542,inset 0 1px #fffdf738}.hpub .btn-gold:hover{filter:brightness(1.06);color:var(--gold-ink)}.hpub .btn-ghost{color:var(--green-700);border-color:var(--line-2);background:0 0}.hpub .btn-ghost:hover{border-color:var(--gold-soft);color:var(--green-700);background:#fff}.hpub .btn-quiet{color:var(--green-800);border-color:var(--line);box-shadow:var(--shadow);background:#fff}.hpub .btn-quiet:hover{border-color:var(--line-2);color:var(--green-800)}.hpub .btn.sm{padding:8px 15px;font-size:.875rem}.hpub .btn.lg{padding:14px 26px;font-size:1rem}.hpub .btn.block{width:100%}.hpub .field{border:1.5px solid var(--line-2);border-radius:var(--radius-control);background:#fff;align-items:center;gap:11px;padding:14px 20px;transition:border-color .15s,box-shadow .15s;display:flex}.hpub .field:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #b08d4624}.hpub .field .lead{color:var(--ink-faint);flex:none;display:flex}.hpub .field input{width:100%;font-family:var(--font-serif);color:var(--ink);background:0 0;border:0;outline:0;font-size:1.0625rem}.hpub .field input::placeholder{color:var(--ink-faint)}.hpub .field.big{border-radius:18px;padding:17px 24px}.hpub .field.big input{font-size:1.1875rem}.hpub .field .clear{color:var(--ink-faint);cursor:pointer;background:0 0;border:0;padding:0;display:flex}.hpub .field .clear:hover{color:var(--ink)}.hpub .field .field-go{background:var(--green-700);width:40px;height:40px;color:var(--paper-on-green);cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;margin:-6px -14px -6px 4px;padding:0;transition:background .15s,color .15s,box-shadow .15s,transform .12s;display:inline-flex;box-shadow:0 5px 14px #2b423133}.hpub .field .field-go:hover:not([aria-disabled=true]){background:var(--green-800)}.hpub .field .field-go:active:not([aria-disabled=true]){transform:translateY(1px)scale(.99)}.hpub .field .field-go[aria-disabled=true]{color:var(--ink-faint);box-shadow:none;cursor:default;background:0 0}.hpub .chip{cursor:pointer;font-family:var(--font-serif);border:1px solid var(--line-2);color:var(--green-800);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:8px 15px;font-size:.875rem;font-weight:500;transition:border-color .12s,background .12s,color .12s;display:inline-flex}.hpub .chip:hover{border-color:var(--gold-soft)}.hpub .chip.sm{padding:6px 12px;font-size:.8125rem}.hpub .filter-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hpub .chip-x{font-family:var(--font-serif);color:var(--paper-on-green);background:var(--green-700);border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 13px;font-size:.8125rem;font-weight:600;display:inline-flex}.hpub .chip-x .k{opacity:.7;font-weight:500}.hpub .chip-x .x{cursor:pointer;background:#ffffff29;border-radius:50%;place-items:center;width:17px;height:17px;display:grid}.hpub .chip-x .x:hover{background:#ffffff47}.hpub .clear-all{color:var(--green-700);cursor:pointer;font-size:.8125rem;font-weight:600}.hpub .clear-all:hover{color:var(--gold-deep)}.hpub .hymn-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.hpub .hymn-card,.hpub .skeleton-card{--card-title-size:1.375rem;--card-title-band:calc(var(--card-title-size) * 2.2);--card-title-slot:var(--card-title-band);--card-gap:2px}.hpub .hymn-card{gap:var(--card-gap);background:var(--card);border:1px solid var(--line-2);cursor:pointer;min-height:204px;box-shadow:var(--shadow), inset 0 0 34px var(--wash-gilt);text-align:left;color:inherit;font:inherit;border-radius:2px;flex-direction:column;padding:22px 22px 20px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative}.hpub .hymn-card:hover{box-shadow:0 12px 30px #2832231f, inset 0 0 34px var(--wash-gilt-lift);border-color:var(--gold-soft);transform:translateY(-3px)}.hpub .hymn-card .t{font-family:var(--font-display);font-weight:700;font-size:var(--card-title-size);color:var(--green-800);letter-spacing:.2px;text-align:center;min-height:var(--card-title-band);justify-content:center;align-items:center;line-height:1.1;display:flex}.hpub .hymn-card.has-number .t{padding:0 2.875rem}.hpub .hymn-card .card-rule{background:var(--line-2);height:1px;margin:8px 0 6px}.hpub .hymn-card:hover .card-rule{background:var(--gold-soft)}.hpub .hymn-card .fl{font-family:var(--font-serif);color:var(--ink-soft);font-size:.875rem;font-style:italic;line-height:1.35}.hpub .hymn-card .by{font-family:var(--font-serif);font-variant:small-caps;letter-spacing:.08em;color:var(--ink);margin-top:auto;padding-top:11px;font-size:.9375rem}.hpub .hymn-card .card-no{font-family:var(--font-display);font-variant-numeric:lining-nums;color:var(--ink-soft);font-size:1.125rem;font-weight:700;position:absolute;top:16px;right:18px}.hpub .skeleton-card{background:var(--card);border:1px solid var(--line-2);min-height:204px;box-shadow:var(--shadow), inset 0 0 34px var(--wash-gilt);border-radius:2px;flex-direction:column;padding:22px 22px 20px;animation:1.3s ease-in-out infinite hpub-skeleton-pulse;display:flex}.hpub .skeleton-line{background-color:var(--line-2);border-radius:6px;height:13px}.hpub .skeleton-line.title{width:70%;height:1.1875rem;margin:calc((var(--card-title-slot) - 1.1875rem) / 2) auto;margin-bottom:calc((var(--card-title-slot) - 1.1875rem) / 2 + var(--card-gap))}.hpub .skeleton-rule{background:var(--line-2);height:1px;margin:8px 0 6px}.hpub .skeleton-line.fl{width:86%;margin-top:4px}.hpub .skeleton-line.by{width:42%;height:13px;margin-top:auto}@keyframes hpub-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.hpub .sk-back{background:var(--line-2);border-radius:6px;width:76px;height:13px;margin:4px 0 32px;animation:1.3s ease-in-out infinite hpub-skeleton-pulse}.hpub .sheet-skeleton{animation:1.3s ease-in-out infinite hpub-skeleton-pulse}.hpub .sheet-skeleton .sh-rule{background:var(--line-2);margin-top:24px}.hpub .sheet-skeleton .sk-title{background:var(--line-2);border-radius:8px;width:58%;height:30px;margin:6px auto 0}.hpub .sheet-skeleton .sk-tune{background:var(--line-2);border-radius:5px;width:32%;height:10px;margin:14px auto 0}.hpub .sheet-skeleton .sk-vn{background:var(--line-2);border-radius:5px;width:14px;height:13px;margin-top:5px;display:inline-block}.hpub .sheet-skeleton .sk-stack{flex-direction:column;flex:1;gap:11px;min-width:0;padding-top:5px;display:flex}.hpub .sheet-skeleton .sk-stack .skeleton-line:first-child{width:92%}.hpub .sheet-skeleton .sk-stack .skeleton-line:nth-child(2){width:84%}.hpub .sheet-skeleton .sk-stack .skeleton-line:nth-child(3){width:88%}.hpub .sheet-skeleton .sk-stack .skeleton-line:nth-child(4){width:63%}@media (prefers-reduced-motion:reduce){.hpub .skeleton-card,.hpub .sk-back,.hpub .sheet-skeleton{animation:none}}.hpub-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#141e1670;position:fixed;inset:0}.hpub-scrim[data-state=open]{animation:.26s hpub-overlay-in}.hpub-scrim[data-state=closed]{animation:.26s forwards hpub-overlay-out}.hpub-filter-panel{z-index:51;background:var(--paper);border-left:1px solid var(--line-2);width:360px;max-width:88vw;font-family:var(--font-serif);color:var(--ink);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-18px 0 50px #141e163d}.hpub-filter-panel[data-state=open]{animation:.3s cubic-bezier(.22,1,.36,1) hpub-filter-in}.hpub-filter-panel[data-state=closed]{animation:.3s forwards hpub-filter-out}@keyframes hpub-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes hpub-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes hpub-filter-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes hpub-filter-out{0%{transform:translate(0)}to{transform:translate(100%)}}.hpub-filter-panel .fp-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 24px 16px;display:flex}.hpub-filter-panel .fp-head h3{font-family:var(--font-display);color:var(--green-800);margin:0;font-size:1.4375rem;font-weight:600}.hpub-filter-panel .fp-body{flex:1;padding:6px 24px 20px;overflow-y:auto}.hpub-filter-panel .fp-foot{border-top:1px solid var(--line);background:var(--paper);gap:12px;padding:16px 24px;display:flex}.hpub-filter-panel .fsec{border-bottom:1px solid var(--line);padding:16px 0}.hpub-filter-panel .fsec:last-child{border-bottom:0}.hpub-filter-panel .fsec-head{justify-content:space-between;align-items:center;display:flex}.hpub-filter-panel .fsec-head .lab{font-family:var(--font-serif);color:var(--green-800);letter-spacing:.02em;font-size:.9375rem;font-weight:600}.hpub-filter-panel .fsec-head .cnt{color:var(--ink-faint);align-items:center;gap:8px;font-size:.75rem;display:inline-flex}.hpub-filter-panel .fsec-opts{flex-direction:column;gap:2px;margin-top:10px;display:flex}.hpub-filter-panel .fopt{cursor:pointer;color:var(--ink);align-items:center;gap:11px;padding:7px 0;font-size:.9375rem;display:flex}.hpub-filter-panel .fopt input{width:19px;height:19px;accent-color:var(--green-700);cursor:pointer;flex:none;margin:0}.hpub .icon-btn,.hpub-filter-panel .icon-btn{border:1px solid var(--line);width:40px;height:40px;color:var(--green-800);cursor:pointer;background:#fff;border-radius:11px;flex:none;place-items:center;transition:border-color .12s;display:grid}.hpub .icon-btn:hover,.hpub-filter-panel .icon-btn:hover{border-color:var(--gold-soft)}.hpub .empty{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:520px;margin:40px auto;display:flex}.hpub .empty .glyph{border:1.5px solid var(--gold-soft);width:78px;height:78px;color:var(--gold);background:#b08d4612;border-radius:50%;place-items:center;display:grid}.hpub .empty h2{font-family:var(--font-display);color:var(--green-800);margin:0;font-size:1.75rem;font-weight:600}.hpub .empty p{color:var(--ink-soft);margin:0;font-size:1.0625rem}.hpub .empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.hpub .empty-actions .btn{width:auto}.hpub .browse-link{color:var(--green-700);border-bottom:1.5px solid var(--gold-soft);cursor:pointer;align-items:center;gap:5px;font-weight:600;display:inline-flex}.hpub .browse-link:hover{color:var(--gold-deep)}.hpub .home-hero{background:radial-gradient(circle at 50% 15%,#ffffffbd,#0000 36%),linear-gradient(#b08d4614,#0000 64%);flex:1;place-items:center;min-height:590px;display:grid}.hpub .hero-inner{text-align:center;flex-direction:column;align-items:center;padding-top:74px;padding-bottom:76px;display:flex}.hpub .hero-inner .display{text-wrap:balance;max-width:820px;margin:14px 0 36px;font-size:clamp(3rem,8vw,5.125rem)}.hpub .hero-tagline{max-width:620px;color:var(--ink-soft);margin:0 0 36px;font-size:clamp(1.125rem,2.2vw,1.375rem);line-height:1.55}.hpub .sing-band{background:var(--green-800);scroll-margin-top:calc(var(--header-h) + env(safe-area-inset-top));margin:30px 0 6px;padding:66px 0 70px}.hpub .sing-inner{text-align:center;flex-direction:column;align-items:center;display:flex}.hpub .sing-title{color:var(--paper-on-green);margin:14px 0 8px;font-size:clamp(2.5rem,5vw,3.625rem)}.hpub .sing-subhead{font-family:var(--font-display);color:#f4ecd8b8;margin:0;font-size:1.3125rem;font-style:italic}.hpub .sing-intro{color:#f4eee1d1;max-width:52ch;margin:26px 0 0;font-size:1.03125rem;line-height:1.65}.hpub .sing-divide{width:min(420px,100%);margin:54px auto 22px}.hpub .sing-how{font-family:var(--font-display);letter-spacing:.01em;color:var(--paper-on-green);margin:0;font-size:1.875rem;font-weight:600;line-height:1.15}.hpub .sing-steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;gap:36px;width:100%;max-width:920px;margin:30px 0 0;display:grid}.hpub .sing-step{flex-direction:column;align-items:center;gap:12px;display:flex}.hpub .sing-step h4{font-family:var(--font-display);color:var(--paper-on-green);margin:0;font-size:1.375rem;font-weight:600}.hpub .sing-step p{color:#f4eee1bf;max-width:32ch;margin:0;font-size:.9375rem;line-height:1.6}.hpub .sing-step-num{font-family:var(--font-display);font-variant-numeric:lining-nums;color:var(--gold-bright);font-size:1.1875rem;font-weight:700}.hpub .sing-step-art{pointer-events:none;place-items:center;width:100%;height:64px;display:grid}.hpub .sing-live-pill{background:var(--green-700);border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:12px;padding:9px 16px;display:flex;box-shadow:0 6px 18px #0000004d}.hpub .sing-live-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--gold-bright);background:#c9a55b2e;border:1px solid #c9a55b66;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.6875rem;font-weight:600;display:inline-flex}.hpub .sing-live-badge .dot{background:currentColor;border-radius:50%;width:7px;height:7px}.hpub .sing-live-text{text-align:left;flex-direction:column;line-height:1.25;display:flex}.hpub .sing-live-text .t{color:var(--paper);font-size:.84375rem;font-weight:600}.hpub .sing-live-text .s{letter-spacing:.16em;text-transform:uppercase;color:var(--paper-dim);font-size:.65625rem}.hpub .sing-code-tiles{align-items:center;gap:6px;display:flex}.hpub .sing-code-tiles .tile{border:1.5px solid var(--line-2);width:34px;height:44px;font-family:var(--font-display);font-variant-numeric:lining-nums;color:var(--green-800);background:#fffdf6;border-radius:13px;place-items:center;font-size:1.4375rem;font-weight:600;display:grid;box-shadow:0 2px 7px #00000047}.hpub .sing-code-tiles .tile.active{border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px #b08d4640,0 2px 7px #00000047}.hpub .sing-hero{justify-content:center;max-width:100%;display:flex}.hpub .sing-hero-card{border:1px solid var(--gold-edge);background:var(--grad-gold);min-width:0;max-width:min(250px,100%);color:var(--gold-ink);text-align:left;border-radius:13px;flex:0 auto;align-items:center;gap:9px;padding:8px 14px;display:flex;box-shadow:0 6px 18px #0000004d}.hpub .sing-hero-card .pl{background:#fffdf733;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.hpub .sing-hero-card .tx{flex-direction:column;min-width:0;line-height:1.18;display:flex}.hpub .sing-hero-card .k{letter-spacing:.2em;text-transform:uppercase;color:#f0e7d1;font-size:.5625rem;font-weight:700}.hpub .sing-hero-card .t{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:.96875rem;font-weight:600;overflow:hidden}.hpub .sing-ctas{flex-direction:column;align-items:center;gap:14px;margin-top:34px;display:flex}.hpub .sing-join-link{color:var(--gold-bright);border-bottom:1.5px solid #c9a55b73;padding-bottom:1px;font-size:.9375rem;font-weight:600}.hpub .sing-join-link:hover{color:var(--paper-on-green);border-bottom-color:var(--paper-on-green)}.hpub .browse-toolbar{top:var(--header-h);z-index:30;background:var(--paper);border-bottom:1px solid var(--line);padding:13px 0;position:sticky}.hpub .browse-toolbar-row{align-items:center;gap:12px;display:flex}.hpub .browse-back{color:var(--green-700);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:4px;transition:color .15s,transform .12s;display:inline-flex}.hpub .browse-back:hover{color:var(--gold-deep)}.hpub .browse-back:active{transform:translateY(1px)scale(.99)}.hpub .browse-search{flex:1;min-width:0}.hpub .browse-search input:focus::placeholder{color:#0000}.hpub .browse-filter-button{white-space:nowrap;flex:none}.hpub .browse-search .clear-button,.hpub .chip-x button,.hpub .clear-all{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.hpub .browse-search .clear-button{display:flex}.hpub .browse-results{background:var(--paper);min-height:520px;padding-top:28px}.hpub .pinned-band{flex-direction:column;gap:20px;display:flex}.hpub .results-count p{margin:0;font-size:.9375rem}.hpub .results-count p:first-child{color:var(--green-800);font-weight:600}.hpub .load-more{align-self:center;margin-top:12px}.hpub .site-header{view-transition-name:site-header}::view-transition-group(site-header){z-index:100;animation:none}::view-transition-old(site-header){display:none}::view-transition-new(site-header){animation:none}::view-transition-group(.morph){animation-duration:.32s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-image-pair(.morph){animation-name:hpub-vt-blur}::view-transition-old(.home-fade-out){animation:.15s ease-out reverse both hpub-vt-fade}::view-transition-old(.browse-fade-out){animation:.15s ease-out reverse both hpub-vt-fade}::view-transition-new(.browse-fade-in){animation:.22s ease-in .15s both hpub-vt-fade}::view-transition-new(.home-fade-in){animation:.22s ease-in .15s both hpub-vt-fade}@keyframes hpub-vt-fade{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur()}}@keyframes hpub-vt-blur{30%{filter:blur(2px)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}}.hpub .back-link{align-items:center;gap:5px;margin-bottom:28px;font-size:.875rem;font-weight:600;display:inline-flex}.hpub .detail{padding:34px 0 60px}.hpub .detail-single{max-width:700px;margin:0 auto}.hpub .hymn-card .t{overflow-wrap:break-word;min-width:0}.hpub .sh-linkout{--lo-gutter:32px;--lo-gap:2.4em;font-size:var(--sheet-body-size);gap:var(--lo-gap);flex-direction:column;max-width:520px;margin:0 auto;display:flex}.hpub .lo-first{padding-left:var(--lo-gutter);font-family:var(--font-serif);font-size:1em;line-height:var(--sheet-line-height);color:var(--sk,var(--ink));overflow-wrap:break-word;margin:0;position:relative}.hpub .lo-first .lo-vn{text-align:right;width:20px;font-weight:600;position:absolute;left:0}.hpub .lo-slip{max-width:none;box-shadow:var(--shadow-slip);margin:0 26px;position:relative}.hpub .notice{background:linear-gradient(#b08d461c,#b08d4612);border:1px solid #b08d465c;border-radius:16px;align-items:flex-start;gap:14px;max-width:560px;padding:20px 22px;display:flex}.hpub .notice .ni{width:38px;height:38px;color:var(--gold-deep);background:#b08d4629;border-radius:50%;flex:none;place-items:center;display:grid}.hpub .notice .nt{font-family:var(--font-display);color:var(--gold-deep);margin:0 0 4px;font-size:1.1875rem;font-weight:600}.hpub .notice p{color:var(--gold-ink-soft);margin:0 0 12px;font-size:.96875rem;line-height:1.5}.hpub .notice p:last-child{margin-bottom:0}.hpub .notice .lo-host{color:var(--gold-deep);font-weight:600}.hpub .notice .btn{width:fit-content;min-height:44px;margin-inline:auto;display:flex;transform:translate(-26px)}.hpub .notice.neutral{border-color:var(--line-2);background:#9b93851a}.hpub .notice.neutral .ni{color:var(--ink-soft);background:#9b938529}.hpub .notice.neutral .nt{color:var(--green-800)}.hpub .notice.neutral p{color:var(--ink-soft)}.hpub .detail-share{flex-direction:column;align-items:center;gap:8px;margin-top:30px;display:flex}.hpub .share-url{color:var(--ink-soft);text-align:center;word-break:break-all;-webkit-user-select:all;user-select:all;font-size:.8125rem}.hpub .detail-attrib{border-top:1px solid var(--line);max-width:560px;color:var(--ink-faint);margin-top:42px;padding-top:18px;font-size:.84375rem;line-height:1.55}.hpub .detail-attrib p{margin:0 0 5px}.hpub .detail-attrib p:last-child{margin-bottom:0}.hpub .detail-attrib a{color:var(--ink-soft);align-items:center;gap:4px;display:inline-flex}.hpub .detail-attrib a:hover{color:var(--gold-deep)}.hpub .site-footer{background:radial-gradient(120% 100% at 50% 0%, #c9a55b0e, transparent 62%), var(--green-900);color:var(--paper-dim);margin-top:40px}.hpub .site-footer .gilt-edge{background:linear-gradient(90deg, transparent, var(--gold-soft) 15%, var(--gold-bright) 50%, var(--gold-soft) 85%, transparent);height:1px}.hpub .site-footer .inner{padding-top:46px;padding-bottom:26px}.hpub .site-footer .footer-index{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.hpub .site-footer .footer-brand{align-items:center;gap:13px;display:flex}.hpub .site-footer .footer-book{background:var(--green-600);border-radius:2px 6px 6px 2px;width:34px;height:43px;box-shadow:0 0 0 1px #c9a55b73,2px 4px 12px #00000073}.hpub .site-footer .footer-book:after{background:#ffffff2e;left:3px}.hpub .site-footer .footer-book .seal-emblem{font-size:1.1875rem}.hpub .site-footer .fm{font-family:var(--font-display);color:var(--paper);font-size:1.375rem;font-weight:700;line-height:1.1;display:block}.hpub .site-footer .tag{color:var(--paper-faint);font-size:.78125rem;display:block}.hpub .site-footer .cols{gap:64px;display:flex}.hpub .site-footer .col{flex-direction:column;gap:9px;display:flex}.hpub .site-footer .col .eyebrow{margin-bottom:3px}.hpub .site-footer .col a{color:var(--paper-dim);font-size:.90625rem}.hpub .site-footer .col a:hover{color:var(--gold-bright)}.hpub .site-footer .col a .note{color:var(--paper-faint);font-size:.78125rem}.hpub .site-footer .base{color:var(--paper-faint);border-top:1px solid #f4eee121;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:36px;padding-top:16px;font-size:.78125rem;display:flex}.hpub .site-footer .base a{color:var(--paper-dim)}.hpub .site-footer .base a:hover{color:var(--gold-bright)}.hpub .mobile-cta{display:none}@media (max-width:860px){.hpub .hymn-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.hpub{--header-h:58px}.hpub .wrap{padding:0 max(18px, env(safe-area-inset-right)) 0 max(18px, env(safe-area-inset-left))}.hpub .hymn-grid{grid-template-columns:1fr;gap:14px}.hpub .hymn-card,.hpub .skeleton-card{--card-title-size:1.25rem;--card-title-slot:calc(var(--card-title-size) * 1.1);min-height:0;padding:18px 18px 15px}.hpub .hymn-card .t{min-height:0}.hpub .hymn-card.has-number .t{padding:0 2.25rem}.hpub .home-hero{min-height:auto}.hpub .hero-inner{padding-top:56px;padding-bottom:58px}.hpub .sing-band{padding:52px 0 56px}.hpub .sing-title{font-size:2.5rem}.hpub .sing-steps{gap:30px}.hpub .hero-inner .display{font-size:3rem}.hpub .hero-tagline{font-size:1.125rem}.hpub .field.big{padding:14px 17px}.hpub .field.big input{font-size:1rem}.hpub .field .field-go{width:44px;height:44px;margin:-5px -8px -5px 4px}.hpub .filter-chips{justify-content:flex-start!important}.hpub .browse-toolbar{padding:10px 0}.hpub .browse-toolbar-row{gap:8px}.hpub .browse-search{gap:7px;padding:10px 12px}.hpub .browse-search input{min-width:0;font-size:.9375rem}.hpub .browse-filter-button{padding-left:11px;padding-right:11px}.hpub .section-head h2{font-size:1.375rem}.hpub .site-footer .footer-index{flex-direction:column;gap:30px}.hpub .site-footer .cols{gap:44px}.hpub .site-footer .base{flex-direction:column;gap:5px}.hpub .detail-share{display:none}.hpub .detail{padding-bottom:96px}.hpub .mobile-cta{z-index:30;padding:12px 18px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);background:#fffdf7f0;flex-wrap:wrap;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.hpub .mobile-cta .btn{flex:1}.hpub .mobile-cta .share-url{flex-basis:100%}}.hpub .legal{max-width:640px;margin:0 auto;padding:22px 0 44px}.hpub .legal .display{font-size:2.125rem}.hpub .legal .updated{color:var(--ink-faint);margin-top:6px;font-size:.8125rem}.hpub .legal h2{font-family:var(--font-display);color:var(--green-800);margin-top:34px;font-size:1.25rem;font-weight:700}.hpub .legal h3{color:var(--green-800);margin-top:22px;font-size:1rem;font-weight:600}.hpub .legal p,.hpub .legal li{color:var(--ink-soft);margin-top:12px;font-size:.9375rem;line-height:1.65}.hpub .legal ul{margin-top:4px;padding-left:20px;list-style:outside}.hpub .legal li{margin-top:8px}.hpub .legal a{text-decoration:underline;-webkit-text-decoration-color:var(--gold-soft);text-decoration-color:var(--gold-soft);text-underline-offset:3px}.hpub .legal strong{color:var(--ink);font-weight:600}.hpub .legal .legal-cross{border-top:1px solid var(--line);margin-top:34px;padding-top:18px}