:root{
  --ink:#0B0A10; --paper:#F4EFE4; --paper-dot:#DED5C2;
  --ink-2:#2A2438; --ink-3:#4A4160;
  --void:#14061F; --void-2:#1F0A2E; --void-dot:#2C1140;
  --pink:#FF2E88; --cyan:#00E5FF; --purple:#6C2BD9;
  --healthy:#B6FF3C; --degraded:#FFB800; --critical:#FF1E1E; --reweaving:#00E5FF;
  --symbiote:#050408; --symbiote-edge:#3B0D57; --infected:#C24BFF; --unwatched:#2A2438;
  --dim:#9C8FB5; --dimmer:#8E82A8;

  --t-masthead:clamp(3.5rem,10vw,7.5rem);
  --t-codename:clamp(1.5rem,3vw,2.1rem);
  --t-section:1.25rem;
  --t-body:0.9375rem;
  --t-label:0.75rem;
  --t-data-xl:clamp(2.25rem,4.5vw,3.25rem);
  --t-data:0.875rem;
  --t-micro:0.6875rem;
  --t-tick:0.625rem;

  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:72px;
}

*{box-sizing:border-box;}

body{
  margin:0;
  background:var(--void);
  color:var(--paper);
  font-family:"Space Grotesk",system-ui,sans-serif;
  font-size:var(--t-body);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(var(--void-dot) 1px,transparent 1.4px);
  background-size:4px 4px;opacity:.5;
}

.label{
  font-size:var(--t-label);text-transform:uppercase;letter-spacing:.08em;
  font-weight:700;color:var(--dim);
}
.mono{font-family:"IBM Plex Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums;}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;}
}

.readout__n{display:block;font-size:var(--t-tick);letter-spacing:.04em;opacity:.72;font-weight:400;}
.mono--small{font-size:.8125rem;}