Admin: eigenen Einladungslink festlegen

Statt des zufälligen Links kann der Admin einen sprechenden Link wählen
(z. B. /z/sommerfest2026, mind. 6 Zeichen: A–Z, a–z, 0–9, - und _).
Alte Zugänge werden dabei ungültig; der QR-Code passt sich an.

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

server/app/static/admin.html

@@ -108,8 +108,16 @@
           <button id="link-kopieren" class="gross" type="button">Link kopieren</button>
           <a id="qr-png" class="gross" href="/admin/api/access/qr?format=png" download>QR als Bild</a>
         </div>
-        <button id="link-erneuern" class="gross voll" type="button">Neuen Link erzeugen</button>
-        <p class="hinweis klein">Ein neuer Link macht den alten und alle damit erteilten Zugänge ungültig.</p>
+        <button id="link-erneuern" class="gross voll" type="button">Neuen Link erzeugen (zufällig)</button>
+        <label class="name-zeile">
+          <span>Eigener Link: <span id="link-basis"></span>…</span>
+          <input id="link-eigen" type="text" maxlength="64" autocomplete="off" autocapitalize="off" spellcheck="false"
+                 placeholder="z. B. sommerfest2026" pattern="[A-Za-z0-9_\-]{6,64}">
+        </label>
+        <button id="link-festlegen" class="gross voll" type="button">Eigenen Link übernehmen</button>
+        <p class="hinweis klein">Ein geänderter Link macht den alten und alle damit erteilten Zugänge ungültig.
+          Eigener Link: mindestens 6 Zeichen, nur Buchstaben, Ziffern, - und _; Groß-/Kleinschreibung zählt.
+          Je kürzer und gebräuchlicher, desto leichter zu erraten – für eine Party ist z. B. „sommerfest2026“ in Ordnung.</p>
       </div>
 
       <div class="karte">