deploy(hf): sync szl-holdings/a11oy@a8494fc4d40d0918d33d72e64739eedbd4c33803 derived COPY set

Reusable Dockerfile-COPY-derived deploy from szl-holdings/a11oy a8494fc4d40d0918d33d72e64739eedbd4c33803.
Files: 1326 Pruned: 0
Derived from Dockerfile COPY sources (NO hand-maintained allowlist).

Signed-off-by: SZL Holdings <noreply@szlholdings.ai>
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

console/assets/szl-holo-v2.css

@@ -0,0 +1,720 @@
+/*
+ * A11oy Holo-Constellation v2.0.0
+ * SZL-original visual material and interaction system.
+ * No external assets, tracking, storage, network fetches, or copied design code.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+:root {
+  --szl-holo-bg: #050806;
+  --szl-holo-bg-deep: #020403;
+  --szl-holo-surface: #0c1513;
+  --szl-holo-surface-2: #14201d;
+  --szl-holo-ink: #f3fff8;
+  --szl-holo-muted: #9fb7ad;
+  --szl-holo-accent: #b8ff45;
+  --szl-holo-accent-2: #31e6d1;
+  --szl-holo-danger: #ff625b;
+  --szl-holo-warning: #e2bb6d;
+  --szl-holo-success: #76d8aa;
+  --szl-holo-line: color-mix(in srgb, var(--szl-holo-accent) 20%, transparent);
+  --szl-holo-line-soft: color-mix(in srgb, var(--szl-holo-ink) 10%, transparent);
+  --szl-holo-glow: color-mix(in srgb, var(--szl-holo-accent) 16%, transparent);
+  --szl-holo-glow-2: color-mix(in srgb, var(--szl-holo-accent-2) 12%, transparent);
+  --szl-holo-shadow: 0 24px 84px rgb(0 0 0 / 0.42);
+  --szl-holo-radius-sm: 10px;
+  --szl-holo-radius-md: 18px;
+  --szl-holo-radius-lg: 30px;
+  --szl-holo-radius-xl: 44px;
+  --szl-holo-space-1: clamp(.45rem, .35rem + .3vw, .7rem);
+  --szl-holo-space-2: clamp(.8rem, .65rem + .5vw, 1.2rem);
+  --szl-holo-space-3: clamp(1.2rem, .95rem + .8vw, 1.9rem);
+  --szl-holo-space-4: clamp(1.8rem, 1.25rem + 1.7vw, 3.4rem);
+  --szl-holo-space-5: clamp(2.8rem, 2rem + 3vw, 6rem);
+  --szl-holo-pointer-x: 50%;
+  --szl-holo-pointer-y: 22%;
+  --szl-holo-scroll: 0;
+  --szl-holo-tilt-x: 0deg;
+  --szl-holo-tilt-y: 0deg;
+  --szl-holo-rail-height: 58px;
+  --szl-holo-z-ambient: -2;
+  --szl-holo-z-rail: 2147483000;
+  color-scheme: dark;
+  accent-color: var(--szl-holo-accent);
+}
+
+html[data-szl-holo="v2"] {
+  min-height: 100%;
+  overflow-x: clip;
+  background: var(--szl-holo-bg-deep);
+  scrollbar-color: color-mix(in srgb, var(--szl-holo-accent) 42%, transparent) var(--szl-holo-bg-deep);
+  scroll-padding-top: calc(var(--szl-holo-rail-height) + 18px);
+}
+
+html[data-szl-holo="v2"] body {
+  min-height: 100%;
+  overflow-x: clip;
+  color: var(--szl-holo-ink);
+  background: transparent;
+}
+
+html[data-szl-holo="v2"] body::before {
+  position: fixed;
+  inset: 0;
+  z-index: calc(var(--szl-holo-z-ambient) - 1);
+  pointer-events: none;
+  content: "";
+  background:
+    radial-gradient(circle at var(--szl-holo-pointer-x) var(--szl-holo-pointer-y), var(--szl-holo-glow), transparent 24rem),
+    radial-gradient(circle at 90% 8%, var(--szl-holo-glow-2), transparent 30rem),
+    linear-gradient(158deg, var(--szl-holo-bg), color-mix(in srgb, var(--szl-holo-bg) 84%, var(--szl-holo-surface)) 58%, var(--szl-holo-bg-deep));
+}
+
+/* Lightweight optical texture. It is decorative and does not represent telemetry. */
+html[data-szl-holo="v2"] body::after {
+  position: fixed;
+  inset: 0;
+  z-index: calc(var(--szl-holo-z-ambient) - 1);
+  pointer-events: none;
+  content: "";
+  opacity: .14;
+  background-image:
+    repeating-linear-gradient(0deg, transparent 0 3px, rgb(255 255 255 / .018) 4px),
+    repeating-linear-gradient(90deg, transparent 0 5px, rgb(255 255 255 / .012) 6px);
+  mix-blend-mode: soft-light;
+}
+
+#szl-holo-ambient {
+  position: fixed;
+  inset: 0;
+  z-index: var(--szl-holo-z-ambient);
+  overflow: hidden;
+  pointer-events: none;
+  contain: strict;
+  opacity: .82;
+}
+
+#szl-holo-ambient::before,
+#szl-holo-ambient::after {
+  position: absolute;
+  inset: -18%;
+  content: "";
+  transform-origin: center;
+  will-change: transform;
+}
+
+/* Command constellation: orbital paths over a tactical field. */
+html[data-szl-holo-motif="command-constellation"] #szl-holo-ambient::before {
+  background:
+    radial-gradient(circle at center, var(--szl-holo-accent) 0 1.5px, transparent 2.5px),
+    linear-gradient(var(--szl-holo-line) 1px, transparent 1px),
+    linear-gradient(90deg, var(--szl-holo-line) 1px, transparent 1px);
+  background-size: 112px 112px, 56px 56px, 56px 56px;
+  mask-image: radial-gradient(ellipse at 63% 29%, #000 0 18%, transparent 70%);
+  transform: perspective(720px) rotateX(58deg) translate3d(0, 22%, 0) scale(1.12);
+}
+
+html[data-szl-holo-motif="command-constellation"] #szl-holo-ambient::after {
+  inset: 4% -10% -28% 34%;
+  border: 1px solid var(--szl-holo-line);
+  border-radius: 50%;
+  background:
+    repeating-radial-gradient(ellipse, transparent 0 74px, var(--szl-holo-line) 75px 76px),
+    conic-gradient(from 218deg, transparent 0 72%, var(--szl-holo-glow) 74% 75.5%, transparent 77%);
+  transform: rotate(-9deg) scaleY(.58);
+  animation: szl-holo-orbit 38s linear infinite;
+}
+
+/* Observability: living signals and anomaly ribbons. */
+html[data-szl-holo-motif="signal-aurora"] #szl-holo-ambient::before {
+  inset: -46% -15%;
+  border-radius: 50%;
+  background: conic-gradient(from 76deg, transparent, var(--szl-holo-glow), transparent 25%, color-mix(in srgb, var(--szl-holo-accent-2) 18%, transparent), transparent 62%);
+  filter: blur(44px) saturate(125%);
+  animation: szl-holo-aurora 22s ease-in-out infinite alternate;
+}
+
+html[data-szl-holo-motif="signal-aurora"] #szl-holo-ambient::after {
+  background:
+    repeating-linear-gradient(90deg, transparent 0 43px, var(--szl-holo-line) 44px, transparent 45px 82px),
+    linear-gradient(170deg, transparent 38%, var(--szl-holo-glow-2) 39% 40%, transparent 41% 58%, var(--szl-holo-glow) 59% 60%, transparent 61%);
+  mask-image: linear-gradient(transparent, #000 28% 78%, transparent 92%);
+  transform: skewY(-7deg) translateY(calc(var(--szl-holo-scroll) * -2px));
+}
+
+/* Maritime: bathymetry, route wake, and radar. */
+html[data-szl-holo-motif="bathymetric-radar"] #szl-holo-ambient::before {
+  inset: 5% auto auto 52%;
+  width: min(78vw, 980px);
+  aspect-ratio: 1;
+  border: 1px solid var(--szl-holo-line);
+  border-radius: 50%;
+  background:
+    repeating-radial-gradient(circle, transparent 0 59px, var(--szl-holo-line) 60px 61px),
+    conic-gradient(from 12deg, color-mix(in srgb, var(--szl-holo-accent) 22%, transparent), transparent 16%);
+  animation: szl-holo-radar 18s linear infinite;
+}
+
+html[data-szl-holo-motif="bathymetric-radar"] #szl-holo-ambient::after {
+  background: repeating-radial-gradient(ellipse at 18% 82%, transparent 0 30px, var(--szl-holo-line) 31px 32px);
+  transform: rotate(-8deg) scale(1.28);
+  opacity: .34;
+}
+
+/* Real estate: topography and parcel geometry. */
+html[data-szl-holo-motif="topographic-parcels"] #szl-holo-ambient::before {
+  background:
+    repeating-radial-gradient(ellipse at 18% 58%, transparent 0 31px, var(--szl-holo-line) 32px 33px),
+    repeating-radial-gradient(ellipse at 84% 34%, transparent 0 49px, color-mix(in srgb, var(--szl-holo-accent-2) 18%, transparent) 50px 51px);
+  transform: rotate(-7deg) scale(1.18) translateY(calc(var(--szl-holo-scroll) * -1px));
+}
+
+html[data-szl-holo-motif="topographic-parcels"] #szl-holo-ambient::after {
+  background-image:
+    linear-gradient(28deg, transparent 48%, var(--szl-holo-line) 49% 50%, transparent 51%),
+    linear-gradient(118deg, transparent 48%, var(--szl-holo-line) 49% 50%, transparent 51%);
+  background-size: 180px 110px;
+  opacity: .26;
+}
+
+/* Security: threat lattice and shield lock. */
+html[data-szl-holo-motif="threat-lattice"] #szl-holo-ambient::before {
+  background:
+    linear-gradient(32deg, transparent 47%, var(--szl-holo-line) 48% 49%, transparent 50%),
+    linear-gradient(148deg, transparent 47%, color-mix(in srgb, var(--szl-holo-accent-2) 18%, transparent) 48% 49%, transparent 50%);
+  background-size: 84px 84px;
+  transform: skewX(-8deg) scale(1.12);
+  mask-image: radial-gradient(circle at 72% 28%, #000, transparent 62%);
+}
+
+html[data-szl-holo-motif="threat-lattice"] #szl-holo-ambient::after {
+  inset: 16% 6% auto auto;
+  width: clamp(150px, 22vw, 320px);
+  aspect-ratio: 1;
+  border: 1px solid var(--szl-holo-accent);
+  clip-path: polygon(50% 0, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
+  box-shadow: inset 0 0 70px var(--szl-holo-glow), 0 0 90px var(--szl-holo-glow);
+  opacity: .34;
+  animation: szl-holo-breathe 4.8s ease-in-out infinite alternate;
+}
+
+/* Legal: case facets and deadline lanes. */
+html[data-szl-holo-motif="case-facets"] #szl-holo-ambient::before {
+  background:
+    repeating-linear-gradient(0deg, transparent 0 51px, var(--szl-holo-line) 52px),
+    repeating-linear-gradient(90deg, transparent 0 219px, color-mix(in srgb, var(--szl-holo-accent-2) 17%, transparent) 220px 221px);
+  transform: rotate(-2deg);
+  mask-image: linear-gradient(90deg, transparent 2%, #000 20% 91%, transparent);
+}
+
+html[data-szl-holo-motif="case-facets"] #szl-holo-ambient::after {
+  background-image: radial-gradient(circle, var(--szl-holo-accent) 0 3px, transparent 4px);
+  background-size: 220px 52px;
+  opacity: .22;
+}
+
+/* Advisory: editorial orbits. */
+html[data-szl-holo-motif="editorial-orbit"] #szl-holo-ambient::before {
+  inset: -20% auto auto 44%;
+  width: min(82vw, 1040px);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  background: repeating-radial-gradient(circle, transparent 0 74px, var(--szl-holo-line) 75px 76px);
+  transform: rotate(12deg) scaleY(.55);
+}
+
+html[data-szl-holo-motif="editorial-orbit"] #szl-holo-ambient::after {
+  background: linear-gradient(115deg, transparent 38%, var(--szl-holo-glow) 39% 41%, transparent 42% 62%, var(--szl-holo-glow-2) 63% 64%, transparent 65%);
+}
+
+/* Integration: connected node field. */
+html[data-szl-holo-motif="connection-field"] #szl-holo-ambient::before {
+  background:
+    radial-gradient(circle, var(--szl-holo-accent) 0 2px, transparent 3px),
+    linear-gradient(30deg, transparent 49%, var(--szl-holo-line) 50%, transparent 51%),
+    linear-gradient(150deg, transparent 49%, var(--szl-holo-line) 50%, transparent 51%);
+  background-size: 96px 96px;
+  mask-image: radial-gradient(circle at 55% 40%, #000, transparent 72%);
+  transform: translate3d(calc(var(--szl-holo-scroll) * .4px), calc(var(--szl-holo-scroll) * -.25px), 0);
+}
+
+/* Factory: build lanes and artifact promotion. */
+html[data-szl-holo-motif="assembly-circuit"] #szl-holo-ambient::before {
+  background:
+    radial-gradient(circle, var(--szl-holo-accent) 0 2px, transparent 3px),
+    linear-gradient(90deg, var(--szl-holo-line) 1px, transparent 1px),
+    linear-gradient(var(--szl-holo-line) 1px, transparent 1px);
+  background-size: 72px 72px;
+  clip-path: polygon(0 8%, 76% 8%, 76% 28%, 100% 28%, 100% 92%, 22% 92%, 22% 69%, 0 69%);
+  opacity: .42;
+}
+
+html[data-szl-holo-motif="assembly-circuit"] #szl-holo-ambient::after {
+  inset: 30% 12% auto auto;
+  width: clamp(180px, 22vw, 360px);
+  height: clamp(100px, 13vw, 210px);
+  border: 1px solid var(--szl-holo-line);
+  border-radius: var(--szl-holo-radius-lg);
+  box-shadow: inset 0 0 55px var(--szl-holo-glow), 0 0 55px var(--szl-holo-glow);
+}
+
+/* Research: recursive computational rings. */
+html[data-szl-holo-motif="recursive-ring"] #szl-holo-ambient::before {
+  inset: -24% -12%;
+  border-radius: 50%;
+  background: repeating-conic-gradient(from 0deg, var(--szl-holo-line) 0 1deg, transparent 1deg 13deg);
+  mask-image: repeating-radial-gradient(circle, #000 0 1px, transparent 2px 54px);
+  animation: szl-holo-recurse 42s linear infinite;
+}
+
+html[data-szl-holo-motif="recursive-ring"] #szl-holo-ambient::after {
+  inset: 18% auto auto 58%;
+  width: min(38vw, 460px);
+  aspect-ratio: 1;
+  border: 1px solid var(--szl-holo-accent);
+  border-radius: 50%;
+  box-shadow: inset 0 0 90px var(--szl-holo-glow), 0 0 90px var(--szl-holo-glow);
+  opacity: .38;
+}
+
+/* KHIPU: woven evidence traces. */
+html[data-szl-holo-motif="woven-proof"] #szl-holo-ambient::before {
+  background:
+    repeating-linear-gradient(28deg, transparent 0 25px, var(--szl-holo-line) 26px 27px),
+    repeating-linear-gradient(-28deg, transparent 0 31px, var(--szl-holo-glow-2) 32px 33px);
+  transform: scale(1.08);
+}
+
+html[data-szl-holo-motif="woven-proof"] #szl-holo-ambient::after {
+  background-image: radial-gradient(circle, var(--szl-holo-accent) 0 2px, transparent 3px);
+  background-size: 128px 96px;
+  opacity: .23;
+}
+
+/* Agents: governed swarm converging on a decision. */
+html[data-szl-holo-motif="agent-swarm"] #szl-holo-ambient::before {
+  background-image:
+    radial-gradient(circle at center, var(--szl-holo-accent) 0 2px, transparent 3px),
+    radial-gradient(circle at center, var(--szl-holo-accent-2) 0 1px, transparent 2px);
+  background-position: 0 0, 31px 27px;
+  background-size: 72px 68px, 89px 83px;
+  mask-image: radial-gradient(circle at 60% 42%, #000, transparent 68%);
+  animation: szl-holo-swarm 24s ease-in-out infinite alternate;
+}
+
+html[data-szl-holo-motif="agent-swarm"] #szl-holo-ambient::after {
+  background:
+    linear-gradient(25deg, transparent 49.6%, var(--szl-holo-line) 50%, transparent 50.4%),
+    linear-gradient(155deg, transparent 49.6%, var(--szl-holo-line) 50%, transparent 50.4%);
+  background-size: 140px 90px;
+  opacity: .2;
+}
+
+/* Proof: restrained evidence-vault geometry. */
+html[data-szl-holo-motif="evidence-vault"] #szl-holo-ambient::before {
+  background:
+    repeating-linear-gradient(0deg, transparent 0 35px, var(--szl-holo-line-soft) 36px),
+    linear-gradient(90deg, transparent 0 13%, var(--szl-holo-line) 13.1%, transparent 13.3% 76%, var(--szl-holo-line) 76.1%, transparent 76.3%);
+  mask-image: linear-gradient(90deg, transparent, #000 14% 86%, transparent);
+}
+
+html[data-szl-holo-motif="evidence-vault"] #szl-holo-ambient::after {
+  background-image: radial-gradient(circle, var(--szl-holo-accent) 0 2px, transparent 3px);
+  background-size: 144px 72px;
+  opacity: .18;
+}
+
+/* Shared top rail. */
+.szl-holo-rail {
+  position: sticky;
+  top: 0;
+  z-index: var(--szl-holo-z-rail);
+  min-height: var(--szl-holo-rail-height);
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: center;
+  gap: var(--szl-holo-space-2);
+  padding: 8px max(12px, env(safe-area-inset-left)) 8px max(12px, env(safe-area-inset-right));
+  border-bottom: 1px solid var(--szl-holo-line);
+  color: var(--szl-holo-ink);
+  background: color-mix(in srgb, var(--szl-holo-bg) 86%, transparent);
+  box-shadow: 0 14px 44px rgb(0 0 0 / .24);
+  backdrop-filter: blur(20px) saturate(135%);
+  -webkit-backdrop-filter: blur(20px) saturate(135%);
+  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+}
+
+.szl-holo-rail *,
+.szl-holo-rail *::before,
+.szl-holo-rail *::after { box-sizing: border-box; }
+
+.szl-holo-identity {
+  min-width: 0;
+  min-height: 44px;
+  display: inline-flex;
+  align-items: center;
+  gap: 11px;
+  color: inherit;
+  text-decoration: none;
+}
+
+.szl-holo-mark {
+  position: relative;
+  width: 28px;
+  height: 28px;
+  flex: 0 0 auto;
+  border: 1px solid color-mix(in srgb, var(--szl-holo-accent) 62%, white 10%);
+  border-radius: 9px;
+  background:
+    radial-gradient(circle at 26% 24%, var(--szl-holo-accent), transparent 34%),
+    linear-gradient(145deg, color-mix(in srgb, var(--szl-holo-accent-2) 72%, transparent), transparent 72%);
+  box-shadow: 0 0 28px var(--szl-holo-glow);
+  transform: rotate(8deg);
+}
+
+.szl-holo-mark::after {
+  position: absolute;
+  inset: 5px;
+  border: 1px solid color-mix(in srgb, var(--szl-holo-ink) 36%, transparent);
+  border-radius: 5px;
+  content: "";
+  transform: rotate(-18deg);
+}
+
+.szl-holo-copy {
+  min-width: 0;
+  display: grid;
+  gap: 1px;
+}
+
+.szl-holo-eyebrow {
+  overflow: hidden;
+  color: var(--szl-holo-muted);
+  font-size: 9px;
+  font-weight: 700;
+  letter-spacing: .19em;
+  text-overflow: ellipsis;
+  text-transform: uppercase;
+  white-space: nowrap;
+}
+
+.szl-holo-label {
+  overflow: hidden;
+  font-size: 13px;
+  font-weight: 760;
+  letter-spacing: -.01em;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.szl-holo-nav {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.szl-holo-link,
+.szl-holo-menu {
+  min-width: 44px;
+  min-height: 44px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 8px 11px;
+  border: 1px solid transparent;
+  border-radius: 999px;
+  color: var(--szl-holo-muted);
+  background: transparent;
+  font: 660 11px/1.2 Inter, ui-sans-serif, system-ui, sans-serif;
+  letter-spacing: .045em;
+  text-decoration: none;
+  cursor: pointer;
+  touch-action: manipulation;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.szl-holo-link:hover,
+.szl-holo-link:focus-visible,
+.szl-holo-link[aria-current="page"],
+.szl-holo-menu:hover,
+.szl-holo-menu:focus-visible {
+  border-color: color-mix(in srgb, var(--szl-holo-accent) 38%, transparent);
+  color: var(--szl-holo-ink);
+  background: color-mix(in srgb, var(--szl-holo-accent) 9%, transparent);
+  outline: none;
+}
+
+.szl-holo-menu { display: none; }
+
+/* Reusable opt-in materials. */
+.szl-holo-panel,
+[data-szl-holo-panel] {
+  position: relative;
+  overflow: hidden;
+  border: 1px solid var(--szl-holo-line-soft);
+  border-radius: var(--szl-holo-radius-md);
+  background:
+    linear-gradient(145deg, color-mix(in srgb, var(--szl-holo-surface-2) 60%, transparent), transparent 44%),
+    color-mix(in srgb, var(--szl-holo-surface) 86%, transparent);
+  box-shadow: var(--szl-holo-shadow);
+  backdrop-filter: blur(18px) saturate(125%);
+  -webkit-backdrop-filter: blur(18px) saturate(125%);
+  transform-style: preserve-3d;
+}
+
+.szl-holo-panel::before,
+[data-szl-holo-panel]::before {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  content: "";
+  background: radial-gradient(circle at var(--szl-holo-pointer-x) var(--szl-holo-pointer-y), color-mix(in srgb, var(--szl-holo-accent) 13%, transparent), transparent 22rem);
+  opacity: .65;
+}
+
+.szl-holo-panel::after,
+[data-szl-holo-panel]::after {
+  position: absolute;
+  inset: -1px;
+  pointer-events: none;
+  content: "";
+  border-radius: inherit;
+  background: linear-gradient(118deg, transparent 12%, color-mix(in srgb, var(--szl-holo-ink) 9%, transparent) 38%, transparent 62%);
+  transform: translateX(-110%);
+  animation: szl-holo-specular 11s ease-in-out infinite;
+}
+
+.szl-holo-kicker,
+[data-szl-holo-kicker] {
+  color: var(--szl-holo-accent);
+  font-size: .72rem;
+  font-weight: 780;
+  letter-spacing: .18em;
+  text-transform: uppercase;
+}
+
+.szl-holo-title,
+[data-szl-holo-title] {
+  color: var(--szl-holo-ink);
+  background: linear-gradient(112deg, var(--szl-holo-ink), var(--szl-holo-accent) 58%, var(--szl-holo-accent-2));
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  text-wrap: balance;
+}
+
+.szl-holo-muted { color: var(--szl-holo-muted); }
+.szl-holo-rule { border-color: var(--szl-holo-line); }
+
+.szl-holo-chip {
+  min-height: 32px;
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  padding: 5px 10px;
+  border: 1px solid var(--szl-holo-line-soft);
+  border-radius: 999px;
+  color: var(--szl-holo-muted);
+  background: color-mix(in srgb, var(--szl-holo-surface) 78%, transparent);
+  font: 650 11px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+}
+
+.szl-holo-chip::before {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: var(--szl-holo-accent);
+  box-shadow: 0 0 14px var(--szl-holo-accent);
+  content: "";
+}
+
+.szl-holo-evidence-ribbon {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  align-items: center;
+  gap: var(--szl-holo-space-2);
+  padding: 10px 12px;
+  border-block: 1px solid var(--szl-holo-line-soft);
+  color: var(--szl-holo-muted);
+  font: 600 11px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+}
+
+.szl-holo-evidence-ribbon strong { color: var(--szl-holo-ink); }
+
+.szl-holo-progress {
+  position: fixed;
+  inset: 0 auto auto 0;
+  z-index: calc(var(--szl-holo-z-rail) + 1);
+  width: calc(var(--szl-holo-scroll) * 1%);
+  height: 2px;
+  pointer-events: none;
+  background: linear-gradient(90deg, var(--szl-holo-accent), var(--szl-holo-accent-2));
+  box-shadow: 0 0 18px var(--szl-holo-glow);
+}
+
+.szl-holo-skip {
+  position: fixed;
+  top: 8px;
+  left: 8px;
+  z-index: calc(var(--szl-holo-z-rail) + 3);
+  padding: 11px 14px;
+  border: 2px solid var(--szl-holo-accent);
+  border-radius: var(--szl-holo-radius-sm);
+  color: var(--szl-holo-bg);
+  background: var(--szl-holo-accent);
+  font: 760 14px/1.2 ui-sans-serif, system-ui, sans-serif;
+  text-decoration: none;
+  transform: translateY(-160%);
+  transition: transform .16s ease;
+}
+
+.szl-holo-skip:focus { transform: translateY(0); }
+
+html[data-szl-holo="v2"] :where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
+  outline: 2px solid var(--szl-holo-accent) !important;
+  outline-offset: 3px !important;
+}
+
+@keyframes szl-holo-orbit {
+  to { transform: rotate(351deg) scaleY(.58); }
+}
+
+@keyframes szl-holo-aurora {
+  from { transform: translate3d(-5%, -3%, 0) rotate(-8deg) scale(1); }
+  to { transform: translate3d(7%, 6%, 0) rotate(11deg) scale(1.08); }
+}
+
+@keyframes szl-holo-radar {
+  to { transform: rotate(360deg); }
+}
+
+@keyframes szl-holo-recurse {
+  to { transform: rotate(-360deg); }
+}
+
+@keyframes szl-holo-swarm {
+  from { transform: translate3d(-1.5%, -1%, 0) scale(1); }
+  to { transform: translate3d(1.5%, 1%, 0) scale(1.04); }
+}
+
+@keyframes szl-holo-breathe {
+  from { opacity: .22; transform: scale(.96); }
+  to { opacity: .42; transform: scale(1.03); }
+}
+
+@keyframes szl-holo-specular {
+  0%, 68%, 100% { transform: translateX(-115%); }
+  82% { transform: translateX(115%); }
+}
+
+@media (max-width: 760px) {
+  :root { --szl-holo-rail-height: 56px; }
+  #szl-holo-ambient { opacity: .62; }
+  .szl-holo-menu { display: inline-flex; }
+  .szl-holo-nav {
+    position: absolute;
+    top: calc(100% + 7px);
+    right: max(8px, env(safe-area-inset-right));
+    min-width: min(240px, calc(100vw - 16px));
+    display: none;
+    flex-direction: column;
+    align-items: stretch;
+    gap: 3px;
+    padding: 8px;
+    border: 1px solid var(--szl-holo-line);
+    border-radius: var(--szl-holo-radius-md);
+    background: color-mix(in srgb, var(--szl-holo-bg) 96%, white 2%);
+    box-shadow: var(--szl-holo-shadow);
+  }
+  .szl-holo-nav[data-open="true"] { display: flex; }
+  .szl-holo-link { justify-content: flex-start; padding-inline: 14px; }
+  .szl-holo-eyebrow { display: none; }
+  .szl-holo-panel::after,
+  [data-szl-holo-panel]::after { display: none; }
+}
+
+@media (max-width: 390px) {
+  .szl-holo-label { max-width: 48vw; }
+  .szl-holo-mark { width: 25px; height: 25px; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  html[data-szl-holo="v2"] { scroll-behavior: auto; }
+  #szl-holo-ambient::before,
+  #szl-holo-ambient::after,
+  .szl-holo-panel::after,
+  [data-szl-holo-panel]::after,
+  .szl-holo-skip,
+  .szl-holo-mark {
+    animation: none !important;
+    transition: none !important;
+    transform: none !important;
+  }
+  .szl-holo-progress { box-shadow: none; }
+}
+
+@media (prefers-contrast: more) {
+  :root {
+    --szl-holo-line: color-mix(in srgb, var(--szl-holo-accent) 58%, transparent);
+    --szl-holo-line-soft: color-mix(in srgb, var(--szl-holo-ink) 34%, transparent);
+  }
+  #szl-holo-ambient { opacity: .32; }
+  .szl-holo-panel,
+  [data-szl-holo-panel] {
+    border-width: 2px;
+    background: var(--szl-holo-surface);
+    backdrop-filter: none;
+  }
+}
+
+@media (forced-colors: active) {
+  :root { color-scheme: light dark; }
+  #szl-holo-ambient,
+  .szl-holo-progress { display: none; }
+  .szl-holo-rail,
+  .szl-holo-panel,
+  [data-szl-holo-panel],
+  .szl-holo-link,
+  .szl-holo-menu,
+  .szl-holo-chip {
+    border: 1px solid CanvasText;
+    color: CanvasText;
+    background: Canvas;
+    box-shadow: none;
+    backdrop-filter: none;
+  }
+  .szl-holo-title,
+  [data-szl-holo-title] {
+    color: CanvasText;
+    background: none;
+    -webkit-text-fill-color: currentColor;
+  }
+  .szl-holo-mark { border-color: CanvasText; background: CanvasText; box-shadow: none; }
+  .szl-holo-skip { color: Canvas; background: CanvasText; border-color: CanvasText; }
+}
+
+@supports not (color: color-mix(in srgb, black 50%, white)) {
+  .szl-holo-rail,
+  .szl-holo-panel,
+  [data-szl-holo-panel] { background: var(--szl-holo-surface); }
+  .szl-holo-link[aria-current="page"] { border-color: var(--szl-holo-accent); }
+}
+
+@media print {
+  #szl-holo-ambient,
+  .szl-holo-rail,
+  .szl-holo-progress,
+  .szl-holo-skip { display: none !important; }
+  html[data-szl-holo="v2"],
+  html[data-szl-holo="v2"] body {
+    color: #000 !important;
+    background: #fff !important;
+  }
+  .szl-holo-panel,
+  [data-szl-holo-panel] {
+    border: 1px solid #444;
+    color: #000;
+    background: #fff;
+    box-shadow: none;
+  }
+}

console/assets/szl-holo-v2.js

@@ -0,0 +1,436 @@
+/*
+ * A11oy Holo-Constellation v2.0.0
+ * Deterministic route identity, accessible estate navigation, and low-cost
+ * progressive visual enhancement. No fetch, tracking, storage, or cookies.
+ * SPDX-License-Identifier: Apache-2.0
+ */
+(() => {
+  "use strict";
+
+  if (window.__SZL_HOLO_V2__) return;
+  window.__SZL_HOLO_V2__ = true;
+
+  const VERSION = "2.0.0";
+  const PRODUCT = "https://a-11-oy.com";
+  const PROOF = "https://a11oy.net";
+  const REDUCE_MOTION = window.matchMedia("(prefers-reduced-motion: reduce)");
+  const FINE_POINTER = window.matchMedia("(pointer: fine)");
+  const SAVE_DATA = Boolean(navigator.connection && navigator.connection.saveData);
+
+  const PALETTES = [
+    ["#07131a", "#102633", "#f2fbff", "#9ab4c2", "#64dcff", "#a88bff"],
+    ["#130a10", "#291522", "#fff6fb", "#c2a2b3", "#ff7bc3", "#ffb56b"],
+    ["#07140d", "#12281a", "#f5fff7", "#9db8a4", "#72efa0", "#5ad6ff"],
+    ["#130e06", "#2a1d0e", "#fffaf0", "#c2b297", "#ffc66d", "#ff7d73"],
+    ["#090a18", "#171932", "#f6f6ff", "#a6a8c4", "#878cff", "#54e4d7"],
+    ["#0f0715", "#24102f", "#fff6ff", "#bca6c5", "#d88cff", "#74c6ff"],
+    ["#061315", "#10272b", "#f1feff", "#9bb9bb", "#50e3d4", "#b4ed70"],
+    ["#140808", "#2d1414", "#fff6f4", "#c2a3a0", "#ff6c63", "#e9cf6f"],
+    ["#0a1115", "#16242c", "#f5fbff", "#a3b2bb", "#83c7ff", "#8df0bd"],
+    ["#111006", "#282512", "#fffef0", "#beb99b", "#e5f36b", "#e8a85f"],
+    ["#0b0714", "#1c122c", "#faf6ff", "#aea2c0", "#b697ff", "#ff82ad"],
+    ["#07120f", "#12251f", "#f2fff9", "#9db6aa", "#75e8b4", "#c1a0ff"],
+  ];
+
+  const CURATED = {
+    a11oy: {
+      label: "A11oy Command",
+      motif: "command-constellation",
+      palette: ["#050806", "#0c1513", "#f3fff8", "#9fb7ad", "#b8ff45", "#31e6d1"],
+    },
+    proof: {
+      label: "A11oy Proof Network",
+      motif: "evidence-vault",
+      palette: ["#060a10", "#101722", "#f1f5f8", "#9eabb6", "#76d8aa", "#e2bb6d"],
+    },
+    lyte: {
+      label: "Lyte",
+      motif: "signal-aurora",
+      palette: ["#03100f", "#0a211d", "#effffb", "#92bdb2", "#50ffd0", "#78a8ff"],
+    },
+    vessels: {
+      label: "Vessels",
+      motif: "bathymetric-radar",
+      palette: ["#020d18", "#09243a", "#effbff", "#8cb5c9", "#50ddff", "#2d7cff"],
+    },
+    terra: {
+      label: "Terra",
+      motif: "topographic-parcels",
+      palette: ["#06110b", "#12271a", "#f5fff7", "#9db7a3", "#7bea98", "#d9a45c"],
+    },
+    aegis: {
+      label: "Aegis",
+      motif: "threat-lattice",
+      palette: ["#120606", "#281010", "#fff4f2", "#c6a19c", "#ff625b", "#ffb34d"],
+    },
+    "prism-counsel": {
+      label: "PRISM Counsel",
+      motif: "case-facets",
+      palette: ["#070b18", "#141a31", "#f8f9ff", "#a8b0ca", "#7da8ff", "#d7c4ff"],
+    },
+    "carlota-jo": {
+      label: "Carlota Jo",
+      motif: "editorial-orbit",
+      palette: ["#140a17", "#2b1330", "#fff7ff", "#c6a8c7", "#e2a8ff", "#ef9b67"],
+    },
+    nexus: {
+      label: "Nexus",
+      motif: "connection-field",
+      palette: ["#070918", "#151831", "#f7f7ff", "#a5aac8", "#9a8cff", "#53e9ff"],
+    },
+    factory: {
+      label: "A11oy Factory",
+      motif: "assembly-circuit",
+      palette: ["#070c07", "#171f13", "#fafff5", "#abb9a4", "#c9ff5c", "#7e9cff"],
+    },
+    ouroboros: {
+      label: "Ouroboros",
+      motif: "recursive-ring",
+      palette: ["#100b05", "#24180b", "#fffaf0", "#c4b59b", "#ffd36e", "#c094ff"],
+    },
+    khipu: {
+      label: "KHIPU",
+      motif: "woven-proof",
+      palette: ["#120b05", "#271a0e", "#fff9ee", "#c6b39b", "#e9c66e", "#c87945"],
+    },
+    killinchu: {
+      label: "Killinchu",
+      motif: "agent-swarm",
+      palette: ["#100615", "#26102e", "#fff5ff", "#c5a4c9", "#ff74d4", "#68e8ff"],
+    },
+  };
+
+  const ROUTE_HINTS = [
+    ["prism-counsel", ["prism-counsel", "prism counsel", "/counsel", "/legal"]],
+    ["carlota-jo", ["carlota-jo", "carlota jo", "/advisory"]],
+    ["ouroboros", ["ouroboros", "/research", "/thesis"]],
+    ["killinchu", ["killinchu", "/agents", "agent forge", "agent swarm"]],
+    ["factory", ["a11oy-factory", "szl-factory", "/factory", "/forge", "artifact factory"]],
+    ["vessels", ["vessels", "/maritime", "fleet command", "voyage"]],
+    ["terra", ["terra", "/real-estate", "real estate", "parcel"]],
+    ["aegis", ["aegis", "/security", "/defense", "threat"]],
+    ["lyte", ["lyte", "/observability", "business observability", "signal"]],
+    ["nexus", ["nexus", "/integration", "connection fabric"]],
+    ["khipu", ["khipu", "/kernel", "woven proof"]],
+  ];
+
+  const MOTIFS = [
+    "command-constellation",
+    "signal-aurora",
+    "bathymetric-radar",
+    "topographic-parcels",
+    "threat-lattice",
+    "case-facets",
+    "editorial-orbit",
+    "connection-field",
+    "assembly-circuit",
+    "recursive-ring",
+    "woven-proof",
+    "agent-swarm",
+  ];
+
+  const LINKS = [
+    ["Command", `${PRODUCT}/`],
+    ["Products", `${PRODUCT}/console`],
+    ["Proof", `${PROOF}/record/`],
+    ["Source", "https://github.com/szl-holdings"],
+    ["Spaces", "https://huggingface.co/SZLHOLDINGS"],
+  ];
+
+  function slug(value) {
+    return String(value || "")
+      .normalize("NFKD")
+      .toLowerCase()
+      .replace(/[^a-z0-9]+/g, "-")
+      .replace(/^-+|-+$/g, "")
+      .slice(0, 96);
+  }
+
+  function fnv1a(value) {
+    let result = 0x811c9dc5;
+    for (const character of String(value || "a11oy")) {
+      result ^= character.charCodeAt(0);
+      result = Math.imul(result, 0x01000193) >>> 0;
+    }
+    return result >>> 0;
+  }
+
+  function titleCase(value) {
+    return String(value || "")
+      .split("-")
+      .filter(Boolean)
+      .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
+      .join(" ");
+  }
+
+  function huggingFaceSlug(host) {
+    const match = host.match(/^(?:szlholdings|szl-holdings)-(.+)\.hf\.space$/i);
+    return match ? slug(match[1]) : "";
+  }
+
+  function surfaceCandidate() {
+    const host = location.hostname.toLowerCase();
+    if (host === "a11oy.net" || host === "www.a11oy.net") return "proof";
+    if (host === "a-11-oy.com" || host === "www.a-11-oy.com") {
+      const path = location.pathname.toLowerCase();
+      for (const [surface, hints] of ROUTE_HINTS) {
+        if (hints.some((hint) => path.includes(hint.replace(" ", "-")))) return surface;
+      }
+      return "a11oy";
+    }
+
+    const hf = huggingFaceSlug(host);
+    const path = location.pathname.toLowerCase();
+    const title = document.title.toLowerCase();
+    const bodyIdentity = `${document.body?.id || ""} ${document.body?.className || ""}`.toLowerCase();
+    const haystack = `${host} ${hf} ${path} ${title} ${bodyIdentity}`;
+
+    for (const [surface, hints] of ROUTE_HINTS) {
+      if (hints.some((hint) => haystack.includes(hint))) return surface;
+    }
+    if (hf) return hf;
+    return slug(path.split("/").filter(Boolean)[0]) || slug(host) || "a11oy";
+  }
+
+  function resolveTheme() {
+    const id = surfaceCandidate();
+    const curated = CURATED[id];
+    if (curated) return { id, ...curated, source: "curated" };
+
+    const seed = fnv1a(id);
+    const palette = PALETTES[seed % PALETTES.length];
+    return {
+      id,
+      label: titleCase(id) || "A11oy Space",
+      motif: MOTIFS[(seed >>> 8) % MOTIFS.length],
+      palette,
+      source: "deterministic",
+    };
+  }
+
+  function applyTheme(theme) {
+    const [background, surface, foreground, muted, accent, accent2] = theme.palette;
+    const root = document.documentElement;
+    root.dataset.szlHolo = "v2";
+    root.dataset.szlHoloSurface = theme.id;
+    root.dataset.szlHoloMotif = theme.motif;
+    root.dataset.szlHoloThemeSource = theme.source;
+    root.style.setProperty("--szl-holo-bg", background);
+    root.style.setProperty("--szl-holo-bg-deep", background);
+    root.style.setProperty("--szl-holo-surface", surface);
+    root.style.setProperty("--szl-holo-surface-2", surface);
+    root.style.setProperty("--szl-holo-ink", foreground);
+    root.style.setProperty("--szl-holo-muted", muted);
+    root.style.setProperty("--szl-holo-accent", accent);
+    root.style.setProperty("--szl-holo-accent-2", accent2);
+  }
+
+  function createElement(name, attributes = {}, text = null) {
+    const node = document.createElement(name);
+    for (const [key, value] of Object.entries(attributes)) {
+      if (key === "className") node.className = value;
+      else if (key === "dataset") Object.assign(node.dataset, value);
+      else node.setAttribute(key, value);
+    }
+    if (text !== null) node.textContent = text;
+    return node;
+  }
+
+  function addSkipLink() {
+    if (document.querySelector(".szl-holo-skip, [data-szl-holo-skip]")) return;
+    const main = document.querySelector("main, [role='main']");
+    if (!main) return;
+    if (!main.id) main.id = "szl-holo-main";
+    const link = createElement("a", {
+      className: "szl-holo-skip",
+      href: `#${main.id}`,
+      dataset: { szlHoloSkip: "true" },
+    }, "Skip to main content");
+    document.body.prepend(link);
+  }
+
+  function currentLink(href) {
+    const target = new URL(href);
+    const host = location.hostname.replace(/^www\./, "");
+    if (target.hostname.replace(/^www\./, "") !== host) return false;
+    if (target.pathname === "/") return location.pathname === "/";
+    return location.pathname.startsWith(target.pathname.replace(/\/$/, ""));
+  }
+
+  function buildRail(theme) {
+    if (document.querySelector(".szl-holo-rail") || document.documentElement.hasAttribute("data-szl-holo-no-rail")) return;
+
+    const rail = createElement("header", {
+      className: "szl-holo-rail",
+      dataset: { szlHoloRail: "v2" },
+    });
+    const identity = createElement("a", {
+      className: "szl-holo-identity",
+      href: `${PRODUCT}/`,
+      "aria-label": "Open the A11oy Command origin",
+    });
+    identity.append(createElement("span", { className: "szl-holo-mark", "aria-hidden": "true" }));
+    const copy = createElement("span", { className: "szl-holo-copy" });
+    copy.append(createElement("span", { className: "szl-holo-eyebrow" }, "SZL · Holo-Constellation"));
+    copy.append(createElement("span", { className: "szl-holo-label" }, theme.label));
+    identity.append(copy);
+
+    const controls = createElement("div", { className: "szl-holo-controls" });
+    const menu = createElement("button", {
+      className: "szl-holo-menu",
+      type: "button",
+      "aria-label": "Open ecosystem navigation",
+      "aria-expanded": "false",
+      "aria-controls": "szl-holo-nav",
+    }, "Menu");
+    const nav = createElement("nav", {
+      className: "szl-holo-nav",
+      id: "szl-holo-nav",
+      "aria-label": "A11oy ecosystem",
+      dataset: { open: "false" },
+    });
+    for (const [label, href] of LINKS) {
+      const attributes = { className: "szl-holo-link", href };
+      if (currentLink(href)) attributes["aria-current"] = "page";
+      nav.append(createElement("a", attributes, label));
+    }
+    controls.append(menu, nav);
+    rail.append(identity, controls);
+    document.body.prepend(rail);
+
+    const close = ({ focus = false } = {}) => {
+      nav.dataset.open = "false";
+      menu.setAttribute("aria-expanded", "false");
+      menu.setAttribute("aria-label", "Open ecosystem navigation");
+      menu.textContent = "Menu";
+      if (focus) menu.focus();
+    };
+
+    menu.addEventListener("click", () => {
+      const open = nav.dataset.open !== "true";
+      nav.dataset.open = String(open);
+      menu.setAttribute("aria-expanded", String(open));
+      menu.setAttribute("aria-label", open ? "Close ecosystem navigation" : "Open ecosystem navigation");
+      menu.textContent = open ? "Close" : "Menu";
+    });
+    document.addEventListener("keydown", (event) => {
+      if (event.key === "Escape" && nav.dataset.open === "true") close({ focus: true });
+    });
+    document.addEventListener("pointerdown", (event) => {
+      if (nav.dataset.open === "true" && !rail.contains(event.target)) close();
+    });
+  }
+
+  function addAmbient() {
+    if (document.getElementById("szl-holo-ambient")) return;
+    const ambient = createElement("div", {
+      id: "szl-holo-ambient",
+      "aria-hidden": "true",
+      dataset: { szlHoloDecorative: "true" },
+    });
+    document.body.prepend(ambient);
+  }
+
+  function addProgress() {
+    if (document.querySelector(".szl-holo-progress")) return;
+    document.body.append(createElement("div", {
+      className: "szl-holo-progress",
+      "aria-hidden": "true",
+      dataset: { szlHoloDecorative: "true" },
+    }));
+  }
+
+  function enhancePanels() {
+    if (document.documentElement.hasAttribute("data-szl-holo-no-auto-panels")) return;
+    const selectors = [
+      "main .card",
+      "main .panel",
+      "main .metric-card",
+      "main .feature-card",
+      "main [class*='glass-card']",
+      "main [class*='holo-card']",
+      "main [data-panel]",
+    ];
+    const seen = new Set();
+    for (const node of document.querySelectorAll(selectors.join(","))) {
+      if (seen.size >= 24) break;
+      if (seen.has(node) || node.closest("nav, header, footer, table, pre, code, form, dialog")) continue;
+      seen.add(node);
+      node.setAttribute("data-szl-holo-panel", "auto");
+    }
+  }
+
+  function installMotion() {
+    const root = document.documentElement;
+    let pointerFrame = 0;
+    let scrollFrame = 0;
+    let lastX = window.innerWidth / 2;
+    let lastY = Math.min(window.innerHeight * 0.22, 240);
+
+    const commitPointer = () => {
+      pointerFrame = 0;
+      root.style.setProperty("--szl-holo-pointer-x", `${Math.round((lastX / Math.max(window.innerWidth, 1)) * 1000) / 10}%`);
+      root.style.setProperty("--szl-holo-pointer-y", `${Math.round((lastY / Math.max(window.innerHeight, 1)) * 1000) / 10}%`);
+    };
+
+    const pointer = (event) => {
+      if (REDUCE_MOTION.matches || !FINE_POINTER.matches || SAVE_DATA || document.hidden) return;
+      lastX = event.clientX;
+      lastY = event.clientY;
+      if (!pointerFrame) pointerFrame = requestAnimationFrame(commitPointer);
+    };
+
+    const commitScroll = () => {
+      scrollFrame = 0;
+      const maximum = Math.max(1, document.documentElement.scrollHeight - window.innerHeight);
+      const percentage = Math.max(0, Math.min(100, (window.scrollY / maximum) * 100));
+      root.style.setProperty("--szl-holo-scroll", percentage.toFixed(2));
+    };
+
+    const scroll = () => {
+      if (!scrollFrame) scrollFrame = requestAnimationFrame(commitScroll);
+    };
+
+    if (!SAVE_DATA) window.addEventListener("pointermove", pointer, { passive: true });
+    window.addEventListener("scroll", scroll, { passive: true });
+    window.addEventListener("resize", scroll, { passive: true });
+    document.addEventListener("visibilitychange", () => {
+      root.dataset.szlHoloPaused = String(document.hidden);
+      if (!document.hidden) scroll();
+    });
+    REDUCE_MOTION.addEventListener?.("change", () => {
+      root.dataset.szlHoloReducedMotion = String(REDUCE_MOTION.matches);
+    });
+    root.dataset.szlHoloReducedMotion = String(REDUCE_MOTION.matches);
+    root.dataset.szlHoloSaveData = String(SAVE_DATA);
+    commitPointer();
+    commitScroll();
+  }
+
+  function boot() {
+    if (!document.body || document.documentElement.hasAttribute("data-szl-holo-disabled")) return;
+    const theme = resolveTheme();
+    applyTheme(theme);
+    addAmbient();
+    addProgress();
+    addSkipLink();
+    buildRail(theme);
+    enhancePanels();
+    installMotion();
+
+    window.SZLHolo = Object.freeze({
+      version: VERSION,
+      theme: Object.freeze({ ...theme, palette: [...theme.palette] }),
+      resolveTheme,
+      fnv1a,
+      decorativeMotion: true,
+      measuredTelemetry: false,
+    });
+    document.dispatchEvent(new CustomEvent("szl:holo-ready", {
+      detail: { version: VERSION, surface: theme.id, motif: theme.motif, source: theme.source },
+    }));
+  }
+
+  if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", boot, { once: true });
+  else boot();
+})();