feat: redesigned Home (weather+forecast bar, today+tomorrow, pinned notes), fix snow animation, scrollable weather modal, weather hints

components/WeatherAnimation.tsx

@@ -106,23 +106,22 @@ export default function WeatherAnimation({ condition, size = 64 }: WeatherAnimat
         {c === 'snow' && (
           <g>
             {[
-              { x: 42, delay: 0 },
-              { x: 52, delay: 0.4 },
-              { x: 62, delay: 0.8 },
-              { x: 47, delay: 1.2 },
-              { x: 57, delay: 0.2 },
+              { x: 44, delay: 0, size: 3 },
+              { x: 54, delay: 0.5, size: 2.5 },
+              { x: 64, delay: 1.0, size: 2 },
+              { x: 49, delay: 1.5, size: 2.5 },
+              { x: 59, delay: 0.3, size: 3 },
             ].map((flake, i) => (
-              <circle
-                key={i}
-                cx={flake.x} cy={72}
-                r={2.5}
-                fill="white"
-                opacity={0.8}
-                style={{
-                  animation: `snow-fall 2s ease-in-out infinite`,
-                  animationDelay: `${flake.delay}s`,
-                }}
-              />
+              <g key={i} style={{ animation: `snow-fall 2.5s linear infinite`, animationDelay: `${flake.delay}s` }}>
+                <text
+                  x={flake.x} y={70}
+                  fontSize={flake.size * 4}
+                  fill="white"
+                  opacity={0.85}
+                  textAnchor="middle"
+                  dominantBaseline="central"
+                >❄</text>
+              </g>
             ))}
           </g>
         )}