.hiw{--surface-2:var(--surface-secondary);--line:var(--border);--ink:var(--foreground);--ink-dim:var(--muted);--accent-2:var(--mark-ink-light);--mocha:var(--warm);--ok:var(--success);--bad:var(--error);--shadow:var(--card-shadow);--ink-faint:#6b6560;--hatch:#ffffff09;--r-control:var(--radius-control);--r-card:var(--radius-card);--r-panel:var(--radius-panel);--d-crossfade:var(--motion-duration-crossfade);--d-nav:var(--motion-duration-nav);--d-flight:var(--motion-duration-flight);--d-arrive:var(--motion-duration-arrive);--e-standard:var(--motion-easing-standard);--e-arrive:var(--motion-easing-arrive);--flow-trigger:var(--mocha);--flow-tool:var(--accent-2);--flow-reply:color-mix(in oklab, var(--accent-2) 55%, var(--accent));--tint-trigger:color-mix(in oklab, var(--mocha) 11%, var(--surface-2));--tint-tool:color-mix(in oklab, var(--accent) 10%, var(--surface-2));--tint-agent:color-mix(in oklab, var(--accent) 15%, var(--surface-2));--line-trigger:color-mix(in oklab, var(--mocha) 42%, var(--line));--line-tool:color-mix(in oklab, var(--accent) 40%, var(--line));--line-agent:color-mix(in oklab, var(--accent) 32%, var(--line));--flow:var(--flow-tool)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .hiw{--ink-faint:#95908a;--hatch:#0f0e0d0b}}[data-theme=light] .hiw{--ink-faint:#95908a;--hatch:#0f0e0d0b}.hiw__eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin:0 0 6px;font-size:13px;font-weight:500}.hiw__lede{letter-spacing:-.02em;text-wrap:balance;max-width:26ch;margin:0 0 14px;font-size:clamp(21px,2.6vw,27px);font-weight:600;line-height:1.22}.hiw__rule{border-top:1px solid var(--line);background:repeating-linear-gradient(45deg, transparent 0 7px, var(--line) 7px 8px);opacity:.85;height:10px;margin-bottom:28px}.hiw__intro{color:var(--ink-dim);max-width:66ch;margin:0 0 26px;font-size:15.5px}.hiw__stage{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);box-shadow:var(--shadow);position:relative}.hiw__canvas{width:100%;height:auto;display:block}.hiw .cam{transform-box:view-box;transform-origin:0 0;will-change:transform}.hiw__stage{overflow:hidden}.hiw__stage.is-explore{-webkit-overflow-scrolling:touch;max-height:72vh;overflow:auto}.hiw__stage.is-explore .hiw__canvas{width:1160px;max-width:none}.hiw__logs{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.hiw__log{align-content:start;gap:5px;padding:14px 18px 16px;display:grid}.hiw__log+.hiw__log{border-left:1px solid var(--line)}@media (max-width:767px){.hiw__logs{grid-template-columns:1fr}.hiw__log+.hiw__log{border-left:0;border-top:1px solid var(--line)}}.hiw__logcap{letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:8px;margin:0 0 6px;font-size:11px;display:flex}.hiw__logcap:before{content:"";background:currentColor;border-radius:1px;width:14px;height:2px}[data-log=trigger] .hiw__logcap{color:var(--flow-trigger)}[data-log=tool] .hiw__logcap{color:var(--flow-tool)}.hiw__row{font-family:var(--font-mono), ui-monospace, Menlo, Consolas, monospace;font-variant-numeric:tabular-nums;color:var(--ink-dim);will-change:opacity, transform;align-items:baseline;gap:12px;min-height:20px;font-size:12px;display:flex}.hiw__id{font-weight:500}[data-log=trigger] .hiw__id{color:var(--flow-trigger)}[data-log=tool] .hiw__id{color:var(--flow-tool)}.hiw__what{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.hiw__row[data-age="0"]{color:var(--ink)}.hiw__row[data-age="1"]{opacity:.62}.hiw__row[data-age="2"]{opacity:.3}.hiw__row:empty{opacity:0}.hiw__time{color:var(--ink-faint)}.hiw__verdict{letter-spacing:.04em;white-space:nowrap}.hiw__verdict[data-v=ok]{color:var(--ok)}.hiw__verdict[data-v=bad]{color:var(--bad)}.hiw__row--enter{animation:hiwRowIn .32s var(--e-arrive) both}@keyframes hiwRowIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (max-width:900px){.hiw__row{gap:9px;font-size:11px}}.hiw__foot{color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:16px;font-size:12.5px;display:flex}.hiw__stagecap{border-top:1px solid var(--line);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.02em;color:var(--ink-dim);margin:0;padding:10px 18px;font-size:11.5px;display:none}.hiw__stagecap b{color:var(--flow);font-weight:500}.hiw__btn--narrow{display:none}@media (max-width:767px){.hiw__stagecap{display:block}.hiw__btn--narrow{display:inline-block}.hiw__foot span{flex:100%}}.hiw__btn{font:inherit;color:var(--ink-dim);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-control);cursor:pointer;transition:color var(--d-nav) var(--e-standard), border-color var(--d-nav) var(--e-standard);padding:5px 12px;font-size:12.5px}.hiw__btn:hover{color:var(--ink);border-color:var(--accent)}.hiw__btn:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.hiw__sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hiw svg text{-webkit-user-select:none;user-select:none}.hiw .n-label{fill:var(--ink);font-size:12.5px;font-weight:500}.hiw .n-chip{letter-spacing:.02em;fill:var(--ink-dim);font-size:11px}.hiw .n-core{fill:var(--ink);letter-spacing:-.01em;font-size:14px;font-weight:600}.hiw .n-plate{fill:var(--ink);font-size:11.5px;font-weight:500}.hiw .n-screen{fill:var(--ink);font-size:11.5px}.hiw .n-hex{fill:var(--ink);font-size:11px;font-weight:500}.hiw .n-note{fill:var(--accent-2);letter-spacing:.02em;font-size:10.5px}.hiw .edge{fill:none;stroke:var(--line);stroke-width:1.25px;stroke-linecap:round;opacity:.9;transition:opacity var(--d-nav) var(--e-standard), stroke var(--d-nav) var(--e-standard)}.hiw .edge--live{animation:6.4s ease-in-out infinite hiwEdgeBreathe}@keyframes hiwEdgeBreathe{0%,to{opacity:.55}50%{opacity:.95}}.hiw .edge.is-hot{stroke:var(--flow);opacity:1}.hiw .node{cursor:pointer}.hiw .node .shape{fill:var(--surface-2);stroke:var(--line);stroke-width:1.25px;transition:stroke var(--d-nav) var(--e-standard), fill var(--d-nav) var(--e-standard)}.hiw .node:hover .shape{stroke:var(--accent)}.hiw .node.is-hot .shape{stroke:var(--flow)}.hiw .node .glow{fill:none;stroke:var(--flow);stroke-width:1.25px;opacity:0;transform-box:fill-box;transform-origin:50%;will-change:opacity, transform}.hiw .node.is-hot .glow{animation:hiwNodeFlash .76s var(--e-arrive) both}@keyframes hiwNodeFlash{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.16)}}.hiw .chip--tool .shape{fill:var(--tint-tool);stroke:var(--line-tool)}.hiw .chip--tool .notch{stroke:var(--line-tool);stroke-width:1.25px}.hiw .chip--trigger .shape{fill:var(--tint-trigger);stroke:var(--line-trigger)}.hiw .hex .shape{fill:var(--tint-agent);stroke:var(--line-agent)}.hiw .core-plate{fill:var(--surface);stroke:var(--line);stroke-width:1.25px}.hiw .core-hatch{fill:url(#hatch45);opacity:1;pointer-events:none}.hiw .core-pulse{fill:none;stroke:var(--accent);stroke-width:1.25px;opacity:0;transform-box:fill-box;transform-origin:50%;animation:5.2s ease-in-out infinite hiwCorePulse}@keyframes hiwCorePulse{0%,to{opacity:0;transform:scale(1)}46%{opacity:.34;transform:scale(1.012)}}.hiw .plate .shape{fill:var(--surface-2);stroke:var(--line);stroke-width:1.25px;transition:stroke var(--d-nav) var(--e-standard)}.hiw .plate:hover .shape{stroke:var(--accent)}.hiw .plate .verdict{fill:none;stroke-width:1.5px;opacity:0;transform-box:fill-box;transform-origin:50%;will-change:opacity, transform}.hiw .plate.is-ok .verdict{stroke:var(--ok);animation:hiwVerdictFlash .72s var(--e-arrive) both}.hiw .plate.is-bad .verdict{stroke:var(--bad);animation:hiwVerdictFlash .72s var(--e-arrive) both}@keyframes hiwVerdictFlash{0%{opacity:0;transform:scale(.985)}18%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.hiw .plate.is-routing .shape{stroke:var(--flow)}.hiw .key{transform-box:fill-box;transform-origin:50%;will-change:transform, opacity}.hiw .key .glyph{fill:none;stroke:var(--mocha);stroke-width:1.4px;stroke-linecap:round;transition:stroke var(--d-nav) var(--e-standard)}.hiw .key .ring{fill:none;stroke:var(--flow);stroke-width:1.25px;opacity:0;transform-box:fill-box;transform-origin:50%}.hiw .key.is-lit .glyph{stroke:var(--flow)}.hiw .key.is-lit{animation:hiwKeyBounce .9s var(--e-standard) both}.hiw .key.is-lit .ring{animation:hiwKeyRing .9s var(--e-arrive) both}@keyframes hiwKeyBounce{0%{transform:translate(0)}38%{transform:translate(15px)}62%{transform:translate(-4px)}to{transform:translate(0)}}@keyframes hiwKeyRing{0%{opacity:0;transform:scale(.7)}30%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}.hiw .key-note{opacity:0;transition:opacity var(--d-flight) var(--e-standard)}.hiw .key-note.is-shown{opacity:1}.hiw .screen .shape{fill:var(--surface-2);stroke:var(--line);stroke-width:1.25px;transition:stroke var(--d-nav) var(--e-standard)}.hiw .screen.is-hot .shape{stroke:var(--flow)}.hiw .screen .glow{fill:none;stroke:var(--flow);stroke-width:1.25px;opacity:0;transform-box:fill-box;transform-origin:50%}.hiw .screen.is-hot .glow{animation:hiwNodeFlash .9s var(--e-arrive) both}.hiw .hex .shape{transition:stroke var(--d-nav) var(--e-standard), opacity var(--d-nav) var(--e-standard)}.hiw .hex text{transition:opacity var(--d-nav) var(--e-standard)}.hiw.is-routed .hex:not(.is-hot) .shape,.hiw.is-routed .hex:not(.is-hot) text{opacity:.4}.hiw .hex.is-hot .shape{stroke:var(--accent-2)}.hiw .trail{fill:none;stroke:var(--flow);stroke-width:3.6px;stroke-linecap:round;pointer-events:none;opacity:0;transition:opacity var(--d-crossfade) linear}.hiw .trail.is-visible{opacity:.6}.hiw .trail.is-bad{stroke:var(--bad)}.hiw .pkt{opacity:0;will-change:transform, opacity;pointer-events:none}.hiw .pkt-name{font-family:var(--font-mono), ui-monospace, monospace;fill:var(--flow);opacity:.85}.hiw .pkt .core-dot{fill:var(--flow)}.hiw .pkt .halo{fill:none;stroke:var(--flow);stroke-width:1.25px;opacity:.45}.hiw .pkt.is-bad .core-dot{fill:var(--bad)}.hiw .pkt.is-bad .halo{stroke:var(--bad)}.hiw .pkt.is-visible{opacity:1}.hiw.is-focus .edge:not(.is-related){opacity:.1}.hiw.is-focus .node:not(.is-picked) .shape,.hiw.is-focus .hex:not(.is-picked) .shape,.hiw.is-focus .node:not(.is-picked) text,.hiw.is-focus .hex:not(.is-picked) text{opacity:.34}.hiw.is-focus .edge.is-related{stroke:var(--accent);opacity:1}.hiw.is-focus .node.is-picked .shape{stroke:var(--accent-2)}.hiw.is-paused .edge--live,.hiw.is-paused .core-pulse{animation-play-state:paused}.hiw__tip{z-index:5;pointer-events:none;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);opacity:0;max-width:260px;transition:opacity var(--d-crossfade) var(--e-standard), transform var(--d-crossfade) var(--e-standard);padding:10px 13px;position:absolute;top:0;left:0;transform:translateY(4px)}.hiw__tip.is-shown{opacity:1;transform:none}.hiw__tip b{color:var(--ink);margin-bottom:4px;font-size:12.5px;font-weight:600;display:block}.hiw__tip dl{grid-template-columns:auto 1fr;gap:2px 8px;margin:0;font-size:11.5px;display:grid}.hiw__tip dt{color:var(--ink-faint)}.hiw__tip dd{color:var(--ink-dim);margin:0}.hiw__tip p{color:var(--ink-dim);margin:0;font-size:11.5px}@media (prefers-reduced-motion:reduce){.hiw *{transition:none!important;animation:none!important}.hiw .trail{display:none}.hiw .edge.is-static-path{stroke:var(--accent);opacity:1}.hiw .node.is-static-hot .shape,.hiw .hex.is-static-hot .shape,.hiw .screen.is-static-hot .shape{stroke:var(--accent-2)}.hiw .key .glyph{stroke:var(--flow-tool)}.hiw .key-note,.hiw .pkt.is-static{opacity:1}}