Statistik-Seite: Kennzahlen, Reichweite, ASN und Verlaeufe

Neue Seite /stats.html: Basiszahlen, Reichweite, Netze nach Betreiber
(ASN), Aufrufe pro Tag und beliebteste Seiten. Diagramme als CSS-Balken
(Breite per CSSOM, kein Inline-style) statt Chart-Library -- bleibt
CSP-konform. Verlinkt in der Legal-Nav aller Seiten.

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

web/css/app.css

@@ -299,3 +299,57 @@ hr {
   border: none;
   border-top: 1px solid #ccc;
 }
+
+/* --- Statistik-Seite --- */
+.statgrid {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.6rem 1.8rem;
+  padding: 0.3rem 0.5rem 0.6rem;
+}
+.statgrid > div {
+  display: flex;
+  flex-direction: column;
+}
+.statgrid .num {
+  font-size: 1.8rem;
+  line-height: 1.1;
+}
+
+/* Horizontale Balken (Aufrufe/Tag, beliebteste Seiten). Breite wird per JS
+   gesetzt (CSSOM, kein Inline-style -> CSP-konform). */
+.bars {
+  padding: 0.3rem 0.5rem 0.6rem;
+}
+.bar-row {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin: 0.15rem 0;
+}
+.bar-label {
+  flex: 0 0 7rem;
+  text-align: right;
+  font-size: 0.95rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.bar-track {
+  flex: 1;
+  background: #eee;
+}
+.bar-fill {
+  height: 1.1rem;
+  background: gray;
+}
+.bar-value {
+  flex: 0 0 auto;
+  font-size: 0.95rem;
+}
+
+/* ASN-Namen sind länger als Datum/Pfad -> mehr Platz, Umbruch statt Ellipse. */
+#stat-asns .bar-label {
+  flex-basis: 13rem;
+  white-space: normal;
+}