@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#fff;background:#020308}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#020308}html{scroll-behavior:smooth;overscroll-behavior:none}body{overflow-x:hidden;touch-action:pan-y;-webkit-tap-highlight-color:transparent}button{font:inherit}.app-shell{position:relative;min-height:100vh;min-height:100dvh}.story-canvas{position:fixed!important;inset:0;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:0}.scroll-space{height:1200vh;pointer-events:none}.opening-video{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:#000}.opening-video__media{width:auto;height:100vh;height:100dvh;max-width:100vw;display:block;object-fit:contain}.opening-video__controls{position:absolute;right:clamp(16px,3vw,36px);bottom:clamp(16px,3vw,36px);display:flex;gap:10px}.opening-video__controls button{border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:10px 14px;color:#fff;background:#00000061;backdrop-filter:blur(10px);font-size:10px;letter-spacing:.14em;cursor:pointer}.opening-video__controls button:hover{background:#ffffff24}.opening-video__controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}.loader-screen{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(255,100,190,.2),transparent 36%),radial-gradient(circle at 25% 75%,rgba(102,123,255,.14),transparent 30%),#020308;padding:24px;overflow:hidden}.loader-inner{position:relative;z-index:2;width:min(780px,90vw);text-align:center}.loader-inner .eyebrow{font-size:11px;letter-spacing:.28em;color:#94a5c8}.loader-inner h1{margin:16px 0 8px;font-size:clamp(42px,7.5vw,88px);line-height:.92;letter-spacing:-.055em;background:linear-gradient(110deg,#fff 15%,#ffd66b 43%,#ff86cf 68%,#fff);background-size:220% auto;color:transparent;background-clip:text;animation:birthday-shimmer 3.5s linear infinite;filter:drop-shadow(0 0 28px rgba(255,122,198,.2))}.loader-inner p{margin:0 0 36px;font-size:clamp(20px,3vw,32px);color:#ffb6df;letter-spacing:.16em;font-weight:700}.loader-meter{height:2px;background:#ffffff1f;overflow:hidden}.loader-meter span{display:block;height:100%;background:#fff;transition:width .2s ease}.loader-row{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#8894aa;font-size:12px}.loader-row button{border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#fff;padding:13px 18px;border-radius:999px;cursor:pointer}.loader-row button:disabled{opacity:.42;cursor:not-allowed}.loader-row button:not(:disabled){animation:birthday-pulse 2s ease-in-out infinite}.loader-row button:not(:disabled):hover{transform:translateY(-3px) scale(1.03);background:#ff86cf29}.birthday-orb{position:absolute;width:280px;aspect-ratio:1;border-radius:50%;opacity:.2;animation:orb-float 7s ease-in-out infinite}.birthday-orb--one{left:-90px;top:12%;background:radial-gradient(circle at 35% 30%,#ffc75f,#ff4fa1 60%,transparent 62%)}.birthday-orb--two{right:-100px;bottom:8%;background:radial-gradient(circle at 35% 30%,#9cecff,#5269ff 60%,transparent 62%);animation-delay:-3.2s}.birthday-sparkles{position:absolute;inset:0;pointer-events:none}.birthday-sparkles i{position:absolute;top:-20px;width:7px;height:14px;border-radius:2px;background:#ffd66b;animation:confetti-fall 5s linear infinite}.birthday-sparkles i:nth-child(3n){background:#ff70bd}.birthday-sparkles i:nth-child(3n+1){background:#70dcff;border-radius:50%}.birthday-sparkles i:nth-child(1){left:5%;animation-delay:-1s}.birthday-sparkles i:nth-child(2){left:11%;animation-delay:-3.4s}.birthday-sparkles i:nth-child(3){left:18%;animation-delay:-.2s}.birthday-sparkles i:nth-child(4){left:25%;animation-delay:-4.2s}.birthday-sparkles i:nth-child(5){left:31%;animation-delay:-2.3s}.birthday-sparkles i:nth-child(6){left:38%;animation-delay:-.8s}.birthday-sparkles i:nth-child(7){left:44%;animation-delay:-3.8s}.birthday-sparkles i:nth-child(8){left:51%;animation-delay:-1.7s}.birthday-sparkles i:nth-child(9){left:57%;animation-delay:-4.6s}.birthday-sparkles i:nth-child(10){left:63%;animation-delay:-2.8s}.birthday-sparkles i:nth-child(11){left:69%;animation-delay:-.5s}.birthday-sparkles i:nth-child(12){left:75%;animation-delay:-3.1s}.birthday-sparkles i:nth-child(13){left:81%;animation-delay:-1.3s}.birthday-sparkles i:nth-child(14){left:87%;animation-delay:-4.4s}.birthday-sparkles i:nth-child(15){left:93%;animation-delay:-2s}.birthday-sparkles i:nth-child(16){left:35%;animation-delay:-4.9s}.birthday-sparkles i:nth-child(17){left:54%;animation-delay:-2.5s}.birthday-sparkles i:nth-child(18){left:72%;animation-delay:-.9s}@keyframes birthday-shimmer{to{background-position:220% center}}@keyframes birthday-pulse{50%{box-shadow:0 0 28px #ff86cf47;transform:scale(1.025)}}@keyframes orb-float{50%{transform:translateY(-28px) scale(1.08)}}@keyframes confetti-fall{to{transform:translate3d(35px,110vh,0) rotate(540deg)}}@media(prefers-reduced-motion:reduce){.loader-inner h1,.loader-row button:not(:disabled),.birthday-orb,.birthday-sparkles i{animation:none}}.chapter-indicator{position:fixed;z-index:20;left:28px;bottom:28px;display:flex;gap:12px;align-items:center;font-size:11px;letter-spacing:.14em;text-shadow:0 2px 10px #000}.chapter-indicator span{color:#7d8aa4}.chapter-indicator strong{font-size:11px}.progress-track{position:fixed;z-index:20;left:28px;right:28px;bottom:14px;height:1px;background:#ffffff1f;overflow:hidden}.progress-track span{display:block;width:100%;height:100%;transform-origin:left center;background:#dfe6ff}.sound-control{display:flex;align-items:center;gap:8px;position:fixed;z-index:20;top:22px;right:22px;border:1px solid rgba(255,255,255,.16);color:#fff;background:#05081073;backdrop-filter:blur(12px);border-radius:999px;padding:10px 14px;font-size:10px;letter-spacing:.14em;cursor:pointer}.scroll-cue{position:fixed;z-index:18;bottom:28px;right:28px;color:#8994a7;font-size:10px;letter-spacing:.16em}.scroll-cue__mobile{display:none}@media(max-width:700px){.opening-video__media{width:100vw;height:100dvh;object-fit:cover}.opening-video__controls{left:12px;right:12px;bottom:max(14px,env(safe-area-inset-bottom));justify-content:space-between}.opening-video__controls button{min-height:44px;padding:10px 16px}.loader-screen{padding:24px 18px max(24px,env(safe-area-inset-bottom))}.loader-inner{width:100%;max-width:520px}.loader-inner .eyebrow{font-size:9px;line-height:1.6}.loader-inner h1{margin-top:14px;font-size:clamp(38px,15vw,64px)}.loader-inner p{margin-bottom:28px;font-size:clamp(17px,6vw,26px)}.loader-row{align-items:stretch;flex-direction:column}.loader-row>span{align-self:flex-start}.loader-row button{min-height:50px;width:100%}.birthday-orb{width:190px}.chapter-indicator{left:14px;bottom:max(31px,calc(env(safe-area-inset-bottom) + 23px));max-width:calc(100vw - 28px)}.chapter-indicator strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-track{left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom))}.sound-control{top:max(12px,env(safe-area-inset-top));right:12px;min-width:44px;min-height:44px;justify-content:center}.scroll-cue{display:block;right:14px;bottom:max(32px,calc(env(safe-area-inset-bottom) + 24px));font-size:9px}.scroll-cue__desktop{display:none}.scroll-cue__mobile{display:inline}}@media(max-width:700px)and (orientation:landscape){.loader-inner h1{font-size:clamp(34px,9vw,52px)}.loader-inner p{margin-bottom:18px}.opening-video__controls{justify-content:flex-end}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}