.sun-bg{position:absolute;top:10%;left:50%;transform:translateX(-50%);width:clamp(100px,20vw,200px);height:clamp(100px,20vw,200px);background-color:hsl(var(--sun-color));border-radius:50%;animation:sun-pulse-bg 10s ease-in-out infinite;box-shadow:0 0 60px 20px hsl(var(--sun-glow));opacity:.5}.cloud-bg{position:absolute;background-color:hsl(var(--cloud-color)/.3);border-radius:100px;animation:cloud-drift-bg 60s linear infinite;filter:blur(5px)}.cloud-bg.cloud-dark{background-color:hsl(var(--cloud-color)/.5)}.cloud-bg.cloud-storm{background-color:hsl(var(--muted-foreground)/.6)}.cloud-bg1{width:clamp(200px,40vw,500px);height:clamp(80px,15vw,200px);top:5%;left:-20%;animation-duration:70s;transform:translateY(0)}.cloud-bg2{width:clamp(250px,50vw,600px);height:clamp(100px,20vw,250px);top:15%;left:60%;animation-duration:90s;animation-delay:-20s;transform:translateY(20px)}.cloud-bg3{width:clamp(150px,30vw,400px);height:clamp(70px,12vw,150px);top:30%;left:10%;animation-duration:110s;animation-delay:-40s;transform:translateY(40px)}.cloud-bg4{width:clamp(180px,35vw,450px);height:clamp(90px,18vw,220px);top:40%;left:70%;animation-duration:80s;animation-delay:-50s;transform:translateY(60px)}.rain-drop-bg{position:absolute;width:1px;height:40px;background-color:hsl(var(--rain-color)/.5);animation:rain-fall-bg 1s linear infinite;border-radius:.5px}.rain-drop-bg.heavy-rain{width:2px;height:50px;background-color:hsl(var(--rain-color)/.7)}.snow-flake-bg{position:absolute;background-color:hsl(var(--snow-color));border-radius:50%;animation:snow-fall-bg 5s linear infinite}.thunder-flash-overlay-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsl(var(--thunder-flash-color));opacity:0;animation:thunder-flash-bg 5s linear infinite;animation-delay:1s}.fog-layer-bg{position:absolute;bottom:0;left:0;width:100%;height:70%;background:linear-gradient(to bottom,transparent,hsl(var(--fog-color)/.6) 60%);animation:cloud-drift-bg 90s ease-in-out infinite alternate;opacity:.8}.fog-layer-bg.fog-layer-bg2{height:50%;animation-duration:120s;animation-delay:-20s;opacity:.7;background:linear-gradient(to bottom,transparent,hsl(var(--fog-color)/.4) 80%)}@keyframes sun-pulse-bg{0%,to{transform:translateX(-50%) scale(1);box-shadow:0 0 60px 20px hsl(var(--sun-glow)/.7)}50%{transform:translateX(-50%) scale(1.05);box-shadow:0 0 80px 30px hsl(var(--sun-glow)/.8)}}@keyframes cloud-drift-bg{0%{transform:translateX(var(--parallax-offset,-20%))}to{transform:translateX(calc(var(--parallax-offset, -20%) * -1))}}.cloud-bg1{--parallax-offset:-25%;animation-duration:120s}.cloud-bg2{--parallax-offset:-15%;animation-duration:150s;animation-delay:-30s}.cloud-bg3{--parallax-offset:-30%;animation-duration:180s;animation-delay:-60s}.cloud-bg4{--parallax-offset:-10%;animation-duration:130s;animation-delay:-45s}@keyframes rain-fall-bg{0%{transform:translateY(-10vh) scaleY(1);opacity:1}to{transform:translateY(110vh) scaleY(1.5);opacity:0}}@keyframes snow-fall-bg{0%{transform:translateY(-10vh) translateX(0) rotate(0deg);opacity:1}to{transform:translateY(110vh) translateX(calc(sin(var(--animation-delay) * 10) * 50px)) rotate(2turn);opacity:0}}@keyframes thunder-flash-bg{0%,to{opacity:0}1%,3%,5%{opacity:.3}2%,4%,6%{opacity:0}50%,51.5%,53%{opacity:.25}51%,52.5%,54%{opacity:0}}