:root{--bg:#f6f3ee;--surface:#fbfaf7;--surface-alt:#f1ece4;--line:#ddd5ca;--line-strong:#cbc0b3;--text:#231f1a;--muted:#6c6358;--accent:#6d583f;--accent-soft:#ece3d7;--accent-strong:#4d3925;--ring:#6d583f52;--serif:"Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans:"Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--reading-size:1.06rem;--reading-line:1.75;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%;font-size:16px}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer;appearance:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}#root{min-height:100vh}.app-shell{min-height:100vh;font-size:1rem}.loading-strip{z-index:20;border:1px solid var(--line);color:var(--muted);background:#fbfaf7f5;border-radius:999px;padding:10px 14px;position:fixed;top:10px;left:50%;transform:translate(-50%)}.page{width:min(100%,760px);margin:0 auto;padding:12px 12px 28px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0;font-size:.9rem;font-weight:700}.primary-button,.back-link,.text-size-toggle button,.hymn-card{transition:background-color .16s,border-color .16s,color .16s}.primary-button{background:var(--accent);color:#fff;border:1px solid #0000;border-radius:12px;min-height:44px;padding:10px 14px}.primary-button:focus-visible,.text-size-toggle button:focus-visible,.search-box input:focus-visible,.back-link:focus-visible,.hymn-card:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (width<=720px){.loading-strip{text-align:center;left:12px;right:12px;transform:none}}.page-home,.page-hymn{padding-top:12px;padding-bottom:28px}.home-header,.controls-panel,.section-block,.empty-state,.hymn-shell{background:var(--surface);border-radius:16px}.home-header{background:0 0;padding:8px 4px 4px}.home-header__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.home-header h1,.hymn-topbar h1,.section-block__header h2,.empty-state h3,.modal-card h2{font-family:var(--serif);letter-spacing:-.02em;margin:0}.home-header h1{margin-top:10px;font-size:clamp(1.65rem,5vw,2.35rem);line-height:1.15}.home-header__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 14px;margin-left:auto;display:flex}.home-header__links{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:.95rem;line-height:1.5;display:flex}.home-header__links a{color:inherit;text-underline-offset:.14em;-webkit-text-decoration:underline #6c635859;text-decoration:underline #6c635859;transition:color .18s,text-decoration-color .18s}.home-header__links a:hover{color:var(--accent-strong);text-decoration-color:#4d392580}.install-chip{border:1px solid var(--line);min-height:38px;color:var(--text);font:inherit;white-space:nowrap;background:#fff;border-radius:999px;padding:8px 12px;font-weight:600}.lead{color:var(--muted);margin:10px 0 0;line-height:1.6}.controls-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:0 0;border-left:0;border-right:0;border-radius:0;gap:14px;margin-top:12px;padding:14px;display:grid}.search-box{gap:8px;display:grid}.search-box span{color:var(--muted);font-size:.95rem}.search-box input{border:1px solid var(--line-strong);width:100%;min-height:48px;color:var(--text);background:#fff;border-radius:12px;padding:14px 16px}.search-box input::placeholder{color:#8a8075}.settings-row{gap:12px;display:grid}.settings-copy{gap:6px;display:grid}.settings-note{color:var(--muted);margin:0;line-height:1.55}.settings-actions{justify-items:start;gap:10px;display:grid}.text-size-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;display:grid}.text-size-toggle button{border:1px solid var(--line);background:var(--surface-alt);min-height:46px;color:var(--text);border-radius:12px;padding:12px 10px;font-weight:600;transition:transform .32s cubic-bezier(.22,1,.36,1),background-color .26s,border-color .26s,box-shadow .32s;transform:translateY(0)scale(1)}.text-size-toggle button:disabled{cursor:not-allowed;opacity:.48}.section-list{gap:12px;margin-top:12px;display:grid}.section-block{background:0 0;padding:4px 0 0}.section-block__header{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0;transition:color .28s,transform .32s cubic-bezier(.22,1,.36,1);display:flex}.section-block__header h2{font-size:1.28rem}.section-block__icon{min-width:32px;color:var(--muted);justify-content:center;align-items:center;font-size:1.15rem;line-height:1;transition:transform .42s cubic-bezier(.22,1,.36,1),color .26s;display:inline-flex}.section-block__header:disabled{cursor:default}.section-block__header:disabled .section-block__icon{color:var(--muted)}.hymn-grid{gap:8px;margin-top:10px;display:grid}.section-block__content{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .52s cubic-bezier(.22,1,.36,1),opacity .36s,margin-top .52s cubic-bezier(.22,1,.36,1);display:grid}.section-block__content[data-open=true]{opacity:1;grid-template-rows:1fr}.section-block__content-inner{min-height:0;overflow:hidden}.hymn-card{border:1px solid var(--line);width:100%;color:var(--text);-webkit-text-fill-color:currentColor;text-align:left;font:inherit;background:#fff;border-radius:14px;gap:10px;padding:14px;transition:transform .36s cubic-bezier(.22,1,.36,1),border-color .26s,box-shadow .36s,background-color .26s,color .26s;display:grid;transform:translateY(0)scale(1);box-shadow:0 0 #0000}.hymn-card:hover{border-color:var(--line-strong);transform:translateY(-3px);box-shadow:0 14px 30px #4f3a2014}.hymn-card__top{display:block}.hymn-card h3{font-family:var(--serif);color:var(--text);margin:0;font-size:1.2rem}.hymn-card__excerpt{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.hymn-card__meta{color:var(--muted);gap:4px;font-size:.92rem;line-height:1.45;display:grid}.hymn-card__meta-line{white-space:pre-wrap}.empty-state{border:1px solid var(--line);gap:10px;margin-top:12px;padding:18px 16px;display:grid}.empty-state p,.empty-state .lead{color:var(--muted);margin:0}.empty-state h1,.empty-state h3{font-family:var(--serif);margin:0}.page-home>.home-header,.page-home>.controls-panel,.page-home>.section-list,.page-home>.empty-state,.page-hymn>.hymn-shell{animation:.62s cubic-bezier(.22,1,.36,1) both rise-in}.page-home>.controls-panel{animation-delay:90ms}.page-home>.section-list,.page-home>.empty-state{animation-delay:.17s}.hymn-shell{background:0 0;gap:12px;padding:12px;display:grid}.hymn-topbar{align-items:start;gap:12px;display:grid}.hymn-topbar__actions{grid-template-columns:auto 1fr auto;grid-template-areas:"back section toggle";align-items:center;gap:12px;display:grid}.hymn-topbar__actions--stacked{grid-template-areas:"back.toggle""section section section"}.back-link{border:1px solid var(--line);min-height:44px;color:var(--text);appearance:none;-webkit-text-fill-color:var(--text);font:inherit;background:#fff;border-radius:12px;grid-area:back;padding:10px 14px;font-weight:600;text-decoration:none}.hymn-topbar__toggle{grid-area:toggle;justify-self:end}.hymn-topbar__actions .text-size-toggle{width:min(100%,15.5rem);min-width:0}.hymn-topbar__section{text-align:center;grid-area:section;justify-self:center;min-width:0;padding-inline:10px}.hymn-topbar__actions--stacked .hymn-topbar__section{padding-top:2px}.hymn-topbar__headline{align-items:start;gap:10px;display:grid}.hymn-topbar__headline--without-meta{grid-template-columns:minmax(0,1fr)}.hymn-topbar__title{color:var(--text);margin:0;font-size:clamp(1.55rem,5vw,2.1rem);line-height:1.08;animation:.7s cubic-bezier(.22,1,.36,1) .12s both rise-in}.hymn-topbar__meta{text-align:left;background:0 0;border:0;width:100%;padding:0;animation:.76s cubic-bezier(.22,1,.36,1) .22s both rise-in}.hymn-notes{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.hymn-notes__stack{gap:10px;padding:12px;display:grid}.hymn-note-image{opacity:0;border-radius:8px;width:100%;animation:.88s cubic-bezier(.22,1,.36,1) forwards media-fade-in;transform:translateY(12px)}.hymn-text{display:grid}.verses{font-size:var(--reading-size);line-height:var(--reading-line);gap:10px;display:grid}.verses p{border:1px solid var(--line);white-space:pre-wrap;opacity:0;background:#fff;border-radius:14px;margin:0;padding:14px 16px;animation:.72s cubic-bezier(.22,1,.36,1) forwards rise-in;transform:translateY(10px)}.site-footer{padding:8px 12px 28px}.site-footer__inner{border-top:1px solid var(--line);width:min(100%,760px);color:var(--muted);gap:8px;margin:0 auto;padding-top:16px;font-size:.95rem;line-height:1.55;display:grid}.site-footer__inner p{margin:0}.install-modal{z-index:40;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.install-modal__scrim{background:#231f1a47;border:0;position:absolute;inset:0}.install-modal__card{border:1px solid var(--line);background:var(--surface);border-radius:18px;gap:12px;width:min(100%,28rem);padding:18px;display:grid;position:relative;box-shadow:0 22px 50px #231f1a29}.install-modal__card h2{font-family:var(--serif);margin:0;font-size:1.35rem}.install-modal__card p{color:var(--muted);margin:0;line-height:1.6}.hymn-card:active,.back-link:active,.install-chip:active,.text-size-toggle button:active,.section-block__header:active{transform:scale(.985)}.back-link:hover,.install-chip:hover,.text-size-toggle button:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 12px 24px #4f3a200f}.section-block__header[aria-expanded=true] .section-block__icon{transform:rotate(180deg)}.section-block__content[data-open=true] .hymn-card{animation:.64s cubic-bezier(.22,1,.36,1) both card-rise-in}.section-block__content[data-open=true] .hymn-card:nth-child(2){animation-delay:40ms}.section-block__content[data-open=true] .hymn-card:nth-child(3){animation-delay:80ms}.section-block__content[data-open=true] .hymn-card:nth-child(4),.hymn-notes__stack .hymn-note-image:nth-child(2),.verses p:nth-child(2){animation-delay:.12s}.hymn-notes__stack .hymn-note-image:nth-child(3),.verses p:nth-child(3){animation-delay:.22s}.hymn-notes__stack .hymn-note-image:nth-child(4),.verses p:nth-child(4){animation-delay:.32s}.hymn-notes__stack .hymn-note-image:nth-child(n+5),.verses p:nth-child(n+5){animation-delay:.38s}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes card-rise-in{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes media-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width>=721px){.settings-actions{width:auto}.hymn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hymn-topbar__headline{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.hymn-topbar__headline--without-meta{grid-template-columns:minmax(0,1fr)}.hymn-topbar__meta{border-left:1px solid var(--line);width:100%;max-width:none;padding-left:24px}}@media (width<=720px){.page-hymn{padding-inline:0}.hymn-shell{padding:12px 0 24px}.hymn-topbar,.hymn-text{padding-inline:12px}.hymn-notes{border-left:0;border-right:0;border-radius:0}.hymn-notes__stack{gap:0;padding:0}.hymn-note-image{border-radius:0}.hymn-topbar__headline{gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.hymn-note-image,.verses p{opacity:1!important;transform:none!important}}@media (width<=520px){.page{padding-inline:10px}.page-hymn{padding-inline:0}.home-header{padding-top:2px}.home-header__top{align-items:flex-start}.home-header__actions{justify-content:space-between;width:100%}.install-chip{min-height:36px;padding-inline:11px}.controls-panel{padding:12px}.hymn-topbar{gap:12px}.text-size-toggle button{padding-inline:8px}.site-footer{padding-inline:10px}}