@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');:root{--navy:#050f24;--blue:#246ce0;--violet:#6d3ac2;--gold:#e8bd62;--cream:#fff9ed;--ink:#10203c;--green:#4cba77}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#243770,#050d1f 55%);font-family:'DM Sans',sans-serif;color:var(--ink);padding:86px 14px 22px;min-height:100vh}header{position:fixed;z-index:30;inset:0 0 auto;height:68px;background:#050e21ee;color:#fff;border-bottom:1px solid #ffffff17;display:flex;align-items:center;gap:24px;padding:0 5vw}.brand{color:#fff;text-decoration:none;display:flex;flex-direction:column}.brand b{font-size:15px;letter-spacing:.22em}.brand small{font-size:10px;color:var(--gold);margin-top:4px}.chapter-progress{height:6px;background:#ffffff17;max-width:440px;flex:1;margin:auto;border-radius:10px;overflow:hidden}.chapter-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2779ec,#a868e5,#f0c96f);transition:width .7s}header button{border:1px solid #ffffff30;background:#ffffff0e;color:white;border-radius:25px;padding:9px 14px;font:600 12px inherit}.page{display:none;max-width:1000px;min-height:calc(100vh - 108px);margin:auto;border-radius:26px;overflow:hidden;background:var(--cream);box-shadow:0 25px 90px #0007}.page.active{display:flex}.intro,.finale{position:relative;flex-direction:column;align-items:center;text-align:center;padding:45px 24px;background:radial-gradient(circle at 50% 28%,#333d82,#111b42 42%,#070f24 75%);color:#fff}.dust{position:absolute;inset:0;background-image:radial-gradient(#f4d47e 1px,transparent 2px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent);opacity:.25}.overline,.scene-title p{font-size:10px;letter-spacing:.22em;color:var(--gold);font-weight:700}.intro h1{font:700 clamp(47px,7vw,76px)/.98 'Playfair Display';margin:12px 0;position:relative}.intro h1 em,.finale h2 em{color:#f0c871}.chapter{color:#a9bde3;font-size:12px;letter-spacing:.09em}.story{max-width:600px;line-height:1.7;color:#c8d3e6}.intro label{font-size:11px;color:#aab6cf;margin:12px 0 7px}.intro input{z-index:2;border:1px solid #ffffff35;background:#fff1;color:#fff;border-radius:13px;padding:14px;text-align:center;font:600 17px inherit;width:min(310px,90%);outline:none}.gold-button{position:relative;z-index:4;border:0;border-radius:13px;padding:15px 22px;margin-top:16px;background:linear-gradient(130deg,#d69f3e,#f3d47c);color:#17213b;box-shadow:0 7px 0 #946a28,0 13px 28px #0004;font:700 14px inherit;cursor:pointer}.gold-button:active{transform:translateY(5px);box-shadow:0 2px 0 #946a28}.parent-note{margin-top:20px;color:#8594b1}.companion{position:absolute;z-index:8;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff 0 7%,#ffe6a5 10%,#b361da 31%,#263d9d 53%,transparent 67%);filter:drop-shadow(0 0 17px #805cff);animation:float 2.6s ease-in-out infinite}.companion i{position:absolute;width:82px;height:35px;border:1px solid #f3da8f70;border-radius:50%;transform:rotate(-20deg)}.companion b{color:#fff6c8;font-size:22px}.companion.large{position:relative;width:130px;height:130px}.companion.large i{width:155px;height:60px}.companion.large b{font-size:40px}@keyframes float{50%{transform:translateY(-11px) rotate(4deg)}}.forest-page,.rain-page,.stars-page{flex-direction:column;align-items:center;text-align:center;padding:24px 28px 30px}.scene-title h2{font:700 clamp(29px,4vw,44px) 'Playfair Display';margin:4px 0}.scene-title span{font-size:13px;color:#6e7789}.forest-world,.rain-world,.night-world{height:390px;width:100%;max-width:850px;border-radius:22px;margin:18px 0;position:relative;overflow:hidden;touch-action:none;box-shadow:inset 0 -35px 50px #0004,0 15px 25px #1727492c}.forest-world{background:linear-gradient(#202e52 0 57%,#182d2b 58%);filter:grayscale(.88)}.moon{position:absolute;right:12%;top:8%;font-size:70px;color:#ddd}.mountains{position:absolute;inset:30% 0 auto;font-size:110px;letter-spacing:-35px;color:#16223c}.tree{p