@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes rain{0%{transform:translateY(-50px)}to{transform:translateY(100vh)}}@keyframes sunny-shine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.weather-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:hidden}.cloud{position:absolute;width:100px;height:40px;background:rgba(255,255,255,.2);border-radius:20px;animation:float 6s ease-in-out infinite}.rain-drop{position:absolute;width:2px;height:20px;background:rgba(255,255,255,.3);animation:rain 1s linear infinite}.sun{position:absolute;width:100px;height:100px;background:radial-gradient(circle,rgba(255,223,67,.8) 0%,rgba(255,223,67,0) 70%);border-radius:50%;animation:sunny-shine 20s linear infinite}.dark-theme{background:linear-gradient(to bottom,#1a1a2e,#16213e)}.light-theme{background:linear-gradient(to bottom,#87CEEB,#4682B4)}.clear-sky{background:var(--clear-sky-gradient)}.cloudy{background:var(--cloudy-gradient)}.rainy{background:var(--rainy-gradient)}.thunderstorm{background:var(--thunderstorm-gradient)}