@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cinzel-latin-500-normal-B-2dbOfA.woff2)format("woff2"),url(/assets/cinzel-latin-500-normal-DMNTwV-V.woff)format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-600-normal-Dd5YO2UX.woff2)format("woff2"),url(/assets/cinzel-latin-600-normal-CH_LB4su.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-500-normal-BsRWmXhO.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-500-normal-zIXX3Q-H.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-latin-600-normal-Co1r35X9.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-600-normal-2CBVLo0M.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-500-italic-Y14P-dkT.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-500-italic-DhNIfkTX.woff)format("woff")}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-latin-400-normal-BCNrxLz_.woff2)format("woff2"),url(/assets/eb-garamond-latin-400-normal-maQnHeKB.woff)format("woff")}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/eb-garamond-latin-500-normal-DehAIUv0.woff2)format("woff2"),url(/assets/eb-garamond-latin-500-normal-DZU8xF9o.woff)format("woff")}@font-face{font-family:EB Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-latin-400-italic-DSEbMgZu.woff2)format("woff2"),url(/assets/eb-garamond-latin-400-italic-CDFyLPXJ.woff)format("woff")}:root{--bg:#f3e9d0;--bg2:#ead9b3;--fg:#2a1b0e;--muted:#6a5538;--card:#fffaecb8;--line:#7a581847;--accent:#7a1f2b;--accent-fg:#fff7e6;--gold:#7a560e;--gold-hi:#d9a93a;--glow:#d9a93a4d;--window:#fff9ea;--noise:.07;--banner-h:0px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--serif:"EB Garamond", Georgia, "Times New Roman", serif;--display:"Cinzel", "Cormorant Garamond", Georgia, serif;--head:"Cormorant Garamond", "EB Garamond", Georgia, serif;font-family:var(--serif);font-size:18px}:root[data-theme=dark]{--bg:#0b0a16;--bg2:#14102a;--fg:#f2e8cf;--muted:#b9ab8a;--card:#ffecbe0d;--line:#d9b45a4d;--accent:#e2bd62;--accent-fg:#1a1206;--gold:#dfbc66;--gold-hi:#f3d584;--glow:#f3d58442;--window:#17122e;--noise:.05;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root[data-theme=system]{--bg:#0b0a16;--bg2:#14102a;--fg:#f2e8cf;--muted:#b9ab8a;--card:#ffecbe0d;--line:#d9b45a4d;--accent:#e2bd62;--accent-fg:#1a1206;--gold:#dfbc66;--gold-hi:#f3d584;--glow:#f3d58442;--window:#17122e;--noise:.05;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(120% 60% at 50% -8%, var(--glow), transparent 62%), linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%);position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;opacity:var(--noise);mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .35  0 0 0 0 .25  0 0 0 0 .1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}:root[data-theme=dark] body:after{mix-blend-mode:screen}@media (prefers-color-scheme:dark){:root[data-theme=system] body:after{mix-blend-mode:screen}}button,select,input{font:inherit;color:inherit}button{background:var(--card);border:1px solid var(--line);cursor:pointer;min-height:44px;font-family:var(--head);letter-spacing:.02em;border-radius:999px;padding:10px 18px;font-size:1.05rem;font-weight:600}button:active{transform:scale(.98)}button.primary{background:linear-gradient(180deg, var(--gold-hi), var(--gold));color:#21160a;box-shadow:0 0 0 1px #ffffff1f inset, 0 6px 22px -6px var(--glow);border-color:#0000}:root[data-theme=light] button.primary,:root[data-theme=system] button.primary{color:#fff7e6;background:linear-gradient(180deg, #9b2a38, var(--accent))}@media (prefers-color-scheme:dark){:root[data-theme=system] button.primary{color:#21160a;background:linear-gradient(180deg, var(--gold-hi), var(--gold))}}button:disabled{opacity:.5}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}button.link{color:var(--gold);min-height:0;font-family:var(--serif);background:0 0;border:0;padding:4px 6px;font-weight:500;text-decoration:underline}select,input[type=search],input[type=time]{border:0;border-bottom:1px solid var(--line);width:100%;min-height:46px;font-family:var(--serif);background:0 0;border-radius:0;padding:8px 4px}input[type=search]::placeholder{color:var(--muted);opacity:1;font-style:italic}select option{color:#2a1b0e}input[type=range]{width:100%;accent-color:var(--gold-hi)}h1{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;text-align:center;color:var(--gold);margin:6px 0 4px;font-size:1.55rem;font-weight:600}h2{font-family:var(--head);color:var(--gold);margin:22px 0 6px;font-size:1.25rem;font-weight:600}h3{font-family:var(--head);margin:2px 0;font-size:1.55rem;font-weight:600;line-height:1.15}.app{height:100%;padding-top:env(safe-area-inset-top);flex-direction:column;display:flex}.main{flex-direction:column;flex:1;min-height:0;display:flex}.screen{flex:1;min-height:0;overflow-y:auto}.pad{padding:8px 20px 28px}.muted{color:var(--muted);margin:2px 0;font-size:.95rem;font-style:italic}.empty{color:var(--muted);text-align:center;padding:12px 0;font-style:italic}.error{color:#ff8f86}:root[data-theme=light] .error{color:#9b1c12}.tabs{border-top:1px solid var(--line);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:64px;padding-bottom:env(safe-area-inset-bottom);display:flex}.tabs button{min-height:64px;font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 0;font-size:.66rem;font-weight:500;display:flex}.tabs button[aria-current=true]{color:var(--gold);position:relative}.tabs button[aria-current=true]:before{content:"";background:var(--gold-hi);width:34px;height:2px;box-shadow:0 0 14px 2px var(--gold-hi);border-radius:2px;position:absolute;top:0}.hero{text-align:center;padding:14px 0 4px;animation:9s ease-in-out infinite breathe;position:relative}.cross{filter:drop-shadow(0 0 10px var(--glow));margin:0 auto 4px;display:block}.tagline{font-family:var(--head);color:var(--muted);margin:6px 24px 0;font-size:1.1rem;font-style:italic}.streak{text-align:center;font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;margin-top:12px;font-size:.72rem;font-style:normal}@keyframes breathe{0%,to{opacity:.92}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.hero{animation:none}}.orn{align-items:center;gap:10px;margin:16px 8px;display:flex}.orn span{background:linear-gradient(90deg, transparent, var(--gold));flex:1;height:1px}.orn span:last-child{transform:scaleX(-1)}.card{background:var(--card);border:1px solid var(--line);border-radius:6px;margin:16px 0;padding:18px 18px 16px;position:relative;box-shadow:0 18px 40px -26px #0009}.card:before{content:"";border:1px solid var(--line);pointer-events:none;opacity:.55;border-radius:3px;position:absolute;inset:4px}.eyebrow{font-family:var(--display);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);text-align:center;margin:0 0 8px;font-size:.7rem;font-weight:500}.preview{margin:10px 0 4px;font-size:1.12rem;font-style:italic;line-height:1.5}.preview:first-letter{font-family:var(--display);color:var(--gold);float:left;padding:4px 8px 0 0;font-size:3.3rem;font-style:normal;font-weight:600;line-height:.82}.hymncard h3,.hymncard .muted{text-align:center}.actions{clear:both;justify-content:center;gap:12px;margin-top:16px;display:flex}.window{text-align:center;border:1px solid var(--gold);background:radial-gradient(90% 60% at 50% 0%, var(--glow), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--window) 92%, var(--gold-hi)), var(--window));box-shadow:0 0 40px -10px var(--glow), 0 18px 40px -26px #000000b3;border-radius:150px 150px 8px 8px/120px 120px 8px 8px;margin:22px 0;padding:54px 22px 22px;position:relative}.window:before{content:"";border:1px solid var(--line);pointer-events:none;border-radius:143px 143px 4px 4px/113px 113px 4px 4px;position:absolute;inset:7px}.window .eyebrow{margin-bottom:14px}blockquote{margin:0 0 10px;font-size:1.28rem;font-style:italic;line-height:1.5}.list{flex-direction:column;display:flex;overflow:hidden}.filters{padding:8px 18px 0}.chips{grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;margin-top:4px;display:grid}.chips button{font-family:var(--display);letter-spacing:.1em;padding:8px 14px;font-size:.7rem}.count{text-align:center;padding:6px 2px}.listwrap{flex:1;min-height:0;display:flex;position:relative}.vlist{flex:1;overflow-y:auto}.row{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;height:64px;font-family:var(--serif);background:0 0;border-radius:0;align-items:center;gap:14px;padding:0 18px;font-weight:400;display:flex}.num{border:1px solid var(--line);width:2.5rem;height:2.5rem;color:var(--gold);font-family:var(--display);font-variant-numeric:lining-nums tabular-nums;border-radius:50%;flex:none;place-items:center;font-size:.78rem;display:grid}.rowtext{flex-direction:column;flex:1;min-width:0;display:flex}.rowtitle{font-family:var(--head);font-size:1.28rem;font-weight:600;line-height:1.15}.rowtitle,.rowsub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rowsub{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-family:var(--display)}.heart{color:var(--gold)}.azindex{flex-direction:column;justify-content:space-between;width:28px;padding:2px 0;display:flex}.azindex button{min-height:0;font-size:.7rem;font-family:var(--display);color:var(--gold);background:0 0;border:0;flex:1;padding:0}.detail{flex-direction:column;display:flex;overflow:hidden}.bar{border-bottom:1px solid var(--line);align-items:center;gap:4px;padding:4px 8px;display:flex}.bar button{background:0 0;border:0;border-radius:12px}.bartitle{text-align:center;color:var(--gold);font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;flex:1;font-size:.78rem}.scroll{padding-bottom:calc(var(--banner-h) + 28px);flex:1;overflow-y:auto}.detail h1{font-family:var(--head);text-transform:none;letter-spacing:.01em;color:var(--fg);margin:12px 0 6px;font-size:2.1rem;font-weight:600;line-height:1.1}.detail .muted{text-align:center}.player{background:var(--card);border:1px solid var(--line);border-radius:6px;justify-items:center;gap:12px;margin:16px 0;padding:16px;display:grid;position:relative}.player:before{content:"";border:1px solid var(--line);pointer-events:none;opacity:.55;border-radius:3px;position:absolute;inset:4px}.player label{color:var(--muted);gap:4px;width:100%;font-size:.95rem;font-style:italic;display:grid}.playbtn{width:68px;height:68px;min-height:68px;box-shadow:0 0 0 1px #ffffff2e inset, 0 0 34px 2px var(--glow);border-radius:50%;place-items:center;padding:0;display:grid}.playbtn.on{animation:2.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 0 1px #ffffff2e inset, 0 0 22px 0 var(--glow)}50%{box-shadow:0 0 0 1px #ffffff2e inset, 0 0 46px 6px var(--glow)}}@media (prefers-reduced-motion:reduce){.playbtn.on{animation:none}}.transpose{width:100%;font-family:var(--head);justify-content:space-between;align-items:center;font-size:1.1rem;display:flex}.transpose button{width:46px;padding:0}.lyrics{line-height:1.6;font-family:var(--serif);text-align:center;margin:18px 0}.verse,.refrain{margin:0 0 .4em;padding:0 .4em;position:relative}.vnum{color:var(--gold);font-family:var(--display);letter-spacing:.24em;margin:1.1em 0 .35em;font-size:.62em;display:block}.vline{display:block}.refrain{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:color-mix(in srgb, var(--fg) 88%, var(--gold));margin:.9em 0 1.4em;padding:.7em 1em;font-style:italic}.verse:first-child .vnum{margin-top:0}.sheet{border:1px solid var(--line);background:#fffdf6;border-radius:6px;margin:14px 0;padding:6px;overflow-x:auto}.credits{color:var(--muted);text-align:center;margin-top:26px;font-size:.85rem;font-style:italic}.credits p{margin:4px 0}.settings label{color:var(--muted);gap:2px;margin:14px 0;font-style:italic;display:grid}.settings label.inline{align-items:center;gap:12px;display:flex}.settings button,.settings a{margin:10px 0;display:block}.settings a{color:var(--gold);padding:8px 0}.settings input[type=checkbox]{width:22px;height:22px;accent-color:var(--gold-hi)}.sample{text-align:center;margin:0;font-style:italic}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.playbtn{position:relative}
