:root{color-scheme:dark;--sub-0: oklch(.145 .014 258);--sub-1: oklch(.185 .014 258);--sub-2: oklch(.225 .014 258);--sub-3: oklch(.265 .013 258);--edge-lo: oklch(.3 .012 258);--edge-hi: oklch(.42 .012 258);--ink: oklch(.96 .004 258);--ink-2: oklch(.79 .008 258);--ink-3: oklch(.655 .01 258);--shadow-ink: oklch(.08 .03 262);--depth-edge: inset 0 1px 0 var(--edge-hi);--signal-h: 190;--signal: oklch(.72 .16 var(--signal-h));--signal-ink: oklch(.8 .13 var(--signal-h));--signal-glow: oklch(.86 .19 var(--signal-h));--ok: oklch(.72 .16 152);--ok-ink: oklch(.8 .13 152);--warn: oklch(.72 .16 75);--warn-ink: oklch(.8 .13 75);--fail: oklch(.72 .16 27);--fail-ink: oklch(.8 .13 27);--stage-bg: #0b0d14;--stage-plate: #232936;--radius-structure: 10px;--radius-control: 8px;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .14s;--dur-slow: .42s;--elev-1: 0 1px 2px -1px oklch(from var(--shadow-ink) l c h / 30%), 0 4px 12px -4px oklch(from var(--shadow-ink) l c h / 34%);--elev-3: 0 4px 8px -4px oklch(from var(--shadow-ink) l c h / 40%), 0 24px 64px -12px oklch(from var(--shadow-ink) l c h / 50%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Inter, Roboto, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, monospace;--panel-w: 322px;--focus-ring: 0 0 0 2px var(--sub-0), 0 0 0 4px var(--signal)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--sub-0);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}body{overflow:hidden;overscroll-behavior:none}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-control)}.skip{position:absolute;left:var(--space-4);top:-100px;z-index:40;padding:var(--space-3) var(--space-4);background:var(--sub-2);color:var(--ink);border:1px solid var(--edge-hi);border-radius:var(--radius-control);text-decoration:none;transition:top var(--dur-fast) var(--ease-out)}.skip:focus{top:var(--space-4)}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bare .hud,.bare .loading,.bare .skip{display:none!important}.stage{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}.stage:active{cursor:grabbing}.stage:focus-visible{outline:2px solid var(--signal);outline-offset:-2px;box-shadow:none}.loading{position:fixed;inset:auto 0 50%;text-align:center;color:var(--ink-3);font-family:var(--mono);font-size:13px;letter-spacing:.04em}.fallback{display:none;max-width:62ch;margin:12vh auto;padding:0 var(--space-6)}.fallback h1{font-weight:500;letter-spacing:-.02em}.fallback a{color:var(--signal-ink)}.hud{position:fixed;inset:0;pointer-events:none;display:grid;grid-template-columns:var(--panel-w) 1fr var(--panel-w);grid-template-rows:auto 1fr auto;gap:var(--space-4);padding:var(--space-4);z-index:10}.hud>*{pointer-events:auto}.zone-tl{grid-column:1;grid-row:1}.zone-l{grid-column:1;grid-row:2;min-height:0}.zone-r{grid-column:3;grid-row:1 / span 2;min-height:0}.zone-b{grid-column:1 / -1;grid-row:3;pointer-events:none}.zone-checks{grid-column:2;grid-row:1 / span 2;justify-self:center;align-self:start;max-width:640px;width:100%;min-height:0}.panel{background:color-mix(in oklab,var(--sub-1) 88%,transparent);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);border:1px solid var(--edge-lo);border-radius:var(--radius-structure);box-shadow:var(--depth-edge),var(--elev-1);display:flex;flex-direction:column;min-height:0;overflow:hidden}.zone-checks{box-shadow:var(--depth-edge),var(--elev-3)}.panel[hidden]{display:none}.pad{padding:var(--space-4) var(--space-5)}.scroller{overflow-y:auto;overscroll-behavior:contain;min-height:0}.wordmark{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:15px;font-weight:500;letter-spacing:.11em;text-transform:lowercase;color:var(--ink-2)}.wordmark__mark{width:9px;height:9px;border-radius:999px;background:var(--signal);box-shadow:0 0 12px oklch(from var(--signal-glow) l c h / 60%)}.headline{margin:var(--space-4) 0 0;font-size:clamp(2.4rem,1.9rem + 2.2vw,3.2rem);font-weight:300;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink)}.headline__unit{font-size:.42em;color:var(--ink-3);margin-left:.12em;letter-spacing:0}.headline__sub{margin:var(--space-2) 0 0;font-size:13px;color:var(--signal-ink);letter-spacing:.01em}.lede{margin:var(--space-3) 0 0;font-size:13px;line-height:1.55;color:var(--ink-3)}.mono{font-family:var(--mono);font-size:.94em;color:var(--ink-2)}.row{display:flex;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:var(--space-2)}.fold{border-bottom:1px solid var(--edge-lo);min-height:0;display:flex;flex-direction:column}.fold:last-child{border-bottom:0}.fold[open]{overflow:hidden}.fold>summary{padding:var(--space-3) var(--space-5);min-height:44px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);cursor:pointer;list-style:none;user-select:none}.fold>summary::-webkit-details-marker{display:none}.fold>summary:after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform var(--dur-fast) var(--ease-out)}.fold[open]>summary:after{transform:rotate(-135deg) translate(-2px,-2px)}.fold>summary:hover{color:var(--ink-2)}.field{padding-block:var(--space-3);border-bottom:1px solid color-mix(in oklab,var(--edge-lo) 55%,transparent)}.field:last-child{border-bottom:0;padding-bottom:0}.field__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.label{font-size:12px;color:var(--ink-2);font-weight:500}.readout{font-family:var(--mono);font-size:12px;color:var(--signal-ink);font-variant-numeric:tabular-nums}.note{margin:var(--space-2) 0 0;font-size:11.5px;line-height:1.5;color:var(--ink-3)}.note strong{color:var(--ink-2);font-weight:600}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:24px;background:transparent;cursor:pointer;margin:0}input[type=range]::-webkit-slider-runnable-track{height:3px;background:var(--sub-3);border-radius:2px}input[type=range]::-moz-range-track{height:3px;background:var(--sub-3);border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6.5px;border-radius:999px;background:var(--ink);border:2px solid var(--sub-1);box-shadow:0 1px 4px oklch(from var(--shadow-ink) l c h / 55%);transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:999px;background:var(--ink);border:2px solid var(--sub-1)}input[type=range]:hover::-webkit-slider-thumb{background:var(--signal);transform:scale(1.12)}input[type=range]:focus-visible{box-shadow:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:var(--focus-ring);background:var(--signal)}.select{width:100%;min-height:40px;padding:var(--space-2) var(--space-3);background:var(--sub-2);color:var(--ink);border:1px solid var(--edge-lo);border-radius:var(--radius-control);font:inherit;font-size:13px;margin-top:var(--space-2)}.seg{display:flex;gap:var(--space-1);flex-wrap:wrap}.seg button{flex:1 1 auto;min-width:44px;min-height:44px;padding:var(--space-2);background:var(--sub-2);color:var(--ink-2);border:1px solid var(--edge-lo);border-radius:var(--radius-control);font:inherit;font-size:12px;font-family:var(--mono);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.seg button:hover{background:var(--sub-3);color:var(--ink)}.seg button[aria-checked=true]{background:color-mix(in oklab,var(--signal) 22%,var(--sub-2));border-color:color-mix(in oklab,var(--signal) 50%,var(--edge-lo));color:var(--ink)}.btn{min-height:44px;padding:var(--space-2) var(--space-4);background:var(--sub-2);color:var(--ink-2);border:1px solid var(--edge-lo);border-radius:var(--radius-control);font:inherit;font-size:12.5px;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);text-align:left}.btn:hover{background:var(--sub-3);color:var(--ink)}.btn:active{transform:translateY(1px)}.btn--primary{background:color-mix(in oklab,var(--signal) 18%,var(--sub-2));border-color:color-mix(in oklab,var(--signal) 42%,var(--edge-lo));color:var(--ink);width:100%;text-align:center}.btn--primary:hover{background:color-mix(in oklab,var(--signal) 28%,var(--sub-2))}.btn--ghost{background:color-mix(in oklab,var(--sub-1) 82%,transparent);backdrop-filter:blur(10px)}.btn--icon{min-width:44px;min-height:44px;padding:0 var(--space-2);text-align:center}.btn small{display:block;font-size:10.5px;color:var(--ink-3);margin-top:2px;line-height:1.35}.h{margin:var(--space-5) 0 var(--space-2);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.h:first-child{margin-top:0}.h--lead{margin:0;font-size:13px;letter-spacing:.02em;text-transform:none;color:var(--ink)}.kv{margin:0;display:grid;grid-template-columns:1fr auto;gap:1px var(--space-3)}.kv dt{font-size:12px;color:var(--ink-3);padding:5px 0;border-bottom:1px solid color-mix(in oklab,var(--edge-lo) 45%,transparent)}.kv dd{margin:0;padding:5px 0;font-family:var(--mono);font-size:12px;font-variant-numeric:tabular-nums;color:var(--ink);text-align:right;border-bottom:1px solid color-mix(in oklab,var(--edge-lo) 45%,transparent)}.kv dd em{font-style:normal;color:var(--ink-3);font-size:.88em}.verdict{padding:var(--space-3);border-radius:var(--radius-control);font-size:12px;line-height:1.5;border:1px solid}.verdict[data-state=ok]{background:color-mix(in oklab,var(--ok) 12%,var(--sub-1));border-color:color-mix(in oklab,var(--ok) 34%,var(--edge-lo));color:var(--ok-ink)}.verdict[data-state=warn]{background:color-mix(in oklab,var(--warn) 12%,var(--sub-1));border-color:color-mix(in oklab,var(--warn) 34%,var(--edge-lo));color:var(--warn-ink)}.verdict[data-state=fail]{background:color-mix(in oklab,var(--fail) 12%,var(--sub-1));border-color:color-mix(in oklab,var(--fail) 34%,var(--edge-lo));color:var(--fail-ink)}.verdict strong{display:block;margin-bottom:var(--space-1);color:inherit;font-weight:600}.verdict ul{margin:var(--space-2) 0 0;padding-left:1.1em}.verdict li{margin-bottom:var(--space-1)}.checks__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}table.checks{width:100%;margin-top:var(--space-4);border-collapse:collapse;font-family:var(--mono);font-size:11.5px;font-variant-numeric:tabular-nums}table.checks th{text-align:right;padding:var(--space-2) var(--space-2);font-weight:500;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--edge-lo);white-space:nowrap}table.checks th:first-child{text-align:left}table.checks td{padding:var(--space-2);text-align:right;border-bottom:1px solid color-mix(in oklab,var(--edge-lo) 40%,transparent);color:var(--ink)}table.checks td:first-child{text-align:left;font-family:var(--font);color:var(--ink-2);font-size:12px}table.checks td[data-delta=ok]{color:var(--ok-ink)}table.checks td[data-delta=bad]{color:var(--fail-ink)}table.checks tbody tr:last-child td{border-bottom:0}.source-line{margin:var(--space-4) 0 0;font-size:11px;line-height:1.6;color:var(--ink-3)}.source-line a{color:var(--signal-ink);text-decoration-color:color-mix(in oklab,var(--signal) 45%,transparent)}.zone-b{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4)}.bar{display:flex;gap:var(--space-2);align-items:center;pointer-events:auto;flex-wrap:wrap}.stat{font-family:var(--mono);font-size:11px;color:var(--ink-3);padding-left:var(--space-2);font-variant-numeric:tabular-nums}.attrib{margin:0;font-size:11px;color:var(--ink-3);pointer-events:auto;text-align:right}.attrib a{color:var(--ink-2);text-decoration-color:var(--edge-hi)}.attrib a:hover{color:var(--signal-ink)}@media(max-width:1180px){:root{--panel-w: 290px}.lede{display:none}}@media(max-width:900px){body{overflow:auto}.stage{position:fixed;height:52svh;inset:0 0 auto}.hud{position:relative;inset:auto;display:block;padding:0;margin-top:52svh;background:var(--sub-0)}.panel{border-radius:0;border-left:0;border-right:0;border-top:0;backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--sub-0);box-shadow:none}.zone-checks{max-width:none}.zone-r .pad,.zone-tl .pad{padding-bottom:var(--space-5)}.lede{display:block}.zone-b{position:fixed;inset:auto 0 0;z-index:20;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-2) var(--space-3) calc(var(--space-2) + env(safe-area-inset-bottom));background:color-mix(in oklab,var(--sub-1) 94%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--edge-lo)}.bar{flex-wrap:nowrap}.bar .btn{flex:1 1 0;text-align:center;min-height:44px}.seg button,.btn,.select{min-height:44px}.attrib{text-align:center;font-size:10.5px;line-height:1.5}.scroller{overflow:visible}.hud{padding-bottom:132px}}@media(max-width:460px){.bar .btn{font-size:11.5px;padding-inline:var(--space-2)}.stat{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}