homepage: app-card art, zealot-first order, common uncensored warning, admin identity gate

- Every app card carries hex-clipped art: 19 amber-tinted brand marks
  from the Simple Icons CDN plus 19 improvised monogram SVGs, wired via
  a per-service "art" field; homepage_config.bats pins art presence for
  all 32 apps.
- Model cards render zealot -> dragoon -> archon (registry order pinned
  in the seam).
- Dragoon and zealot share one common uncensored legal warning (adult
  content, harmful/hateful/illegal descriptions, sensitive offensive
  cybersecurity topics, severe legal risk, "don't ruin this server for
  everybody"), hover label on card and docs.
- Archon gets a bordered red permission callout: ask Frank before use.
- SearXNG obfuscation-not-anonymity note moved to a card-level hover
  warning (.svc-warn) and a docs hover note.
- Gitea: self-service signup flow; no need to ask Frank.
- Footer docs/admin/account-settings become glowing bordered buttons;
  the admin button is shown only to homepage-admins members via a new
  Caddy /whoami endpoint echoing the outpost-injected X-Authentik-*
  headers (spoof-proof; the /admin* 403 stays the real gate). e2e pins
  both sides.
- Docs naming swept: Protoss names primary, bracketed api ids, explicit
  note that a future switchover renames the ids themselves.

shared/homepage/style.css

@@ -71,7 +71,19 @@ body::before {
 }
 
 .panel { border: 1px solid var(--border); background: var(--panel); padding: 12px 14px; border-radius: 2px; }
-.panel-head { display: flex; justify-content: space-between; align-items: center; }
+.panel-head { display: flex; align-items: center; gap: 8px; }
+.panel-head .name { flex: 1; }
+.app-art {
+  width: 40px;
+  height: 40px;
+  flex: 0 0 auto;
+  object-fit: contain;
+  padding: 4px;
+  clip-path: polygon(25% 3%, 75% 3%, 100% 50%, 75% 97%, 25% 97%, 0% 50%);
+  border: 1px solid var(--dim);
+  background: color-mix(in srgb, var(--fg) 8%, transparent);
+  filter: saturate(0.85) brightness(0.95);
+}
 .name { color: var(--head); }
 .badge { border: 1px solid currentColor; padding: 0 6px; border-radius: 2px; font-size: 12px; }
 .badge.up { color: var(--fg); }
@@ -96,6 +108,19 @@ body::before {
   justify-content: space-between;
 }
 .foot a { color: var(--link); text-decoration: none; }
+.foot-links { display: flex; gap: 10px; flex-wrap: wrap; }
+.foot-btn {
+  border: 1px solid var(--link);
+  padding: 2px 14px;
+  border-radius: 2px;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+  text-shadow: 0 0 6px color-mix(in srgb, var(--link) 55%, transparent);
+}
+.foot-btn:hover {
+  background: color-mix(in srgb, var(--link) 16%, transparent);
+  box-shadow: 0 0 10px color-mix(in srgb, var(--link) 45%, transparent);
+}
 
 /* The user docs page (static prose). */
 .docs { max-width: 780px; }
@@ -107,6 +132,8 @@ body::before {
 .docs pre code { color: var(--fg); }
 .docs img { display: block; max-width: 100%; border: 1px solid var(--border); border-radius: 2px; margin: 10px 0; }
 .docs .key-warn { color: var(--down); }
+.docs [title].key-warn { cursor: help;
+  text-decoration: underline dotted color-mix(in srgb, var(--down) 60%, transparent); }
 .docs .foot-note { color: var(--dim); }
 html[data-bare="1"] .docs h1, html[data-bare="1"] .docs h2 { color: #000; border-color: #000; }
 html[data-bare="1"] .docs a, html[data-bare="1"] .docs code { color: #000; }
@@ -123,6 +150,7 @@ html[data-bare="1"] .badge, html[data-bare="1"] .name, html[data-bare="1"] .desc
 html[data-bare="1"] .desc-role, html[data-bare="1"] .desc-spec, html[data-bare="1"] .desc-inputs, html[data-bare="1"] .desc-use, html[data-bare="1"] .desc-equiv { color: #000; font-weight: normal; }
 html[data-bare="1"] .section-title { border-color: #000; }
 html[data-bare="1"] .links a, html[data-bare="1"] .toggle, html[data-bare="1"] .foot a { color: #000; }
+html[data-bare="1"] .foot-btn { border-color: #000; text-shadow: none; }
 
 /* Model Information: one fused panel for the fleet models. Informational
    panels, so the type is smaller than the app panels; each model wears its
@@ -191,6 +219,16 @@ html[data-bare="1"] .links a, html[data-bare="1"] .toggle, html[data-bare="1"] .
 .mi-super { color: var(--link); margin-top: 6px; }
 .mi-warn { color: var(--down); margin-top: 4px; cursor: help;
   text-decoration: underline dotted color-mix(in srgb, var(--down) 60%, transparent); }
+.mi-perm {
+  margin-top: 8px;
+  padding: 6px 8px;
+  border: 1px solid var(--down);
+  color: var(--down);
+  font-weight: bold;
+  text-shadow: 0 0 6px color-mix(in srgb, var(--down) 45%, transparent);
+}
+.svc-warn { color: var(--down); margin-top: 6px; cursor: help;
+  text-decoration: underline dotted color-mix(in srgb, var(--down) 60%, transparent); }
 
 /* Bare mode strips the model component to plain prose too. */
 html[data-bare="1"] .mi-card { border-color: #000; box-shadow: none; background: none; }
@@ -200,3 +238,6 @@ html[data-bare="1"] .mi-voice { color: #000; text-decoration: underline; }
 html[data-bare="1"] .mi-role, html[data-bare="1"] .mi-spec, html[data-bare="1"] .mi-use,
 html[data-bare="1"] .mi-inputs, html[data-bare="1"] .mi-equiv, html[data-bare="1"] .mi-super,
 html[data-bare="1"] .mi-warn { color: #000; }
+html[data-bare="1"] .app-art { display: none; }
+html[data-bare="1"] .svc-warn, html[data-bare="1"] .mi-perm { color: #000; border: none; text-shadow: none; padding: 0; }
+html[data-bare="1"] .mi-perm { border: 1px solid #000; }