betterwithage Claude Opus 4.7 commited on
Commit
2875b49
·
verified ·
1 Parent(s): d1aef0e

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

Browse files

Reusable Dockerfile-COPY-derived deploy from szl-holdings/a11oy 03add1fa656c908e0cbf4ed7496822f1d4432c87.
Files: 1346 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 CHANGED
@@ -1,347 +1,219 @@
1
  /*
2
  * A11oy Holo-Constellation v2.0.0
3
- * SZL-original visual material and interaction system.
 
4
  * No external assets, tracking, storage, network fetches, or copied design code.
5
  * SPDX-License-Identifier: Apache-2.0
6
  */
7
 
8
  :root {
9
- --szl-holo-bg: #050806;
10
- --szl-holo-bg-deep: #020403;
11
- --szl-holo-surface: #0c1513;
12
- --szl-holo-surface-2: #14201d;
13
- --szl-holo-ink: #f3fff8;
14
- --szl-holo-muted: #9fb7ad;
15
- --szl-holo-accent: #b8ff45;
 
 
 
16
  --szl-holo-accent-2: #31e6d1;
17
- --szl-holo-danger: #ff625b;
18
- --szl-holo-warning: #e2bb6d;
19
- --szl-holo-success: #76d8aa;
20
- --szl-holo-line: color-mix(in srgb, var(--szl-holo-accent) 20%, transparent);
21
- --szl-holo-line-soft: color-mix(in srgb, var(--szl-holo-ink) 10%, transparent);
 
22
  --szl-holo-glow: color-mix(in srgb, var(--szl-holo-accent) 16%, transparent);
23
- --szl-holo-glow-2: color-mix(in srgb, var(--szl-holo-accent-2) 12%, transparent);
24
- --szl-holo-shadow: 0 24px 84px rgb(0 0 0 / 0.42);
25
  --szl-holo-radius-sm: 10px;
26
  --szl-holo-radius-md: 18px;
27
- --szl-holo-radius-lg: 30px;
28
- --szl-holo-radius-xl: 44px;
29
- --szl-holo-space-1: clamp(.45rem, .35rem + .3vw, .7rem);
30
- --szl-holo-space-2: clamp(.8rem, .65rem + .5vw, 1.2rem);
31
- --szl-holo-space-3: clamp(1.2rem, .95rem + .8vw, 1.9rem);
32
- --szl-holo-space-4: clamp(1.8rem, 1.25rem + 1.7vw, 3.4rem);
33
- --szl-holo-space-5: clamp(2.8rem, 2rem + 3vw, 6rem);
34
  --szl-holo-pointer-x: 50%;
35
  --szl-holo-pointer-y: 22%;
36
  --szl-holo-scroll: 0;
37
- --szl-holo-tilt-x: 0deg;
38
- --szl-holo-tilt-y: 0deg;
39
- --szl-holo-rail-height: 58px;
40
  --szl-holo-z-ambient: -2;
41
- --szl-holo-z-rail: 2147483000;
42
- color-scheme: dark;
43
- accent-color: var(--szl-holo-accent);
44
  }
45
 
46
  html[data-szl-holo="v2"] {
47
- min-height: 100%;
 
48
  overflow-x: clip;
49
- background: var(--szl-holo-bg-deep);
50
- scrollbar-color: color-mix(in srgb, var(--szl-holo-accent) 42%, transparent) var(--szl-holo-bg-deep);
51
  scroll-padding-top: calc(var(--szl-holo-rail-height) + 18px);
 
 
52
  }
53
 
54
  html[data-szl-holo="v2"] body {
55
- min-height: 100%;
56
- overflow-x: clip;
 
57
  color: var(--szl-holo-ink);
58
- background: transparent;
 
 
 
 
 
59
  }
60
 
61
- html[data-szl-holo="v2"] body::before {
62
- position: fixed;
63
- inset: 0;
64
- z-index: calc(var(--szl-holo-z-ambient) - 1);
65
- pointer-events: none;
66
- content: "";
67
- background:
68
- radial-gradient(circle at var(--szl-holo-pointer-x) var(--szl-holo-pointer-y), var(--szl-holo-glow), transparent 24rem),
69
- radial-gradient(circle at 90% 8%, var(--szl-holo-glow-2), transparent 30rem),
70
- 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));
71
  }
72
 
73
- /* Lightweight optical texture. It is decorative and does not represent telemetry. */
74
- html[data-szl-holo="v2"] body::after {
75
- position: fixed;
76
- inset: 0;
77
- z-index: calc(var(--szl-holo-z-ambient) - 1);
78
- pointer-events: none;
79
- content: "";
80
- opacity: .14;
81
- background-image:
82
- repeating-linear-gradient(0deg, transparent 0 3px, rgb(255 255 255 / .018) 4px),
83
- repeating-linear-gradient(90deg, transparent 0 5px, rgb(255 255 255 / .012) 6px);
84
- mix-blend-mode: soft-light;
85
  }
86
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
87
  #szl-holo-ambient {
88
  position: fixed;
89
  inset: 0;
90
  z-index: var(--szl-holo-z-ambient);
91
  overflow: hidden;
92
  pointer-events: none;
 
93
  contain: strict;
94
- opacity: .82;
 
 
 
 
95
  }
96
 
97
  #szl-holo-ambient::before,
98
  #szl-holo-ambient::after {
99
  position: absolute;
100
- inset: -18%;
101
  content: "";
102
- transform-origin: center;
 
103
  will-change: transform;
104
  }
105
 
106
- /* Command constellation: orbital paths over a tactical field. */
107
- html[data-szl-holo-motif="command-constellation"] #szl-holo-ambient::before {
108
- background:
109
- radial-gradient(circle at center, var(--szl-holo-accent) 0 1.5px, transparent 2.5px),
110
- linear-gradient(var(--szl-holo-line) 1px, transparent 1px),
111
- linear-gradient(90deg, var(--szl-holo-line) 1px, transparent 1px);
112
- background-size: 112px 112px, 56px 56px, 56px 56px;
113
- mask-image: radial-gradient(ellipse at 63% 29%, #000 0 18%, transparent 70%);
114
- transform: perspective(720px) rotateX(58deg) translate3d(0, 22%, 0) scale(1.12);
115
- }
116
-
117
- html[data-szl-holo-motif="command-constellation"] #szl-holo-ambient::after {
118
- inset: 4% -10% -28% 34%;
119
  border: 1px solid var(--szl-holo-line);
120
- border-radius: 50%;
121
  background:
122
- repeating-radial-gradient(ellipse, transparent 0 74px, var(--szl-holo-line) 75px 76px),
123
- conic-gradient(from 218deg, transparent 0 72%, var(--szl-holo-glow) 74% 75.5%, transparent 77%);
124
- transform: rotate(-9deg) scaleY(.58);
125
  animation: szl-holo-orbit 38s linear infinite;
126
  }
127
 
128
- /* Observability: living signals and anomaly ribbons. */
129
- html[data-szl-holo-motif="signal-aurora"] #szl-holo-ambient::before {
130
- inset: -46% -15%;
131
- border-radius: 50%;
132
- 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%);
133
- filter: blur(44px) saturate(125%);
134
- animation: szl-holo-aurora 22s ease-in-out infinite alternate;
135
- }
136
-
137
- html[data-szl-holo-motif="signal-aurora"] #szl-holo-ambient::after {
138
- background:
139
- repeating-linear-gradient(90deg, transparent 0 43px, var(--szl-holo-line) 44px, transparent 45px 82px),
140
- linear-gradient(170deg, transparent 38%, var(--szl-holo-glow-2) 39% 40%, transparent 41% 58%, var(--szl-holo-glow) 59% 60%, transparent 61%);
141
- mask-image: linear-gradient(transparent, #000 28% 78%, transparent 92%);
142
- transform: skewY(-7deg) translateY(calc(var(--szl-holo-scroll) * -2px));
143
- }
144
-
145
- /* Maritime: bathymetry, route wake, and radar. */
146
- html[data-szl-holo-motif="bathymetric-radar"] #szl-holo-ambient::before {
147
- inset: 5% auto auto 52%;
148
- width: min(78vw, 980px);
149
- aspect-ratio: 1;
150
- border: 1px solid var(--szl-holo-line);
151
- border-radius: 50%;
152
- background:
153
- repeating-radial-gradient(circle, transparent 0 59px, var(--szl-holo-line) 60px 61px),
154
- conic-gradient(from 12deg, color-mix(in srgb, var(--szl-holo-accent) 22%, transparent), transparent 16%);
155
- animation: szl-holo-radar 18s linear infinite;
156
- }
157
-
158
- html[data-szl-holo-motif="bathymetric-radar"] #szl-holo-ambient::after {
159
- background: repeating-radial-gradient(ellipse at 18% 82%, transparent 0 30px, var(--szl-holo-line) 31px 32px);
160
- transform: rotate(-8deg) scale(1.28);
161
- opacity: .34;
162
- }
163
-
164
- /* Real estate: topography and parcel geometry. */
165
- html[data-szl-holo-motif="topographic-parcels"] #szl-holo-ambient::before {
166
- background:
167
- repeating-radial-gradient(ellipse at 18% 58%, transparent 0 31px, var(--szl-holo-line) 32px 33px),
168
- repeating-radial-gradient(ellipse at 84% 34%, transparent 0 49px, color-mix(in srgb, var(--szl-holo-accent-2) 18%, transparent) 50px 51px);
169
- transform: rotate(-7deg) scale(1.18) translateY(calc(var(--szl-holo-scroll) * -1px));
170
- }
171
-
172
- html[data-szl-holo-motif="topographic-parcels"] #szl-holo-ambient::after {
173
- background-image:
174
- linear-gradient(28deg, transparent 48%, var(--szl-holo-line) 49% 50%, transparent 51%),
175
- linear-gradient(118deg, transparent 48%, var(--szl-holo-line) 49% 50%, transparent 51%);
176
- background-size: 180px 110px;
177
- opacity: .26;
178
- }
179
-
180
- /* Security: threat lattice and shield lock. */
181
- html[data-szl-holo-motif="threat-lattice"] #szl-holo-ambient::before {
182
- background:
183
- linear-gradient(32deg, transparent 47%, var(--szl-holo-line) 48% 49%, transparent 50%),
184
- linear-gradient(148deg, transparent 47%, color-mix(in srgb, var(--szl-holo-accent-2) 18%, transparent) 48% 49%, transparent 50%);
185
- background-size: 84px 84px;
186
- transform: skewX(-8deg) scale(1.12);
187
- mask-image: radial-gradient(circle at 72% 28%, #000, transparent 62%);
188
- }
189
-
190
- html[data-szl-holo-motif="threat-lattice"] #szl-holo-ambient::after {
191
- inset: 16% 6% auto auto;
192
- width: clamp(150px, 22vw, 320px);
193
- aspect-ratio: 1;
194
- border: 1px solid var(--szl-holo-accent);
195
- clip-path: polygon(50% 0, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
196
- box-shadow: inset 0 0 70px var(--szl-holo-glow), 0 0 90px var(--szl-holo-glow);
197
- opacity: .34;
198
- animation: szl-holo-breathe 4.8s ease-in-out infinite alternate;
199
- }
200
-
201
- /* Legal: case facets and deadline lanes. */
202
- html[data-szl-holo-motif="case-facets"] #szl-holo-ambient::before {
203
- background:
204
- repeating-linear-gradient(0deg, transparent 0 51px, var(--szl-holo-line) 52px),
205
- repeating-linear-gradient(90deg, transparent 0 219px, color-mix(in srgb, var(--szl-holo-accent-2) 17%, transparent) 220px 221px);
206
- transform: rotate(-2deg);
207
- mask-image: linear-gradient(90deg, transparent 2%, #000 20% 91%, transparent);
208
- }
209
-
210
- html[data-szl-holo-motif="case-facets"] #szl-holo-ambient::after {
211
- background-image: radial-gradient(circle, var(--szl-holo-accent) 0 3px, transparent 4px);
212
- background-size: 220px 52px;
213
- opacity: .22;
214
- }
215
-
216
- /* Advisory: editorial orbits. */
217
- html[data-szl-holo-motif="editorial-orbit"] #szl-holo-ambient::before {
218
- inset: -20% auto auto 44%;
219
- width: min(82vw, 1040px);
220
- aspect-ratio: 1;
221
- border-radius: 50%;
222
- background: repeating-radial-gradient(circle, transparent 0 74px, var(--szl-holo-line) 75px 76px);
223
- transform: rotate(12deg) scaleY(.55);
224
- }
225
-
226
- html[data-szl-holo-motif="editorial-orbit"] #szl-holo-ambient::after {
227
- background: linear-gradient(115deg, transparent 38%, var(--szl-holo-glow) 39% 41%, transparent 42% 62%, var(--szl-holo-glow-2) 63% 64%, transparent 65%);
228
- }
229
-
230
- /* Integration: connected node field. */
231
- html[data-szl-holo-motif="connection-field"] #szl-holo-ambient::before {
232
- background:
233
- radial-gradient(circle, var(--szl-holo-accent) 0 2px, transparent 3px),
234
- linear-gradient(30deg, transparent 49%, var(--szl-holo-line) 50%, transparent 51%),
235
- linear-gradient(150deg, transparent 49%, var(--szl-holo-line) 50%, transparent 51%);
236
- background-size: 96px 96px;
237
- mask-image: radial-gradient(circle at 55% 40%, #000, transparent 72%);
238
- transform: translate3d(calc(var(--szl-holo-scroll) * .4px), calc(var(--szl-holo-scroll) * -.25px), 0);
239
- }
240
-
241
- /* Factory: build lanes and artifact promotion. */
242
- html[data-szl-holo-motif="assembly-circuit"] #szl-holo-ambient::before {
243
- background:
244
- radial-gradient(circle, var(--szl-holo-accent) 0 2px, transparent 3px),
245
- linear-gradient(90deg, var(--szl-holo-line) 1px, transparent 1px),
246
- linear-gradient(var(--szl-holo-line) 1px, transparent 1px);
247
- background-size: 72px 72px;
248
- clip-path: polygon(0 8%, 76% 8%, 76% 28%, 100% 28%, 100% 92%, 22% 92%, 22% 69%, 0 69%);
249
- opacity: .42;
250
- }
251
-
252
- html[data-szl-holo-motif="assembly-circuit"] #szl-holo-ambient::after {
253
- inset: 30% 12% auto auto;
254
- width: clamp(180px, 22vw, 360px);
255
- height: clamp(100px, 13vw, 210px);
256
- border: 1px solid var(--szl-holo-line);
257
- border-radius: var(--szl-holo-radius-lg);
258
- box-shadow: inset 0 0 55px var(--szl-holo-glow), 0 0 55px var(--szl-holo-glow);
259
- }
260
-
261
- /* Research: recursive computational rings. */
262
- html[data-szl-holo-motif="recursive-ring"] #szl-holo-ambient::before {
263
- inset: -24% -12%;
264
- border-radius: 50%;
265
- background: repeating-conic-gradient(from 0deg, var(--szl-holo-line) 0 1deg, transparent 1deg 13deg);
266
- mask-image: repeating-radial-gradient(circle, #000 0 1px, transparent 2px 54px);
267
- animation: szl-holo-recurse 42s linear infinite;
268
- }
269
-
270
- html[data-szl-holo-motif="recursive-ring"] #szl-holo-ambient::after {
271
- inset: 18% auto auto 58%;
272
- width: min(38vw, 460px);
273
- aspect-ratio: 1;
274
- border: 1px solid var(--szl-holo-accent);
275
- border-radius: 50%;
276
- box-shadow: inset 0 0 90px var(--szl-holo-glow), 0 0 90px var(--szl-holo-glow);
277
- opacity: .38;
278
- }
279
-
280
- /* KHIPU: woven evidence traces. */
281
- html[data-szl-holo-motif="woven-proof"] #szl-holo-ambient::before {
282
  background:
