.weather-icon-container{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));will-change:transform;backface-visibility:hidden;perspective:1000px}.rain-drop{width:1.5px;height:12px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(59,130,246,.9));animation:rainFall 1.2s linear infinite;box-shadow:0 0 2px rgba(59,130,246,.8)}.heavy-rain-drop,.rain-drop{position:absolute;border-radius:0 0 50% 50%;will-change:transform}.heavy-rain-drop{width:2.5px;height:18px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(59,130,246,.95));animation:heavyRainFall .7s linear infinite;box-shadow:0 0 3px rgba(59,130,246,.9)}@keyframes rainFall{0%{transform:translateY(-100vh) translateX(0);opacity:0}5%{opacity:1}95%{opacity:1}to{transform:translateY(100vh) translateX(20px);opacity:0}}@keyframes heavyRainFall{0%{transform:translateY(-100vh) translateX(0);opacity:0}5%{opacity:1}95%{opacity:1}to{transform:translateY(100vh) translateX(15px);opacity:0}}.snow-flake{position:absolute;color:rgba(255,255,255,.9);animation:snowFall 5s linear infinite;will-change:transform;text-shadow:0 0 5px rgba(255,255,255,.5)}@keyframes snowFall{0%{transform:translateY(-100vh) translateX(0) scale(.5) rotate(0deg);opacity:.8}25%{transform:translateY(-50vh) translateX(30px) scale(.8) rotate(90deg);opacity:1}50%{transform:translateY(0) translateX(-20px) scale(1) rotate(180deg);opacity:1}75%{transform:translateY(50vh) translateX(40px) scale(.9) rotate(270deg);opacity:.8}to{transform:translateY(100vh) translateX(10px) scale(.6) rotate(1turn);opacity:0}}.lightning-flash{position:absolute;inset:0;background:rgba(255,255,255,.9);animation:lightning 3s ease-in-out infinite;will-change:opacity;pointer-events:none}@keyframes lightning{0%,90%,95%,to{opacity:0}91%,94%{opacity:.8}92%,93%{opacity:0}}.heat-shimmer{position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:heatShimmer 2s ease-in-out infinite;will-change:transform,opacity;pointer-events:none}@keyframes heatShimmer{0%,to{transform:translateX(-100%);opacity:0}50%{transform:translateX(100%);opacity:.6}}.cloud-drift{animation:cloudFloat 8s ease-in-out infinite;will-change:transform}@keyframes cloudFloat{0%,to{transform:translateX(0) scale(1)}50%{transform:translateX(10px) scale(1.02)}}.fog-drift{animation:fogFlow 6s ease-in-out infinite;will-change:transform,opacity}@keyframes fogFlow{0%,to{transform:translateX(0);opacity:.6}50%{transform:translateX(-5px);opacity:.8}}.sun-glow{filter:drop-shadow(0 0 15px rgba(251,191,36,.7));animation:sunGlow 4s ease-in-out infinite}@keyframes sunGlow{0%,to{filter:drop-shadow(0 0 15px rgba(251,191,36,.7))}50%{filter:drop-shadow(0 0 25px rgba(251,191,36,.9))}}.wind-effect{animation:windSway 3s ease-in-out infinite;will-change:transform}@keyframes windSway{0%,to{transform:skewX(0deg)}25%{transform:skewX(2deg)}75%{transform:skewX(-2deg)}}.mist-effect{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.3) 0,transparent 70%);animation:mistFloat 10s ease-in-out infinite;will-change:transform,opacity;pointer-events:none}@keyframes mistFloat{0%,to{transform:scale(1) translate(0);opacity:.3}50%{transform:scale(1.1) translate(10px,-5px);opacity:.5}}@media (max-width:768px){.heavy-rain-drop,.rain-drop{animation-duration:1.5s}.snow-flake{animation-duration:6s}.lightning-flash{animation-duration:4s}.heat-shimmer{animation-duration:3s}}@media (prefers-reduced-motion:reduce){.cloud-drift,.fog-drift,.heat-shimmer,.heavy-rain-drop,.lightning-flash,.mist-effect,.rain-drop,.snow-flake,.sun-glow,.wind-effect{animation:none}}