Fix: Stündlich-Bereich im Wetter-Modal scrollbar machen

- shrink-0 statt min-w damit Flex-Items nicht zusammengedrückt werden
- Scrollbar sichtbar (thin) mit accent-farbigem Styling
- Fade-Gradient am rechten Rand als Scroll-Hinweis

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

web/src/components/WeatherDetailModal.tsx

@@ -112,15 +112,16 @@ export default function WeatherDetailModal({ weather, hourly, onClose, accentCol
               <span className="section-rule" />
             </div>
 
+            <div className="relative">
               <div
                 className="flex gap-0 overflow-x-auto border border-base-300"
-              style={{ scrollbarWidth: "none" }}
+                style={{ scrollbarWidth: "thin", scrollbarColor: `${accentColor === "gold" ? "#e8a44a" : accentColor === "mint" ? "#4ae8a8" : "#a87aec"}40 transparent` }}
               >
                 {hourly.map((slot, i) => (
                   <div
                     key={slot.time}
                     className={`
-                    flex flex-col items-center gap-1 min-w-[3.5rem] px-2 py-3
+                      flex flex-col items-center gap-1 shrink-0 w-[3.5rem] py-3
                       border-r border-base-300 last:border-r-0
                       ${i === 0 ? `${a.bg}/[0.06]` : "hover:bg-base-100"}
                     `}
@@ -142,6 +143,9 @@ export default function WeatherDetailModal({ weather, hourly, onClose, accentCol
                   </div>
                 ))}
               </div>
+              {/* Scroll fade hint */}
+              <div className="pointer-events-none absolute top-0 right-0 bottom-0 w-8 bg-gradient-to-l from-base-50 to-transparent" />
+            </div>
           </div>
         )}