:root{--bg:#1f1535;--ink:#ffffff;--soft:#d9ccf2;--w1:#4a2f82;--w2:#6a3a73;--w3:#33427f;--w4:#3d2a6b;color-scheme:dark;box-sizing:border-box}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1f1535;--ink:#ffffff;--soft:#d9ccf2;--w1:#4a2f82;--w2:#6a3a73;--w3:#33427f;--w4:#3d2a6b;color-scheme:dark}}:root[data-theme=dark]{--bg:#1f1535;--ink:#ffffff;--soft:#d9ccf2;--w1:#4a2f82;--w2:#6a3a73;--w3:#33427f;--w4:#3d2a6b;color-scheme:dark}html,body{height:100%;margin:0;background:var(--bg);color:var(--ink);font-family:Cormorant Garamond,Georgia,Times New Roman,serif}#root{height:100%}.paint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:var(--bg)}.blob{position:absolute;border-radius:50%;filter:url(#wc) blur(18px);opacity:.75;animation:drift 26s ease-in-out infinite alternate}.b1{width:70vmax;height:60vmax;left:-20vmax;top:-18vmax;background:radial-gradient(closest-side,var(--w1),transparent)}.b2{width:60vmax;height:55vmax;right:-18vmax;top:10vmax;background:radial-gradient(closest-side,var(--w2),transparent);animation-delay:-8s}.b3{width:65vmax;height:55vmax;left:-10vmax;bottom:-25vmax;background:radial-gradient(closest-side,var(--w3),transparent);animation-delay:-14s}.b4{width:50vmax;height:45vmax;right:-8vmax;bottom:-15vmax;background:radial-gradient(closest-side,var(--w4),transparent);animation-delay:-4s}.grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;mix-blend-mode:multiply;filter:url(#paper)}@keyframes drift{to{transform:translate(4vmax,3vmax) scale(1.08) rotate(6deg)}}.scroller{position:relative;z-index:1;height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}.page{height:100vh;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;padding:0 6vw;box-sizing:border-box}.stanza{flex:1 1 0;max-width:460px;opacity:0;transform:translateY(24px);transition:opacity 1s ease,transform 1s ease}.stanza p{margin:0 0 .35em;font-size:clamp(1.15rem,2.3vw,1.6rem);line-height:1.5;font-style:italic}.page.on .stanza{opacity:1;transform:none}.title{text-align:center;opacity:0;transition:opacity 1.2s ease}.page.on .title{opacity:1}.title h1{font-size:clamp(2.4rem,8vw,5rem);font-weight:600;margin:0 0 .2em;letter-spacing:.02em}.title span{color:var(--soft);font-style:italic;font-size:1.2rem}.dots{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:2;display:flex;flex-direction:column;gap:7px}.dots i{width:6px;height:6px;border-radius:50%;background:var(--soft);opacity:.3;transition:.4s}.dots i.a{opacity:1;transform:scale(1.5)}.bgs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.bgimg{position:absolute;top:0;bottom:0;width:68vw;opacity:0;transition:opacity 1.4s ease;overflow:hidden}.bgimg.L{left:0;-webkit-mask-image:linear-gradient(to right,#000 45%,transparent);mask-image:linear-gradient(to right,#000 45%,transparent)}.bgimg.R{right:0;-webkit-mask-image:linear-gradient(to left,#000 45%,transparent);mask-image:linear-gradient(to left,#000 45%,transparent)}.bgimg.on{opacity:.5}.bgimg img{width:100%;height:100%;object-fit:cover;filter:blur(9px) saturate(.9);transform:scale(1.12);transition:transform 9s ease}.bgimg.on img{transform:scale(1.2)}.bgimg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--w4);opacity:.35;mix-blend-mode:soft-light}.stanza{flex:none;max-width:560px;text-align:center;margin:0 auto;text-shadow:0 0 18px var(--bg),0 0 6px var(--bg)}.stanza p{font-weight:600}@media (max-width:700px){.bgimg{width:100vw}.bgimg.on{opacity:.5}.bgimg.L,.bgimg.R{-webkit-mask-image:none;mask-image:none}}.music-btn{position:fixed;left:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:5;font:inherit;font-size:1rem;font-style:italic;color:var(--ink);background:#ffffff1f;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:.4em 1em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.music-btn:disabled{opacity:.4;cursor:default}