Style suff frontend mobile-first

Dark theme matching GOA palette, standalone microsite (no nav).
- Landing/login: GOA subhead + big "Suff" wordmark, large tap targets
- me page: 2-col 4:3 drink grid, bordered total box, day-grouped
  history with zebra rows, emoji empty-state
- Booking confirmation toast (amber, 5s, then 800ms CSS collapse)
- Touch feedback via :active scale, SVG beer favicon
- no_pin.html link-buttons styled

gaehsnitz/templates/suff/name.html

@@ -7,12 +7,12 @@
     entfernt (z.B. wird aus "Flo Hä!" → "flo-ha"). Merk dir den Namen so,
     wie er hier nach dem Anlegen angezeigt wird.
 </p>
-{% if error %}<p><b>{{ error }}</b></p>{% endif %}
+{% if error %}<p class="error">{{ error }}</p>{% endif %}
 <form method="post" action="{% url 'suff:name' %}">
     {% csrf_token %}
     <label>
-        Name:
-        <input type="text" name="name" autofocus required />
+        Name
+        <input type="text" name="name" autofocus required autocomplete="off" />
     </label>
     <button type="submit">Weiter</button>
 </form>