*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.weather-scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh}.layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}@keyframes cloudDriftLeft{0%{transform:translate(100vw)}to{transform:translate(-55vw)}}@keyframes cloudDriftRight{0%{transform:translate(-55vw)}to{transform:translate(100vw)}}@keyframes rainFall{0%{transform:rotate(var(--rain-angle, 12deg)) translateY(-10vh);opacity:.85}to{transform:rotate(var(--rain-angle, 12deg)) translateY(115vh);opacity:.5}}@keyframes snowFall{0%{transform:translateY(-5vh) translate(0) rotate(0);opacity:.9}25%{transform:translateY(25vh) translate(3vw) rotate(90deg);opacity:.85}50%{transform:translateY(55vh) translate(-2vw) rotate(180deg);opacity:.8}75%{transform:translateY(80vh) translate(4vw) rotate(270deg);opacity:.75}to{transform:translateY(110vh) translate(1vw) rotate(360deg);opacity:0}}@keyframes sunPulse{0%{transform:scale(1) rotate(0);filter:drop-shadow(0 0 10px rgba(255,215,0,.6)) drop-shadow(0 0 30px rgba(255,215,0,.2))}50%{transform:scale(1.04) rotate(4deg);filter:drop-shadow(0 0 20px rgba(255,236,128,.8)) drop-shadow(0 0 60px rgba(255,236,128,.3))}to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 10px rgba(255,215,0,.6)) drop-shadow(0 0 30px rgba(255,215,0,.2))}}@keyframes moonGlow{0%{filter:drop-shadow(0 0 6px rgba(200,212,224,.5)) drop-shadow(0 0 16px rgba(200,212,224,.2))}50%{filter:drop-shadow(0 0 14px rgba(221,232,240,.7)) drop-shadow(0 0 40px rgba(176,192,208,.3))}to{filter:drop-shadow(0 0 6px rgba(200,212,224,.5)) drop-shadow(0 0 16px rgba(200,212,224,.2))}}@keyframes starTwinkle{0%{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.3)}to{opacity:.2;transform:scale(.7)}}@keyframes lightningFlash{0%{opacity:0}1%{opacity:1}3%{opacity:0}5%{opacity:.7}7%{opacity:0}to{opacity:0}}@keyframes lightningFlashFrequent{0%{opacity:0}2%{opacity:1}4%{opacity:0}6%{opacity:.8}8%{opacity:0}10%{opacity:.5}12%{opacity:0}to{opacity:0}}@keyframes skyFlash{0%{opacity:0}1%{opacity:.15}3%{opacity:0}5%{opacity:.1}7%{opacity:0}to{opacity:0}}@keyframes fogDrift{0%{transform:translate(0) scaleY(1);opacity:.55}33%{transform:translate(-4vw) scaleY(1.04);opacity:.75}66%{transform:translate(3vw) scaleY(.97);opacity:.6}to{transform:translate(0) scaleY(1);opacity:.55}}