:root{--bg:#000;--ink:#aaa;--hi:#fff;--v:#555;color-scheme:dark}
*{box-sizing:border-box;margin:0}
html{background:var(--bg);color:var(--ink)}
::selection{background:#0aa;color:#000}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.bar{position:sticky;top:0;display:flex;gap:2ch;justify-content:space-between;background:#0000aa;color:#fff;font:18px/1 VGA,monospace;padding:5px 1ch}
.bar span:nth-child(2){color:#5ff}
main{display:grid;place-items:center;padding:4vh 0 8vh}
.nfo{font:min(19px,2.45vw)/1 VGA,monospace;white-space:pre}
.v{color:var(--v)}
.k{color:#5f5f5f}
.val{color:var(--hi)}
.h{color:#5ff}
.l0{color:rgb(170,255,255)}.l1{color:rgb(142,255,255)}.l2{color:rgb(113,255,255)}.l3{color:rgb(85,255,255)}.l4{color:rgb(57,237,242)}.l5{color:rgb(28,218,229)}.l6{color:rgb(0,200,216)}.l7{color:rgb(19,174,229)}.l8{color:rgb(39,149,242)}.l9{color:rgb(58,123,255)}.l10{color:rgb(64,102,255)}.l11{color:rgb(69,80,255)}.l12{color:rgb(75,59,255)}
[class^="l"]:not(.ls){text-shadow:0 0 10px #55ffff55}
.ls{color:#0b0b3a}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}