#networking-systems-explorer-target{--nse-paper: var(--paper, #F2EDE2);--nse-screen: #FAF6EE;--nse-ink: var(--ink, #0E1330);--nse-ink-soft: color-mix(in srgb, var(--ink, #0E1330) 55%, transparent);--nse-ink-hair: color-mix(in srgb, var(--ink, #0E1330) 16%, transparent);--nse-ink-faint: color-mix(in srgb, var(--ink, #0E1330) 6%, transparent);--nse-acid: var(--acid, #C8102E);--nse-acid-soft: color-mix(in srgb, var(--acid, #C8102E) 14%, transparent);--nse-blue: #1f4f9c;--nse-green: #2f7a3e;--nse-amber: #b07700;--nse-canvas: var(--nse-screen);--nse-panel: var(--nse-paper);--nse-line: var(--nse-ink);--nse-muted: var(--nse-ink-soft);--nse-accent: var(--nse-acid);--nse-ten: var(--nse-blue);--nse-warn: var(--nse-acid);--nse-radius: 14px;--nse-radius-sm: 8px;--nse-font-serif: "Instrument Serif", Georgia, serif;--nse-font-mono: "JetBrains Mono", "Menlo", monospace;--nse-font-ui: "Geist", "Inter", system-ui, sans-serif;display:block;width:100%;color:var(--nse-ink);font-family:var(--nse-font-ui)}.nse-app{display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr) minmax(320px,380px);gap:14px;background:transparent;color:var(--nse-ink);font-family:var(--nse-font-ui);font-size:13.5px;border:0;min-height:auto}.nse-app[data-theme=dark]{--nse-canvas: var(--nse-screen);--nse-panel: var(--nse-paper);--nse-line: var(--nse-ink);--nse-muted: var(--nse-ink-soft);--nse-accent: var(--nse-acid)}.nse-nav{background:var(--nse-paper);border:1px solid var(--nse-ink-hair);border-radius:var(--nse-radius);padding:10px;box-shadow:0 2px 0 var(--nse-ink-faint),0 12px 28px -22px #0e133059;overflow-y:auto;align-self:start;position:sticky;top:16px;max-height:calc(100vh - 32px)}.nse-grp-count{display:inline-block;margin-left:6px;padding:1px 6px;background:color-mix(in srgb,var(--nse-ink) 7%,transparent);color:var(--nse-ink-soft);border-radius:999px;font:600 9.5px/1.4 var(--nse-font-mono);vertical-align:middle}.nse-nav-empty{margin:12px;font:italic 13px/1.5 var(--nse-font-serif);color:var(--nse-ink-soft)}.nse-nav details.nse-grp{margin:0 0 8px;border:0;border-bottom:1px solid var(--nse-ink-hair);padding-bottom:6px}.nse-nav details.nse-grp:last-child{border-bottom:0}.nse-nav details.nse-grp>summary{cursor:pointer;list-style:none;padding:6px 4px;font:italic 1.05rem/1.1 var(--nse-font-serif);color:var(--nse-ink);letter-spacing:.005em;position:relative;user-select:none}.nse-nav details.nse-grp>summary::-webkit-details-marker{display:none}.nse-nav details.nse-grp>summary:before{content:"▾";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:9px;color:var(--nse-ink-soft);transition:transform .14s ease}.nse-nav details.nse-grp:not([open])>summary:before{transform:translateY(-50%) rotate(-90deg)}.nse-subgrp{margin:6px 4px 2px;font:600 9.5px/1 var(--nse-font-mono);text-transform:uppercase;letter-spacing:.16em;color:var(--nse-ink-soft)}.nse-nav ul{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:2px}.nse-nav li{margin:0}.nse-nav .nse-item{appearance:none;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;background:transparent;color:var(--nse-ink);border:1px solid transparent;border-radius:6px;padding:5px 8px;font:500 12.5px/1.35 var(--nse-font-mono);cursor:pointer;transition:background .1s ease,border-color .1s ease,color .1s ease,transform .1s ease}.nse-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nse-item-metric{flex:0 0 auto;font:600 10.5px/1 var(--nse-font-mono);color:var(--nse-ink-soft);background:color-mix(in srgb,var(--nse-ink) 6%,transparent);padding:2px 6px;border-radius:999px}.nse-nav .nse-item:hover{background:color-mix(in srgb,var(--nse-ink) 4%,transparent);border-color:var(--nse-ink-hair)}.nse-nav .nse-item:hover .nse-item-metric{color:var(--nse-ink)}.nse-nav .nse-item.is-on{background:var(--nse-ink);color:var(--nse-screen);border-color:var(--nse-ink);box-shadow:0 0 0 3px var(--nse-acid-soft)}.nse-nav .nse-item.is-on .nse-item-metric{background:var(--nse-acid);color:var(--nse-screen)}.nse-main{display:flex;flex-direction:column;gap:12px;min-width:0}.nse-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 14px;background:var(--nse-paper);border:1px solid var(--nse-ink-hair);border-radius:var(--nse-radius);box-shadow:0 2px 0 var(--nse-ink-faint)}.nse-toolbar-spacer{flex:1 0 12px;min-width:12px}.nse-toolbar-lab{font:600 9.5px/1 var(--nse-font-mono);text-transform:uppercase;letter-spacing:.16em;color:var(--nse-ink-soft)}.nse-filters{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;padding:4px 8px;background:var(--nse-screen);border:1px solid var(--nse-ink-hair);border-radius:999px}.nse-chip{appearance:none;background:transparent;color:var(--nse-ink);border:1px solid transparent;border-radius:999px;padding:3px 10px;font:600 11px/1.2 var(--nse-font-mono);letter-spacing:.04em;cursor:pointer;transition:background .1s ease,color .1s ease,border-color .1s ease}.nse-chip:hover{background:color-mix(in srgb,var(--nse-ink) 6%,transparent)}.nse-chip.is-on{background:var(--nse-ink);color:var(--nse-screen);border-color:var(--nse-ink)}.nse-chip[data-layer=""].is-on{background:var(--nse-acid);border-color:var(--nse-acid)}.nse-toolbar .nse-chk{display:inline-flex;align-items:center;gap:8px;font:500 12.5px var(--nse-font-mono);color:var(--nse-ink);cursor:pointer;padding:4px 10px;background:var(--nse-screen);border:1px solid var(--nse-ink-hair);border-radius:999px;transition:border-color .1s ease}.nse-toolbar .nse-chk:hover{border-color:var(--nse-ink)}.nse-toolbar .nse-chk input[type=checkbox]{accent-color:var(--nse-acid);margin:0}.nse-slider{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;background:var(--nse-screen);border:1px solid var(--nse-ink-hair);border-radius:999px}.nse-slider input[type=range]{width:110px;accent-color:var(--nse-acid);margin:0}.nse-speed-readout{min-width:36px;text-align:right;font:600 11.5px var(--nse-font-mono);color:var(--nse-ink)}.nse-stage-card{background:var(--nse-screen);border:1px solid var(--nse-ink-hair);border-radius:var(--nse-radius-sm);padding:8px 10px 10px;display:flex;flex-direction:column;gap:6px}.nse-stage-title{font:600 9.5px/1 var(--nse-font-mono);text-transform:uppercase;letter-spacing:.16em;color:var(--nse-ink-soft)}.nse-panel-stack{display:flex;flex-direction:column;gap:10px}.nse-stage{display:flex;flex-direction:column;gap:12px;background:var(--nse-paper);border:1px solid var(--nse-ink-hair);border-radius:var(--nse-radius);padding:14px;box-shadow:0 2px 0 var(--nse-ink-faint),0 24px 50px -28px #0e133066}.nse-stage #nse-topology,.nse-stage #nse-spectrum,.nse-stage #nse-scatter{display:block;width:100%;overflow:visible}.nse-stage #nse-topology{aspect-ratio:780 / 320}.nse-stage #nse-spectrum{height:140px}.nse-stage #nse-scatter{aspect-ratio:360 / 220;max-height:320px}.nse-scatter-dot{cursor:pointer}.nse-scatter-bg{fill:color-mix(in srgb,var(--nse-ink) 18%,transparent);stroke:var(--nse-ink-hair);stroke-width:1;transition:r .12s ease,fill .12s ease,stroke .12s ease}.nse-scatter-dot:hover .nse-scatter-bg{fill:var(--nse-ink);stroke:var(--nse-ink);r:6}.nse-scatter-a{fill:var(--nse-acid);stroke:var(--nse-ink);stroke-width:1.5;filter:drop-shadow(0 1px 3px color-mix(in srgb,var(--nse-acid) 40%,transparent));animation:nse-pulse 2.6s ease-in-out infinite}.nse-scatter-b{fill:var(--nse-blue);stroke:var(--nse-ink);stroke-width:1.5;filter:drop-shadow(0 1px 3px color-mix(in srgb,var(--nse-blue) 40%,transparent))}@keyframes nse-pulse{0%,to{r:8;opacity:1}50%{r:9.5;opacity:.92}}.nse-panel{display:flex;flex-direction:column;gap:12px;background:var(--nse-paper);border:1px solid var(--nse-ink-hair);border-radius:var(--nse-radius);padding:14px;box-shadow:0 2px 0 var(--nse-ink-faint);min-width:0;align-self:start}.nse-panel .nse-lab{display:flex;align-items:center;gap:8px;font:600 10px/1 var(--nse-font-mono);text-transform:uppercase;letter-spacing:.16em;color:var(--nse-ink-soft)}.nse-panel .nse-select{flex:1;background:var(--nse-screen);color:var(--nse-ink);border:1px solid var(--nse-ink-hair);border-radius:var(--nse-radius-sm);padding:6px 10px;font:500 12.5px var(--nse-font-mono);transition:border-color .12s ease,box-shadow .12s ease}.nse-panel .nse-select:focus{outline:none;border-color:var(--nse-acid);box-shadow:0 0 0 3px var(--nse-acid-soft)}.nse-panel .nse-select:disabled{color:var(--nse-ink-soft);background:color-mix(in srgb,var(--nse-paper) 50%,var(--nse-screen))}.nse-panel-stack>.nse-stage-card>svg{display:block;width:100%;overflow:visible}#nse-osi{aspect-ratio:200 / 260;max-height:320px}#nse-radar{aspect-ratio:168 / 168;max-height:240px}.nse-split-panel{display:flex;flex-direction:column;gap:10px}#nse-detail{display:flex;flex-direction:column;gap:10px;padding-top:6px}.nse-lead{margin:0;font:italic 1.4rem/1.1 var(--nse-font-serif);color:var(--nse-ink);letter-spacing:.005em}.nse-metrics{margin:0;padding:8px 10px;background:var(--nse-screen);border:1px solid var(--nse-ink-hair);border-left:3px solid var(--nse-acid);border-radius:var(--nse-radius-sm);font:500 12.5px/1.55 var(--nse-font-mono);color:var(--nse-ink)}.nse-metrics strong{color:var(--nse-ink-soft);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:10.5px;margin-right:4px}#nse-detail>p{margin:0;font:14px/1.55 var(--nse-font-ui);color:var(--nse-ink)}#nse-detail>p>strong{display:inline-block;min-width:86px;font:600 11px/1 var(--nse-font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--nse-acid);margin-right:6px;vertical-align:baseline}.nse-sec{background:var(--nse-screen);border:1px solid var(--nse-ink-hair);border-radius:var(--nse-radius-sm);padding:10px 12px}.nse-sec h4{margin:0 0 6px;font:600 10px/1 var(--nse-font-mono);text-transform:uppercase;letter-spacing:.16em;color:var(--nse-ink-soft)}.nse-sec ul{margin:0;padding-left:16px;list-style:none}.nse-sec li{position:relative;padding:2px 0 2px 4px;font:13px/1.5 var(--nse-font-ui);color:var(--nse-ink)}.nse-sec li:before{content:"·";position:absolute;left:-10px;color:var(--nse-acid);font-weight:700}.nse-sec.nse-warn{border-color:color-mix(in srgb,var(--nse-acid) 50%,var(--nse-ink-hair));background:color-mix(in srgb,var(--nse-acid) 4%,var(--nse-screen))}.nse-sec.nse-warn h4{color:var(--nse-acid)}.nse-footnote{margin:4px 0 0;font:italic 12px/1.5 var(--nse-font-serif);color:var(--nse-ink-soft);padding-top:8px;border-top:1px dashed var(--nse-ink-hair)}.nse-stage svg text,.nse-panel svg text{font-family:var(--nse-font-ui);fill:var(--nse-ink)}#nse-osi text{font-family:var(--nse-font-ui);letter-spacing:-.005em}#nse-osi text[font-size="9"]{font-size:8.5px;fill:var(--nse-ink-soft)}#nse-osi text[font-size="11"]{font-size:10.5px;font-weight:600}#nse-scatter text{font-family:var(--nse-font-ui)}@media (max-width: 1100px){.nse-app{grid-template-columns:240px 1fr}.nse-panel{grid-column:1 / -1;max-height:none}}@media (max-width: 720px){.nse-app{grid-template-columns:1fr}.nse-nav{max-height:360px}.nse-split-panel{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.nse-item,details.nse-grp>summary:before{transition:none!important}}