:root{color-scheme:dark;--bg: #080d11;--bg2: #0b1217;--panel: #0d151a;--panel2: #10191f;--raised: #142028;--raised2: #182733;--line: #1c2930;--line2: #25363f;--line3: #304650;--ink: #e4ecee;--ink2: #bccbd0;--muted: #86a0ab;--dim: #5f7884;--faint: #3e5561;--mint: #a6dfc4;--mint2: #6fcaa2;--gold: #e8c987;--amber: #ffbf5e;--violet: #b392ff;--pink: #f47ab8;--red: #ff6b6b;--blue: #6aa8ff;--sys-input: #f17a74;--sys-decisions: #e6c976;--sys-actions: #65c5be;--sys-combat: #c899ef;--sys-world: #88b87f;--sys-render: #80b7df;--sys-arcade: #f47ab8;--sys-support: #7e93a7;--team-blue: #5d9cec;--team-red: #ef6461;--mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--sans: "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--step--2: clamp(.69rem, .68rem + .05vw, .72rem);--step--1: clamp(.78rem, .76rem + .1vw, .84rem);--step-0: clamp(.94rem, .9rem + .2vw, 1.02rem);--step-1: clamp(1.1rem, 1.04rem + .32vw, 1.28rem);--step-2: clamp(1.35rem, 1.22rem + .65vw, 1.75rem);--step-3: clamp(1.75rem, 1.48rem + 1.35vw, 2.6rem);--step-4: clamp(2.25rem, 1.75rem + 2.6vw, 4.1rem);--r: 8px;--r-lg: 14px;--gutter: clamp(16px, 4vw, 40px);--content: 1240px;--topbar: 56px;--shadow: 0 10px 30px #0008;--glow-mint: 0 0 0 1px #a6dfc433, 0 8px 30px #6fcaa21f;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--t-fast: .14s;--t-med: .26s;--t-slow: .62s}@media(prefers-reduced-motion:reduce){:root{--t-fast: 0ms;--t-med: 0ms;--t-slow: 0ms}}:root[data-motion=reduced]{--t-fast: 0ms;--t-med: 0ms;--t-slow: 0ms}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--topbar) + 16px)}@media(prefers-reduced-motion:no-preference){html:not([data-motion=reduced]){scroll-behavior:smooth}}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--ink);font:400 var(--step-0) / 1.6 var(--sans);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img,svg,canvas,video,iframe{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:where(h1,h2,h3,h4){margin:0;font-weight:650;letter-spacing:-.022em;line-height:1.12;text-wrap:balance}h1{font-size:var(--step-4);letter-spacing:-.034em;line-height:1.02}h2{font-size:var(--step-3)}h3{font-size:var(--step-1)}p{margin:0;text-wrap:pretty}a{color:var(--mint);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#c7f0dc}code,kbd,samp,pre{font-family:var(--mono);font-size:.92em}:not(pre)>code{padding:.1em .38em;border-radius:5px;background:var(--raised);border:1px solid var(--line2);color:var(--ink2)}kbd{display:inline-block;min-width:1.6em;padding:0 .45em;border:1px solid var(--line3);border-bottom-width:2px;border-radius:5px;background:var(--raised);color:var(--ink2);font-size:.78em;line-height:1.6;text-align:center}::selection{background:#a6dfc455;color:#fff}:focus-visible{outline:2px solid var(--mint);outline-offset:2px;border-radius:4px}hr{border:0;border-top:1px solid var(--line);margin:0}.skip-link{position:fixed;left:12px;top:-60px;z-index:100;padding:10px 14px;border-radius:var(--r);background:var(--mint);color:#06120c;font-weight:650;transition:top var(--t-fast) var(--ease-out)}.skip-link:focus{top:10px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.eyebrow{display:inline-flex;align-items:center;gap:8px;font:500 var(--step--2) / 1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.eyebrow .led,.led{width:7px;height:7px;border-radius:50%;background:var(--mint2);box-shadow:0 0 0 3px #6fcaa224;flex:none}.dot-accent{color:var(--mint)}.lede{max-width:64ch;color:var(--ink2);font-size:var(--step-1);line-height:1.55}.muted{color:var(--muted)}.dim{color:var(--dim)}.mono{font-family:var(--mono)}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.button{--c: var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid var(--line3);border-radius:var(--r);background:transparent;color:var(--c);font:600 var(--step--1) / 1 var(--sans);letter-spacing:.005em;text-decoration:none;white-space:nowrap;transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out),box-shadow var(--t-med) var(--ease-out)}.button:hover{border-color:var(--mint2);background:var(--raised);color:var(--c)}.button:active{transform:translateY(1px)}.button:disabled{opacity:.45;cursor:not-allowed}.button.mint{--c: #07140e;background:var(--mint);border-color:transparent}.button.mint:hover{background:#bdeed6;box-shadow:var(--glow-mint)}.button.ghost{border-color:transparent;color:var(--ink2)}.button.ghost:hover{background:var(--raised);border-color:var(--line2)}.button.amber,.button.violet,.button.pink{background:color-mix(in srgb,var(--c) 12%,transparent);border-color:color-mix(in srgb,var(--c) 48%,transparent)}.button.amber{--c: var(--amber)}.button.violet{--c: var(--violet)}.button.pink{--c: var(--pink)}.button.amber:hover,.button.violet:hover,.button.pink:hover{background:color-mix(in srgb,var(--c) 20%,transparent);border-color:var(--c)}.button.compact{min-height:32px;padding:0 11px;font-size:var(--step--2);gap:6px}.button.large{min-height:48px;padding:0 22px;font-size:var(--step-0)}.icon-button{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--line2);border-radius:var(--r);background:var(--panel);color:var(--ink2);transition:background var(--t-fast),border-color var(--t-fast)}.icon-button:hover:not(:disabled){background:var(--raised);border-color:var(--line3)}.icon-button:disabled{opacity:.4;cursor:not-allowed}.text-button{border:0;background:none;padding:4px 2px;color:var(--ink2);font-size:var(--step--1)}.text-button:hover{color:var(--mint)}.segmented{display:inline-flex;padding:3px;gap:2px;border:1px solid var(--line2);border-radius:calc(var(--r) + 2px);background:var(--bg2)}.segmented button{min-height:28px;padding:0 11px;border:0;border-radius:6px;background:transparent;color:var(--muted);font:600 var(--step--2) / 1 var(--sans);white-space:nowrap;transition:background var(--t-fast),color var(--t-fast)}.segmented button[aria-pressed=true]{background:var(--raised2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line3)}.segmented button:hover:not([aria-pressed=true]){color:var(--ink)}.badge{--c: var(--mint);display:inline-flex;align-items:center;gap:7px;padding:3px 10px;border:1px solid color-mix(in srgb,var(--c) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--c) 10%,transparent);color:var(--c);font:600 var(--step--2) / 1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.badge i{width:6px;height:6px;border-radius:2px;background:var(--c)}.mode-badge[data-mode=live]{--c: var(--mint)}.mode-badge[data-mode=rewound]{--c: var(--amber)}.mode-badge[data-mode=xray]{--c: var(--violet)}.mode-badge[data-mode=halted]{--c: var(--pink)}.tag{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:6px;background:var(--raised);border:1px solid var(--line2);color:var(--ink2);font:500 var(--step--2) / 1.5 var(--mono)}.swatch{width:9px;height:9px;border-radius:3px;background:var(--c, var(--mint));flex:none}.panel{position:relative;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--panel2),var(--panel))}.panel-pad{padding:clamp(16px,2.4vw,26px)}.card{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);transition:border-color var(--t-med) var(--ease-out),transform var(--t-med) var(--ease-out),background var(--t-med) var(--ease-out)}a.card{color:inherit;text-decoration:none}a.card:hover,.card.interactive:hover{border-color:color-mix(in srgb,var(--c, var(--mint)) 55%,var(--line));background:var(--panel2);transform:translateY(-2px)}.card h3{font-size:var(--step-1)}.card p{color:var(--ink2)}.card .card-foot{margin-top:auto;padding-top:6px;color:var(--mint);font-size:var(--step--1);font-weight:600}.metric{display:grid;gap:4px}.metric b{font:600 var(--step-3) / 1 var(--mono);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}.metric span{font:500 var(--step--2) / 1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.metric small{color:var(--dim);font-size:var(--step--1)}.page{width:min(100% - 2 * var(--gutter),var(--content));margin-inline:auto}.page-hero{display:grid;gap:18px;padding-block:clamp(40px,8vw,96px) clamp(28px,5vw,56px)}.section{display:grid;gap:clamp(18px,2.6vw,28px);padding-block:clamp(36px,6vw,72px);border-top:1px solid var(--line)}.section-head{display:grid;gap:10px;max-width:72ch}.section-head h2{font-size:var(--step-3)}.section-head p{color:var(--ink2)}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}.row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.stack{display:grid;gap:12px}.bullets{margin:0;padding-left:1.1em;color:var(--ink2);display:grid;gap:6px}.bullets li::marker{color:var(--mint2)}details.expand{border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}details.expand>summary{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;list-style:none;font-weight:600;color:var(--ink)}details.expand>summary::-webkit-details-marker{display:none}details.expand>summary:before{content:"+";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px;border:1px solid var(--line3);color:var(--mint);font:600 13px/1 var(--mono);flex:none;transition:transform var(--t-med) var(--ease-out)}details.expand[open]>summary:before{content:"−"}details.expand>summary .hint{margin-left:auto;color:var(--dim);font:500 var(--step--2) var(--mono);letter-spacing:.1em;text-transform:uppercase}details.expand>.expand-body{display:grid;gap:12px;padding:2px 16px 16px 44px;color:var(--ink2)}@media(prefers-reduced-motion:no-preference){:root:not([data-motion=reduced]) .reveal{transform:translateY(14px);transition:opacity var(--t-slow) var(--ease-out),transform var(--t-slow) var(--ease-out)}:root:not([data-motion=reduced]) .reveal.is-visible{opacity:1;transform:none}}@media print{.reveal{opacity:1!important;transform:none!important}}.app{display:flex;flex-direction:column;min-height:100dvh}.app-main{flex:1;outline:none}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:55;background:var(--bg)}.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;display:flex;align-items:center;gap:18px;height:var(--topbar);padding:0 clamp(14px,2vw,24px);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:700 19px/1 var(--sans);letter-spacing:-.03em;white-space:nowrap}.brand:hover{color:var(--ink)}.brand svg{width:24px;height:24px;fill:none;stroke:var(--mint);stroke-width:2.4;stroke-linecap:round}.brand svg circle{fill:var(--mint);stroke:none}.brand .brand-dot{color:var(--mint)}.breadcrumb{display:flex;align-items:center;gap:12px;min-width:0;color:var(--ink2);font:500 var(--step--2) / 1 var(--mono);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.breadcrumb .slash{color:var(--faint);font-size:16px}.topbar-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.on-device{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:var(--step--1);white-space:nowrap}.menu-button{display:none}@media(max-width:1080px){.breadcrumb .crumb-text,.on-device{display:none}}@media(max-width:760px){.topbar{gap:10px}.topbar .depth-toggle,.topbar .resume-button,.breadcrumb{display:none}.menu-button{display:inline-grid}}.menu-sheet{position:fixed;inset:calc(var(--topbar) + env(safe-area-inset-top,0px)) 0 auto 0;z-index:49;display:grid;gap:14px;max-height:calc(100dvh - var(--topbar));overflow:auto;padding:18px var(--gutter) 26px;border-bottom:1px solid var(--line2);background:var(--bg2);box-shadow:var(--shadow)}.menu-sheet nav{display:grid;gap:4px}.menu-sheet a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--r);color:var(--ink);text-decoration:none;font-weight:600}.menu-sheet a[aria-current=page],.menu-sheet a:hover{background:var(--raised)}.menu-sheet a small{margin-left:auto;color:var(--dim);font:500 var(--step--2) var(--mono)}.session-bar{position:sticky;top:calc(var(--topbar) + env(safe-area-inset-top,0px));z-index:40;display:flex;align-items:center;gap:16px;min-height:54px;padding:6px clamp(14px,2vw,24px);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg2) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.session-status{display:flex;align-items:center;gap:9px;font-size:var(--step--1);color:var(--ink2);white-space:nowrap}.session-status strong{color:var(--ink);font-weight:600}.session-status .sep{color:var(--faint)}.ribbon{display:flex;align-items:center;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none}.ribbon::-webkit-scrollbar{display:none}.ribbon-chip{--system: var(--mint);display:grid;grid-template-columns:auto auto;align-items:center;column-gap:8px;min-height:40px;padding:4px 10px 4px 9px;border:1px solid transparent;border-radius:var(--r);color:var(--ink);text-decoration:none;transition:background var(--t-fast),border-color var(--t-fast)}.ribbon-chip:hover{background:var(--panel2);color:var(--ink)}.ribbon-chip[aria-current=page]{background:var(--raised);border-color:var(--line3)}.ribbon-chip small{display:block;color:var(--muted);font:500 9.5px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase}.ribbon-chip b{display:block;font:600 13px/1.25 var(--mono);font-variant-numeric:tabular-nums}.ribbon-chip svg{width:52px;height:18px;overflow:visible}.ribbon-chip svg path{fill:none;stroke:var(--system);stroke-width:1.4;stroke-linejoin:round}.ribbon-chip .chip-dot{width:6px;height:6px;border-radius:2px;background:var(--system);display:inline-block;margin-right:6px;vertical-align:middle}.ribbon-arrow,.ribbon-return{color:var(--faint);font:500 13px var(--mono);padding:0 1px}.session-tools{display:flex;align-items:center;gap:8px;margin-left:auto}@media(max-width:760px){.session-bar{gap:10px}.session-status .where,.ribbon-chip svg{display:none}}.quick-route{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(44px + env(safe-area-inset-bottom));z-index:45;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 14px;border:1px solid var(--line3);border-radius:999px;background:color-mix(in srgb,var(--panel2) 94%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.quick-route .steps{display:flex;gap:4px}.quick-route .steps i{width:18px;height:4px;border-radius:2px;background:var(--line3)}.quick-route .steps i[data-done=true]{background:var(--mint2)}.quick-route .steps i[data-current=true]{background:var(--mint)}.quick-route span{font-size:var(--step--1);color:var(--ink2);white-space:nowrap}@media(max-width:560px){.quick-route{left:16px;right:16px;justify-content:space-between}.quick-route .steps{display:none}}.lab-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 18px;min-height:34px;padding:6px clamp(14px,2vw,24px);border-top:1px solid var(--line);background:var(--bg2);color:var(--dim);font:500 var(--step--2) / 1.4 var(--mono);letter-spacing:.02em}.lab-footer>div{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px}.lab-footer .ok{color:var(--mint)}.lab-footer a{color:var(--muted);text-decoration:none}.lab-footer a:hover{color:var(--mint)}.lab-footer button{padding:0;border:0;background:none;color:var(--muted);font:inherit}.lab-footer button:hover{color:var(--mint)}@media(prefers-reduced-motion:no-preference){::view-transition-old(root){animation:.18s var(--ease-out) both vt-out}::view-transition-new(root){animation:.32s var(--ease-out) both vt-in}}@keyframes vt-out{to{opacity:0;transform:translateY(-6px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(10px)}}.route-loading{display:grid;place-items:center;min-height:60vh;color:var(--muted);font:500 var(--step--1) var(--mono)}@media(prefers-reduced-motion:no-preference){:root:not([data-motion=reduced]) .route-enter{animation:route-in .42s var(--ease-out) both}}@keyframes route-in{0%{opacity:0;transform:translateY(8px)}}.nav-progress{position:fixed;inset:0 0 auto;z-index:60;height:2px;background:linear-gradient(90deg,transparent,var(--mint),var(--violet),transparent);background-size:200% 100%;opacity:0;transition:opacity var(--t-fast);pointer-events:none}.nav-progress[data-active=true]{opacity:1;animation:progress 1.1s linear infinite}@keyframes progress{to{background-position:-200% 0}}.code-block{margin:0;min-width:0;border:1px solid var(--line);border-radius:var(--r);background:#091015;overflow:hidden}.code-block figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:var(--step--2)}.code-block pre{margin:0;padding:10px 0;overflow:auto;font:400 12.5px/1.65 var(--mono);color:var(--ink2);tab-size:2}.code-line{display:block;padding-right:16px;white-space:pre}.code-line[data-mark]{background:linear-gradient(90deg,#b392ff26,#b392ff08 60%,transparent);box-shadow:inset 2px 0 0 var(--violet)}.code-line .ln{display:inline-block;width:3.4em;padding-right:1em;text-align:right;color:var(--faint);user-select:none}.tk-kw{color:#c4a6ff}.tk-str{color:var(--gold)}.tk-num{color:var(--amber)}.tk-com{color:var(--dim);font-style:italic}.tk-fn{color:var(--mint)}.tk-prop{color:#9cc6e6}.tk-probe{color:var(--pink);font-weight:600}.tldr{display:grid;gap:10px;padding:18px 20px;border-color:color-mix(in srgb,var(--mint) 30%,var(--line))}.next-section{display:grid;justify-items:start;gap:12px}.next-card{width:100%}.next-card h3{font-size:var(--step-2)}.pill-list{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r)}table.data{width:100%;border-collapse:collapse;font-size:var(--step--1)}table.data th,table.data td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}table.data th{background:var(--panel2);color:var(--muted);font:500 var(--step--2) var(--mono);letter-spacing:.12em;text-transform:uppercase}table.data td.num,table.data th.num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}table.data tr:last-child td{border-bottom:0}table.data td.ok{color:var(--mint)}.shot{margin:0;border:1px solid var(--line2);border-radius:var(--r-lg);overflow:hidden;background:var(--bg2);box-shadow:0 30px 80px -30px #000c}.shot img{width:100%;height:auto}.shot figcaption{padding:10px 14px;border-top:1px solid var(--line);color:var(--muted);font-size:var(--step--1)}.demo-label{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px dashed color-mix(in srgb,var(--amber) 60%,transparent);border-radius:var(--r);background:color-mix(in srgb,var(--amber) 7%,transparent);color:var(--amber);font-size:var(--step--1)}.demo-label b{font:600 var(--step--2) var(--mono);letter-spacing:.12em;text-transform:uppercase}.dev-gap{outline:1px dashed var(--amber);outline-offset:2px}.copy-text{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:8px 8px 8px 12px;border:1px solid var(--line2);border-radius:var(--r);background:var(--bg2)}.copy-text .mono{min-width:0;overflow-wrap:anywhere;color:var(--ink);font-size:var(--step--1);user-select:all}.hero{position:relative;min-height:calc(100dvh - var(--topbar));overflow:hidden;isolation:isolate;background:radial-gradient(60% 70% at 68% 46%,#10202833 0%,transparent 70%),radial-gradient(80% 60% at 70% 110%,#0d1a2155 0%,transparent 70%),var(--bg)}.hero[data-mode=map]{min-height:calc(100dvh - var(--topbar) - 34px)}.graph-host{position:absolute;inset:0;z-index:0}.graph-host[data-state=loading]:after{content:"Tracing the portfolio…";position:absolute;right:24px;bottom:24px;color:var(--dim);font:500 var(--step--2) var(--mono);letter-spacing:.1em}.graph-canvas{width:100%!important;height:100%!important;touch-action:pan-y}.hero[data-mode=map] .graph-canvas{touch-action:none}@media(prefers-reduced-motion:no-preference){:root:not([data-motion=reduced]) .graph-host[data-state=ready] .graph-canvas{animation:graph-in 1.2s var(--ease-out) both}}@keyframes graph-in{0%{opacity:0;transform:scale(1.03)}}.graph-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.graph-label,.node-label,.graph-tip{position:absolute;left:0;top:0;will-change:transform}.graph-label[hidden],.node-label[hidden],.graph-tip[hidden]{display:none}.graph-label{--c: var(--mint);display:inline-flex;align-items:baseline;gap:8px;padding:5px 11px;border:1px solid color-mix(in srgb,var(--c) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--bg) 82%,transparent);color:var(--c);font:600 12px/1.2 var(--mono);white-space:nowrap;pointer-events:auto;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background var(--t-fast),box-shadow var(--t-med),opacity var(--t-med)}.graph-label i{width:7px;height:7px;border-radius:2px;background:var(--c);align-self:center}.graph-label small{color:var(--muted);font-weight:400;font-size:11px}.graph-label:hover,.graph-label.is-focused{background:color-mix(in srgb,var(--c) 18%,var(--bg));box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 18%,transparent)}.graph-labels[data-mode=intro] .graph-label{opacity:.86}.node-label{--c: var(--mint);padding:3px 8px;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);border-radius:6px;background:#080d11d9;color:var(--ink);font:500 11px/1.3 var(--mono);white-space:nowrap}.graph-tip{--c: var(--mint);display:grid;gap:2px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--c) 60%,transparent);border-radius:var(--r);background:#0b1217f2;box-shadow:var(--shadow);white-space:nowrap}.graph-tip b{color:var(--c);font:600 12.5px/1.3 var(--mono)}.graph-tip span{color:var(--muted);font-size:11.5px}.hero-copy{position:relative;z-index:2;display:grid;align-content:center;gap:18px;width:min(100% - 2 * var(--gutter),600px);min-height:calc(100dvh - var(--topbar));margin-left:max(var(--gutter),calc((100vw - var(--content)) / 2));padding-block:36px 64px;pointer-events:none}.hero-copy>*{pointer-events:auto}.hero-copy:before{content:"";position:absolute;inset:-10% -30% -10% -50%;z-index:-1;background:radial-gradient(closest-side,#080d11f2 40%,#080d1100);pointer-events:none}.hero-copy h1{font-size:clamp(2.4rem,1.6rem + 2.9vw,4.1rem)}.hero-intro{display:grid;gap:10px;max-width:56ch;color:var(--ink2);font-size:var(--step-1)}.hero-intro p:first-child{color:var(--ink);font-size:var(--step-0);line-height:1.6}.hero-intro .hero-aside{color:var(--muted);font-size:var(--step--1)}.hero-ctas{display:flex;flex-wrap:wrap;gap:10px}.theme-line{color:var(--dim);font:500 var(--step--1) / 1.5 var(--mono)}.theme-line:before{content:"// ";color:var(--faint)}.depth-chooser{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:560px}.depth-chooser button{display:grid;gap:3px;padding:12px 14px;border:1px solid var(--line2);border-radius:var(--r);background:color-mix(in srgb,var(--panel) 80%,transparent);text-align:left;transition:border-color var(--t-fast),background var(--t-fast)}.depth-chooser button[aria-pressed=true]{border-color:var(--mint2);background:color-mix(in srgb,var(--mint) 9%,var(--panel))}.depth-chooser b{font-size:var(--step--1)}.depth-chooser span{color:var(--muted);font-size:var(--step--2);line-height:1.45}.depth-chooser small{color:var(--mint);font:500 var(--step--2) var(--mono)}.graph-hud{position:absolute;z-index:3;right:clamp(14px,2vw,24px);bottom:16px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 16px;color:var(--dim);font:500 var(--step--2) / 1.4 var(--mono);pointer-events:none}.graph-hud .live{color:var(--mint)}.map-head{position:absolute;z-index:3;top:clamp(14px,2.4vw,26px);left:clamp(12px,2vw,26px);display:grid;gap:8px;max-width:460px;padding:14px 16px;border:1px solid #1c293080;border-radius:var(--r-lg);background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none}.map-head>*{pointer-events:auto}.map-head h1{font-size:var(--step-3)}.map-head p{color:var(--ink2);font-size:var(--step--1)}.map-controls{position:absolute;z-index:3;left:clamp(16px,2.4vw,32px);bottom:16px;display:flex;flex-wrap:wrap;gap:8px}.map-controls .button{background:color-mix(in srgb,var(--panel) 85%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.inspector{position:absolute;z-index:4;top:clamp(16px,2.4vw,28px);right:clamp(16px,2.4vw,28px);display:grid;gap:14px;width:min(380px,calc(100% - 32px));max-height:calc(100% - 90px);overflow:auto;padding:18px;border-color:color-mix(in srgb,var(--c) 35%,var(--line2));box-shadow:var(--shadow)}@media(prefers-reduced-motion:no-preference){:root:not([data-motion=reduced]) .inspector{animation:inspector-in .36s var(--ease-out) both}}@keyframes inspector-in{0%{opacity:0;transform:translate(14px)}}.inspector-top{display:flex;align-items:center;justify-content:space-between}.inspector h2{font-size:var(--step-2)}.inspector p{color:var(--ink2);font-size:var(--step--1)}.inspector-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-block:10px;border-block:1px solid var(--line)}.inspector-stats .metric b{font-size:var(--step-1)}.inspector-boxes{display:grid;gap:8px}.map-key{position:absolute;z-index:3;right:clamp(14px,2vw,24px);bottom:16px}.map-list{display:grid;gap:12px;margin:0;padding:0;list-style:none;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}.map-list li{--c: var(--mint);display:grid;grid-template-columns:auto 1fr;gap:14px;padding:18px;border:1px solid var(--line);border-left:3px solid var(--c);border-radius:var(--r-lg);background:var(--panel);transition:border-color var(--t-med),background var(--t-med)}.map-list li:hover,.map-list li[data-focused]{background:var(--panel2);border-color:color-mix(in srgb,var(--c) 50%,var(--line))}.map-list-index{color:var(--faint);font-size:var(--step--1)}.map-list-body{display:grid;gap:8px}.map-list h3 a{color:var(--ink);text-decoration:none}.map-list h3 a:hover{color:var(--c)}.map-list h3 a:after{content:" →";color:var(--c)}.map-list p{color:var(--ink2);font-size:var(--step--1)}.map-list-stats .tag b{color:var(--ink)}.home-band{position:relative;z-index:1}.highlight-card .metric b{font-size:var(--step-2)}.featured{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,4vw,48px);align-items:center}.evidence-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--line)}.evidence-strip>div{display:grid;gap:6px;padding:20px;background:var(--panel)}.evidence-strip p{color:var(--dim);font-size:var(--step--2)}@media(max-width:900px){.featured{grid-template-columns:1fr}.evidence-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.hero{min-height:auto;display:flex;flex-direction:column}.hero[data-mode=intro] .graph-host{position:relative;order:2;height:44vh;min-height:300px}.hero[data-mode=map] .graph-host{position:relative;height:56vh;min-height:340px}.hero-copy{min-height:auto;padding-block:36px 20px}.hero-copy:before{display:none}.graph-labels[data-mode=intro] .graph-label,.graph-label small{display:none}.depth-chooser{grid-template-columns:1fr}.map-head{position:relative;inset:auto;padding:20px 16px 0}.inspector{position:relative;inset:auto;width:auto;max-height:none;margin:0 16px 16px}.map-controls,.graph-hud{position:relative;inset:auto;padding:10px 16px}}

.menu-sheet .menu-utility-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line2)}
@media(max-width:900px){.topbar .breadcrumb{display:none}}