:root{color-scheme:light dark;--bg: #ffffff;--text: #0f172a;--muted: #475569;--border: #e5e7eb;--card-bg: #ffffff;--title: #0f172a;--subtitle: #334155;--chorus-bg: #f0f7ff;--pill-bg: #eef2ff}@media (prefers-color-scheme: dark){:root{--bg: #0b0f19;--text: #ffffff;--muted: #d1d5db;--border: #334155;--card-bg: #0f172a;--title: #f8fafc;--subtitle: #cbd5e1;--chorus-bg: #0f1a2e;--pill-bg: #0f1a2e}}html{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}body{margin:0;padding:0;line-height:1.7;background:var(--bg);color:var(--text)}.container{max-width:960px;margin:0 auto;padding:1.5rem}.page-header{margin-bottom:1rem}.title{margin:0 0 .25rem;font-size:2rem;color:var(--title)}.subtitle{margin:0 0 .75rem;color:var(--subtitle)}.meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.9rem;color:var(--muted)}.hymn-section{margin:1rem 0;padding-bottom:.5rem;border-bottom:1px dashed var(--border)}.section-title{font-size:1.1rem;margin:.25rem 0 .5rem;color:var(--title)}.section-lines p{margin:.35rem 0}.app-link a{text-decoration:none;color:inherit}.chorus-pill{display:inline-block;background:var(--chorus-bg);border:1px solid var(--border);border-radius:.5rem;padding:.15rem .5rem;font-weight:600}.section-pill{display:inline-block;background:var(--pill-bg);border:1px solid var(--border);border-radius:.5rem;padding:.15rem .5rem;font-weight:600}.section-pill.chorus{background:var(--chorus-bg)}header.site{background:#111;color:#fff}.header-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75rem}header.site .container{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:1rem 1.5rem}header.site a{color:#fff;text-decoration:none}.brand{font-weight:600;font-size:1.1rem;margin-right:0;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav{display:flex;gap:1rem}.menu-btn{display:none;border:none;background:transparent;color:#fff;cursor:pointer;width:36px;height:36px;align-items:center;justify-content:center;margin-left:auto;flex:0 0 auto}.menu-btn svg{width:24px;height:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toggle-bar{position:relative;width:40px;height:22px;border:1px solid var(--border);background:var(--card-bg);border-radius:9999px;padding:2px;display:inline-flex;align-items:center;cursor:pointer}.toggle-bar .thumb{width:16px;height:16px;border-radius:9999px;background:var(--text);transform:translate(0);transition:transform .15s ease}.toggle-bar.is-dark .thumb{transform:translate(18px)}.toggle-bar:focus{outline:3px solid #60a5fa;outline-offset:2px}@media (max-width: 768px){.header-inner{position:relative}.menu-btn{display:inline-flex}.nav[data-collapsible=true]{display:none;position:absolute;top:100%;left:0;right:0;background:#111;border-top:1px solid #222;padding:.75rem 1.5rem;flex-direction:column;gap:.75rem;z-index:10}.nav[data-collapsible=true].is-open{display:flex}}.site-footer{margin-top:2rem;background:#111;color:#fff}.site-footer .footer-inner{display:flex;flex-direction:column;align-items:center;gap:.25rem}.site-footer .container{padding:1rem 1.5rem;font-size:.9rem;color:#cbd5e1;text-align:center}.site-footer .web-version{font-size:.85rem;color:#9aa9b8}.site-footer a{color:#fff;text-decoration:none}.list{list-style:none;padding:0}.list li{margin:.5rem 0}.badge{display:inline-block;background:#eee;color:#333;border-radius:.5rem;padding:.15rem .5rem;font-size:.8rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;align-items:stretch}.card{border:1px solid var(--border);border-radius:.75rem;padding:1rem;background:var(--card-bg);box-shadow:0 1px 2px #0000000a;display:block;text-decoration:none;color:inherit;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.card:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0000001a;border-color:#cbd5e1}.card:focus{outline:3px solid #60a5fa;outline-offset:2px}.card-title{margin:0;font-size:1.1rem;color:var(--title)}.card-desc{color:var(--muted);margin:.35rem 0 .5rem}.card-meta{font-size:.85rem;color:var(--muted)}.search-bar{position:relative;display:flex;gap:.5rem;align-items:center;margin:1rem 0}.search-input{flex:1;padding:.6rem 2.25rem .6rem .75rem;border:1px solid var(--border);border-radius:.5rem;background:var(--card-bg);color:var(--text)}.search-input:focus{outline:3px solid #60a5fa;outline-offset:2px}.search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--muted);cursor:pointer}.search-clear:hover{color:var(--text)}.search-clear:focus{outline:3px solid #60a5fa;outline-offset:2px;border-radius:6px}.search-clear .icon{width:18px;height:18px}.search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}.search-input::-ms-clear{display:none;width:0;height:0}[hidden]{display:none!important}html{scroll-behavior:smooth}.filters{display:flex;gap:.5rem;align-items:center;margin:.5rem 0 1rem;flex-wrap:wrap}.filter-chip{padding:.35rem .6rem;border:1px solid var(--border);border-radius:9999px;background:var(--card-bg);color:var(--text);cursor:pointer;font-size:.9rem}.filter-chip:hover{border-color:#cbd5e1}.filter-chip.active,.filter-chip[aria-pressed=true]{background:#e0f2fe;border-color:#93c5fd}mark{background:#fde68a;color:inherit;border-radius:.2em;padding:0 .08em}html[data-theme=dark] mark{color:#111}.back-to-top-floating{position:fixed;right:1rem;bottom:1rem;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:9999px;background:var(--card-bg);color:var(--text);box-shadow:0 6px 14px #00000038;z-index:50;cursor:pointer}.back-to-top-floating .icon{width:22px;height:22px}.back-to-top-floating:hover{transform:translateY(-2px);border-color:#93c5fd}.back-to-top-floating:focus{outline:3px solid #60a5fa;outline-offset:2px}@media (max-width: 640px){.back-to-top-floating{right:.75rem;bottom:.75rem;width:40px;height:40px}.back-to-top-floating .icon{width:20px;height:20px}}html[data-theme=dark]{--bg: #0b0f19;--text: #ffffff;--muted: #d1d5db;--border: #334155;--card-bg: #0f172a;--title: #f8fafc;--subtitle: #cbd5e1;--chorus-bg: #0f1a2e;--pill-bg: #0f1a2e}html[data-theme=light]{--bg: #ffffff;--text: #0f172a;--muted: #475569;--border: #e5e7eb;--card-bg: #ffffff;--title: #0f172a;--subtitle: #334155;--chorus-bg: #f0f7ff;--pill-bg: #eef2ff}html[data-theme=dark] .filter-chip.active,html[data-theme=dark] .filter-chip[aria-pressed=true]{background:#1e3a8a;border-color:#60a5fa;color:#fff}@media (max-width: 640px){.header-inner{flex-direction:column;align-items:center;gap:.75rem}.nav{flex-wrap:wrap;justify-content:center;gap:.75rem}.container{padding:1rem}.title{font-size:1.6rem}}