Ereignis-Timeline: Lagebericht-Stempel zusammenfassen, Bar-Cap entfernen

Mehrere Snapshots in derselben Achsen-Position erzeugten verschmierte,
übereinanderliegende Pin-Symbole. Zusätzlich war der goldene Streifen
auf der Bar (Bar-Cap) redundant zur vertikalen Snapshot-Linie.

- Snapshots werden pro Achsen-Position (auf 0,5%-Genauigkeit) gruppiert.
  Eine einzige Linie + ein einziger Pin pro Gruppe; bei mehreren
  Lageberichten zeigt der Pin die Anzahl als Zahl statt das Stempel-
  Symbol.
- Bar-Cap (separates Element über der Bar) entfernt. Stattdessen
  bekommt die Bar-Füllung bei has-snapshot eine dezente goldene
  Top-Linie via ::before — keine Doppel-Markierung mehr.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/static/css/style.css

@@ -2691,16 +2691,22 @@ a.dev-source-pill:hover {
     height: 4px;
     background: var(--border);
 }
-.ht-bar-snap-cap {
+/* Bar mit Lagebericht im gleichen Bucket: dezente goldene Top-Linie auf der Fuellung */
+.ht-bar.has-snapshot .ht-bar-fill::before {
+    content: '';
     position: absolute;
-    top: -8px;
-    left: -2px;
-    right: -2px;
-    height: 6px;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 3px;
     background: var(--accent);
-    border-radius: 2px;
-    box-shadow: var(--glow-accent);
+    border-radius: 2px 2px 0 0;
 }
+.ht-bar.has-snapshot.snapshot-only .ht-bar-fill::before {
+    /* Nur Snapshot, keine Artikel: kleiner goldener Strich auf Achse */
+    height: 4px;
+}
+.ht-bar-fill { position: relative; }
 .ht-bars:has(.ht-bar.active) .ht-bar:not(.active) { opacity: 0.45; }
 
 /* Aktiver Bar: dezenter Marker oben */
@@ -2833,17 +2839,24 @@ a.dev-source-pill:hover {
     bottom: -7px;
     left: 50%;
     transform: translateX(-50%);
-    width: 14px;
+    min-width: 14px;
     height: 14px;
+    padding: 0 2px;
     background: var(--bg-card);
     border: 1px solid var(--accent);
-    border-radius: 50%;
+    border-radius: 7px;
     color: var(--accent);
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 4;
 }
+.ht-snapshot-line-count {
+    font-size: 9px;
+    font-weight: 700;
+    font-family: var(--font-mono);
+    line-height: 1;
+}
 
 /* "Heute"-Linie (nur bei taeglicher/woechentlicher/monatlicher Granularitaet aktiv) */
 .ht-today-line {