oikos-web: extract the client stack from dtoro/oikos

Phase 1 of the hexagonal-architecture plan (dtoro/oikos
plans/2026-08-15-hexagonal-architecture.md). Moves the delivery stack
for the control-room UI into its own repo with its own pipeline:

- web/ — Svelte 5 SPA, verbatim (vendor/ included)
- desktop/ — Wails v3 wrapper, updateURL repointed to
  dtoro/oikos-web releases
- compose/ — Dockerfile + Caddyfile, verbatim (the /wails/* 404 and
  asset no-fallback quirks are load-bearing)
- docker-compose.yml — single web service, same 8091:80 publish,
  mem/cpu limits, and restart policy as the oikos stack's web service
- scripts/deploy.sh — mirrors oikos deploy essentials: CI-green gate,
  TOCTOU guard, version-tagged oikos-web:v$VERSION, prune to 3
- cmd/webhook + scripts/install-webhook.sh — standalone push-to-deploy
  receiver on :9798 (env-only secrets, no Infisical dependency)
- CI: the web job from oikos's ci.yml + the desktop build/release
  workflow, path-adjusted

Own VERSION (0.33.0) with the same bump-on-main rule; starts above
oikos's 0.32.x so the desktop updater sees an upgrade.

web/vendor/examples/example.css

@@ -0,0 +1,90 @@
+:root {
+  color-scheme: dark;
+  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
+  background: #050505;
+  color: #f2f1ee;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  min-height: 100vh;
+  margin: 0;
+  display: grid;
+  place-items: center;
+  background:
+    linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px),
+    #050505;
+  background-size: 24px 24px;
+}
+
+main {
+  width: min(680px, calc(100% - 32px));
+  padding: 32px;
+  border: 1px solid #2b2b2d;
+  border-radius: 14px;
+  background: #0b0b0c;
+}
+
+h1 {
+  margin: 0;
+  font-size: clamp(2rem, 7vw, 4rem);
+  font-weight: 300;
+  letter-spacing: -0.055em;
+}
+
+p {
+  max-width: 52ch;
+  color: #9b9b9f;
+  line-height: 1.65;
+}
+
+.glyph-stage {
+  min-height: 320px;
+  margin-top: 28px;
+  display: grid;
+  place-items: center;
+  border: 1px solid #232426;
+  border-radius: 10px;
+  background: #070708;
+}
+
+canvas,
+joan-glyph {
+  width: 220px;
+  height: 220px;
+  display: block;
+}
+
+.actions {
+  margin-top: 16px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+button {
+  min-height: 42px;
+  padding: 0 14px;
+  border: 1px solid #35373a;
+  border-radius: 7px;
+  background: #0f1011;
+  color: #e8e8e4;
+  font: 600 0.72rem ui-monospace, SFMono-Regular, Menlo, monospace;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+}
+
+button:hover,
+button:focus-visible {
+  border-color: #f2f1ee;
+  outline: 0;
+}
+
+[role="status"] {
+  min-height: 1.4em;
+  font: 0.78rem ui-monospace, SFMono-Regular, Menlo, monospace;
+}