283
- repeating-linear-gradient(28deg, transparent 0 25px, var(--szl-holo-line) 26px 27px),
284
- repeating-linear-gradient(-28deg, transparent 0 31px, var(--szl-holo-glow-2) 32px 33px);
285
- transform: scale(1.08);
286
- }
287
-
288
- html[data-szl-holo-motif="woven-proof"] #szl-holo-ambient::after {
289
- background-image: radial-gradient(circle, var(--szl-holo-accent) 0 2px, transparent 3px);
290
- background-size: 128px 96px;
291
- opacity: .23;
292
  }
293
 
294
- /* Agents: governed swarm converging on a decision. */
295
- html[data-szl-holo-motif="agent-swarm"] #szl-holo-ambient::before {
296
- background-image:
297
- radial-gradient(circle at center, var(--szl-holo-accent) 0 2px, transparent 3px),
298
- radial-gradient(circle at center, var(--szl-holo-accent-2) 0 1px, transparent 2px);
299
- background-position: 0 0, 31px 27px;
300
- background-size: 72px 68px, 89px 83px;
301
- mask-image: radial-gradient(circle at 60% 42%, #000, transparent 68%);
302
- animation: szl-holo-swarm 24s ease-in-out infinite alternate;
303
- }
304
-
305
- html[data-szl-holo-motif="agent-swarm"] #szl-holo-ambient::after {
306
  background:
307
- linear-gradient(25deg, transparent 49.6%, var(--szl-holo-line) 50%, transparent 50.4%),
308
- linear-gradient(155deg, transparent 49.6%, var(--szl-holo-line) 50%, transparent 50.4%);
309
- background-size: 140px 90px;
310
- opacity: .2;
311
  }
312
 
313
- /* Proof: restrained evidence-vault geometry. */
314
- html[data-szl-holo-motif="evidence-vault"] #szl-holo-ambient::before {
 
315
  background:
316
- repeating-linear-gradient(0deg, transparent 0 35px, var(--szl-holo-line-soft) 36px),
317
- 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%);
318
- mask-image: linear-gradient(90deg, transparent, #000 14% 86%, transparent);
319
- }
320
-
321
- html[data-szl-holo-motif="evidence-vault"] #szl-holo-ambient::after {
322
- background-image: radial-gradient(circle, var(--szl-holo-accent) 0 2px, transparent 3px);
323
- background-size: 144px 72px;
324
- opacity: .18;
 
 
 
 
 
 
 
 
325
  }
326
 
327
- /* Shared top rail. */
328
  .szl-holo-rail {
329
  position: sticky;
330
  top: 0;
331
  z-index: var(--szl-holo-z-rail);
 
332
  min-height: var(--szl-holo-rail-height);
333
  display: grid;
334
  grid-template-columns: minmax(0, 1fr) auto;
335
  align-items: center;
336
  gap: var(--szl-holo-space-2);
337
- padding: 8px max(12px, env(safe-area-inset-left)) 8px max(12px, env(safe-area-inset-right));
338
- border-bottom: 1px solid var(--szl-holo-line);
339
- color: var(--szl-holo-ink);
340
- background: color-mix(in srgb, var(--szl-holo-bg) 86%, transparent);
341
- box-shadow: 0 14px 44px rgb(0 0 0 / .24);
342
- backdrop-filter: blur(20px) saturate(135%);
343
- -webkit-backdrop-filter: blur(20px) saturate(135%);
344
- font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
 
 
345
  }
346
 
347
  .szl-holo-rail *,
@@ -353,9 +225,10 @@ html[data-szl-holo-motif="evidence-vault"] #szl-holo-ambient::after {
353
  min-height: 44px;
354
  display: inline-flex;
355
  align-items: center;
356
- gap: 11px;
357
- color: inherit;
358
  text-decoration: none;
 
359
  }
360
 
361
  .szl-holo-mark {
@@ -363,22 +236,28 @@ html[data-szl-holo-motif="evidence-vault"] #szl-holo-ambient::after {
363
  width: 28px;
364
  height: 28px;
365
  flex: 0 0 auto;
366
- border: 1px solid color-mix(in srgb, var(--szl-holo-accent) 62%, white 10%);
367
- border-radius: 9px;
368
  background:
369
- radial-gradient(circle at 26% 24%, var(--szl-holo-accent), transparent 34%),
370
- linear-gradient(145deg, color-mix(in srgb, var(--szl-holo-accent-2) 72%, transparent), transparent 72%);
371
- box-shadow: 0 0 28px var(--szl-holo-glow);
372
- transform: rotate(8deg);
373
  }
374
 
375
  .szl-holo-mark::after {
376
  position: absolute;
377
- inset: 5px;
378
- border: 1px solid color-mix(in srgb, var(--szl-holo-ink) 36%, transparent);
379
- border-radius: 5px;
 
380
  content: "";
381
- transform: rotate(-18deg);
 
 
 
 
 
382
  }
383
 
384
  .szl-holo-copy {
@@ -388,46 +267,41 @@ html[data-szl-holo-motif="evidence-vault"] #szl-holo-ambient::after {
388
  }
389
 
390
  .szl-holo-eyebrow {
391
- overflow: hidden;
392
- color: var(--szl-holo-muted);
393
- font-size: 9px;
394
- font-weight: 700;
395
- letter-spacing: .19em;
396
- text-overflow: ellipsis;
397
  text-transform: uppercase;
398
- white-space: nowrap;
399
  }
400
 
401
  .szl-holo-label {
 
402
  overflow: hidden;
403
- font-size: 13px;
404
- font-weight: 760;
405
  letter-spacing: -.01em;
406
  text-overflow: ellipsis;
407
  white-space: nowrap;
408
  }
409
 
410
- .szl-holo-nav {
411
- display: flex;
412
- align-items: center;
413
- gap: 4px;
414
- }
415
 
416
  .szl-holo-link,
417
  .szl-holo-menu {
418
- min-width: 44px;
419
- min-height: 44px;
420
  display: inline-flex;
421
  align-items: center;
422
  justify-content: center;
423
- padding: 8px 11px;
424
  border: 1px solid transparent;
425
- border-radius: 999px;
426
  color: var(--szl-holo-muted);
427
  background: transparent;
428
- font: 660 11px/1.2 Inter, ui-sans-serif, system-ui, sans-serif;
429
- letter-spacing: .045em;
430
  text-decoration: none;
 
431
  cursor: pointer;
432
  touch-action: manipulation;
433
  -webkit-tap-highlight-color: transparent;
@@ -440,26 +314,37 @@ html[data-szl-holo-motif="evidence-vault"] #szl-holo-ambient::after {
440
  .szl-holo-menu:focus-visible {
441
  border-color: color-mix(in srgb, var(--szl-holo-accent) 38%, transparent);
442
  color: var(--szl-holo-ink);
443
- background: color-mix(in srgb, var(--szl-holo-accent) 9%, transparent);
444
  outline: none;
445
  }
446
 
 
 
 
 
 
 
 
 
 
 
447
  .szl-holo-menu { display: none; }
448
 
449
- /* Reusable opt-in materials. */
450
  .szl-holo-panel,
451
- [data-szl-holo-panel] {
 
452
  position: relative;
 
453
  overflow: hidden;
454
  border: 1px solid var(--szl-holo-line-soft);
455
  border-radius: var(--szl-holo-radius-md);
456
  background:
457
- linear-gradient(145deg, color-mix(in srgb, var(--szl-holo-surface-2) 60%, transparent), transparent 44%),
458
- color-mix(in srgb, var(--szl-holo-surface) 86%, transparent);
459
  box-shadow: var(--szl-holo-shadow);
460
- backdrop-filter: blur(18px) saturate(125%);
461
- -webkit-backdrop-filter: blur(18px) saturate(125%);
462
- transform-style: preserve-3d;
463
  }
464
 
465
  .szl-holo-panel::before,
@@ -468,8 +353,8 @@ html[data-szl-holo-motif="evidence-vault"] #szl-holo-ambient::after {
468
  inset: 0;
469
  pointer-events: none;
470
  content: "";
471
- 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);
472
- opacity: .65;
473
  }
474
 
475
  .szl-holo-panel::after,
@@ -477,18 +362,17 @@ html[data-szl-holo-motif="evidence-vault"] #szl-holo-ambient::after {
477
  position: absolute;
478
  inset: -1px;
479
  pointer-events: none;
480
- content: "";
481
  border-radius: inherit;
482
- background: linear-gradient(118deg, transparent 12%, color-mix(in srgb, var(--szl-holo-ink) 9%, transparent) 38%, transparent 62%);
483
- transform: translateX(-110%);
484
- animation: szl-holo-specular 11s ease-in-out infinite;
 
485
  }
486
 
487
  .szl-holo-kicker,
488
  [data-szl-holo-kicker] {
489
  color: var(--szl-holo-accent);
490
- font-size: .72rem;
491
- font-weight: 780;
492
  letter-spacing: .18em;
493
  text-transform: uppercase;
494
  }
@@ -496,7 +380,7 @@ html[data-szl-holo-motif="evidence-vault"] #szl-holo-ambient::after {
496
  .szl-holo-title,
