body{--bg:var(--lyfar-paper);--fg:var(--lyfar-ink)}#stage{position:fixed;inset:0;pointer-events:none}.intro{position:fixed;z-index:3;top:13%;left:4%;pointer-events:none}.intro p{font-size:12px}.intro h1{font-size:18px;font-weight:400}.chapter{position:fixed;right:5%;bottom:160px;max-width:240px;text-align:right;z-index:3}.chapter span{font-size:12px;color:var(--lyfar-soft)}.chapter p{font-family:Georgia,serif;font-style:italic;font-size:30px;line-height:1.1}.scrollspace{height:600vh;pointer-events:none}.scrollspace section{height:120vh}#steps{gap:6px}#steps button{width:22px;height:22px;padding:0;min-height:22px;border-radius:50%;border-color:var(--lyfar-soft);background:transparent}#steps button[aria-pressed=true]{background:var(--lyfar-purple);color:inherit}#steps button.current{outline:2px solid var(--lyfar-ink);outline-offset:4px}.controls{background:linear-gradient(transparent,var(--lyfar-paper));padding-top:24px}@media(max-width:600px){.intro{top:11%;left:20px}.chapter{right:20px;bottom:155px;max-width:190px}.chapter p{font-size:25px}.controls .note{display:none}.controls label{margin-right:auto}#steps{gap:5px}#steps button{width:19px;height:19px;min-height:19px}}