@font-face{font-family:PlexMono;src:url("./fonts/ibm-plex-mono-regular.woff2") format("woff2");font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#080d12;--panel:#0f1920;--surface:#13232b;--line:#27414a;--ink:#e9f4ed;--muted:#a5bcb8;--acid:#ddff8c;--cyan:#81e0d5;--coral:#ffb98c;--mono:PlexMono,"IBM Plex Mono",Consolas,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5rem}
body{margin:0;min-width:280px;background:var(--bg);color:var(--ink);font-family:var(--mono);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 82% 8%,#1d423830,transparent 36%),linear-gradient(90deg,#74e9b407 1px,transparent 1px),linear-gradient(#74e9b407 1px,transparent 1px);background-size:auto,44px 44px,44px 44px}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.58}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--acid);outline-offset:4px}
::selection{background:var(--acid);color:var(--bg)}
.skip{position:absolute;z-index:30;top:-7rem;left:1rem;background:var(--acid);color:var(--bg);padding:.7rem}
.skip:focus{top:.5rem}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px clamp(18px,4.6vw,74px);border-bottom:1px solid var(--line);background:#090f14ee}
.brand{display:inline-flex;gap:.15rem;align-items:center;font-size:18px;font-weight:900;letter-spacing:-.06em;white-space:nowrap}
.brandmark{border:1px solid var(--acid);padding:0 7px;line-height:31px;margin-right:8px;color:var(--acid)}
.brandmark span{color:var(--ink)}
.brand-period{color:var(--acid)}
.topbar nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:clamp(9px,2.1vw,30px);font-size:11px;font-weight:bold;letter-spacing:.065em}
.topbar nav a:hover,footer a:hover{color:var(--acid)}
.nav-action{padding:9px 14px;border:1px solid #78cfc0;color:var(--acid)}
.broadcast{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px clamp(18px,4.6vw,74px);font-size:10px;letter-spacing:.1em;color:var(--cyan);background:#142b2a;border-bottom:1px solid #31544a}
.beacon{display:inline-block;height:7px;width:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 13px #ddff8c;margin-right:8px}
.hero{padding:clamp(66px,8vw,125px) clamp(18px,6vw,96px) 90px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(200px,.65fr);gap:clamp(30px,5vw,90px);align-items:center;max-width:1600px;margin:auto}
.eyebrow{font-size:11px;font-weight:bold;letter-spacing:.15em;color:var(--cyan);margin-bottom:24px}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.06;letter-spacing:-.065em;font-weight:900}
h1{font-size:clamp(48px,7.1vw,116px);margin:0 0 32px;white-space:normal}
h1 em,h2 em,h3 em{font-style:normal;color:var(--acid)}
.dot{color:var(--cyan)}
.lede{font-size:clamp(15px,1.4vw,20px);max-width:670px;line-height:1.7;color:#c9dcd4}
.lede strong{color:var(--ink)}
.hero-caveat{max-width:635px;font-size:12px;color:var(--muted);padding-left:15px;border-left:2px solid var(--acid);margin:30px 0}
.hero-caveat span{color:var(--acid)}
.hero-links{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin-top:35px}
.primary-action{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 20px;font-size:12px;font-weight:bold;background:var(--acid);color:#0b1716;box-shadow:6px 6px 0 #37514c}
.primary-action:hover{background:#f4ffc9}
.secondary-action{color:var(--cyan);font-size:12px;font-weight:bold}
.secondary-action:hover{color:white}
.hero-seal{text-align:center;color:var(--cyan);align-self:center;min-width:0}
.seal-rings{width:min(100%,340px);aspect-ratio:1;margin:auto;display:grid;place-items:center;border:1px solid #4f8072;border-radius:50%;outline:1px dashed #4f8072;outline-offset:15px;box-shadow:inset 0 0 80px #418d6930,0 0 110px #3ca78b16;position:relative}
.seal-rings::before,.seal-rings::after{content:"";position:absolute;border:1px solid #34554d;border-radius:50%;inset:13%}
.seal-rings::after{inset:29%;border-style:dashed}
.seal-cell{display:grid;grid-template-columns:repeat(2,32px);grid-template-rows:repeat(3,32px);gap:17px;position:relative;z-index:1}
.seal-cell span{border-radius:50%;border:1px solid var(--acid);box-shadow:0 0 20px #c8e96762}
.seal-cell span:nth-child(1),.seal-cell span:nth-child(2),.seal-cell span:nth-child(4),.seal-cell span:nth-child(5){background:var(--acid)}
.hero-seal p{font-size:clamp(19px,2.15vw,30px);letter-spacing:0;margin:35px 0 5px;color:var(--acid);white-space:nowrap}
.hero-seal>span{font-size:10px;letter-spacing:.18em}
.metrics{max-width:1600px;margin:auto;padding:0 clamp(18px,4.6vw,74px);display:grid;grid-template-columns:repeat(4,1fr)}
.metrics>div{border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-left:1px solid var(--line);padding:22px 24px;display:flex;flex-direction:column;gap:7px;background:#0d171c}
.metrics>div:last-child{border-right:1px solid var(--line)}
.metrics strong{font-size:clamp(25px,3.6vw,50px);color:var(--acid);line-height:1.1;letter-spacing:-.09em}
.metrics span{font-size:10px;color:var(--muted);letter-spacing:.075em}
.instrument,.directory{max-width:1600px;margin:auto;padding:clamp(70px,8vw,130px) clamp(18px,4.6vw,74px) 0}
.instrument-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
.instrument-heading h2,.directory-lead h2{font-size:clamp(39px,5.3vw,78px);margin-bottom:24px}
.instrument-heading p,.directory-lead p{max-width:680px;font-size:14px;color:var(--muted)}
.legend{display:flex;flex-wrap:wrap;gap:18px;font-size:10px;color:var(--muted);letter-spacing:.06em;padding-bottom:7px}
.legend span{display:inline-flex;align-items:center;gap:7px}
.legend i{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--acid)}
.legend .legend-node{background:var(--cyan);width:7px;height:7px}
.legend .legend-line{width:15px;height:1px;border-radius:0;background:var(--cyan)}
.mode-switch{display:flex;gap:8px;overflow:auto;padding-bottom:8px;margin-bottom:13px;scrollbar-color:#62857a #13232b}
.mode-switch button{flex:1;min-width:max-content;padding:16px 19px;border:1px solid #29444b;background:#0e1b21;color:var(--muted);font-size:12px;font-weight:bold;text-align:left;letter-spacing:.025em}
.mode-switch button span{color:var(--cyan);margin-right:12px}
.mode-switch button[aria-pressed=true]{background:var(--acid);color:#071613;border-color:var(--acid)}
.mode-switch button[aria-pressed=true] span{color:#356254}
.workbench{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(295px,.82fr);gap:13px;min-width:0}
.chart-panel,.inspector{background:#0b141a;border:1px solid var(--line);min-width:0}
.panel-top,.inspector-top,.directory-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:13px 17px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.09em;color:var(--cyan)}
.panel-top strong{color:var(--ink)}
.panel-pulse{color:var(--acid)}
.chart-frame{height:clamp(350px,44vw,660px);position:relative;overflow:hidden;background:radial-gradient(circle at center,#1b3431 0%,#0e1d24 56%,#0b141a 83%)}
.chart-frame::before{content:"";pointer-events:none;position:absolute;inset:0;opacity:.32;background:repeating-linear-gradient(0deg,transparent 0 20px,#8bcfb40d 21px 22px),repeating-linear-gradient(90deg,transparent 0 20px,#8bcfb40d 21px 22px)}
.chart-frame::after{content:"";pointer-events:none;position:absolute;inset:0;border:12px solid transparent;box-shadow:inset 0 0 90px #071016}
.chart{position:absolute;inset:0;z-index:1}
.chart-fallback{position:absolute;left:8%;right:8%;top:38%;z-index:0;color:var(--muted);line-height:1.7;text-align:center}
.chart-ready .chart-fallback{display:none}
.reticle{position:absolute;color:#659a89;font-size:30px;z-index:0;opacity:.5}
.r1{top:14%;left:12%}.r2{right:12%;bottom:19%}
.chart-coordinates{position:absolute;z-index:2;bottom:12px;left:17px;pointer-events:none;color:#9cb8aa;font-size:9px;letter-spacing:.05em}
.chart-foot{display:flex;justify-content:space-between;gap:17px;align-items:start;border-top:1px solid var(--line);padding:15px 17px;font-size:11px;color:var(--muted)}
.chart-foot p{max-width:620px;margin:0}
.chart-foot span{white-space:nowrap;color:var(--acid)}
.inspector{display:flex;flex-direction:column}
.inspector-top{color:var(--acid)}
.cursor{animation:blink 1.4s steps(2,start) infinite}
.inspector-inner{padding:clamp(20px,2.3vw,35px);display:flex;flex-direction:column;align-items:stretch;flex:1}
.inspector-sub{font-size:10px;letter-spacing:.15em;color:var(--muted)}
.inspector h3{font-size:clamp(37px,4vw,65px);margin:10px 0 13px;color:var(--acid);overflow-wrap:anywhere}
.inspector-status{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--coral);font-weight:bold;letter-spacing:.05em}
.unknown-dot{width:8px;height:8px;border:1px solid var(--coral);transform:rotate(45deg)}
.big-braille{font-size:clamp(33px,4vw,60px);color:#5d8178;letter-spacing:.18em;margin:20px 0;border-block:1px solid var(--line);padding:14px 0}
.inspection-data{margin:0}
.inspection-data div{padding:10px 0;display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #213842;font-size:10px}
.inspection-data dt{color:var(--muted)}
.inspection-data dd{margin:0;text-align:right;color:var(--ink);font-weight:bold}
.question-box{margin:30px 0 0;background:#152c2b;border-left:3px solid var(--acid);padding:18px}
.question-box span{font-size:10px;color:var(--acid);font-weight:bold}
.question-box p{font-size:12px;margin:12px 0 0;line-height:1.7}
.inspector-guard{font-size:11px;color:var(--muted);margin:20px 0}
.directory-link{margin-top:auto;padding-top:18px;color:var(--acid);font-size:11px;font-weight:bold}
.live-status{font-size:11px;border-bottom:1px solid var(--line);padding:15px;color:var(--cyan);margin:0;min-height:49px}
.directory-lead{margin-bottom:38px}
.directory-body{display:grid;grid-template-columns:minmax(240px,.6fr) minmax(0,1.4fr);gap:14px}
.filters,.slot-list-wrap{border:1px solid var(--line);background:#0e1920}
.filters{padding:25px;display:flex;flex-direction:column;align-items:stretch;gap:12px}
.filters label{font-size:10px;font-weight:bold;color:var(--cyan);letter-spacing:.1em}
.filters input,.filters select{padding:14px 13px;background:#091318;border:1px solid #36555b;border-radius:0;color:var(--ink);width:100%;min-width:0}
.filters input::placeholder{color:#91aaa2}
.filters select option{background:#091318}
.filters label:not(:first-child){margin-top:20px}
.filters p{font-size:11px;color:var(--muted);margin-top:20px}
.slot-list{max-height:420px;overflow:auto;scrollbar-color:#67988a #0c1920;padding:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-content:start}
.slot-list button{text-align:left;min-width:0;padding:13px;border:1px solid #304b50;background:#12242a;color:var(--ink);font-size:13px;font-weight:bold}
.slot-list button span{display:block;font-size:9px;color:var(--muted);font-weight:normal;margin-top:4px}
.slot-list button[aria-pressed=true]{border-color:var(--acid);background:#294336;color:var(--acid)}
.slot-list button:hover{border-color:var(--cyan)}
.fallback-list{grid-column:1/-1;color:var(--muted);padding:20px}
.evidence-section{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr);gap:35px;margin-top:85px;align-items:start}
.evidence-intro h3{font-size:clamp(28px,3.3vw,48px)}
.evidence-intro p{color:var(--muted);font-size:12px}
.table-wrap{overflow:auto;border:1px solid var(--line);max-width:100%}
table{border-collapse:collapse;width:100%;font-size:11px;min-width:560px;text-align:left}
caption{padding:12px;text-align:left;color:var(--muted);caption-side:bottom;font-size:10px}
th,td{padding:18px 14px;border-bottom:1px solid #264049;vertical-align:top}
thead{color:var(--cyan);background:#14272b}
tbody tr:nth-child(odd){background:#0d1b21}
tbody th{white-space:nowrap;color:var(--acid)}
tbody td:last-child{white-space:nowrap;color:var(--coral)}
.closing{max-width:1600px;margin:120px auto 0;padding:clamp(60px,7vw,110px) clamp(18px,6vw,96px);background:linear-gradient(115deg,#17362e,#0c191e);border-block:1px solid #3b6a5a}
.closing-index{font-size:11px;color:var(--cyan);margin-bottom:35px}
.closing h2{font-size:clamp(33px,5.5vw,83px);margin-bottom:30px}
.closing p{color:#c7dacf;max-width:750px;margin-bottom:30px}
footer{padding:42px clamp(18px,4.6vw,74px);max-width:1600px;margin:auto;display:flex;align-items:center;flex-wrap:wrap;gap:20px;justify-content:space-between;color:var(--muted);font-size:10px}
footer p{flex-basis:100%;font-size:10px;line-height:1.7;max-width:850px}
@keyframes blink{50%{opacity:0}}
@media(max-width:1100px){.hero{grid-template-columns:1.5fr .65fr}.workbench{grid-template-columns:minmax(0,1fr) 290px}.slot-list{grid-template-columns:repeat(2,minmax(0,1fr))}.legend{max-width:280px}}
@media(max-width:850px){.topbar{align-items:start;flex-direction:column}.hero{grid-template-columns:1fr;padding-top:70px}.hero-seal{display:none}.instrument-heading{align-items:start;flex-direction:column}.legend{max-width:unset}.workbench{grid-template-columns:1fr}.inspector-inner{display:block}.big-braille{font-size:37px}.directory-body,.evidence-section{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.metrics>div:nth-child(2){border-right:1px solid var(--line)}.metrics>div:nth-child(n+3){border-top:0}.slot-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){html{scroll-padding-top:12px}.topbar{padding:16px 18px}.topbar nav{justify-content:start;font-size:10px}.broadcast{flex-direction:column;align-items:start;gap:4px;font-size:9px}.hero{padding:60px 18px 65px}h1{font-size:clamp(35px,10vw,58px);letter-spacing:-.08em}.hero-links{align-items:stretch;flex-direction:column}.primary-action{max-width:100%}.metrics{padding:0 18px}.metrics>div{padding:18px 12px}.metrics strong{font-size:31px}.metrics span{font-size:9px}.instrument,.directory{padding:75px 18px 0}.instrument-heading h2,.directory-lead h2{font-size:clamp(32px,9vw,48px)}.mode-switch button{padding:14px 12px;font-size:10px}.chart-frame{height:380px}.chart-foot{flex-direction:column}.chart-foot span{white-space:normal}.slot-list{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}.slot-list button{padding:10px;font-size:11px}.filters{padding:18px}.closing{margin-top:75px}.closing h2{font-size:clamp(31px,8.5vw,48px)}footer{align-items:start;flex-direction:column}}
@media(max-width:350px){.slot-list{grid-template-columns:1fr}.topbar nav{gap:9px}.chart-frame{height:320px}.inspector h3{font-size:40px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}