.celestial-motion{position:fixed;inset:0;z-index:12;pointer-events:none;overflow:hidden;contain:strict}.motion-star{position:absolute;color:#d7ad50;font-style:normal;font-family:Georgia,serif;line-height:1;text-shadow:0 0 5px #fff5ca,0 0 13px #d7ad50;opacity:.22;animation:star-pulse var(--twinkle-time,3.8s) ease-in-out infinite;animation-delay:var(--twinkle-delay,0s);transform:translate3d(0,var(--star-drift,0),0) scale(.65)}.motion-star.soft{color:#fff0c1;filter:blur(.25px)}@keyframes star-pulse{0%,100%{opacity:.13;transform:translate3d(0,var(--star-drift,0),0) scale(.55) rotate(0)}45%{opacity:.95;transform:translate3d(0,calc(var(--star-drift,0) - 3px),0) scale(1.12) rotate(14deg)}65%{opacity:.35;transform:translate3d(0,var(--star-drift,0),0) scale(.72) rotate(22deg)}}.shooting-star{position:absolute;width:clamp(90px,30vw,150px);height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#fff9dc 55%,#d7ad50);box-shadow:0 0 5px #fff7ce,0 0 15px #d7ad50;opacity:0;transform:rotate(var(--shoot-angle,-28deg)) translateX(-45vw);animation:shoot-across var(--shoot-time,1.3s) cubic-bezier(.16,.74,.28,1) forwards}.shooting-star:after{content:'';position:absolute;right:-2px;top:-3px;width:7px;height:7px;border-radius:50%;background:#fffceb;box-shadow:0 0 8px 3px #e5bd62}@keyframes shoot-across{0%{opacity:0;transform:rotate(var(--shoot-angle,-28deg)) translateX(-45vw) scaleX(.45)}12%{opacity:1}78%{opacity:.9}100%{opacity:0;transform:rotate(var(--shoot-angle,-28deg)) translateX(145vw) scaleX(1)}}.scroll-constellation{position:fixed;right:max(6px,env(safe-area-inset-right));top:18%;height:64%;width:2px;z-index:13;pointer-events:none;background:#ffffff30;border-radius:4px;overflow:visible}.scroll-constellation span{display:block;width:100%;height:var(--page-progress,0%);background:linear-gradient(#dfb85f,#a36e97);box-shadow:0 0 8px #d7ad50;transition:height .12s linear}.scroll-constellation:before,.scroll-constellation:after{content:'✦';position:absolute;left:50%;transform:translateX(-50%);color:#d7ad50;text-shadow:0 0 8px #fff1bb;font-size:12px}.scroll-constellation:before{top:-15px}.scroll-constellation:after{bottom:-15px}.portrait-home,.portrait-experience,.portrait-reading{overflow:hidden}.motion-card-gloss{position:absolute;z-index:2;left:59%;top:39.8%;width:22%;height:17%;transform:rotate(8deg);border-radius:9% 9% 11% 11%;overflow:hidden;pointer-events:none;mix-blend-mode:screen;opacity:.68}.motion-card-gloss:after{content:'';position:absolute;inset:-35% -90%;background:linear-gradient(110deg,transparent 35%,#ffffff10 43%,#fff9d7aa 49%,#fff 51%,#ffffff15 57%,transparent 64%);transform:translateX(-45%) rotate(-5deg);animation:card-gloss 4.6s ease-in-out infinite}@keyframes card-gloss{0%,22%{transform:translateX(-55%) rotate(-5deg);opacity:0}34%{opacity:1}58%{transform:translateX(55%) rotate(-5deg);opacity:.9}68%,100%{transform:translateX(65%) rotate(-5deg);opacity:0}}.experience-effects,.reading-effects{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.candle-glow{position:absolute;left:29%;top:27%;width:16%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fffbd9 0 8%,#ffd48b77 20%,#f6b95a20 48%,transparent 70%);filter:blur(1px);transform-origin:50% 70%;animation:flame-glow .24s ease-in-out infinite alternate}@keyframes flame-glow{from{opacity:.55;transform:scale(.9,.98) translateY(1px)}to{opacity:1;transform:scale(1.1,1.18) translateY(-2px)}}.steam{position:absolute;left:12%;top:31.5%;width:18%;height:12%;filter:blur(.6px);opacity:.76}.steam i{position:absolute;bottom:0;width:12px;height:72%;border-left:2px solid #fff9ed99;border-radius:50%;animation:steam-rise 3.2s ease-in-out infinite}.steam i:nth-child(1){left:20%}.steam i:nth-child(2){left:48%;height:88%;animation-delay:-1.2s}.steam i:nth-child(3){left:73%;height:64%;animation-delay:-2.1s}@keyframes steam-rise{0%{opacity:0;transform:translate(0,8px) scale(.75) rotate(-6deg)}30%{opacity:.85}100%{opacity:0;transform:translate(10px,-35px) scale(1.18) rotate(13deg)}}.flower-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;will-change:transform;animation:flower-breeze 4.5s ease-in-out infinite alternate;transform-origin:88% 43%}.flower-overlay.second{animation-delay:-2.4s;animation-duration:5.4s;transform-origin:10% 55%}@keyframes flower-breeze{from{transform:rotate(-.22deg) translateX(-1px)}to{transform:rotate(.38deg) translateX(2px)}}.compass-rotor{position:absolute;z-index:2;left:3.8%;top:19.7%;width:26.2%;aspect-ratio:1;border-radius:50%;overflow:hidden;pointer-events:none;animation:compass-turn 18s linear infinite;box-shadow:0 0 10px #d7ad5030}.compass-rotor img{position:absolute;width:382%;height:auto;max-width:none;left:-14.5%;top:-130%;margin:0}.compass-gleam{position:absolute;inset:11%;border-radius:50%;background:conic-gradient(from 20deg,transparent 0 42%,#fff8d766 47%,transparent 52%);mix-blend-mode:screen;animation:compass-gleam 4s linear infinite}@keyframes compass-turn{to{transform:rotate(360deg)}}@keyframes compass-gleam{to{transform:rotate(-360deg)}}.tap-spark{position:fixed;z-index:60;left:var(--tap-x);top:var(--tap-y);color:#e0b653;font-size:15px;text-shadow:0 0 8px #fff5c7;pointer-events:none;animation:tap-burst .85s ease-out forwards;transform:translate(-50%,-50%) rotate(var(--spark-angle)) translateY(-5px)}@keyframes tap-burst{to{opacity:0;transform:translate(-50%,-50%) rotate(var(--spark-angle)) translateY(-44px) scale(.3)}}.is-scrolling .motion-star{filter:drop-shadow(0 0 4px #e4bd65)}@media(prefers-reduced-motion:reduce){.celestial-motion,.scroll-constellation,.motion-card-gloss,.experience-effects,.reading-effects{display:none!important}}