:root{--ink:#1c1915;--ink-soft:#3d3830;--muted:#6e675c;--line:color-mix(in srgb, var(--ink) 12%, transparent);--paper:#e7e2d6;--paper-deep:#d9d2c3;--wash:#c5cfc6;--forest:#2f4a3c;--forest-deep:#1e3228;--amber:#b07a2a;--amber-soft:#c9984a;--glow:#f0e6c8;--player-bg:#152019;--header-h:3.75rem;--content:42rem;--ease:cubic-bezier(.22, 1, .36, 1);--font-brand:"Fraunces", "Palatino Linotype", Palatino, serif;--font-body:"Literata", "Iowan Old Style", "Apple Garamond", Georgia, serif;--font-ui:"Figtree", "Avenir Next", "Segoe UI", sans-serif;--font-verse:"Figtree", "Avenir Next", "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);font-family:var(--font-body);background:radial-gradient(1200px 700px at 80% -10%, color-mix(in srgb, var(--glow) 55%, transparent), transparent 60%), radial-gradient(900px 600px at -10% 30%, color-mix(in srgb, var(--wash) 70%, transparent), transparent 55%), linear-gradient(165deg, #efe9dc 0%, var(--paper) 42%, #ddd6c7 100%);background-attachment:fixed;margin:0;font-size:1.125rem;line-height:1.7}img{max-width:100%;display:block}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{color:var(--forest)}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-main{flex:1}.site-footer{text-align:center;color:var(--muted);font-family:var(--font-ui);padding:2.5rem 1.5rem 3rem;font-size:.85rem}.site-footer a{border-bottom:1px solid color-mix(in srgb, var(--muted) 40%, transparent);text-decoration:none}.site-header{z-index:40;height:var(--header-h);background:color-mix(in srgb, var(--paper) 82%, transparent);backdrop-filter:blur(14px)saturate(1.1);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:0 1.25rem;display:flex;position:sticky;top:0}.brand{font-family:var(--font-brand);letter-spacing:-.02em;color:var(--ink);white-space:nowrap;font-size:clamp(1.15rem,3.5vw,1.35rem);font-weight:560;text-decoration:none}.brand span{color:var(--amber)}.nav{font-family:var(--font-ui);gap:1.25rem;font-size:.95rem;font-weight:500;display:flex}.nav a{color:var(--ink-soft);text-decoration:none}.nav a[aria-current=page],.nav a:hover{color:var(--forest-deep)}.btn{min-height:2.85rem;font-family:var(--font-ui);transition:transform .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--forest);color:#f5f1e8}.btn-primary:hover{background:var(--forest-deep);color:#f5f1e8}.btn-ghost{border-color:color-mix(in srgb, var(--ink) 22%, transparent);color:var(--ink);background:0 0}.btn-ghost:hover{border-color:var(--forest);color:var(--forest-deep)}.btn-listen{background:var(--player-bg);color:#f3eee3}.btn-listen:hover{color:#fff;background:#0f1813}.wrap{width:min(100% - 2rem,72rem);margin-inline:auto}.wrap-narrow{width:min(100% - 2rem, var(--content));margin-inline:auto}.eyebrow{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--amber);font-size:.8rem;font-weight:600}.hero{color:#f4efe4;align-items:end;min-height:min(100vh,52rem);display:grid;position:relative;overflow:hidden}.hero-visual{background:radial-gradient(80% 55% at 70% 35%,#c09a4a59,#0000 55%),radial-gradient(50% 40% at 20% 70%,#466e5a73,#0000 60%),linear-gradient(160deg,#1a241c 0%,#24352a 38%,#3a2e1c 100%);position:absolute;inset:0}.hero-visual:before{content:"";opacity:.7;background:repeating-linear-gradient(-18deg,#0000 0 14px,#ffffff04 14px 15px);animation:28s linear infinite drift;position:absolute;inset:-10%}.hero-visual:after{content:"";background:radial-gradient(circle at 62% 42%,#ffe6aa38,#0000 18%),linear-gradient(#0000 55%,#0c100dc7);position:absolute;inset:0}.hero-content{z-index:1;width:min(100% - 2.5rem,40rem);animation:rise .9s var(--ease) both;margin:0 auto 12vh 8vw;padding-bottom:1rem;position:relative}.hero h1{font-family:var(--font-brand);letter-spacing:-.03em;margin:.35rem 0 .75rem;font-size:clamp(3.2rem,9vw,5.8rem);font-weight:550;line-height:.95}.hero p{color:#f4efe4e0;max-width:28rem;margin:0 0 1.75rem;font-size:1.15rem;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:translate(0,0)}to{transform:translate(40px,-24px)}}.section{padding:4.5rem 0}.section h2{font-family:var(--font-brand);letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:560}.section-lead{max-width:36rem;color:var(--ink-soft);margin:0 0 2rem}.playlist-strip{gap:1rem;display:grid}@media (width>=720px){.playlist-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.playlist-link{color:inherit;border-top:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s var(--ease), padding-left .2s var(--ease);padding:1.35rem 1.4rem;text-decoration:none;display:block}.playlist-link:hover{background:color-mix(in srgb, var(--wash) 35%, transparent);color:inherit;padding-left:1.65rem}.playlist-link strong{font-family:var(--font-brand);font-size:1.35rem;font-weight:560;display:block}.playlist-link span{font-family:var(--font-ui);color:var(--muted);font-size:.9rem}.book-columns{gap:3rem;display:grid}@media (width>=860px){.book-columns{grid-template-columns:1fr 1fr}}.book-list{columns:1;margin:0;padding:0;list-style:none}@media (width>=520px){.book-list{columns:2;column-gap:1.5rem}}.book-list li{break-inside:avoid;border-bottom:1px solid var(--line);margin:0}.book-list a{font-family:var(--font-ui);justify-content:space-between;gap:.75rem;padding:.55rem .15rem;font-size:.98rem;text-decoration:none;display:flex}.book-list a:hover{color:var(--forest-deep)}.book-list .meta{color:var(--muted);font-size:.82rem}.book-list a.has-song .meta{color:var(--amber)}.reader-top{padding:2rem 0 1rem}.reader-kicker{font-family:var(--font-ui);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem 1.5rem;margin-bottom:.75rem;font-size:.9rem;display:flex}.reader-kicker a{color:var(--forest);font-weight:600;text-decoration:none}.reader-title{font-family:var(--font-brand);letter-spacing:-.03em;margin:0;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:560;line-height:1.05}.translation{font-family:var(--font-ui);color:var(--muted);margin:.4rem 0 0;font-size:.85rem}.chapter-nav-pills{flex-wrap:wrap;gap:.35rem;max-height:7.5rem;margin:1.25rem 0 0;padding-bottom:.25rem;display:flex;overflow:auto}.chapter-nav-pills a{min-width:2.15rem;height:2.15rem;font-family:var(--font-ui);color:var(--ink-soft);background:#ffffff59;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 .45rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.chapter-nav-pills a[aria-current=page]{background:var(--forest);color:#f5f1e8}.chapter-nav-pills a.has-song:not([aria-current=page]){border-color:color-mix(in srgb, var(--amber) 55%, transparent)}.listen-panel{border-top:1px solid var(--line);margin:1.5rem 0 0;padding:1rem 0 0}.listen-bar{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.listen-bar .hint{font-family:var(--font-ui);color:var(--muted);flex:12rem;font-size:.9rem}.listen-bar .btn-listen[aria-pressed=true]{background:var(--forest)}.mini-player{grid-template-columns:12.5rem minmax(0,1fr);align-items:center;gap:.75rem 1rem;margin-top:.9rem;display:grid}.mini-player[hidden]{display:none}.mini-player-frame{aspect-ratio:16/9;background:var(--player-bg);border-radius:.25rem;position:relative;overflow:hidden;box-shadow:0 8px 22px #141c1629}.mini-player-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.mini-player-title{font-family:var(--font-ui);color:var(--muted);margin:0;font-size:.88rem;line-height:1.35}@media (width<=520px){.mini-player{grid-template-columns:1fr}.mini-player-frame{width:min(100%,14rem)}}.verse-list{margin:0;padding:1.5rem 0 3rem;list-style:none}.verse{border-bottom:1px solid color-mix(in srgb, var(--ink) 7%, transparent);animation:verse-in .5s var(--ease) both;grid-template-columns:2.6rem minmax(0,1fr);gap:.85rem 1rem;padding:.85rem 0;display:grid}.verse:first-child{animation-delay:40ms}.verse:nth-child(2){animation-delay:70ms}.verse:nth-child(3){animation-delay:.1s}.verse:nth-child(4){animation-delay:.13s}.verse:nth-child(5){animation-delay:.16s}.verse:nth-child(n+6){animation-delay:.18s}@keyframes verse-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.verse-num{font-family:var(--font-verse);color:var(--amber);letter-spacing:.02em;text-align:right;user-select:none;padding-top:.35rem;font-size:.95rem;font-weight:700;line-height:1.2}.verse-text{color:var(--ink);margin:0;font-size:clamp(1.12rem,2.2vw,1.28rem);line-height:1.75}.verse-text:first-letter{font-size:1.05em}.reader-pager{font-family:var(--font-ui);justify-content:space-between;gap:1rem;padding:0 0 4rem;display:flex}.reader-pager a{color:var(--forest);font-weight:600;text-decoration:none}.reader-pager a span{color:var(--muted);font-size:.85rem;font-weight:500;display:block}.player-page{padding:2rem 0 4rem}.player-layout{gap:1.75rem;display:grid}@media (width>=900px){.player-layout{grid-template-columns:minmax(0,1.3fr) minmax(16rem,.9fr);align-items:start}}.player-frame{aspect-ratio:16/9;background:var(--player-bg);border-radius:.35rem;position:relative;overflow:hidden;box-shadow:0 18px 50px #141c1638}.player-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.player-meta h1{font-family:var(--font-brand);margin:0 0 .35rem;font-size:clamp(1.8rem,3vw,2.5rem)}.queue{border-top:1px solid var(--line);max-height:min(70vh,36rem);margin:0;padding:0;list-style:none;overflow:auto}.queue button{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);background:0 0;grid-template-columns:2rem 1fr auto;align-items:baseline;gap:.65rem;padding:.7rem .2rem;display:grid}.queue button[aria-current=true]{color:var(--forest-deep);font-weight:600}.queue .idx,.queue .dur{font-family:var(--font-ui);color:var(--muted);font-size:.8rem}.player-actions{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}@media (width<=640px){.hero-content{width:min(100% - 1.75rem,40rem);margin:0 auto 10vh}.site-header{padding-inline:1rem}.nav{gap:.9rem;font-size:.88rem}}