:root{
  --bg:#050914;
  --bg2:#0a1222;
  --surface:rgba(9,18,35,.74);
  --surface2:rgba(14,28,51,.84);
  --ink:#eaf1ff;
  --soft:#b7c7df;
  --muted:#7f94b2;
  --line:rgba(111,155,255,.16);
  --line2:rgba(47,208,194,.28);
  --amber:#6f9bff;
  --rust:#9a7cff;
  --cyan:#2fd0c2;
  --green:#6fe3a1;
  --blue:#8fb3ff;
  --shadow:0 30px 100px rgba(0,7,20,.46);
}

html{background:var(--bg)}
body{
  background:
    radial-gradient(1050px 720px at 78% -10%,rgba(48,73,135,.28) 0,transparent 61%),
    radial-gradient(800px 620px at -6% 12%,rgba(24,111,126,.18) 0,transparent 58%),
    linear-gradient(180deg,#07101e 0,#050914 54%,#060b16 100%);
}
.node-label{
  color:rgba(234,241,255,.76);
  border-color:rgba(111,155,255,.15);
  background:rgba(5,9,20,.58);
  box-shadow:0 8px 28px rgba(0,8,24,.18);
}
.node-label.hot{border-color:rgba(47,208,194,.44);box-shadow:0 0 24px rgba(47,208,194,.12)}
.vignette{background:radial-gradient(circle at 50% 43%,transparent 34%,rgba(1,7,18,.14) 68%,rgba(1,4,12,.58) 100%)}
.boot{background:#050914}
.boot-mark i{border-color:rgba(111,155,255,.34)}
.boot-mark i:nth-child(2){border-color:rgba(47,208,194,.28)}
.boot-mark i:nth-child(3){box-shadow:0 0 34px rgba(111,155,255,.66),0 0 58px rgba(47,208,194,.16)}
.topbar{background:linear-gradient(180deg,rgba(5,9,20,.88),transparent)}
.topbar.scrolled{background:rgba(5,10,22,.78);border-color:rgba(111,155,255,.16)}
.brand-orbit{border-color:rgba(111,155,255,.46)}
.brand-orbit:before{border-color:rgba(47,208,194,.38)}
.brand-orbit i{box-shadow:0 0 13px rgba(111,155,255,.92)}
.icon-btn{background:rgba(7,14,28,.62)}
.rail a.active i{box-shadow:0 0 14px rgba(111,155,255,.7)}
.btn-primary{
  color:#051020;
  box-shadow:0 14px 44px rgba(111,155,255,.16),0 0 30px rgba(47,208,194,.05);
}
.btn-primary:hover{box-shadow:0 18px 52px rgba(111,155,255,.26),0 0 36px rgba(47,208,194,.08)}
.btn-ghost{background:rgba(8,17,32,.54)}
.btn-ghost:hover{background:rgba(13,27,50,.8)}
.glass-panel{
  background:linear-gradient(145deg,rgba(12,24,46,.82),rgba(6,13,27,.62));
  box-shadow:0 28px 95px rgba(0,7,20,.38),inset 0 1px 0 rgba(160,195,255,.025);
}
.metrics article{background:rgba(7,15,30,.86)}
.metrics article a{display:inline-block;margin-top:10px;font-family:"DM Mono",monospace;font-size:.58rem;color:var(--cyan);text-transform:uppercase;letter-spacing:.06em}
.metrics article a:hover,.metrics article a:focus-visible{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.telemetry{background:rgba(5,11,24,.78);box-shadow:0 28px 90px rgba(0,6,20,.42)}
.trace path{filter:drop-shadow(0 0 3px rgba(111,155,255,.25))}
.trace:nth-of-type(2) path{filter:drop-shadow(0 0 3px rgba(47,208,194,.22))}
.trace:nth-of-type(3) path{filter:drop-shadow(0 0 3px rgba(154,124,255,.22))}
.planet-grid button{background:rgba(7,15,30,.66)}
.planet-grid button:hover,.planet-grid button:focus-visible{border-color:rgba(47,208,194,.58);box-shadow:0 8px 30px rgba(47,208,194,.06)}
.terminal{background:#050a15}
.terminal code{color:#c9d8ef}
.node-panel{background:rgba(6,13,27,.93);box-shadow:0 30px 110px rgba(0,5,18,.56)}
.progress span{background:linear-gradient(90deg,var(--rust),var(--amber),var(--cyan))}
.panel-wide{width:min(1120px,88vw);margin-inline:auto}
.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}
.evidence-grid article{display:flex;flex-direction:column;min-height:270px;padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(7,15,30,.72)}
.evidence-grid h3{font-size:1.15rem;margin:4px 0 18px}
.evidence-grid strong{font-family:Syne,sans-serif;font-size:2.2rem;color:var(--cyan)}
.evidence-grid article>p:not(.evidence-tag){font-size:.82rem;line-height:1.6;color:var(--soft)}
.evidence-tag{margin:0;font-family:"DM Mono",monospace;font-size:.58rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.evidence-grid a{margin-top:auto;font-family:"DM Mono",monospace;font-size:.61rem;color:var(--amber)}
.evidence-grid a:hover,.evidence-grid a:focus-visible{text-decoration:underline;text-underline-offset:3px}
.evidence-note{margin-top:20px!important;max-width:100ch!important}
::selection{background:rgba(111,155,255,.28);color:#fff}

@media(max-width:820px){
  .glass-panel{background:rgba(7,15,30,.82)}
  .panel-wide{width:100%}
  .evidence-grid{grid-template-columns:1fr}
  .evidence-grid article{min-height:0}
}