feat(ui): Ernten, Chargen-Nachweis und aktive Navigation

- Ernten: Jahrgang als grosse Serifenzahl mit auslaufender Linie, Karten
  heben sich mit Honigschimmer, Pfeil und Unterstrich
- Ernte-Detail: grosser Titel, mitlaufendes Bild, Fuellstandsbalken je
  Charge (verfuegbare von abgefuellten Glaesern)
- Chargen-Seite (QR-Code auf dem Glas): Echtheitssiegel stempelt sich ein,
  Zeitleiste mit Waben und sich fuellender Linie, Werte in Serifenschrift
- Produktverweise heben sich, gezeichneter Pfeil statt Textzeichen
- Fix: aktive Seite in der Kopfzeile zeigte den Unterstrich in Textfarbe
  statt in Honig (unlayered CSS ueberstimmte die Utility-Klasse)

Co-Authored-By: Claude Opus 5.5 (1M context) <[email protected]>

src/app/globals.css

@@ -121,10 +121,14 @@ p {
   transition: background-size 350ms var(--ease-arrive);
 }
 .link-draw:hover,
-.link-draw:focus-visible,
-.link-draw[aria-current="page"] {
+.link-draw:focus-visible {
   background-size: 100% 1px;
 }
+/* Aktive Seite: kraeftigerer Unterstrich in Honig statt in Textfarbe. */
+.link-draw[aria-current="page"] {
+  background-image: linear-gradient(var(--color-honey), var(--color-honey));
+  background-size: 100% 2px;
+}
 
 @media (prefers-reduced-motion: reduce) {
   .link-draw {
@@ -257,3 +261,25 @@ input::placeholder,
 textarea::placeholder {
   color: color-mix(in oklab, var(--color-ink) 45%, transparent);
 }
+
+/* Chargen-Seite: das Echtheitssiegel "stempelt" sich beim Oeffnen ein. */
+@keyframes wh-stamp {
+  0% {
+    transform: scale(1.6) rotate(-18deg);
+    opacity: 0;
+  }
+  60% {
+    transform: scale(0.94) rotate(3deg);
+    opacity: 1;
+  }
+  100% {
+    transform: scale(1) rotate(0deg);
+    opacity: 1;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .motion-stamp {
+    animation: none !important;
+  }
+}