@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Lato:wght@300;400&family=Caveat:wght@500;700&display=swap";:root{--bg:#fff}@media (prefers-color-scheme:dark){:root{--bg:#16171d}}*{box-sizing:border-box;margin:0;padding:0}:root{--c1-bg:#1a1025;--c1-acc:#c084fc;--c2-bg:#0f1f2e;--c2-acc:#67d4f8;--c3-bg:#1f0f14;--c3-acc:#fb7185}html,body{height:100%;overflow:hidden}.story-root{justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Lato,sans-serif;transition:background-color 1.2s;display:flex;position:relative;overflow:hidden}.particles{pointer-events:none;z-index:0;position:fixed;inset:0}.particle{animation:twinkle var(--d) ease-in-out infinite alternate;animation-delay:var(--dl);border-radius:50%;position:absolute}@keyframes twinkle{0%{opacity:.08;transform:scale(.7)}to{opacity:.6;transform:scale(1.3)}}.chapter{opacity:0;pointer-events:none;z-index:10;flex-direction:column;justify-content:center;align-items:center;padding:32px 24px;transition:opacity .9s;display:flex;position:absolute;inset:0}.chapter.entering{z-index:15;animation:.64s cubic-bezier(.16,1,.3,1) both slideIn}.chapter.exiting{z-index:12;animation:.48s cubic-bezier(.16,1,.3,1) both slideOut}.chapter.active{opacity:1;pointer-events:all}.eyebrow{letter-spacing:5px;text-transform:uppercase;opacity:0;margin-bottom:14px;font-family:Lato,sans-serif;font-size:11px;font-weight:300;animation:none}.eyebrow.show{animation:.7s forwards fadeUp}.chapter-title{text-align:center;opacity:0;margin-bottom:28px;font-family:Playfair Display,serif;font-size:clamp(1.8rem,5vw,2.8rem);font-style:italic;line-height:1.2}.chapter-title.show{animation:.7s .15s forwards fadeUp}.illustration{opacity:0;width:min(280px,70vw);height:min(200px,30vh);margin-bottom:28px}.illustration.show{animation:.8s .3s forwards fadeIn}.narrative{text-align:center;opacity:0;max-width:520px;min-height:5.5em;font-family:Lato,sans-serif;font-size:clamp(1rem,2.5vw,1.18rem);font-weight:300;line-height:1.85}.narrative.show{animation:.5s .5s forwards fadeIn}.cursor{vertical-align:middle;width:2px;height:1em;margin-left:1px;animation:.8s step-end infinite blink;display:inline-block}.btn-next{letter-spacing:3px;text-transform:uppercase;cursor:pointer;opacity:0;background:0 0;border:1px solid;border-radius:999px;margin-top:32px;padding:12px 36px;font-family:Lato,sans-serif;font-size:13px;font-weight:300;transition:background .25s,color .25s,transform .2s;transform:translateY(10px)}.btn-next:hover{transform:translateY(8px)scale(1.04)}.btn-next.show{animation:.6s forwards fadeUp}.progress{z-index:20;gap:8px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.dot{background:#ffffff40;border-radius:50%;width:6px;height:6px;transition:background .4s,transform .4s}.dot.done{background:#ffffff8c}.dot.active{background:#fff;transform:scale(1.4)}.final-sig{opacity:0;margin-top:18px;font-family:Caveat,cursive;font-size:2rem;font-weight:700}.final-sig.show{animation:.8s .4s forwards fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-28px)}}.chapter.entering-back{z-index:15;animation:.64s cubic-bezier(.16,1,.3,1) both slideInLeft}.chapter.exiting-back{z-index:12;animation:.48s cubic-bezier(.16,1,.3,1) both slideOutRight}@keyframes slideInLeft{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(28px)}}.btn-prev{letter-spacing:2px;text-transform:uppercase;cursor:pointer;opacity:0;background:0 0;border:1px solid;border-radius:999px;margin-top:32px;margin-right:12px;padding:12px 28px;font-family:Lato,sans-serif;font-size:13px;font-weight:300;transition:background .25s,color .25s,transform .2s;transform:translateY(10px)}.btn-prev.show{animation:.6s forwards fadeUp}.nav-buttons{justify-content:center;align-items:center;gap:12px;margin-top:28px;display:flex}@media (width<=480px){.nav-buttons{flex-direction:column;gap:10px}}@keyframes blink{50%{opacity:0}}@keyframes walkLeft{0%{transform:translate(-30px)}to{transform:translate(0)}}@keyframes walkRight{0%{transform:translate(30px)}to{transform:translate(0)}}@keyframes starPop{0%,to{r:1.5}50%{r:3}}@keyframes moonGlow{0%{opacity:.5}to{opacity:1}}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.18)}28%{transform:scale(1)}42%{transform:scale(1.1)}}@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@keyframes floatLetter{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@media (width<=480px){.chapter{padding:24px 18px}}@media (prefers-reduced-motion:reduce){*,.chapter,.btn-next,.eyebrow,.chapter-title,.illustration,.narrative,.final-sig{transition-duration:.01ms!important;animation-duration:.01ms!important}}