Spaces:
Running
Running
deploy(hf): sync szl-holdings/a11oy@03add1fa656c908e0cbf4ed7496822f1d4432c87 derived COPY set
Browse filesReusable 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 +303 -632
- formula_registry/formula-registry.v1.json +2 -2
- pages/wires.html +128 -224
- szl_formula_registry.py +3 -2
console/assets/szl-holo-v2.css
CHANGED
|
@@ -1,347 +1,219 @@
|
|
| 1 |
/*
|
| 2 |
* A11oy Holo-Constellation v2.0.0
|
| 3 |
-
* SZL
|
|
|
|
| 4 |
* No external assets, tracking, storage, network fetches, or copied design code.
|
| 5 |
* SPDX-License-Identifier: Apache-2.0
|
| 6 |
*/
|
| 7 |
|
| 8 |
:root {
|
| 9 |
-
-
|
| 10 |
-
--szl-holo-bg
|
| 11 |
-
--szl-holo-
|
| 12 |
-
--szl-holo-surface
|
| 13 |
-
--szl-holo-
|
| 14 |
-
--szl-holo-
|
| 15 |
-
--szl-holo-
|
|
|
|
|
|
|
|
|
|
| 16 |
--szl-holo-accent-2: #31e6d1;
|
| 17 |
-
--szl-holo-
|
| 18 |
-
--szl-holo-
|
| 19 |
-
--szl-holo-
|
| 20 |
-
--szl-holo-
|
| 21 |
-
--szl-holo-line
|
|
|
|
| 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)
|
| 24 |
-
--szl-holo-shadow: 0
|
| 25 |
--szl-holo-radius-sm: 10px;
|
| 26 |
--szl-holo-radius-md: 18px;
|
| 27 |
-
--szl-holo-radius-lg:
|
| 28 |
-
--szl-holo-
|
| 29 |
-
--szl-holo-space-
|
| 30 |
-
--szl-holo-space-
|
| 31 |
-
--szl-holo-space-
|
| 32 |
-
--szl-holo-space-
|
| 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-
|
| 38 |
-
--szl-holo-tilt-y: 0deg;
|
| 39 |
-
--szl-holo-rail-height: 58px;
|
| 40 |
--szl-holo-z-ambient: -2;
|
| 41 |
-
--szl-holo-z-rail:
|
| 42 |
-
|
| 43 |
-
|
| 44 |
}
|
| 45 |
|
| 46 |
html[data-szl-holo="v2"] {
|
| 47 |
-
min-
|
|
|
|
| 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-
|
| 56 |
-
|
|
|
|
| 57 |
color: var(--szl-holo-ink);
|
| 58 |
-
background:
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 59 |
}
|
| 60 |
|
| 61 |
-
html[data-szl-holo="v2"]
|
| 62 |
-
|
| 63 |
-
|
| 64 |
-
|
| 65 |
-
|
| 66 |
-
|
| 67 |
-
|
| 68 |
-
|
| 69 |
-
|
| 70 |
-
|
| 71 |
}
|
| 72 |
|
| 73 |
-
|
| 74 |
-
|
| 75 |
-
|
| 76 |
-
|
| 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 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 95 |
}
|
| 96 |
|
| 97 |
#szl-holo-ambient::before,
|
| 98 |
#szl-holo-ambient::after {
|
| 99 |
position: absolute;
|
| 100 |
-
inset: -
|
| 101 |
content: "";
|
| 102 |
-
|
|
|
|
| 103 |
will-change: transform;
|
| 104 |
}
|
| 105 |
|
| 106 |
-
|
| 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(
|
| 123 |
-
conic-gradient(from
|
| 124 |
-
transform: rotate(-9deg) scaleY(.
|
| 125 |
animation: szl-holo-orbit 38s linear infinite;
|
| 126 |
}
|
| 127 |
|
| 128 |
-
|
| 129 |
-
|
| 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 |
-
|
| 284 |
-
|
| 285 |
-
|
| 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 |
-
|
| 295 |
-
|
| 296 |
-
|
| 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(
|
| 308 |
-
linear-gradient(
|
| 309 |
-
|
| 310 |
-
opacity: .2;
|
| 311 |
}
|
| 312 |
|
| 313 |
-
|
| 314 |
-
html[data-szl-holo-motif="
|
|
|
|
| 315 |
background:
|
| 316 |
-
repeating-
|
| 317 |
-
|
| 318 |
-
|
| 319 |
-
}
|
| 320 |
-
|
| 321 |
-
html[data-szl-holo-motif="
|
| 322 |
-
|
| 323 |
-
|
| 324 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 325 |
}
|
| 326 |
|
| 327 |
-
/* Shared
|
| 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:
|
| 338 |
-
|
| 339 |
-
|
| 340 |
-
|
| 341 |
-
|
| 342 |
-
|
| 343 |
-
|
| 344 |
-
|
|
|
|
|
|
|
| 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:
|
| 357 |
-
color:
|
| 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
|
| 367 |
-
border-radius:
|
| 368 |
background:
|
| 369 |
-
|
| 370 |
-
|
| 371 |
-
box-shadow: 0 0
|
| 372 |
-
transform: rotate(
|
| 373 |
}
|
| 374 |
|
| 375 |
.szl-holo-mark::after {
|
| 376 |
position: absolute;
|
| 377 |
-
inset:
|
| 378 |
-
border:
|
| 379 |
-
|
|
|
|
| 380 |
content: "";
|
| 381 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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 |
-
|
| 392 |
-
|
| 393 |
-
|
| 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 |
-
|
| 404 |
-
font
|
| 405 |
letter-spacing: -.01em;
|
| 406 |
text-overflow: ellipsis;
|
| 407 |
white-space: nowrap;
|
| 408 |
}
|
| 409 |
|
| 410 |
-
.szl-holo-
|
| 411 |
-
|
| 412 |
-
align-items: center;
|
| 413 |
-
gap: 4px;
|
| 414 |
-
}
|
| 415 |
|
| 416 |
.szl-holo-link,
|
| 417 |
.szl-holo-menu {
|
| 418 |
-
min-width:
|
| 419 |
-
min-height:
|
| 420 |
display: inline-flex;
|
| 421 |
align-items: center;
|
| 422 |
justify-content: center;
|
| 423 |
-
padding:
|
| 424 |
border: 1px solid transparent;
|
| 425 |
-
border-radius:
|
| 426 |
color: var(--szl-holo-muted);
|
| 427 |
background: transparent;
|
| 428 |
-
font:
|
| 429 |
-
letter-spacing: .
|
| 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)
|
| 444 |
outline: none;
|
| 445 |
}
|
| 446 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 447 |
.szl-holo-menu { display: none; }
|
| 448 |
|
| 449 |
-
/*
|
| 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)
|
| 458 |
-
color-mix(in srgb, var(--szl-holo-surface)
|
| 459 |
box-shadow: var(--szl-holo-shadow);
|
| 460 |
-
backdrop-filter: blur(18px) saturate(
|
| 461 |
-
-webkit-backdrop-filter: blur(18px) saturate(
|
| 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)
|
| 472 |
-
opacity: .
|
| 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 |
-
|
| 483 |
-
|
| 484 |
-
|
|
|
|
| 485 |
}
|
| 486 |
|
| 487 |
.szl-holo-kicker,
|
| 488 |
[data-szl-holo-kicker] {
|
| 489 |
color: var(--szl-holo-accent);
|
| 490 |
-
font
|
| 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)
|
| 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)
|
| 519 |
-
font:
|
|
|
|
| 520 |
}
|
| 521 |
|
| 522 |
-
|
| 523 |
-
|
| 524 |
-
|
| 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:
|
| 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
|
| 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 |
-
|
| 579 |
-
|
| 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 |
-
|
| 592 |
-
|
|
|
|
| 593 |
}
|
| 594 |
|
| 595 |
-
@keyframes szl-holo-
|
| 596 |
-
|
| 597 |
-
to { transform: translate3d(1.5%, 1%, 0) scale(1.04); }
|
| 598 |
}
|
| 599 |
|
| 600 |
@keyframes szl-holo-breathe {
|
| 601 |
-
from { opacity: .
|
| 602 |
-
to { opacity: .42; transform: scale(1.
|
| 603 |
}
|
| 604 |
|
| 605 |
@keyframes szl-holo-specular {
|
| 606 |
-
0%,
|
| 607 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 608 |
}
|
| 609 |
|
| 610 |
@media (max-width: 760px) {
|
| 611 |
:root { --szl-holo-rail-height: 56px; }
|
| 612 |
-
#szl-holo-ambient { opacity: .
|
| 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 |
-
|
|
|
|
| 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:
|
| 637 |
.szl-holo-label { max-width: 48vw; }
|
| 638 |
-
.szl-holo-mark { width:
|
|
|
|
| 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)
|
| 659 |
-
--szl-holo-line-soft: color-mix(in srgb, var(--szl-holo-ink)
|
| 660 |
}
|
| 661 |
-
#szl-holo-ambient { opacity: .
|
| 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 |
-
/*
|
| 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 / .
|
| 729 |
-
--szl-holo-glow-2: rgb(49 230 209 / .
|
| 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 |
-
|
| 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 / .
|
| 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 / .
|
| 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 |
-
|
| 899 |
-
z-index: 1;
|
| 900 |
-
min-width: 0 !important;
|
| 901 |
-
width: 100%;
|
| 902 |
-
display: flex !important;
|
| 903 |
align-items: center;
|
| 904 |
-
gap:
|
| 905 |
-
|
| 906 |
-
|
| 907 |
-
padding:
|
| 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
|
| 919 |
-
|
| 920 |
min-height: 44px;
|
| 921 |
-
|
| 922 |
-
display: inline-flex !important;
|
| 923 |
align-items: center;
|
| 924 |
justify-content: center;
|
| 925 |
-
|
| 926 |
-
|
| 927 |
-
border:
|
| 928 |
-
|
| 929 |
-
|
| 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
|
| 940 |
-
|
| 941 |
-
|
| 942 |
-
|
| 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"]
|
| 954 |
-
width:
|
| 955 |
-
height:
|
| 956 |
-
|
| 957 |
border-radius: 50%;
|
| 958 |
-
background:
|
| 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"])
|
| 964 |
-
html[data-szl-holo="v2"]:not([data-operator="1"])
|
| 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 |
-
|
| 971 |
-
|
| 972 |
-
|
| 973 |
-
|
| 974 |
-
|
| 975 |
-
|
| 976 |
-
|
| 977 |
-
|
| 978 |
-
|
| 979 |
-
|
| 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-
|
| 999 |
-
|
| 1000 |
-
|
| 1001 |
-
|
| 1002 |
-
scroll-snap-type: none;
|
| 1003 |
-
touch-action: pan-y;
|
| 1004 |
}
|
| 1005 |
-
|
| 1006 |
-
|
| 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-
|
| 1035 |
-
html[data-szl-holo="v2"] .
|
| 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
|
| 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": "
|
| 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 |
-
<!
|
| 2 |
-
<html lang="en">
|
| 3 |
<head>
|
| 4 |
-
<meta charset="
|
| 5 |
-
<meta name="viewport" content="width=device-width,
|
| 6 |
-
<
|
| 7 |
-
<
|
| 8 |
-
<
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
@font-face{font-family:
|
| 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 |
-
--
|
| 17 |
-
--
|
| 18 |
-
--
|
| 19 |
-
--
|
| 20 |
-
--
|
| 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
|
| 28 |
-
|
| 29 |
-
|
| 30 |
-
|
| 31 |
-
|
| 32 |
-
.
|
| 33 |
-
|
| 34 |
-
|
| 35 |
-
|
| 36 |
-
.
|
| 37 |
-
.
|
| 38 |
-
.
|
| 39 |
-
.
|
| 40 |
-
|
| 41 |
-
.
|
| 42 |
-
.
|
| 43 |
-
|
| 44 |
-
|
| 45 |
-
.
|
| 46 |
-
.
|
| 47 |
-
.eyebrow
|
| 48 |
-
|
| 49 |
-
.
|
| 50 |
-
.
|
| 51 |
-
.
|
| 52 |
-
.
|
| 53 |
-
.
|
| 54 |
-
.
|
| 55 |
-
.
|
| 56 |
-
.
|
| 57 |
-
.
|
| 58 |
-
.
|
| 59 |
-
.
|
| 60 |
-
|
| 61 |
-
.
|
| 62 |
-
.
|
| 63 |
-
.
|
| 64 |
-
.
|
| 65 |
-
.
|
| 66 |
-
.
|
| 67 |
-
.
|
| 68 |
-
.
|
| 69 |
-
.
|
| 70 |
-
.wire-
|
| 71 |
-
.
|
| 72 |
-
.
|
| 73 |
-
|
| 74 |
-
.
|
| 75 |
-
.footer{padding:
|
| 76 |
-
|
| 77 |
-
.
|
| 78 |
-
|
| 79 |
-
|
| 80 |
-
|
| 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-
|
| 99 |
-
<link rel="stylesheet" href="/assets/szl-holo-v2.css" data-szl-holo-asset="style-v2" />
|
| 100 |
</head>
|
| 101 |
-
<body>
|
| 102 |
-
<div class="
|
| 103 |
-
<
|
| 104 |
-
|
| 105 |
-
|
| 106 |
-
|
| 107 |
-
|
| 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 |
-
<
|
| 129 |
-
|
| 130 |
-
|
| 131 |
-
|
| 132 |
-
|
| 133 |
-
|
| 134 |
-
|
| 135 |
-
|
| 136 |
-
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 137 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 138 |
|
| 139 |
-
<section class="
|
| 140 |
-
|
| 141 |
-
|
| 142 |
-
|
| 143 |
-
|
| 144 |
-
<
|
| 145 |
-
organism is wired to obey. Each rule links to where its enforcement can be observed — 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="
|
| 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">Λ stays Conjecture 1 — forever open.</span><span class="rule-en en-np">NEVER-PROVABLE</span></div>
|
| 156 |
-
<div class="rule-body">Λ-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 — 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 — 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 — 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 ≠ 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 — structure mirrored; rules are our own) ·
|
| 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>) ·
|
| 195 |
-
enforcement labels: LIVE-READ = a real endpoint you can click · RECEIPTED = signed evidence per run ·
|
| 196 |
-
DECLARED = build-time property, honestly labelled · 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 |
-
|
| 211 |
-
|
| 212 |
-
|
| 213 |
-
|
| 214 |
-
|
| 215 |
-
|
| 216 |
-
|
| 217 |
-
|
| 218 |
-
|
| 219 |
-
|
| 220 |
-
|
| 221 |
-
|
| 222 |
-
|
| 223 |
-
|
| 224 |
-
|
| 225 |
-
|
| 226 |
-
|
| 227 |
-
<span class="wire-status ${statusClass(w.status)}">${w.status||'—'}</span></div>
|
| 228 |
-
<div class="wire-detail">${(w.detail||'').replace(/</g,'<')}</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,'<')}`;
|
| 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 |
-
|
| 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
|
| 41 |
-
"
|
|
|
|
| 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"
|