Analyse: Zeitraum = abgeschlossene Tage, "Heute bisher" getrennt, Feinschliff

Final-Review-Fixwelle der Cockpit-Übersicht:

- F1 Collector: Der Zeitraum sind die range Kalendertage bis gestern (Berliner Tag),
  der Vorzeitraum die range Tage davor; heute steht getrennt in today { day, pv, visitors,
  contacts }. Kein Einbruch mehr am rechten Rand von Diagramm und Mini-Verläufen,
  kein falsches "x % weniger" tagsüber. Portal: weekdayStats bekommt die ganze Reihe
  (completedDays entfällt), "Vergleich ab" = firstDay + 2 x range, Kopfzeile
  "Analyse aktiv · Heute bisher: N Aufrufe · Stand: HH:MM Uhr" (alter Collector ohne today
  bleibt ohne "Heute bisher").
- F2 "direkt kontaktiert" zählt nur Telefon, E-Mail und WhatsApp (auch im Vorzeitraum),
  Links nach außen nicht.
- F3 Mini-Verlauf "Ø Zeit pro Seite": Tage ohne Messung sind Lücken statt 0-Tälern.
- F4 Fehlerfarbe beim Ausschalten rot, --an-faint auf 55 %, Achsenschrift per
  Container-Abfragen auf 11-12 px (y-Rand wächst mit der Stellenzahl, x-Beschriftungen mit
  Mindestabstand), Ranglisten-Anteile an allen Seitenaufrufen, Tippflächen bis 880 px
  mindestens 40 px hoch.

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

public/analyse.css

@@ -5,7 +5,7 @@
   --an-fg: #fff;
   --an-fg2: rgba(255, 255, 255, 0.78);
   --an-muted: rgba(255, 255, 255, 0.58);
-  --an-faint: rgba(255, 255, 255, 0.4);
+  --an-faint: rgba(255, 255, 255, 0.55); /* >= 4,5:1 auf der Karte (gemessen ca. 6,2:1) */
   --an-line: rgba(255, 255, 255, 0.09);
   --an-line2: rgba(255, 255, 255, 0.18);
   --an-card: rgba(14, 16, 20, 0.92);
@@ -38,6 +38,7 @@
 .an-status-dot { flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--an-dot); box-shadow: 0 0 0 4px var(--an-dot-soft); }
 .an-site-name { display: block; font-size: 16px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .an-status { display: block; margin-top: 2px; font-size: 12px; color: var(--an-muted); }
+.an-st { white-space: nowrap; }
 .an-pick {
   display: block; max-width: 100%; padding: 2px 24px 2px 0; border: 0; border-radius: 6px; cursor: pointer; text-overflow: ellipsis;
   -webkit-appearance: none; appearance: none; color: var(--an-fg); font-family: inherit; font-size: 16px; font-weight: 700; line-height: 1.3;
@@ -107,10 +108,21 @@
 .an-leg { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
 .an-leg-line { display: inline-block; width: 18px; height: 0; border-top: 3px solid var(--an-acc); border-radius: 2px; }
 .an-leg-prev { border-top: 2px dashed var(--an-prev); }
-.an-chartwrap { position: relative; flex: 1 1 auto; display: flex; align-items: center; min-height: 0; }
+.an-chartwrap { position: relative; flex: 1 1 auto; display: flex; align-items: center; min-height: 0; container-type: inline-size; }
 .an-chart { display: block; width: 100%; height: auto; max-height: 100%; overflow: visible; touch-action: pan-y; }
 .an-grid { stroke: var(--an-line); stroke-width: 1px; vector-effect: non-scaling-stroke; }
+/* Achsenschrift in viewBox-Einheiten (viewBox 640 breit, die Zeichnung skaliert mit der Kartenbreite). Je nach Breite der Zeichnung
+   so gewaehlt, dass sie immer ca. 11-12 px gross erscheint (gemessen: 320 px Handy bis 1920 px Desktop); Grundwert fuer Browser ohne Container-Abfragen. */
 .an-axis { fill: var(--an-muted); font-size: 13px; }
+@container (max-width: 279px) { .an-axis { font-size: 28px; } }
+@container (min-width: 280px) and (max-width: 329px) { .an-axis { font-size: 24px; } }
+@container (min-width: 330px) and (max-width: 379px) { .an-axis { font-size: 21px; } }
+@container (min-width: 380px) and (max-width: 439px) { .an-axis { font-size: 18px; } }
+@container (min-width: 440px) and (max-width: 499px) { .an-axis { font-size: 16px; } }
+@container (min-width: 500px) and (max-width: 559px) { .an-axis { font-size: 14px; } }
+@container (min-width: 560px) and (max-width: 629px) { .an-axis { font-size: 12.5px; } }
+@container (min-width: 630px) and (max-width: 699px) { .an-axis { font-size: 11px; } }
+@container (min-width: 700px) { .an-axis { font-size: 10px; } }
 .an-area { fill: var(--an-acc); opacity: 0.12; stroke: none; }
 .an-prev { fill: none; stroke: var(--an-prev); stroke-width: 2px; stroke-dasharray: 5 5; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
 .an-line { fill: none; stroke: var(--an-acc); stroke-width: 2.4px; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
@@ -196,6 +208,7 @@
 .an-ghost:hover { background: rgba(255, 255, 255, 0.07); }
 .an-danger { color: #fca5a5; }
 .an .error { margin: 0 0 12px; text-align: left; }
+#an-off p.error { color: #fca5a5; }
 
 /* ------------------------------------------- Einschalten und andere Zustaende --- */
 .an-state p, .an-panel p { margin: 0 0 12px; line-height: 1.55; color: var(--an-fg2); }
@@ -258,8 +271,12 @@
 @media (max-width: 880px) {
   .an-top { padding: 14px; }
   .an-seg { display: flex; width: 100%; }
-  .an-seg button { flex: 1 1 0; padding: 9px 8px; }
+  .an-seg button { flex: 1 1 0; padding: 9px 8px; min-height: 40px; }
   .an-tabs { gap: 20px; margin: 14px 2px; }
+  /* Tippflaechen mindestens 40 px hoch */
+  .an-tabbtn { min-height: 40px; padding-top: 8px; }
+  .an-ltab, .an-more, .an-btn { min-height: 40px; }
+  .an-ltab { display: inline-flex; align-items: center; padding: 6px 14px; }
   .an-card { padding: 16px; }
   .an-kpi { padding: 14px 14px 10px; }
   .an-v { font-size: 26px; }
@@ -267,7 +284,6 @@
   .an-sum { padding: 18px 16px; }
   .an-lead { font-size: 19px; }
   .an-sum-empty .an-lead { font-size: 16px; }
-  .an-axis { font-size: 17px; }
   .an-heat-bar label { max-width: none; }
   .an-bn { display: block; margin: 12px 0; padding: 16px; }
   .an-bn-row { flex-direction: column; margin-top: 12px; }