refactor: remove weather anim, rewrite AI prompt with graded severity and 6-point fix

web/static/style.css

@@ -495,81 +495,10 @@ body {
   letter-spacing: 0.3px;
 }
 
-/* ── Weather Animation ── */
-.weather-anim-container {
-  position: relative;
-  width: 100%;
-  height: 200px;
-  overflow: hidden;
-  border-radius: 16px;
-  margin-bottom: -180px; /* Overlap with hero */
-  z-index: 0;
-}
-
-.weather-anim-container canvas {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-/* Night sky gradient for the animation background */
-.weather-anim-container.active {
-  background: linear-gradient(
-    180deg,
-    rgba(10, 14, 30, 0.9) 0%,
-    rgba(15, 20, 40, 0.6) 40%,
-    rgba(10, 14, 26, 0.3) 100%
-  );
-}
-.weather-anim-container.clear {
-  background: linear-gradient(
-    180deg,
-    rgba(30, 58, 95, 0.5) 0%,
-    rgba(15, 25, 50, 0.3) 60%,
-    transparent 100%
-  );
-}
-.weather-anim-container.rain {
-  background: linear-gradient(
-    180deg,
-    rgba(30, 40, 60, 0.7) 0%,
-    rgba(20, 30, 50, 0.4) 60%,
-    transparent 100%
-  );
-}
-.weather-anim-container.snow {
-  background: linear-gradient(
-    180deg,
-    rgba(50, 60, 80, 0.6) 0%,
-    rgba(30, 40, 60, 0.3) 60%,
-    transparent 100%
-  );
-}
-.weather-anim-container.fog {
-  background: linear-gradient(
-    180deg,
-    rgba(100, 110, 130, 0.4) 0%,
-    rgba(60, 70, 90, 0.2) 60%,
-    transparent 100%
-  );
-}
-.weather-anim-container.storm {
-  background: linear-gradient(
-    180deg,
-    rgba(20, 20, 35, 0.85) 0%,
-    rgba(15, 15, 30, 0.5) 60%,
-    transparent 100%
-  );
-}
-
 /* ── Hero Section ── */
 .hero-section {
   text-align: center;
   padding-top: 12px !important;
-  position: relative;
-  z-index: 1;
 }
 
 .hero-weather {