497
  [data-szl-holo-title] {
498
  color: var(--szl-holo-ink);
499
- background: linear-gradient(112deg, var(--szl-holo-ink), var(--szl-holo-accent) 58%, var(--szl-holo-accent-2));
500
  background-clip: text;
501
  -webkit-background-clip: text;
502
  -webkit-text-fill-color: transparent;
@@ -506,7 +390,8 @@ html[data-szl-holo-motif="evidence-vault"] #szl-holo-ambient::after {
506
  .szl-holo-muted { color: var(--szl-holo-muted); }
507
  .szl-holo-rule { border-color: var(--szl-holo-line); }
508
 
509
- .szl-holo-chip {
 
510
  min-height: 32px;
511
  display: inline-flex;
512
  align-items: center;
@@ -515,18 +400,14 @@ html[data-szl-holo-motif="evidence-vault"] #szl-holo-ambient::after {
515
  border: 1px solid var(--szl-holo-line-soft);
516
  border-radius: 999px;
517
  color: var(--szl-holo-muted);
518
- background: color-mix(in srgb, var(--szl-holo-surface) 78%, transparent);
519
- font: 650 11px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
 
520
  }
521
 
522
- .szl-holo-chip::before {
523
- width: 7px;
524
- height: 7px;
525
- border-radius: 50%;
526
- background: var(--szl-holo-accent);
527
- box-shadow: 0 0 14px var(--szl-holo-accent);
528
- content: "";
529
- }
530
 
531
  .szl-holo-evidence-ribbon {
532
  display: grid;
@@ -536,7 +417,7 @@ html[data-szl-holo-motif="evidence-vault"] #szl-holo-ambient::after {
536
  padding: 10px 12px;
537
  border-block: 1px solid var(--szl-holo-line-soft);
538
  color: var(--szl-holo-muted);
539
- font: 600 11px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
540
  }
541
 
542
  .szl-holo-evidence-ribbon strong { color: var(--szl-holo-ink); }
@@ -562,7 +443,7 @@ html[data-szl-holo-motif="evidence-vault"] #szl-holo-ambient::after {
562
  border-radius: var(--szl-holo-radius-sm);
563
  color: var(--szl-holo-bg);
564
  background: var(--szl-holo-accent);
565
- font: 760 14px/1.2 ui-sans-serif, system-ui, sans-serif;
566
  text-decoration: none;
567
  transform: translateY(-160%);
568
  transition: transform .16s ease;
@@ -575,51 +456,49 @@ html[data-szl-holo="v2"] :where(a, button, input, textarea, select, summary, [ta
575
  outline-offset: 3px !important;
576
  }
577
 
578
- @keyframes szl-holo-orbit {
579
- to { transform: rotate(351deg) scaleY(.58); }
580
- }
581
-
582
- @keyframes szl-holo-aurora {
583
- from { transform: translate3d(-5%, -3%, 0) rotate(-8deg) scale(1); }
584
- to { transform: translate3d(7%, 6%, 0) rotate(11deg) scale(1.08); }
585
- }
586
-
587
- @keyframes szl-holo-radar {
588
- to { transform: rotate(360deg); }
589
  }
590
 
591
- @keyframes szl-holo-recurse {
592
- to { transform: rotate(-360deg); }
 
593
  }
594
 
595
- @keyframes szl-holo-swarm {
596
- from { transform: translate3d(-1.5%, -1%, 0) scale(1); }
597
- to { transform: translate3d(1.5%, 1%, 0) scale(1.04); }
598
  }
599
 
600
  @keyframes szl-holo-breathe {
601
- from { opacity: .22; transform: scale(.96); }
602
- to { opacity: .42; transform: scale(1.03); }
603
  }
604
 
605
  @keyframes szl-holo-specular {
606
- 0%, 68%, 100% { transform: translateX(-115%); }
607
- 82% { transform: translateX(115%); }
 
 
 
 
608
  }
609
 
610
  @media (max-width: 760px) {
611
  :root { --szl-holo-rail-height: 56px; }
612
- #szl-holo-ambient { opacity: .62; }
613
  .szl-holo-menu { display: inline-flex; }
614
  .szl-holo-nav {
615
  position: absolute;
616
  top: calc(100% + 7px);
617
  right: max(8px, env(safe-area-inset-right));
618
- min-width: min(240px, calc(100vw - 16px));
 
619
  display: none;
620
  flex-direction: column;
621
  align-items: stretch;
622
  gap: 3px;
 
623
  padding: 8px;
624
  border: 1px solid var(--szl-holo-line);
625
  border-radius: var(--szl-holo-radius-md);
@@ -631,11 +510,13 @@ html[data-szl-holo="v2"] :where(a, button, input, textarea, select, summary, [ta
631
  .szl-holo-eyebrow { display: none; }
632
  .szl-holo-panel::after,
633
  [data-szl-holo-panel]::after { display: none; }
 
634
  }
635
 
636
- @media (max-width: 390px) {
637
  .szl-holo-label { max-width: 48vw; }
638
- .szl-holo-mark { width: 25px; height: 25px; }
 
639
  }
640
 
641
  @media (prefers-reduced-motion: reduce) {
@@ -655,10 +536,10 @@ html[data-szl-holo="v2"] :where(a, button, input, textarea, select, summary, [ta
655
 
656
  @media (prefers-contrast: more) {
657
  :root {
658
- --szl-holo-line: color-mix(in srgb, var(--szl-holo-accent) 58%, transparent);
659
- --szl-holo-line-soft: color-mix(in srgb, var(--szl-holo-ink) 34%, transparent);
660
  }
661
- #szl-holo-ambient { opacity: .32; }
662
  .szl-holo-panel,
663
  [data-szl-holo-panel] {
664
  border-width: 2px;
@@ -720,13 +601,12 @@ html[data-szl-holo="v2"] :where(a, button, input, textarea, select, summary, [ta
720
  }
721
 
722
  /* SZL FLUID ESTATE RAIL V4 */
723
- /* Founder-requested restoration: cyan A11oy palette, fluid all-screen
724
- navigation, and a keyboard/touch/wheel-scrollable estate strip. */
725
  html[data-szl-holo-surface="a11oy"] {
726
  --szl-holo-accent: #57ebff !important;
727
  --szl-holo-accent-2: #31e6d1 !important;
728
- --szl-holo-glow: rgb(87 235 255 / .19) !important;
729
- --szl-holo-glow-2: rgb(49 230 209 / .13) !important;
730
  --gold: #8fa5b8 !important;
731
  --warn: #8fa5b8 !important;
732
  }
@@ -737,49 +617,39 @@ html[data-szl-holo-surface="a11oy"] :where(.chip.roadmap, .badge.ROADMAP) {
737
  background: rgb(87 235 255 / .035) !important;
738
  }
739
 
740
- html[data-szl-holo="v2"] .szl-holo-nav {
 
 
741
  min-width: 0;
742
- max-width: min(72vw, 1080px);
743
- overflow-x: auto;
744
  overflow-y: hidden;
745
  justify-content: flex-start;
746
  overscroll-behavior-inline: contain;
747
  scroll-behavior: smooth;
748
  scroll-snap-type: x proximity;
749
  scrollbar-width: thin;
750
- scrollbar-color: rgb(87 235 255 / .38) transparent;
751
  touch-action: pan-x;
 
752
  }
753
 
754
  html[data-szl-holo="v2"] .szl-holo-nav::-webkit-scrollbar,
755
  html[data-szl-holo="v2"] .szl-estate::-webkit-scrollbar,
756
- html[data-szl-holo="v2"] .szl-hbar-live::-webkit-scrollbar {
757
- height: 5px;
758
- }
759
 
760
  html[data-szl-holo="v2"] .szl-holo-nav::-webkit-scrollbar-thumb,
761
  html[data-szl-holo="v2"] .szl-estate::-webkit-scrollbar-thumb,
762
  html[data-szl-holo="v2"] .szl-hbar-live::-webkit-scrollbar-thumb {
763
  border-radius: 999px;
764
- background: rgb(87 235 255 / .35);
765
  }
766
 
767
- html[data-szl-holo="v2"] .szl-holo-nav .szl-holo-link {
 
768
  flex: 0 0 auto;
769
  scroll-snap-align: start;
770
  }
771
 
772
- html[data-szl-holo="v2"] .szl-holo-link--estate::before {
773
- width: 5px;
774
- height: 5px;
775
- flex: 0 0 auto;
776
- border-radius: 50%;
777
- background: currentColor;
778
- box-shadow: 0 0 10px currentColor;
779
- content: "";
780
- opacity: .72;
781
- }
782
-
783
  html[data-szl-holo="v2"] .szl-hbar {
784
  width: 100% !important;
785
  max-width: 100% !important;
@@ -787,9 +657,7 @@ html[data-szl-holo="v2"] .szl-hbar {
787
  flex-wrap: nowrap !important;
788
  }
789
 
790
- html[data-szl-holo="v2"] .szl-hbar > * {
791
- min-width: 0 !important;
792
- }
793
 
794
  html[data-szl-holo="v2"] .szl-hbar-scope {
795
  flex: 0 1 320px !important;
@@ -800,279 +668,82 @@ html[data-szl-holo="v2"] .szl-hbar-scope {
800
  html[data-szl-holo="v2"] .szl-hbar-live {
801
  flex: 0 1 540px !important;
802
  min-width: 220px !important;
803
- justify-content: flex-start !important;
804
- overflow-x: auto !important;
805
- overflow-y: hidden !important;
806
- overscroll-behavior-inline: contain;
807
- scrollbar-width: thin;
808
- scrollbar-color: rgb(87 235 255 / .32) transparent;
809
- touch-action: pan-x;
810
- }
811
-
812
- html[data-szl-holo="v2"] .szl-hbar-live > * {
813
- flex: 0 0 auto !important;
814
- }
815
-
816
- html[data-szl-holo="v2"] .szl-hbar-switch {
817
- flex: 1 1 720px !important;
818
- min-width: 360px !important;
819
- max-width: none !important;
820
- overflow: hidden !important;
821
- gap: 7px !important;
822
- }
823
-
824
- html[data-szl-holo="v2"] .szl-estate-shell {
825
- position: relative;
826
- order: 2;
827
- min-width: 190px;
828
- flex: 1 1 420px;
829
- display: grid;
830
- grid-template-columns: 42px minmax(0, 1fr) 42px;
831
- align-items: center;
832
- gap: 4px;
833
- overflow: hidden;
834
- isolation: isolate;
835
- }
836
-
837
- html[data-szl-holo="v2"] .szl-estate-shell::before,
838
- html[data-szl-holo="v2"] .szl-estate-shell::after {
839
- position: absolute;
840
- z-index: 2;
841
- top: 0;
842
- bottom: 5px;
843
- width: 24px;
844
- pointer-events: none;
845
- content: "";
846
- opacity: 0;
847
- transition: opacity .16s ease;
848
- }
849
-
850
- html[data-szl-holo="v2"] .szl-estate-shell::before {
851
- left: 42px;
852
- background: linear-gradient(90deg, var(--szl-holo-bg), transparent);
853
- }
854
-
855
- html[data-szl-holo="v2"] .szl-estate-shell::after {
856
- right: 42px;
857
- background: linear-gradient(270deg, var(--szl-holo-bg), transparent);
858
- }
859
-
860
- html[data-szl-holo="v2"] .szl-estate-shell.can-left::before,
861
- html[data-szl-holo="v2"] .szl-estate-shell.can-right::after {
862
- opacity: .94;
863
- }
864
-
865
- html[data-szl-holo="v2"] .szl-estate-scroll {
866
- position: relative;
867
- z-index: 3;
868
- width: 42px;
869
- min-width: 42px;
870
- height: 44px;
871
- min-height: 44px;
872
- display: inline-flex;
873
- align-items: center;
874
- justify-content: center;
875
- padding: 0;
876
- border: 1px solid rgb(87 235 255 / .18);
877
- border-radius: 10px;
878
- color: #9bb0c4;
879
- background: rgb(3 7 12 / .84);
880
- font: 760 18px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
881
- cursor: pointer;
882
- touch-action: manipulation;
883
- }
884
-
885
- html[data-szl-holo="v2"] .szl-estate-scroll:hover,
886
- html[data-szl-holo="v2"] .szl-estate-scroll:focus-visible {
887
- border-color: rgb(87 235 255 / .52);
888
- color: #eaffff;
889
- background: rgb(87 235 255 / .075);
890
- }
891
-
892
- html[data-szl-holo="v2"] .szl-estate-scroll:disabled {
893
- opacity: .28;
894
- cursor: default;
895
  }
896
 
897
  html[data-szl-holo="v2"] .szl-estate {
898
- position: relative;
899
- z-index: 1;
900
- min-width: 0 !important;
901
- width: 100%;
902
- display: flex !important;
903
  align-items: center;
904
- gap: 6px;
905
- overflow-x: auto !important;
906
- overflow-y: hidden !important;
907
- padding: 2px 2px 7px;
908
- overscroll-behavior-inline: contain;
909
- scroll-behavior: smooth;
910
- scroll-padding-inline: 10px;
911
- scroll-snap-type: x proximity;
912
- scrollbar-width: thin;
913
- scrollbar-color: rgb(87 235 255 / .36) transparent;
914
- touch-action: pan-x;
915
- -webkit-overflow-scrolling: touch;
916
  }
917
 
918
- html[data-szl-holo="v2"] .szl-estate .szl-estate-link {
919
- min-width: max-content;
920
  min-height: 44px;
921
- flex: 0 0 auto;
922
- display: inline-flex !important;
923
  align-items: center;
924
  justify-content: center;
925
- gap: 7px;
926
- padding: 8px 13px;
927
- border: 1px solid rgb(87 235 255 / .15);
928
- border-radius: 10px;
929
- color: #91a7b8;
930
- background: rgb(255 255 255 / .018);
931
- font: 720 11px/1.1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
932
  letter-spacing: .08em;
933
  text-decoration: none;
934
  white-space: nowrap;
935
- scroll-snap-align: center;
936
- touch-action: manipulation;
937
  }
938
 
939
- html[data-szl-holo="v2"] .szl-estate .szl-estate-link:hover,
940
- html[data-szl-holo="v2"] .szl-estate .szl-estate-link:focus-visible {
941
- border-color: rgb(87 235 255 / .44);
942
- color: #eaffff;
943
- background: rgb(87 235 255 / .07);
944
- }
945
-
946
- html[data-szl-holo="v2"] .szl-estate .szl-estate-link[aria-current="page"] {
947
- border-color: rgb(87 235 255 / .62);
948
- color: #eaffff;
949
- background: linear-gradient(180deg, rgb(87 235 255 / .13), rgb(49 230 209 / .045));
950
- box-shadow: inset 0 1px 0 rgb(255 255 255 / .055), 0 0 22px rgb(87 235 255 / .07);
951
  }
952
 
953
- html[data-szl-holo="v2"] .szl-estate .szl-estate-link[data-bind="brain-anatomy"]::before {
954
- width: 6px;
955
- height: 6px;
956
- flex: 0 0 auto;
957
  border-radius: 50%;
958
- background: #31e6d1;
959
- box-shadow: 0 0 11px rgb(49 230 209 / .72);
960
  content: "";
961
  }
962
 
963
- html[data-szl-holo="v2"]:not([data-operator="1"]) body .szl-hbar .szl-estate,
964
- html[data-szl-holo="v2"]:not([data-operator="1"]) body .szl-hbar .szl-estate.extlinks,
965
- html[data-szl-holo="v2"]:not([data-operator="1"]) body .szl-hbar .szl-estate a.szl-estate-link,
966
- html[data-szl-holo="v2"]:not([data-operator="1"]) body .szl-hbar .szl-estate a.szl-estate-link[href*="killinchu"] {
967
  display: flex !important;
968
  }
969
 
970
- @media (max-width: 1380px) {
971
- html[data-szl-holo="v2"] .szl-hbar {
972
- height: auto !important;
973
- min-height: 0 !important;
974
- flex-wrap: wrap !important;
975
- }
976
-
977
- html[data-szl-holo="v2"] .szl-hbar-scope {
978
- flex: 1 1 300px !important;
979
- max-width: 46% !important;
980
- }
981
-
982
- html[data-szl-holo="v2"] .szl-hbar-live {
983
- flex: 1 1 48% !important;
984
- max-width: none !important;
985
- }
986
-
987
- html[data-szl-holo="v2"] .szl-hbar-switch {
988
- flex: 1 1 100% !important;
989
- width: 100% !important;
990
- min-width: 0 !important;
991
- padding-top: 6px;
992
- border-top: 1px solid rgb(87 235 255 / .09);
993
- border-left: 0 !important;
994
- }
995
  }
996
 
997
  @media (max-width: 760px) {
998
- html[data-szl-holo="v2"] .szl-holo-nav {
999
- max-width: min(320px, calc(100vw - 16px));
1000
- overflow-x: hidden;
1001
- overflow-y: auto;
1002
- scroll-snap-type: none;
1003
- touch-action: pan-y;
1004
  }
1005
-
1006
- html[data-szl-holo="v2"] .szl-hbar-scope {
1007
- flex: 1 1 calc(100% - 52px) !important;
1008
- max-width: calc(100% - 52px) !important;
1009
  }
1010
-
1011
  html[data-szl-holo="v2"] .szl-hbar-live {
1012
- order: 3;
1013
  flex: 1 1 100% !important;
1014
- width: 100% !important;
1015
- min-width: 0 !important;
1016
- }
1017
-
1018
- html[data-szl-holo="v2"] .szl-hbar-switch {
1019
- order: 4;
1020
- flex-wrap: wrap !important;
1021
- align-items: center !important;
1022
- }
1023
-
1024
- html[data-szl-holo="v2"] .szl-estate-shell {
1025
- order: 10;
1026
- min-width: 0;
1027
- width: 100%;
1028
- flex: 1 1 100%;
1029
- grid-template-columns: 44px minmax(0, 1fr) 44px;
1030
  }
1031
  }
1032
 
1033
  @media (max-width: 430px) {
1034
- html[data-szl-holo="v2"] .szl-hbar-switch .szl-cmdk,
1035
- html[data-szl-holo="v2"] .szl-hbar-switch .szl-op-toggle {
1036
- min-width: 44px;
1037
- padding-inline: 9px;
1038
- font-size: 0;
1039
- }
1040
-
1041
- html[data-szl-holo="v2"] .szl-hbar-switch .szl-cmdk::after {
1042
- content: "⌘";
1043
- font-size: 15px;
1044
- }
1045
-
1046
- html[data-szl-holo="v2"] .szl-hbar-switch .szl-op-toggle::after {
1047
- content: "OP";
1048
- font-size: 10px;
1049
- }
1050
- }
1051
-
1052
- @media (prefers-reduced-motion: reduce) {
1053
- html[data-szl-holo="v2"] .szl-holo-nav,
1054
- html[data-szl-holo="v2"] .szl-estate,
1055
- html[data-szl-holo="v2"] .szl-hbar-live {
1056
- scroll-behavior: auto;
1057
- }
1058
-
1059
- html[data-szl-holo="v2"] .szl-estate-shell::before,
1060
- html[data-szl-holo="v2"] .szl-estate-shell::after {
1061
- transition: none;
1062
- }
1063
- }
1064
-
1065
- @media (forced-colors: active) {
1066
- html[data-szl-holo="v2"] .szl-estate-scroll,
1067
- html[data-szl-holo="v2"] .szl-estate .szl-estate-link {
1068
- border: 1px solid CanvasText;
1069
- color: CanvasText;
1070
- background: Canvas;
1071
- box-shadow: none;
1072
- }
1073
-
1074
- html[data-szl-holo="v2"] .szl-estate .szl-estate-link[aria-current="page"] {
1075
- color: HighlightText;
1076
- background: Highlight;
1077
- }
1078
  }
 
1
  /*
2
  * A11oy Holo-Constellation v2.0.0
3
+ * SZL Obsidian Signal family system.
4
+ * One shell grammar; distinct command, field, and gateway instruments.
5
  * No external assets, tracking, storage, network fetches, or copied design code.
6
  * SPDX-License-Identifier: Apache-2.0
7
  */
8
 
9
  :root {
10
+ color-scheme: dark;
11
+ --szl-holo-bg: #05070a;
12
+ --szl-holo-bg-deep: #020305;
13
+ --szl-holo-surface: #0b1017;
14
+ --szl-holo-surface-2: #111a24;
15
+ --szl-holo-ink: #f1f4f6;
16
+ --szl-holo-bone: #e8e2d6;
17
+ --szl-holo-muted: #98a6b5;
18
+ --szl-holo-faint: #647180;
19
+ --szl-holo-accent: #57ebff;
20
  --szl-holo-accent-2: #31e6d1;
21
+ --szl-holo-signal: #d6a85f;
22
+ --szl-holo-danger: #ef746f;
23
+ --szl-holo-warning: #d6a85f;
24
+ --szl-holo-success: #65d9ae;
25
+ --szl-holo-line: color-mix(in srgb, var(--szl-holo-accent) 22%, transparent);
26
+ --szl-holo-line-soft: color-mix(in srgb, var(--szl-holo-ink) 11%, transparent);
27
  --szl-holo-glow: color-mix(in srgb, var(--szl-holo-accent) 16%, transparent);
28
+ --szl-holo-glow-2: color-mix(in srgb, var(--szl-holo-accent-2) 11%, transparent);
29
+ --szl-holo-shadow: 0 28px 90px rgb(0 0 0 / .44);
30
  --szl-holo-radius-sm: 10px;
31
  --szl-holo-radius-md: 18px;
32
+ --szl-holo-radius-lg: 28px;
33
+ --szl-holo-space-1: clamp(.45rem, .36rem + .28vw, .68rem);
34
+ --szl-holo-space-2: clamp(.78rem, .62rem + .48vw, 1.18rem);
35
+ --szl-holo-space-3: clamp(1.15rem, .9rem + .8vw, 1.85rem);
36
+ --szl-holo-space-4: clamp(1.75rem, 1.2rem + 1.7vw, 3.25rem);
37
+ --szl-holo-space-5: clamp(2.7rem, 1.9rem + 3vw, 5.8rem);
 
38
  --szl-holo-pointer-x: 50%;
39
  --szl-holo-pointer-y: 22%;
40
  --szl-holo-scroll: 0;
41
+ --szl-holo-rail-height: 60px;
 
 
42
  --szl-holo-z-ambient: -2;
43
+ --szl-holo-z-rail: 2147482000;
44
+ --szl-holo-font: Inter, "SF Pro Display", "Segoe UI", system-ui, -apple-system, sans-serif;
45
+ --szl-holo-mono: "SFMono-Regular", "Cascadia Code", "Roboto Mono", ui-monospace, Menlo, Consolas, monospace;
46
  }
47
 
48
  html[data-szl-holo="v2"] {
49
+ min-width: 0;
50
+ max-width: 100%;
51
  overflow-x: clip;
 
 
52
  scroll-padding-top: calc(var(--szl-holo-rail-height) + 18px);
53
+ background: var(--szl-holo-bg-deep);
54
+ -webkit-text-size-adjust: 100%;
55
  }
56
 
57
  html[data-szl-holo="v2"] body {
58
+ min-width: 0;
59
+ max-width: 100%;
60
+ overflow-x: clip !important;
61
  color: var(--szl-holo-ink);
62
+ background:
63
+ radial-gradient(circle at 78% 9%, var(--szl-holo-glow), transparent 28rem),
64
+ linear-gradient(180deg, var(--szl-holo-bg-deep), var(--szl-holo-bg) 42%, var(--szl-holo-bg-deep));
65
+ font-family: var(--szl-holo-font);
66
+ text-rendering: optimizeLegibility;
67
+ -webkit-font-smoothing: antialiased;
68
  }
69
 
70
+ html[data-szl-holo="v2"] *,
71
+ html[data-szl-holo="v2"] *::before,
72
+ html[data-szl-holo="v2"] *::after { box-sizing: border-box; }
73
+
74
+ html[data-szl-holo="v2"] :where(img, svg, canvas, video, iframe, table, pre) { max-width: 100%; }
75
+ html[data-szl-holo="v2"] :where(pre, table) { overflow-x: auto; }
76
+ html[data-szl-holo="v2"] :where(p, li, td, th, code, a) { overflow-wrap: anywhere; }
77
+ html[data-szl-holo="v2"] :where(.mono, code, pre, [data-metric], [data-value]) {
78
+ font-family: var(--szl-holo-mono);
79
+ font-variant-numeric: tabular-nums;
80
  }
81
 
82
+ html[data-szl-holo="v2"] :where(h1, h2, h3) {
83
+ color: var(--szl-holo-ink);
84
+ text-wrap: balance;
85
+ letter-spacing: -.035em;
 
 
 
 
 
 
 
 
86
  }
87
 
88
+ html[data-szl-holo="v2"] :where(p, li) { text-wrap: pretty; }
89
+ html[data-szl-holo="v2"] ::selection {
90
+ color: var(--szl-holo-bg);
91
+ background: var(--szl-holo-accent);
92
+ }
93
+
94
+ /* Family identity: parent shell is shared, instrument material is not. */
95
+ body.szl-hatun-gateway {
96
+ --szl-holo-bg: #060711;
97
+ --szl-holo-bg-deep: #02030a;
98
+ --szl-holo-surface: #0d1020;
99
+ --szl-holo-surface-2: #151a31;
100
+ --szl-holo-accent: #9e9bff;
101
+ --szl-holo-accent-2: #70dbff;
102
+ --szl-holo-signal: #e3b76e;
103
+ --szl-holo-glow: rgb(158 155 255 / .16);
104
+ --szl-holo-glow-2: rgb(112 219 255 / .10);
105
+ }
106
+
107
+ html[data-szl-holo-surface="killinchu"],
108
+ body.szl-killinchu-field {
109
+ --szl-holo-bg: #050a0c;
110
+ --szl-holo-bg-deep: #010405;
111
+ --szl-holo-surface: #0a1316;
112
+ --szl-holo-surface-2: #112025;
113
+ --szl-holo-accent: #68e8d8;
114
+ --szl-holo-accent-2: #8bc7ff;
115
+ --szl-holo-signal: #d9955b;
116
+ --szl-holo-glow: rgb(104 232 216 / .14);
117
+ --szl-holo-glow-2: rgb(217 149 91 / .08);
118
+ }
119
+
120
+ /* Decorative layer. It is never telemetry. */
121
  #szl-holo-ambient {
122
  position: fixed;
123
  inset: 0;
124
  z-index: var(--szl-holo-z-ambient);
125
  overflow: hidden;
126
  pointer-events: none;
127
+ opacity: .78;
128
  contain: strict;
129
+ background:
130
+ linear-gradient(90deg, transparent 49.75%, var(--szl-holo-line-soft) 50%, transparent 50.25%),
131
+ linear-gradient(0deg, transparent 49.75%, var(--szl-holo-line-soft) 50%, transparent 50.25%);
132
+ background-size: clamp(58px, 7vw, 110px) clamp(58px, 7vw, 110px);
133
+ mask-image: linear-gradient(to bottom, #000 0%, rgb(0 0 0 / .75) 48%, transparent 96%);
134
  }
135
 
136
  #szl-holo-ambient::before,
137
  #szl-holo-ambient::after {
138
  position: absolute;
139
+ inset: -28vmax;
140
  content: "";
141
+ border-radius: 50%;
142
+ opacity: .56;
143
  will-change: transform;
144
  }
145
 
146
+ #szl-holo-ambient::before {
 
 
 
 
 
 
 
 
 
 
 
 
147
  border: 1px solid var(--szl-holo-line);
 
148
  background:
149
+ repeating-radial-gradient(circle at center, transparent 0 5.8vmax, var(--szl-holo-line) 5.9vmax 6vmax),
150
+ conic-gradient(from 90deg, transparent 0 14%, var(--szl-holo-glow) 14% 15%, transparent 15% 49%, var(--szl-holo-glow-2) 49% 50%, transparent 50% 100%);
151
+ transform: rotate(-9deg) scaleY(.62);
152
  animation: szl-holo-orbit 38s linear infinite;
153
  }
154
 
155
+ #szl-holo-ambient::after {
156
+ inset: -8vmax;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
157
  background:
158
+ radial-gradient(circle at var(--szl-holo-pointer-x) var(--szl-holo-pointer-y), var(--szl-holo-glow), transparent 22vmax),
159
+ linear-gradient(112deg, transparent 20%, var(--szl-holo-glow-2) 49%, transparent 72%);
160
+ filter: blur(34px);
161
+ animation: szl-holo-breathe 12s ease-in-out infinite alternate;
 
 
 
 
 
162
  }
163
 
164
+ html[data-szl-holo-motif="gateway-weave"] #szl-holo-ambient::before,
165
+ body.szl-hatun-gateway #szl-holo-ambient::before {
166
+ border-radius: 0;
 
 
 
 
 
 
 
 
 
167
  background:
168
+ repeating-linear-gradient(28deg, transparent 0 54px, var(--szl-holo-line) 55px 56px),
169
+ repeating-linear-gradient(152deg, transparent 0 88px, color-mix(in srgb, var(--szl-holo-accent-2) 14%, transparent) 89px 90px);
170
+ transform: perspective(900px) rotateX(58deg) rotateZ(-9deg) scale(1.25);
 
171
  }
172
 
173
+ html[data-szl-holo-motif="field-vector"] #szl-holo-ambient::before,
174
+ html[data-szl-holo-motif="agent-swarm"] #szl-holo-ambient::before,
175
+ body.szl-killinchu-field #szl-holo-ambient::before {
176
  background:
177
+ repeating-radial-gradient(circle at 64% 32%, transparent 0 7.5vmax, var(--szl-holo-line) 7.6vmax 7.7vmax),
178
+ conic-gradient(from -36deg at 64% 32%, transparent 0 46%, var(--szl-holo-signal) 47% 47.35%, transparent 48% 100%);
179
+ transform: rotate(0) scaleY(.72);
180
+ }
181
+
182
+ html[data-szl-holo-motif="bathymetric-radar"] #szl-holo-ambient::before,
183
+ html[data-szl-holo-motif="topographic-parcels"] #szl-holo-ambient::before,
184
+ html[data-szl-holo-motif="threat-lattice"] #szl-holo-ambient::before,
185
+ html[data-szl-holo-motif="case-facets"] #szl-holo-ambient::before,
186
+ html[data-szl-holo-motif="editorial-orbit"] #szl-holo-ambient::before,
187
+ html[data-szl-holo-motif="connection-field"] #szl-holo-ambient::before,
188
+ html[data-szl-holo-motif="assembly-circuit"] #szl-holo-ambient::before,
189
+ html[data-szl-holo-motif="recursive-ring"] #szl-holo-ambient::before,
190
+ html[data-szl-holo-motif="woven-proof"] #szl-holo-ambient::before,
191
+ html[data-szl-holo-motif="signal-aurora"] #szl-holo-ambient::before,
192
+ html[data-szl-holo-motif="command-constellation"] #szl-holo-ambient::before {
193
+ opacity: .5;
194
  }
195
 
196
+ /* Shared premium rail. */
197
  .szl-holo-rail {
198
  position: sticky;
199
  top: 0;
200
  z-index: var(--szl-holo-z-rail);
201
+ width: 100%;
202
  min-height: var(--szl-holo-rail-height);
203
  display: grid;
204
  grid-template-columns: minmax(0, 1fr) auto;
205
  align-items: center;
206
  gap: var(--szl-holo-space-2);
207
+ padding:
208
+ max(8px, env(safe-area-inset-top))
209
+ max(clamp(14px, 2.7vw, 42px), env(safe-area-inset-right))
210
+ 8px
211
+ max(clamp(14px, 2.7vw, 42px), env(safe-area-inset-left));
212
+ border-bottom: 1px solid var(--szl-holo-line-soft);
213
+ background: color-mix(in srgb, var(--szl-holo-bg-deep) 84%, transparent);
214
+ box-shadow: 0 16px 46px rgb(0 0 0 / .16);
215
+ backdrop-filter: blur(22px) saturate(125%);
216
+ -webkit-backdrop-filter: blur(22px) saturate(125%);
217
  }
218
 
219
  .szl-holo-rail *,
 
225
  min-height: 44px;
226
  display: inline-flex;
227
  align-items: center;
228
+ gap: 12px;
229
+ color: var(--szl-holo-ink);
230
  text-decoration: none;
231
+ touch-action: manipulation;
232
  }
233
 
234
  .szl-holo-mark {
 
236
  width: 28px;
237
  height: 28px;
238
  flex: 0 0 auto;
239
+ border: 1px solid var(--szl-holo-line);
240
+ border-radius: 8px;
241
  background:
242
+ linear-gradient(135deg, transparent 44%, var(--szl-holo-accent) 45% 52%, transparent 53%),
243
+ color-mix(in srgb, var(--szl-holo-surface-2) 88%, transparent);
244
+ box-shadow: 0 0 22px var(--szl-holo-glow);
245
+ transform: rotate(45deg);
246
  }
247
 
248
  .szl-holo-mark::after {
249
  position: absolute;
250
+ inset: 8px;
251
+ border-radius: 50%;
252
+ background: var(--szl-holo-accent-2);
253
+ box-shadow: 0 0 12px var(--szl-holo-accent-2);
254
  content: "";
255
+ }
256
+
257
+ body.szl-hatun-gateway .szl-holo-mark {
258
+ border-radius: 50%;
259
+ background:
260
+ conic-gradient(from 45deg, var(--szl-holo-accent), transparent 18% 32%, var(--szl-holo-accent-2) 33% 51%, transparent 52% 70%, var(--szl-holo-signal) 71% 72%, transparent 73%);
261
  }
262
 
263
  .szl-holo-copy {
 
267
  }
268
 
269
  .szl-holo-eyebrow {
270
+ color: var(--szl-holo-faint);
271
+ font: 700 9px/1.2 var(--szl-holo-mono);
272
+ letter-spacing: .18em;
 
 
 
273
  text-transform: uppercase;
 
274
  }
275
 
276
  .szl-holo-label {
277
+ max-width: min(42vw, 34rem);
278
  overflow: hidden;
279
+ color: var(--szl-holo-ink);
280
+ font: 650 clamp(12px, 1vw, 14px)/1.25 var(--szl-holo-font);
281
  letter-spacing: -.01em;
282
  text-overflow: ellipsis;
283
  white-space: nowrap;
284
  }
285
 
286
+ .szl-holo-controls { min-width: 0; display: flex; align-items: center; gap: 8px; }
287
+ .szl-holo-nav { min-width: 0; display: flex; align-items: center; gap: 4px; }
 
 
 
288
 
289
  .szl-holo-link,
290
  .szl-holo-menu {
291
+ min-width: 54px;
292
+ min-height: 48px;
293
  display: inline-flex;
294
  align-items: center;
295
  justify-content: center;
296
+ padding: 9px 12px;
297
  border: 1px solid transparent;
298
+ border-radius: 10px;
299
  color: var(--szl-holo-muted);
300
  background: transparent;
301
+ font: 700 10px/1.2 var(--szl-holo-mono);
302
+ letter-spacing: .1em;
303
  text-decoration: none;
304
+ text-transform: uppercase;
305
  cursor: pointer;
306
  touch-action: manipulation;
307
  -webkit-tap-highlight-color: transparent;
 
314
  .szl-holo-menu:focus-visible {
315
  border-color: color-mix(in srgb, var(--szl-holo-accent) 38%, transparent);
316
  color: var(--szl-holo-ink);
317
+ background: color-mix(in srgb, var(--szl-holo-accent) 8%, transparent);
318
  outline: none;
319
  }
320
 
321
+ .szl-holo-link[aria-current="page"]::before {
322
+ width: 5px;
323
+ height: 5px;
324
+ margin-right: 6px;
325
+ border-radius: 50%;
326
+ background: var(--szl-holo-accent);
327
+ box-shadow: 0 0 12px var(--szl-holo-accent);
328
+ content: "";
329
+ }
330
+
331
  .szl-holo-menu { display: none; }
332
 
333
+ /* Shared material and truthful states. */
334
  .szl-holo-panel,
335
+ [data-szl-holo-panel],
336
+ html[data-szl-holo="v2"] :where(main .card, main .panel, main .metric-card, main .feature-card) {
337
  position: relative;
338
+ min-width: 0;
339
  overflow: hidden;
340
  border: 1px solid var(--szl-holo-line-soft);
341
  border-radius: var(--szl-holo-radius-md);
342
  background:
343
+ linear-gradient(145deg, color-mix(in srgb, var(--szl-holo-surface-2) 48%, transparent), transparent 46%),
344
+ color-mix(in srgb, var(--szl-holo-surface) 90%, transparent);
345
  box-shadow: var(--szl-holo-shadow);
346
+ backdrop-filter: blur(18px) saturate(118%);
347
+ -webkit-backdrop-filter: blur(18px) saturate(118%);
 
348
  }
349
 
350
  .szl-holo-panel::before,
 
353
  inset: 0;
354
  pointer-events: none;
355
  content: "";
356
+ background: radial-gradient(circle at var(--szl-holo-pointer-x) var(--szl-holo-pointer-y), color-mix(in srgb, var(--szl-holo-accent) 12%, transparent), transparent 23rem);
357
+ opacity: .6;
358
  }
359
 
360
  .szl-holo-panel::after,
 
362
  position: absolute;
363
  inset: -1px;
364
  pointer-events: none;
 
365
  border-radius: inherit;
366
+ content: "";
367
+ background: linear-gradient(118deg, transparent 15%, color-mix(in srgb, var(--szl-holo-ink) 8%, transparent) 42%, transparent 64%);
368
+ transform: translateX(-118%);
369
+ animation: szl-holo-specular 13s ease-in-out infinite;
370
  }
371
 
372
  .szl-holo-kicker,
373
  [data-szl-holo-kicker] {
374
  color: var(--szl-holo-accent);
375
+ font: 750 .7rem/1.4 var(--szl-holo-mono);
 
376
  letter-spacing: .18em;
377
  text-transform: uppercase;
378
  }
 
380
  .szl-holo-title,
381
  [data-szl-holo-title] {
382
  color: var(--szl-holo-ink);
383
+ background: linear-gradient(112deg, var(--szl-holo-ink), var(--szl-holo-accent) 62%, var(--szl-holo-accent-2));
384
  background-clip: text;
385
  -webkit-background-clip: text;
386
  -webkit-text-fill-color: transparent;
 
390
  .szl-holo-muted { color: var(--szl-holo-muted); }
391
  .szl-holo-rule { border-color: var(--szl-holo-line); }
392
 
393
+ .szl-holo-chip,
394
+ html[data-szl-holo="v2"] :where(.chip, .pill, .badge, [data-state]) {
395
  min-height: 32px;
396
  display: inline-flex;
397
  align-items: center;
 
400
  border: 1px solid var(--szl-holo-line-soft);
401
  border-radius: 999px;
402
  color: var(--szl-holo-muted);
403
+ background: color-mix(in srgb, var(--szl-holo-surface) 80%, transparent);
404
+ font: 700 10px/1.2 var(--szl-holo-mono);
405
+ letter-spacing: .08em;
406
  }
407
 
408
+ html[data-szl-holo="v2"] :where([data-state="LIVE"], .state-live, .live) { color: var(--szl-holo-success); }
409
+ html[data-szl-holo="v2"] :where([data-state="DEGRADED"], .state-degraded, .warning) { color: var(--szl-holo-warning); }
410
+ html[data-szl-holo="v2"] :where([data-state="UNAVAILABLE"], .state-unavailable, .error) { color: var(--szl-holo-danger); }
 
 
 
 
 
411
 
412
  .szl-holo-evidence-ribbon {
413
  display: grid;
 
417
  padding: 10px 12px;
418
  border-block: 1px solid var(--szl-holo-line-soft);
419
  color: var(--szl-holo-muted);
420
+ font: 650 11px/1.4 var(--szl-holo-mono);
421
  }
422
 
423
  .szl-holo-evidence-ribbon strong { color: var(--szl-holo-ink); }
 
443
  border-radius: var(--szl-holo-radius-sm);
444
  color: var(--szl-holo-bg);
445
  background: var(--szl-holo-accent);
446
+ font: 760 14px/1.2 var(--szl-holo-font);
447
  text-decoration: none;
448
  transform: translateY(-160%);
449
  transition: transform .16s ease;
 
456
  outline-offset: 3px !important;
457
  }
458
 
459
+ /* Buttons and form controls inherit one geometry without erasing local identity. */
460
+ html[data-szl-holo="v2"] :where(button, .btn, .cta, a.button, input, select, textarea) {
461
+ border-radius: 10px;
 
 
 
 
 
 
 
 
462
  }
463
 
464
+ html[data-szl-holo="v2"] :where(button, .btn, .cta, a.button) {
465
+ min-height: 44px;
466
+ touch-action: manipulation;
467
  }
468
 
469
+ @keyframes szl-holo-orbit {
470
+ to { transform: rotate(351deg) scaleY(.62); }
 
471
  }
472
 
473
  @keyframes szl-holo-breathe {
474
+ from { opacity: .2; transform: scale(.97); }
475
+ to { opacity: .42; transform: scale(1.025); }
476
  }
477
 
478
  @keyframes szl-holo-specular {
479
+ 0%, 72%, 100% { transform: translateX(-118%); }
480
+ 86% { transform: translateX(118%); }
481
+ }
482
+
483
+ @media (max-width: 1380px) {
484
+ .szl-holo-rail { padding-inline: max(16px, env(safe-area-inset-left)); }
485
  }
486
 
487
  @media (max-width: 760px) {
488
  :root { --szl-holo-rail-height: 56px; }
489
+ #szl-holo-ambient { opacity: .58; }
490
  .szl-holo-menu { display: inline-flex; }
491
  .szl-holo-nav {
492
  position: absolute;
493
  top: calc(100% + 7px);
494
  right: max(8px, env(safe-area-inset-right));
495
+ left: max(8px, env(safe-area-inset-left));
496
+ max-height: min(62dvh, 440px);
497
  display: none;
498
  flex-direction: column;
499
  align-items: stretch;
500
  gap: 3px;
501
+ overflow-y: auto;
502
  padding: 8px;
503
  border: 1px solid var(--szl-holo-line);
504
  border-radius: var(--szl-holo-radius-md);
 
510
  .szl-holo-eyebrow { display: none; }
511
  .szl-holo-panel::after,
512
  [data-szl-holo-panel]::after { display: none; }
513
+ .szl-holo-evidence-ribbon { grid-template-columns: 1fr; }
514
  }
515
 
516
+ @media (max-width: 430px) {
517
  .szl-holo-label { max-width: 48vw; }
518
+ .szl-holo-mark { width: 24px; height: 24px; }
519
+ .szl-holo-rail { gap: 8px; padding-inline: 10px; }
520
  }
521
 
522
  @media (prefers-reduced-motion: reduce) {
 
536
 
537
  @media (prefers-contrast: more) {
538
  :root {
539
+ --szl-holo-line: color-mix(in srgb, var(--szl-holo-accent) 62%, transparent);
540
+ --szl-holo-line-soft: color-mix(in srgb, var(--szl-holo-ink) 38%, transparent);
541
  }
542
+ #szl-holo-ambient { opacity: .26; }
543
  .szl-holo-panel,
544
  [data-szl-holo-panel] {
545
  border-width: 2px;
 
601
  }
602
 
603
  /* SZL FLUID ESTATE RAIL V4 */
604
+ /* Source-compatible family navigation with a restrained A11oy signal palette. */
 
605
  html[data-szl-holo-surface="a11oy"] {
606
  --szl-holo-accent: #57ebff !important;
607
  --szl-holo-accent-2: #31e6d1 !important;
608
+ --szl-holo-glow: rgb(87 235 255 / .16) !important;
609
+ --szl-holo-glow-2: rgb(49 230 209 / .11) !important;
610
  --gold: #8fa5b8 !important;
611
  --warn: #8fa5b8 !important;
612
  }
 
617
  background: rgb(87 235 255 / .035) !important;
618
  }
619
 
620
+ html[data-szl-holo="v2"] .szl-holo-nav,
621
+ html[data-szl-holo="v2"] .szl-estate,
622
+ html[data-szl-holo="v2"] .szl-hbar-live {
623
  min-width: 0;
624
+ overflow-x: auto !important;
 
625
  overflow-y: hidden;
626
  justify-content: flex-start;
627
  overscroll-behavior-inline: contain;
628
  scroll-behavior: smooth;
629
  scroll-snap-type: x proximity;
630
  scrollbar-width: thin;
631
+ scrollbar-color: rgb(87 235 255 / .32) transparent;
632
  touch-action: pan-x;
633
+ -webkit-overflow-scrolling: touch;
634
  }
635
 
636
  html[data-szl-holo="v2"] .szl-holo-nav::-webkit-scrollbar,
637
  html[data-szl-holo="v2"] .szl-estate::-webkit-scrollbar,
638
+ html[data-szl-holo="v2"] .szl-hbar-live::-webkit-scrollbar { height: 5px; }
 
 
639
 
640
  html[data-szl-holo="v2"] .szl-holo-nav::-webkit-scrollbar-thumb,
641
  html[data-szl-holo="v2"] .szl-estate::-webkit-scrollbar-thumb,
642
  html[data-szl-holo="v2"] .szl-hbar-live::-webkit-scrollbar-thumb {
643
  border-radius: 999px;
644
+ background: rgb(87 235 255 / .3);
645
  }
646
 
647
+ html[data-szl-holo="v2"] .szl-holo-nav .szl-holo-link,
648
+ html[data-szl-holo="v2"] .szl-estate-link {
649
  flex: 0 0 auto;
650
  scroll-snap-align: start;
651
  }
652
 
 
 
 
 
 
 
 
 
 
 
 
653
  html[data-szl-holo="v2"] .szl-hbar {
654
  width: 100% !important;
655
  max-width: 100% !important;
 
657
  flex-wrap: nowrap !important;
658
  }
659
 
660
+ html[data-szl-holo="v2"] .szl-hbar > * { min-width: 0 !important; }
 
 
661
 
662
  html[data-szl-holo="v2"] .szl-hbar-scope {
663
  flex: 0 1 320px !important;
 
668
  html[data-szl-holo="v2"] .szl-hbar-live {
669
  flex: 0 1 540px !important;
670
  min-width: 220px !important;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
671
  }
672
 
673
  html[data-szl-holo="v2"] .szl-estate {
674
+ display: flex;
 
 
 
 
675
  align-items: center;
676
+ gap: 5px;
677
+ max-width: min(100%, 1380px);
678
+ margin-inline: auto;
679
+ padding: 7px max(10px, env(safe-area-inset-left));
 
 
 
 
 
 
 
 
680
  }
681
 
682
+ html[data-szl-holo="v2"] .szl-estate-link,
683
+ html[data-szl-holo="v2"] .flag {
684
  min-height: 44px;
685
+ display: inline-flex;
 
686
  align-items: center;
687
  justify-content: center;
688
+ padding: 8px 11px;
689
+ border: 1px solid transparent;
690
+ border-radius: 9px;
691
+ color: var(--szl-holo-muted);
692
+ font: 700 10px/1.15 var(--szl-holo-mono);
 
 
693
  letter-spacing: .08em;
694
  text-decoration: none;
695
  white-space: nowrap;
 
 
696
  }
697
 
698
+ html[data-szl-holo="v2"] .szl-estate-link[aria-current="page"] {
699
+ border-color: var(--szl-holo-line);
700
+ color: var(--szl-holo-ink);
701
+ background: color-mix(in srgb, var(--szl-holo-accent) 8%, transparent);
 
 
 
 
 
 
 
 
702
  }
703
 
704
+ html[data-szl-holo="v2"] [data-bind="brain-anatomy"]::before {
705
+ width: 5px;
706
+ height: 5px;
707
+ margin-right: 6px;
708
  border-radius: 50%;
709
+ background: var(--szl-holo-accent-2);
 
710
  content: "";
711
  }
712
 
713
+ html[data-szl-holo="v2"]:not([data-operator="1"]) a.szl-estate-link[href*="killinchu"],
714
+ html[data-szl-holo="v2"]:not([data-operator="1"]) a.szl-estate-link[href*="estate"] {
 
 
715
  display: flex !important;
716
  }
717
 
718
+ html[data-szl-holo="v2"] .szl-estate-arrow,
719
+ html[data-szl-holo="v2"] .szl-holo-scroll-button {
720
+ min-width: 44px;
721
+ min-height: 44px;
722
+ flex: 0 0 auto;
723
+ border: 1px solid var(--szl-holo-line-soft);
724
+ border-radius: 10px;
725
+ color: var(--szl-holo-ink);
726
+ background: var(--szl-holo-surface);
727
+ cursor: pointer;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
728
  }
729
 
730
  @media (max-width: 760px) {
731
+ html[data-szl-holo="v2"] .szl-estate {
732
+ width: 100%;
733
+ max-width: 100%;
734
+ padding-inline: max(8px, env(safe-area-inset-left));
 
 
735
  }
736
+ html[data-szl-holo="v2"] .szl-hbar {
737
+ flex-wrap: wrap !important;
 
 
738
  }
739
+ html[data-szl-holo="v2"] .szl-hbar-scope,
740
  html[data-szl-holo="v2"] .szl-hbar-live {
 
741
  flex: 1 1 100% !important;
742
+ max-width: 100% !important;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
743
  }
744
  }
745
 
746
  @media (max-width: 430px) {
747
+ html[data-szl-holo="v2"] .szl-estate-link,
748
+ html[data-szl-holo="v2"] .flag { padding-inline: 9px; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
749
  }
formula_registry/formula-registry.v1.json CHANGED
@@ -1,7 +1,7 @@
1
  {
2
  "payload": {
3
  "authority": "FORMAL_SOURCE_PINNED",
4
- "coverage_scope": "Exact locked-eight authority plus the F23 Lambda non-authority boundary; not an exhaustive inventory of every SZL formula or theorem.",
5
  "covered_formula_ids": [
6
  "F1",
7
  "F4",
@@ -238,7 +238,7 @@
238
  "algorithm": "sha256",
239
  "canonicalization": "UTF-8 JSON; object keys sorted; separators ',', ':'; ensure_ascii=false; digest scope=payload",
240
  "scope": "payload",
241
- "value": "b6f20fb5897520ea31b5a2bd558b25a1551b521e9f78c6524a889e07f4762e06"
242
  },
243
  "schema_version": "szl.formula-authority.v2",
244
  "signature": {
 
1
  {
2
  "payload": {
3
  "authority": "FORMAL_SOURCE_PINNED",
4
+ "coverage_scope": "Exact locked-eight authority plus the F23 Lambda boundary, which remains Conjecture 1 and is not a theorem; not an exhaustive inventory of every SZL formula or formal result.",
5
  "covered_formula_ids": [
6
  "F1",
7
  "F4",
 
238
  "algorithm": "sha256",
239
  "canonicalization": "UTF-8 JSON; object keys sorted; separators ',', ':'; ensure_ascii=false; digest scope=payload",
240
  "scope": "payload",
241
+ "value": "ec1d9e1aa6c6bcb1fb70731c86d46374a6aeed6d311c2bf5e315b12c87ec6b08"
242
  },
243
  "schema_version": "szl.formula-authority.v2",
244
  "signature": {
pages/wires.html CHANGED
@@ -1,240 +1,144 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
  <head>
4
- <meta charset="UTF-8"/>
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6
- <title>a11oy Wires · The Constitution · SZL Holdings</title>
7
- <meta name="description" content="The live cross-organ mesh: five wires (B/C/D/E/F) that bind the organs into one signed organism. Each row reads a real a11oy endpoint — no mock data."/>
8
- <!-- SOVEREIGN: 0 runtime CDN. Fonts self-hosted in-image, served same-origin at
9
- /vendor/fonts/*.woff2 (SAME pattern as the clean console). NO external font CDN. -->
10
- <style>
11
- @font-face{font-family:'Space Grotesk';font-style:normal;font-weight:300 700;font-display:swap;src:url('/vendor/fonts/SpaceGrotesk.woff2') format('woff2');}
12
- @font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url('/vendor/fonts/JetBrainsMono.woff2') format('woff2');}
13
- </style>
14
- <style>
15
  :root{
16
- --ground:#0a0a0a; --panel:#0c0c0c; --panel2:#070707;
17
- --gold:#c9b787; --gold-bright:#d6c69a;
18
- --teal:#5fb3a3; --teal-soft:rgba(95,179,163,0.10);
19
- --cream:#f5f5f5; --paragraph:#9a9a9a; --muted:#888; --dim:#555;
20
- --gold-line:rgba(201,183,135,0.15); --gold-soft:rgba(201,183,135,0.04);
21
- --teal-line:rgba(95,179,163,0.22);
22
- --live:#5a8a6e; --err:#b06a5a;
23
- --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;
24
- --display:'Space Grotesk',Georgia,serif;
25
  }
26
- *{box-sizing:border-box;}
27
- html,body{margin:0;padding:0;background:var(--ground);color:var(--cream);
28
- font-family:var(--display);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
29
- .mono{font-family:var(--mono);}
30
- a{color:inherit;}
31
- :focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:3px;}
32
- .ribbon{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:1.25rem;
33
- flex-wrap:wrap;padding:0.5rem 1.25rem;font-family:var(--mono);font-size:10px;
34
- letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);
35
- background:rgba(10,10,10,0.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--gold-line);}
36
- .ribbon .sep{color:var(--dim);} .ribbon .teal{color:var(--teal);}
37
- .ribbon .live{display:inline-flex;align-items:center;gap:0.4rem;color:var(--cream);}
38
- .ribbon a{margin-left:auto;color:var(--teal);text-decoration:none;}
39
- .live-dot{width:6px;height:6px;border-radius:50%;background:var(--live);box-shadow:0 0 6px var(--live);animation:pulseDot 2.2s ease-in-out infinite;}
40
- @keyframes pulseDot{0%,100%{opacity:1;}50%{opacity:.35;}}
41
- .hero{position:relative;overflow:hidden;padding:3rem 1.5rem 2rem;text-align:center;}
42
- .grid-bg{position:absolute;inset:0;pointer-events:none;
43
- background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
44
- background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);}
45
- .hero-inner{position:relative;z-index:2;max-width:64rem;margin:0 auto;}
46
- .eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .85rem;border-radius:999px;border:1px solid var(--gold-line);background:var(--gold-soft);margin-bottom:1.5rem;}
47
- .eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:pulseDot 2.2s ease-in-out infinite;}
48
- .eyebrow-text{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);}
49
- .headline{font-size:clamp(2.2rem,5vw,4rem);font-weight:300;line-height:1.04;letter-spacing:-.035em;margin:0 0 1.1rem;color:var(--cream);}
50
- .headline .accent{background:linear-gradient(120deg,var(--cream) 20%,var(--gold) 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
51
- .support{font-size:16px;line-height:1.65;color:var(--paragraph);max-width:42rem;margin:0 auto 1.75rem;}
52
- .stats{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;max-width:60rem;margin:0 auto;}
53
- .stat{flex:1 1 150px;min-width:140px;border:1px solid var(--gold-line);border-radius:8px;background:var(--panel);padding:.9rem 1rem;text-align:left;}
54
- .stat .k{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);}
55
- .stat .v{font-size:1.35rem;font-weight:500;color:var(--gold);margin-top:.25rem;}
56
- .stat .v.teal{color:var(--teal);}
57
- .wrap{max-width:64rem;margin:1.5rem auto 3rem;padding:0 1.25rem;}
58
- .controls{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem;}
59
- .r-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:11.5px;font-weight:500;font-family:var(--mono);
60
- border-radius:6px;border:1px solid var(--gold-line);background:transparent;color:var(--gold);cursor:pointer;letter-spacing:.04em;transition:background .18s,border-color .18s;}
61
- .r-btn:hover{background:rgba(201,183,135,.08);border-color:rgba(201,183,135,.35);}
62
- .r-btn.primary{background:rgba(95,179,163,.10);border-color:var(--teal-line);color:var(--teal);}
63
- .wire{border:1px solid var(--gold-line);border-radius:12px;background:var(--panel);padding:1.2rem 1.3rem;margin-bottom:1rem;}
64
- .wire-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.5rem;flex-wrap:wrap;}
65
- .wire-id{font-family:var(--mono);font-size:12px;color:var(--teal);border:1px solid var(--teal-line);border-radius:5px;padding:.1rem .5rem;background:var(--teal-soft);}
66
- .wire-edge{font-size:1.05rem;font-weight:500;color:var(--cream);}
67
- .wire-status{margin-left:auto;font-family:var(--mono);font-size:10px;letter-spacing:.1em;padding:.15rem .55rem;border-radius:999px;}
68
- .st-live{color:var(--live);border:1px solid rgba(90,138,110,.4);background:rgba(90,138,110,.08);}
69
- .st-proc{color:var(--gold);border:1px solid var(--gold-line);background:var(--gold-soft);}
70
- .wire-detail{font-family:var(--mono);font-size:11.5px;color:var(--paragraph);line-height:1.6;}
71
- .meta{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:1rem;line-height:1.7;}
72
- .honesty{max-width:64rem;margin:0 auto 2rem;padding:1.1rem 1.3rem;border:1px solid var(--gold-line);border-radius:10px;background:var(--gold-soft);
73
- font-size:12px;color:var(--paragraph);line-height:1.7;}
74
- .honesty b{color:var(--gold);}
75
- .footer{padding:2rem 1.5rem 3rem;text-align:center;}
76
- .footer .note{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);}
77
- .const-wrap{max-width:64rem;margin:0 auto 2rem;padding:0 1.25rem;}
78
- .const-head{display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap;margin:0 0 .35rem;}
79
- .const-head h2{font-size:1.5rem;font-weight:300;letter-spacing:-.02em;color:var(--cream);margin:0;}
80
- .const-ver{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);
81
- border:1px solid var(--teal-line);border-radius:999px;padding:.2rem .7rem;background:var(--teal-soft);}
82
- .const-sub{font-size:13px;color:var(--paragraph);line-height:1.65;margin:0 0 1rem;}
83
- .rule{border:1px solid var(--gold-line);border-radius:10px;background:var(--panel);padding:.95rem 1.1rem;margin-bottom:.7rem;}
84
- .rule-head{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;}
85
- .rule-id{font-family:var(--mono);font-size:12px;color:var(--gold);border:1px solid var(--gold-line);border-radius:5px;padding:.1rem .5rem;background:var(--gold-soft);}
86
- .rule-st{font-size:.98rem;font-weight:500;color:var(--cream);}
87
- .rule-en{margin-left:auto;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;padding:.15rem .55rem;border-radius:999px;}
88
- .en-live{color:var(--teal);border:1px solid var(--teal-line);background:var(--teal-soft);}
89
- .en-rec{color:var(--live);border:1px solid rgba(90,138,110,.4);background:rgba(90,138,110,.08);}
90
- .en-dec{color:var(--gold);border:1px solid var(--gold-line);background:var(--gold-soft);}
91
- .en-np{color:var(--err);border:1px solid rgba(176,106,90,.4);background:rgba(176,106,90,.08);}
92
- .rule-body{font-family:var(--mono);font-size:11.5px;color:var(--paragraph);line-height:1.6;margin-top:.4rem;}
93
- .rule-body a{color:var(--teal);text-decoration:none;}
94
- .const-cred{font-family:var(--mono);font-size:10.5px;color:var(--muted);line-height:1.8;margin-top:.9rem;}
95
- .const-cred a{color:var(--teal);text-decoration:none;}
96
- @media (max-width:560px){.wire-status{margin-left:0;}.rule-en{margin-left:0;}}
97
  </style>
98
- <link rel="stylesheet" href="/assets/szl-flow.css" data-szl-flow-asset="style" />
99
- <link rel="stylesheet" href="/assets/szl-holo-v2.css" data-szl-holo-asset="style-v2" />
100
  </head>
101
- <body>
102
- <div class="ribbon">
103
- <span>SZL HOLDINGS</span><span class="sep">/</span>
104
- <span class="teal">A11OY</span><span class="sep">/</span>
105
- <span>WIRES · THE CONSTITUTION</span><span class="sep">/</span>
106
- <span>DOCTRINE V11 · LOCKED</span><span class="sep">/</span>
107
- <span class="live"><span class="live-dot"></span>LIVE · RT</span>
108
- <a href="/superpowers">superpowers →</a>
109
- </div>
110
-
111
- <section class="hero">
112
- <div class="grid-bg" aria-hidden="true"></div>
113
- <div class="hero-inner">
114
- <div class="eyebrow"><span class="eyebrow-dot"></span><span class="eyebrow-text">· five wires · one signed organism</span></div>
115
- <h1 class="headline">Five organs. <span class="accent">One constitution.</span></h1>
116
- <p class="support">The mesh is the constitution: five wires that bind the organs into one organism. Each row below reads the live
117
- <span class="mono">/api/a11oy/v1/mesh/state</span> endpoint — real status, no mock. Honest labels distinguish a fully cross-Space
118
- wire from an in-process one.</p>
119
- <div class="stats">
120
- <div class="stat"><div class="k">Wires</div><div class="v" id="s-wires">—</div></div>
121
- <div class="stat"><div class="k">Doctrine</div><div class="v teal" id="s-doc">v11</div></div>
122
- <div class="stat"><div class="k">Λ status</div><div class="v teal">Conjecture 1</div></div>
123
- <div class="stat"><div class="k">SLSA</div><div class="v teal">Build L2</div></div>
124
- </div>
125
  </div>
126
- </section>
127
 
128
- <div class="wrap">
129
- <div class="controls">
130
- <button class="r-btn primary" onclick="loadWires()">▶ Refresh the mesh</button>
131
- <button class="r-btn" onclick="window.location='/observability'">Observability →</button>
132
- <button class="r-btn" onclick="document.getElementById('constitution').scrollIntoView({behavior:'smooth'})">The written constitution ↓</button>
133
- </div>
134
- <div id="wires"></div>
135
- <div class="meta" id="meta"></div>
136
- </div>
 
 
 
 
 
 
 
 
 
 
 
137
 
 
 
 
 
 
138
 
139
- <section class="const-wrap" id="constitution">
140
- <div class="const-head">
141
- <h2>The written constitution</h2>
142
- <span class="const-ver">W-CONST v1.0 &middot; 2026-07-09</span>
143
- </div>
144
- <p class="const-sub">The wires above are the live mesh; these are the <b style="color:var(--cream)">versioned, numbered rules</b> the
145
- organism is wired to obey. Each rule links to where its enforcement can be observed &mdash; a live endpoint, a receipt surface, or an
146
- honest DECLARED label when the property is build-time. One rule is special: it is <b style="color:var(--cream)">never provable</b>, and the
147
- constitution says so.</p>
148
 
149
- <div class="rule" id="W-1">
150
- <div class="rule-head"><span class="rule-id">W-1</span><span class="rule-st">Never fabricate.</span><span class="rule-en en-live">LIVE-READ</span></div>
151
- <div class="rule-body">Every surfaced number carries MEASURED / REPORTED / UNKNOWN / UNAVAILABLE. A missing read is shown as missing, never invented.
152
- Enforcement: <a href="/api/a11oy/v1/honest">/api/a11oy/v1/honest</a> (doctrine lock, live).</div>
153
- </div>
154
- <div class="rule" id="W-2">
155
- <div class="rule-head"><span class="rule-id">W-2</span><span class="rule-st">&Lambda; stays Conjecture 1 &mdash; forever open.</span><span class="rule-en en-np">NEVER-PROVABLE</span></div>
156
- <div class="rule-body">&Lambda;-uniqueness is machine-checked FALSE as an unconditional statement; it may only ever be advisory. No release, page, or
157
- agent may promote it to a theorem. This clause is enshrined precisely because it can never be discharged.
158
- Reference: <a href="/api/a11oy/v1/honest">/api/a11oy/v1/honest</a>.</div>
159
- </div>
160
- <div class="rule" id="W-3">
161
- <div class="rule-head"><span class="rule-id">W-3</span><span class="rule-st">Bounded loops only.</span><span class="rule-en en-rec">RECEIPTED</span></div>
162
- <div class="rule-body">Every agentic run executes under the ouroboros loop-kernel with an explicit step budget; each receipt carries the
163
- steps / maxBudget / exit trace. No unbounded autonomy. Observe it: run the <a href="/ayllu">/ayllu council</a> and read the loop block in the receipt.</div>
164
- </div>
165
- <div class="rule" id="W-4">
166
- <div class="rule-head"><span class="rule-id">W-4</span><span class="rule-st">Metered actions emit signed receipts.</span><span class="rule-en en-rec">RECEIPTED</span></div>
167
- <div class="rule-body">DSSE / ECDSA-P256 signed, hash-chained. A decision without a receipt is a bug, not a feature.
168
- Verify offline at <a href="/verify">/verify</a>.</div>
169
- </div>
170
- <div class="rule" id="W-5">
171
- <div class="rule-head"><span class="rule-id">W-5</span><span class="rule-st">Sovereign serving &mdash; 0 runtime CDN.</span><span class="rule-en en-dec">DECLARED</span></div>
172
- <div class="rule-body">No third-party runtime fetches; fonts and scripts are served same-origin. Build-time property &mdash; labelled DECLARED
173
- honestly (verifiable by inspecting this very page's network panel).</div>
174
- </div>
175
- <div class="rule" id="W-6">
176
- <div class="rule-head"><span class="rule-id">W-6</span><span class="rule-st">Proved-count honesty.</span><span class="rule-en en-live">LIVE-READ</span></div>
177
- <div class="rule-body">Exactly 8 locked-proven formulas {F1,F4,F7,F11,F12,F18,F19,F22}; the experimental kernel-verified tier is reported
178
- separately and never folded in. Registry: <a href="/formulas">/formulas</a>.</div>
179
- </div>
180
- <div class="rule" id="W-7">
181
- <div class="rule-head"><span class="rule-id">W-7</span><span class="rule-st">No energy claims without a meter.</span><span class="rule-en en-live">LIVE-READ</span></div>
182
- <div class="rule-body">When no live meter exists the energy panel says UNAVAILABLE &mdash; no perpetual-motion numbers, ever.
183
- Enforcement: <a href="/api/a11oy/v1/energy/live">/api/a11oy/v1/energy/live</a>.</div>
184
- </div>
185
- <div class="rule" id="W-8">
186
- <div class="rule-head"><span class="rule-id">W-8</span><span class="rule-st">Knowledge instilled &ne; weights trained.</span><span class="rule-en en-live">LIVE-READ</span></div>
187
- <div class="rule-body">Personas carry cited, instilled knowledge in their system prompts; no claim of weight-training is ever made.
188
- Enforcement: <a href="/api/a11oy/v1/ayllu/roster">/api/a11oy/v1/ayllu/roster</a> (<span class="mono">knowledge_instilled</span> flag).</div>
189
- </div>
190
-
191
- <div class="const-cred">
192
- format after <a href="https://github.com/openai/model_spec" rel="noopener">openai/model_spec</a> (CC0-1.0 &mdash; structure mirrored; rules are our own) &middot;
193
- pattern citations: Constitutional AI (<a href="https://arxiv.org/abs/2212.08073" rel="noopener">arXiv:2212.08073</a>),
194
- principle granularity (<a href="https://arxiv.org/abs/2310.13798" rel="noopener">arXiv:2310.13798</a>) &middot;
195
- enforcement labels: LIVE-READ = a real endpoint you can click &middot; RECEIPTED = signed evidence per run &middot;
196
- DECLARED = build-time property, honestly labelled &middot; NEVER-PROVABLE = enshrined open conjecture
197
- </div>
198
- </section>
199
-
200
- <div class="honesty">
201
- <b>Honesty.</b> Statuses are read live from <span class="mono">/api/a11oy/v1/mesh/state</span>. <b>LIVE</b> = a real in-Space wire;
202
- <b>LIVE_IN_PROCESS</b> = real W3C trace ids generated + propagated within each Space (the cross-Space distributed-trace broker is
203
- NOT yet wired and is shown honestly). Λ is <b>Conjecture 1</b>, never a theorem. Proved formulas = <b>8</b> {F1,F4,F7,F11,F12,F18,F19,F22}.
204
- SLSA <b>Build L2</b> on all 5 organ images. No L3 / FedRAMP / Iron Bank / CMMC.
205
  </div>
206
 
207
- <footer class="footer"><span class="note">a11oy · governance substrate · by SZL Holdings · Counsel-governed · A11oy-orchestrated</span></footer>
208
-
209
  <script>
210
- async function getJSON(path){ const r=await fetch(path); if(!r.ok) throw new Error('HTTP '+r.status); return r.json(); }
211
- function statusClass(s){ return (s||'').toUpperCase().includes('PROCESS') ? 'st-proc' : 'st-live'; }
212
- async function loadWires(){
213
- const host=document.getElementById('wires');
214
- host.innerHTML='<div class="wire-detail mono">loading live mesh…</div>';
215
- try{
216
- const d=await getJSON('/api/a11oy/v1/mesh/state');
217
- const wires=d.wires||{};
218
- const keys=Object.keys(wires);
219
- document.getElementById('s-wires').textContent=keys.length;
220
- document.getElementById('s-doc').textContent=d.doctrine||'v11';
221
- host.innerHTML='';
222
- keys.forEach(k=>{
223
- const w=wires[k];
224
- const el=document.createElement('div'); el.className='wire';
225
- el.innerHTML=`<div class="wire-head"><span class="wire-id">Wire ${k}</span>
226
- <span class="wire-edge">${(w.edge||'').replace(/</g,'&lt;')}</span>
227
- <span class="wire-status ${statusClass(w.status)}">${w.status||'—'}</span></div>
228
- <div class="wire-detail">${(w.detail||'').replace(/</g,'&lt;')}</div>`;
229
- host.appendChild(el);
230
- });
231
- const m=document.getElementById('meta');
232
- m.innerHTML=`khipu_root: ${d.khipu_root||'(empty — resets on restart)'}<br>${(d.honesty||'').replace(/</g,'&lt;')}`;
233
- }catch(e){ host.innerHTML='<div class="wire-detail mono" style="color:var(--err)">mesh unreachable: '+e.message+' — retry in a moment (transient).</div>'; }
234
- }
235
- loadWires();
236
  </script>
237
- <script src="/assets/szl-flow.js" defer data-szl-flow-asset="script"></script>
238
- <script src="/assets/szl-holo-v2.js" defer data-szl-holo-asset="script-v2"></script>
239
  </body>
240
  </html>
 
1
+ <!doctype html>
2
+ <html lang="en" data-theme="dark">
3
  <head>
4
+ <meta charset="utf-8">
5
+ <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
6
+ <meta name="color-scheme" content="dark">
7
+ <title>Hatun Gateway · governed context mesh · A11oy</title>
8
+ <meta name="description" content="Hatun is the governed context gateway inside A11oy: inspect the live mesh, understand its contracts, build against its interfaces, and verify its evidence.">
9
+ <style>
10
+ @font-face{font-family:"Space Grotesk";font-style:normal;font-weight:300 700;font-display:swap;src:url("/vendor/fonts/SpaceGrotesk.woff2") format("woff2")}
11
+ @font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 700;font-display:swap;src:url("/vendor/fonts/JetBrainsMono.woff2") format("woff2")}
 
 
 
12
  :root{
13
+ --page:#03040a;--panel:#0c0f1c;--panel2:#11162a;--ink:#f1f3f6;--muted:#9aa5b7;
14
+ --faint:#667186;--line:rgba(232,238,255,.12);--violet:#9e9bff;--ice:#70dbff;
15
+ --signal:#e3b76e;--danger:#ef746f;--success:#65d9ae;
16
+ --display:"Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
17
+ --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
 
 
 
 
18
  }
19
+ *{box-sizing:border-box}
20
+ html{background:var(--page);scroll-behavior:smooth}
21
+ body{margin:0;min-width:0;color:var(--ink);background:
22
+ radial-gradient(circle at 78% 12%,rgba(158,155,255,.13),transparent 28rem),
23
+ radial-gradient(circle at 16% 48%,rgba(112,219,255,.07),transparent 26rem),
24
+ var(--page);font-family:var(--display);line-height:1.55;overflow-x:clip}
25
+ a{color:inherit}.page{position:relative;z-index:1}.shell{width:min(1180px,calc(100% - 32px));margin-inline:auto}
26
+ .local-nav{display:flex;align-items:center;gap:14px;min-height:64px;border-bottom:1px solid var(--line)}
27
+ .brand{display:flex;align-items:center;gap:11px;min-width:0;text-decoration:none}
28
+ .brand-mark{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(158,155,255,.35);border-radius:50%;box-shadow:0 0 22px rgba(158,155,255,.18)}
29
+ .brand-mark::before{width:8px;height:8px;border-radius:50%;background:var(--ice);box-shadow:0 0 14px var(--ice);content:""}
30
+ .brand-copy{display:grid;line-height:1.15}.brand-copy small{font:700 9px/1.2 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}
31
+ .brand-copy strong{font-size:14px;letter-spacing:-.01em}
32
+ .family{margin-left:auto;display:flex;align-items:center;gap:4px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
33
+ .family::-webkit-scrollbar{display:none}.family a{min-height:44px;display:inline-flex;align-items:center;padding:8px 11px;border:1px solid transparent;border-radius:9px;color:var(--muted);font:700 10px/1.2 var(--mono);letter-spacing:.09em;text-decoration:none;text-transform:uppercase;white-space:nowrap}
34
+ .family a[aria-current="page"]{border-color:rgba(158,155,255,.32);color:var(--ink);background:rgba(158,155,255,.07)}
35
+ .hero{position:relative;min-height:min(760px,82vh);display:grid;align-items:center;padding:clamp(74px,11vw,150px) 0 clamp(64px,9vw,120px);border-bottom:1px solid var(--line);overflow:hidden}
36
+ .weave{position:absolute;inset:0;pointer-events:none;opacity:.66;mask-image:linear-gradient(to bottom,#000,transparent 94%)}
37
+ .weave::before,.weave::after{position:absolute;inset:-20%;content:"";background:repeating-linear-gradient(28deg,transparent 0 54px,rgba(158,155,255,.11) 55px 56px),repeating-linear-gradient(152deg,transparent 0 88px,rgba(112,219,255,.07) 89px 90px);transform:perspective(950px) rotateX(58deg) rotateZ(-8deg) scale(1.15)}
38
+ .weave::after{inset:15% 8%;filter:blur(28px);background:radial-gradient(circle,rgba(158,155,255,.15),transparent 66%);transform:none}
39
+ .hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:clamp(34px,7vw,92px);align-items:center}
40
+ .eyebrow{margin:0;color:var(--violet);font:700 10px/1.4 var(--mono);letter-spacing:.2em;text-transform:uppercase}
41
+ h1{max-width:780px;margin:16px 0 0;font-size:clamp(44px,7.7vw,104px);font-weight:520;line-height:.91;letter-spacing:-.065em;text-wrap:balance}h1 span{color:var(--ice)}
42
+ .lede{max-width:66ch;margin:26px 0 0;color:var(--muted);font-size:clamp(16px,1.6vw,20px);line-height:1.65;text-wrap:pretty}
43
+ .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.action{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:rgba(12,15,28,.72);font:700 11px/1.2 var(--mono);letter-spacing:.07em;text-decoration:none}
44
+ .action.primary{border-color:rgba(158,155,255,.45);background:linear-gradient(135deg,rgba(158,155,255,.18),rgba(112,219,255,.08))}.action:hover{border-color:rgba(112,219,255,.52);transform:translateY(-1px)}
45
+ .instrument{position:relative;min-height:420px;border:1px solid var(--line);border-radius:24px;background:rgba(8,10,20,.78);box-shadow:0 34px 100px rgba(0,0,0,.46);overflow:hidden;backdrop-filter:blur(18px)}
46
+ .instrument-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);font:700 10px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
47
+ .instrument-head .pulse{width:7px;height:7px;border-radius:50%;background:var(--faint)}.instrument[data-state="LIVE"] .pulse{background:var(--success);box-shadow:0 0 14px var(--success)}
48
+ .instrument[data-state="DEGRADED"] .pulse{background:var(--signal);box-shadow:0 0 14px var(--signal)}.instrument[data-state="UNAVAILABLE"] .pulse{background:var(--danger)}
49
+ .mesh-field{position:relative;height:300px;overflow:hidden}.mesh-field::before{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:38px 38px;content:""}
50
+ .mesh-nodes{position:absolute;inset:0}.mesh-node{position:absolute;width:10px;height:10px;border:1px solid currentColor;border-radius:50%;color:var(--violet);box-shadow:0 0 20px currentColor;transform:translate(-50%,-50%)}
51
+ .mesh-node::after{position:absolute;inset:3px;border-radius:50%;background:currentColor;content:""}.mesh-node:nth-child(1){left:17%;top:24%}.mesh-node:nth-child(2){left:48%;top:14%;color:var(--ice)}
52
+ .mesh-node:nth-child(3){left:78%;top:31%;color:var(--signal)}.mesh-node:nth-child(4){left:30%;top:68%;color:var(--ice)}.mesh-node:nth-child(5){left:68%;top:75%}
53
+ .mesh-lines{position:absolute;inset:0;width:100%;height:100%}.mesh-lines line{stroke:rgba(158,155,255,.3);stroke-width:.65}.mesh-lines line:nth-child(even){stroke:rgba(112,219,255,.23)}
54
+ .instrument-foot{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.reading{min-width:0;padding:14px;border-right:1px solid var(--line)}.reading:last-child{border-right:0}
55
+ .reading small{display:block;color:var(--faint);font:700 9px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase}.reading strong{display:block;margin-top:6px;color:var(--ink);font:650 13px/1.3 var(--mono);overflow-wrap:anywhere}
56
+ .pathways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border-bottom:1px solid var(--line)}
57
+ .pathway{min-height:180px;padding:clamp(24px,4vw,42px);background:var(--page);text-decoration:none}.pathway small{color:var(--faint);font:700 10px/1.2 var(--mono);letter-spacing:.15em;text-transform:uppercase}
58
+ .pathway h2{margin:14px 0 0;font-size:clamp(24px,3vw,38px);letter-spacing:-.04em}.pathway p{margin:10px 0 0;color:var(--muted);max-width:36ch}.pathway:hover h2{color:var(--ice)}
59
+ .section{padding:clamp(62px,8vw,112px) 0;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:.45fr 1fr;gap:28px;align-items:end;margin-bottom:32px}
60
+ .section-head h2{margin:0;font-size:clamp(34px,5vw,66px);font-weight:520;line-height:.98;letter-spacing:-.055em}.section-head p{margin:0;color:var(--muted);max-width:60ch}
61
+ .mesh-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wire{position:relative;min-width:0;padding:22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(17,22,42,.82),rgba(7,9,17,.9))}
62
+ .wire-top{display:flex;align-items:flex-start;gap:12px}.wire-id{min-width:44px;color:var(--violet);font:700 11px/1.2 var(--mono);letter-spacing:.08em}.wire-title{margin:0;font-size:18px;letter-spacing:-.025em}
63
+ .wire-state{margin-left:auto;padding:4px 8px;border:1px solid currentColor;border-radius:999px;color:var(--muted);font:700 9px/1.2 var(--mono);letter-spacing:.08em}.wire[data-state="LIVE"] .wire-state,.wire[data-state="MEASURED"] .wire-state{color:var(--success)}
64
+ .wire[data-state="DEGRADED"] .wire-state,.wire[data-state="REPORTED"] .wire-state,.wire[data-state="DECLARED"] .wire-state{color:var(--signal)}.wire[data-state="UNAVAILABLE"] .wire-state{color:var(--danger)}
65
+ .wire-detail{margin:14px 0 0;color:var(--muted);font:500 12px/1.65 var(--mono)}.wire-evidence{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--line);color:var(--faint);font:500 10px/1.55 var(--mono)}
66
+ .empty{grid-column:1/-1;padding:28px;border:1px dashed var(--line);border-radius:16px;color:var(--muted);font:600 12px/1.6 var(--mono)}
67
+ .disclosure{margin-top:22px;padding:18px 20px;border-left:2px solid var(--signal);background:rgba(227,183,110,.045);color:var(--muted);font:500 12px/1.7 var(--mono)}
68
+ .footer{padding:34px 0 calc(34px + env(safe-area-inset-bottom));color:var(--faint);font:600 10px/1.6 var(--mono);letter-spacing:.07em}.footer-row{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center}.footer a{text-decoration:none;color:var(--muted)}
69
+ :focus-visible{outline:2px solid var(--ice);outline-offset:3px}
70
+ @media(max-width:900px){.hero-grid{grid-template-columns:1fr}.instrument{min-height:360px}.pathways{grid-template-columns:1fr}.pathway{min-height:0}.section-head{grid-template-columns:1fr}.mesh-list{grid-template-columns:1fr}}
71
+ @media(max-width:620px){.shell{width:min(100% - 22px,1180px)}.local-nav{align-items:flex-start;flex-direction:column;padding-block:10px}.family{width:100%;margin-left:0}.hero{min-height:0}.instrument-foot{grid-template-columns:1fr}.reading{border-right:0;border-bottom:1px solid var(--line)}.reading:last-child{border-bottom:0}h1{font-size:clamp(42px,15vw,68px)}}
72
+ @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.action{transition:none}.action:hover{transform:none}}
73
+ @media(forced-colors:active){.instrument,.wire,.pathway,.action{border:1px solid CanvasText;background:Canvas}.weave{display:none}}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
74
  </style>
75
+ <link rel="stylesheet" href="/assets/szl-holo-v2.css" data-szl-holo-asset="style-v2">
 
76
  </head>
77
+ <body class="szl-hatun-gateway">
78
+ <div class="page">
79
+ <div class="shell">
80
+ <nav class="local-nav" aria-label="SZL product family">
81
+ <a class="brand" href="/console" aria-label="Open A11oy command"><span class="brand-mark" aria-hidden="true"></span><span class="brand-copy"><small>SZL / Product family</small><strong>Hatun Gateway</strong></span></a>
82
+ <div class="family"><a href="/console">A11oy</a><a href="/killinchu">Killinchu</a><a href="/wires" aria-current="page">Hatun</a><a href="/living-anatomy">Living Anatomy</a></div>
83
+ </nav>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
84
  </div>
 
85
 
86
+ <main id="main">
87
+ <section class="hero">
88
+ <div class="weave" aria-hidden="true"></div>
89
+ <div class="shell hero-grid">
90
+ <div>
91
+ <p class="eyebrow">Governed context gateway · source-bound interfaces</p>
92
+ <h1>Context enters.<br><span>Evidence leaves.</span></h1>
93
+ <p class="lede">Hatun is the context and tool gateway inside A11oy. It binds agents, organs, policies, and receipts into one inspectable mesh. The page never invents a wire: every runtime state below is read from the A11oy mesh contract.</p>
94
+ <div class="actions"><a class="action primary" href="#mesh">Inspect the live mesh</a><a class="action" href="/api/a11oy/v1/mesh/state">Open the JSON contract</a><a class="action" href="https://github.com/szl-holdings/hatun-mcp" rel="noopener">Read the Hatun source</a></div>
95
+ </div>
96
+ <aside class="instrument" id="gateway-instrument" data-state="UNAVAILABLE" aria-label="Hatun gateway status">
97
+ <div class="instrument-head"><span class="pulse" aria-hidden="true"></span><span id="instrument-state">Reading mesh contract</span></div>
98
+ <div class="mesh-field" aria-hidden="true">
99
+ <svg class="mesh-lines" viewBox="0 0 100 100" preserveAspectRatio="none"><line x1="17" y1="24" x2="48" y2="14"></line><line x1="48" y1="14" x2="78" y2="31"></line><line x1="17" y1="24" x2="30" y2="68"></line><line x1="30" y1="68" x2="68" y2="75"></line><line x1="78" y1="31" x2="68" y2="75"></line><line x1="48" y1="14" x2="68" y2="75"></line></svg>
100
+ <div class="mesh-nodes"><i class="mesh-node"></i><i class="mesh-node"></i><i class="mesh-node"></i><i class="mesh-node"></i><i class="mesh-node"></i></div>
101
+ </div>
102
+ <div class="instrument-foot"><div class="reading"><small>Transport</small><strong id="read-transport">UNAVAILABLE</strong></div><div class="reading"><small>Wires observed</small><strong id="read-wires">UNAVAILABLE</strong></div><div class="reading"><small>Evidence</small><strong id="read-evidence">UNAVAILABLE</strong></div></div>
103
+ </aside>
104
+ </div>
105
+ </section>
106
 
107
+ <nav class="pathways" aria-label="Hatun pathways">
108
+ <a class="pathway" href="#understand"><small>01 · Understand</small><h2>Read the contract</h2><p>See the mesh, its authority boundary, and exactly what each wire reports.</p></a>
109
+ <a class="pathway" href="/code"><small>02 · Build</small><h2>Use the interfaces</h2><p>Move from product surface to source, schemas, and integration paths without changing visual grammar.</p></a>
110
+ <a class="pathway" href="/api/a11oy/v1/verify/receipt"><small>03 · Verify</small><h2>Follow the evidence</h2><p>Inspect receipt and verification surfaces rather than trusting a decorative status.</p></a>
111
+ </nav>
112
 
113
+ <section class="section" id="mesh"><div class="shell">
114
+ <div class="section-head"><div><p class="eyebrow">Live interface map</p><h2>One mesh.<br>Explicit states.</h2></div><p id="mesh-summary">Reading <span style="font-family:var(--mono)">/api/a11oy/v1/mesh/state</span>. Until that request succeeds, the gateway remains UNAVAILABLE.</p></div>
115
+ <div class="mesh-list" id="wire-list" aria-live="polite"><div class="empty">UNAVAILABLE — the mesh contract has not been read yet.</div></div>
116
+ <div class="disclosure" id="understand"><strong>Authority boundary.</strong> Hatun presents context and governed interfaces. A transport response is not correctness, a declared wire is not measured health, and Λ remains Conjecture 1—not a theorem. Missing evidence remains UNAVAILABLE.</div>
117
+ </div></section>
118
+ </main>
 
 
 
119
 
120
+ <footer class="footer"><div class="shell footer-row"><span>© SZL · Hatun Gateway</span><a href="/console">A11oy command</a><a href="/living-anatomy">Living Anatomy</a><a href="https://github.com/szl-holdings/hatun-mcp" rel="noopener">Hatun source</a><a href="/api/a11oy/v1/mesh/state">Mesh contract</a></div></footer>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
121
  </div>
122
 
 
 
123
  <script>
124
+ (function(){
125
+ "use strict";
126
+ var ENDPOINT="/api/a11oy/v1/mesh/state";
127
+ var ALLOWED=["LIVE","MEASURED","REPORTED","DECLARED","DEGRADED","UNAVAILABLE"];
128
+ var list=document.getElementById("wire-list");var instrument=document.getElementById("gateway-instrument");
129
+ function text(value,fallback){return value===null||value===undefined||value===""?(fallback||"UNAVAILABLE"):String(value)}
130
+ function state(value){var normalized=text(value,"UNAVAILABLE").toUpperCase().replace(/[^A-Z_]/g,"_");return ALLOWED.indexOf(normalized)>=0?normalized:"UNAVAILABLE"}
131
+ function pick(row,names,fallback){for(var i=0;i<names.length;i+=1){if(row&&row[names[i]]!==undefined&&row[names[i]]!==null)return row[names[i]]}return fallback}
132
+ function rows(payload){var source=payload&&(payload.wires||payload.mesh||payload.edges||payload.connections);if(Array.isArray(source))return source;if(source&&typeof source==="object")return Object.keys(source).map(function(key){var value=source[key];return value&&typeof value==="object"?Object.assign({id:key},value):{id:key,state:value}});return []}
133
+ function setReading(id,value){var node=document.getElementById(id);if(node)node.textContent=text(value)}
134
+ function wireCard(row,index){var card=document.createElement("article");card.className="wire";var wireState=state(pick(row,["state","status","evidence_state","health"],"UNAVAILABLE"));card.dataset.state=wireState;var top=document.createElement("div");top.className="wire-top";var id=document.createElement("span");id.className="wire-id";id.textContent=text(pick(row,["id","wire_id","name","key"],"W"+(index+1)));var title=document.createElement("h3");title.className="wire-title";title.textContent=text(pick(row,["title","label","edge","purpose","name"],"Unnamed wire"));var badge=document.createElement("span");badge.className="wire-state";badge.textContent=wireState;top.append(id,title,badge);card.append(top);var detail=document.createElement("p");detail.className="wire-detail";detail.textContent=text(pick(row,["detail","description","note","summary","route"],"No descriptive field was returned by the contract."));card.append(detail);var evidence=document.createElement("p");evidence.className="wire-evidence";evidence.textContent="SOURCE · "+text(pick(row,["source","endpoint","evidence","provenance","receipt"],"UNAVAILABLE"));card.append(evidence);return card}
135
+ function render(payload){var observed=rows(payload);list.textContent="";if(!observed.length){var empty=document.createElement("div");empty.className="empty";empty.textContent="UNAVAILABLE — the response contained no readable wire collection. Nothing was fabricated.";list.append(empty)}else observed.forEach(function(row,index){list.append(wireCard(row,index))});var topState=state(pick(payload,["state","status","evidence_state"],observed.length?"REPORTED":"UNAVAILABLE"));instrument.dataset.state=topState;document.getElementById("instrument-state").textContent=topState+" · mesh contract read";setReading("read-transport",text(pick(payload,["transport_state","transport","protocol"],"REACHABLE")));setReading("read-wires",observed.length);setReading("read-evidence",text(pick(payload,["evidence_state","verification_state","state"],topState)));document.getElementById("mesh-summary").textContent=observed.length?observed.length+" wire record"+(observed.length===1?" was":"s were")+" read from the live mesh contract. Each card preserves the state and evidence fields the service returned.":"The mesh endpoint answered, but no readable wire collection was returned. The interface remains explicitly unavailable."}
136
+ function fail(error){instrument.dataset.state="UNAVAILABLE";document.getElementById("instrument-state").textContent="UNAVAILABLE · mesh contract not read";setReading("read-transport","UNAVAILABLE");setReading("read-wires","UNAVAILABLE");setReading("read-evidence","UNAVAILABLE");list.textContent="";var empty=document.createElement("div");empty.className="empty";empty.textContent="UNAVAILABLE — "+text(error&&error.message,"mesh request failed")+". No wire state was fabricated.";list.append(empty);document.getElementById("mesh-summary").textContent="The mesh contract could not be read in this request. This page does not promote cached decoration to live evidence."}
137
+ function load(){var controller=new AbortController();var timeout=setTimeout(function(){controller.abort()},6500);fetch(ENDPOINT,{cache:"no-store",headers:{accept:"application/json"},signal:controller.signal}).then(function(response){return response.json().then(function(body){if(!response.ok)throw new Error("HTTP "+response.status);return body})}).then(render).catch(fail).finally(function(){clearTimeout(timeout)})}
138
+ window.addEventListener("szl:holo-ready",function(){var label=document.querySelector(".szl-holo-label");if(label)label.textContent="Hatun Gateway";var identity=document.querySelector(".szl-holo-identity");if(identity)identity.setAttribute("aria-label","Open A11oy command — Hatun Gateway");document.documentElement.dataset.szlHoloMotif="gateway-weave"},{once:true});
139
+ load();
140
+ })();
 
 
 
 
 
 
 
 
 
141
  </script>
142
+ <script src="/assets/szl-holo-v2.js" data-szl-holo-asset="script-v2" defer></script>
 
143
  </body>
144
  </html>
szl_formula_registry.py CHANGED
@@ -37,8 +37,9 @@ EXPECTED_SIGNATURE_REASON = (
37
  "in this repository."
38
  )
39
  EXPECTED_COVERAGE_SCOPE = (
40
- "Exact locked-eight authority plus the F23 Lambda non-authority boundary; "
41
- "not an exhaustive inventory of every SZL formula or theorem."
 
42
  )
43
  FORMAL_REPOSITORY = "szl-holdings/lutar-lean"
44
  FORMAL_COMMIT = "c497b4ed402249f23da7f290426f0e21c70ab926"
 
37
  "in this repository."
38
  )
39
  EXPECTED_COVERAGE_SCOPE = (
40
+ "Exact locked-eight authority plus the F23 Lambda boundary, which "
41
+ "remains Conjecture 1 and is not a theorem; not an exhaustive "
42
+ "inventory of every SZL formula or formal result."
43
  )
44
  FORMAL_REPOSITORY = "szl-holdings/lutar-lean"
45
  FORMAL_COMMIT = "c497b4ed402249f23da7f290426f0e21c70ab926"