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

suff.md

@@ -40,9 +40,25 @@ Self-service drink tab for festival attendees. Lives at `/suff/`. Plain Django,
 - `gaehsnitz/admin.py` — `SetPinForm` + `set_pin_view`
 - `gaehsnitz/templates/suff/{base,name,pin,no_pin,me}.html`
 - `gaehsnitz/templates/admin/gaehsnitz/user/set_pin.html`
+- `gaehsnitz/static/suff/{style.css,favicon.svg}`
 - `gaehsnitz/migrations/0003_consumption_created_at_user_pin.py`
 - Edits: `gaehsnitzproject/settings.py`, `gaehsnitzproject/urls.py`, `gaehsnitz/models.py`
 
-## Next step
+## Frontend
 
-Mobile-first styling. Currently zero CSS. Big tap targets for drink buttons, sticky/large running total, dark-mode friendly for outdoor evening use. Visual feedback after booking, day-grouped history, friendlier empty state, bigger PIN input. Decide whether `/suff/` integrates into the GOA site header or stays a separate microsite.
+Mobile-first styled. Dark theme matching GOA palette (`#161616` bg, `#EE9933`/`#FFCC77` amber accents, `#885522` brown borders). Standalone microsite — no nav to main GOA page.
+
+- Landing/login: GOA subhead + big "Suff" wordmark, `name` and `pin` forms with stacked label/input, large tap targets
+- `me` page: 2-col drink button grid (4:3 aspect), stacked +1 / name / price; bordered total box; day-grouped history with zebra rows; emoji empty-state
+- Booking confirmation: amber toast, 5s display, then 800ms collapse animation (pure CSS, no JS)
+- `:active` scale(0.96) feedback on buttons + link-buttons
+- `no_pin.html` link-buttons styled (primary + secondary)
+- SVG favicon (🍺)
+
+## Further ideas
+
+- Color-code drink buttons (per-drink accent border or bg — Bier amber, Wasser blue, etc.) for fast visual recognition in dim light
+- Drink icons/emoji per type
+- Style phase pages (`before` / `closed` if non-404)
+- PWA manifest for add-to-homescreen
+- Donation/free-drink flow if needed (currently admin-only via `for_free`)