:root{--acc:#5ad7ff;--ink:#e9edf2;--dim:#e9edf294;--line:#e9edf224;--mono:"JetBrains Mono", ui-monospace, monospace;--sans:"Inter Tight", "Inter", system-ui, sans-serif}html,body{height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:#030405;margin:0;overflow:hidden}#gl{width:100vw;height:100vh;display:block;position:fixed;inset:0}#load{color:#9aa3ad;font:500 12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;pointer-events:none;place-items:center;transition:opacity .8s;display:grid;position:fixed;inset:0}body.ready #load{opacity:0}body.film #load,body.clean #load{display:none}#ui{pointer-events:none;opacity:0;transition:opacity 1s .2s;position:fixed;inset:0}body.ready #ui{opacity:1}#ui button,#ui input,#ui a{pointer-events:auto}.card{width:380px;position:absolute;top:30px;left:36px}.kick{font:500 11px/1 var(--mono);letter-spacing:.18em;color:var(--dim)}.kick span{color:var(--acc)}.card h1{font:600 54px/1 var(--sans);letter-spacing:-.035em;margin:12px 0 10px}.card p{font:400 14px/1.45 var(--sans);color:var(--dim);max-width:340px;margin:0 0 16px}.chips{gap:22px;display:flex}.chip b{font:500 26px/1 var(--mono);letter-spacing:-.02em;display:block}.chip b i{color:var(--dim);margin-left:3px;font-size:13px;font-style:normal}.chip span{font:500 10px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-top:6px;display:block}.chip.acc b{color:var(--acc)}.rail{flex-direction:column;gap:20px;width:268px;display:flex;position:absolute;top:30px;right:30px}.grp .lab,.hover .lab,.src .lab{font:500 10px/1 var(--mono);letter-spacing:.16em;color:var(--dim);border-top:1px solid var(--line);margin-bottom:9px;padding-top:9px}.src .lab span{letter-spacing:.02em;text-transform:none;margin-top:6px;line-height:1.4;display:block}.seg{border:1px solid var(--line);display:flex}.seg button,.sys button,.btns button,.tog{color:var(--dim);font:500 12px/1 var(--sans);cursor:pointer;background:0 0;border:0;flex:1;padding:9px 4px;transition:color .2s,background .2s}.seg button+button{border-left:1px solid var(--line)}.seg button.on,.sys button.on,.tog.on{color:#000;background:var(--ink)}.seg button:hover,.sys button:hover,.btns button:hover,.tog:hover{color:var(--ink)}.seg button.on:hover,.sys button.on:hover,.tog.on:hover{color:#000}.sys{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.sys button{text-align:left;background:#030405;padding:8px 9px}.btns{background:var(--line);border:1px solid var(--line);flex-direction:column;gap:1px;display:flex}.btns button{text-align:left;background:#030405;padding:10px}.btns button.acc{color:var(--acc)}.grp.row{border-top:1px solid var(--line);gap:1px;padding-top:10px;display:flex}.tog{border:1px solid var(--line)}.slider{font:500 10px/1 var(--mono);color:var(--dim);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:10px;margin-top:10px;display:flex}.slider b{color:var(--ink);text-align:right;width:50px;font-weight:500}.slider input{appearance:none;background:var(--line);outline:none;flex:1;height:1px}.slider input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--acc);cursor:pointer;border:0;width:10px;height:18px}.live{opacity:0;width:470px;transition:opacity .5s,transform .5s;position:absolute;bottom:54px;left:36px;transform:translateY(10px)}#ui.running .live{opacity:1;transform:none}.live .big b{font:500 92px/.9 var(--mono);letter-spacing:-.05em}.live .big span{font:500 15px/1 var(--mono);color:var(--dim);margin-left:8px}.live .cols{border-top:1px solid var(--line);gap:20px;margin:12px 0 10px;padding-top:10px;display:flex}.live .cols b{font:500 18px/1 var(--mono);display:block}.live .cols span{font:500 9px/1 var(--mono);color:var(--dim);letter-spacing:.1em;text-transform:uppercase}#lchart{width:100%;height:110px;overflow:visible}#ui.hovering #lchart,#ui.landing #lchart{display:none}#lchart .g{stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke}#lchart .d{stroke-dasharray:3 4}#lchart .t{fill:var(--dim);font:500 9px var(--mono)}#lchart .w{fill:none;stroke:var(--ink);stroke-width:1.4px;vector-effect:non-scaling-stroke}#lchart .a{fill:none;stroke:var(--acc);stroke-width:1.8px;vector-effect:non-scaling-stroke}.cap{font:400 12px/1.45 var(--sans);color:var(--dim);max-width:440px;margin-top:8px}.hover{opacity:0;width:360px;transition:opacity .5s;position:absolute;bottom:54px;right:330px}.live,.hover{isolation:isolate}.live:before,.hover:before{content:"";z-index:-1;filter:blur(22px);pointer-events:none;background:#03040599;position:absolute;inset:-34px -44px -30px}#ui.hovering #hov{opacity:1}#ui.ranging #rng{opacity:1;pointer-events:auto}#rchart{width:100%;height:130px;margin-bottom:8px;overflow:visible}#rchart .g{stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke}#rchart .d{stroke-dasharray:3 4}#rchart .t{fill:var(--dim);font:500 9px var(--mono)}#rchart .a{fill:none;stroke:var(--acc);stroke-width:1.8px;vector-effect:non-scaling-stroke}.hrow{font:400 12px/1.2 var(--sans);color:var(--dim);border-bottom:1px dotted var(--line);justify-content:space-between;gap:12px;padding:5px 0;display:flex}.hrow b{font:500 12px/1.2 var(--mono);color:var(--ink);white-space:nowrap}.hrow.acc b{color:var(--acc)}.hover p{font:400 11px/1.45 var(--sans);color:var(--dim);margin:10px 0 0}.src{opacity:0;pointer-events:none;background:#030405d1;width:400px;max-height:calc(100vh - 140px);padding:0 16px 14px;transition:opacity .4s;position:absolute;top:30px;right:330px;overflow:auto}#ui.showsrc .src{opacity:1;pointer-events:auto}.src a{color:var(--ink);font:500 10px/1.4 var(--mono);border-bottom:1px dotted var(--line);padding:6px 0;text-decoration:none;display:block}.src a span{font:400 12px/1.4 var(--sans);color:var(--dim);display:block}.note{font:400 11px/1.4 var(--sans);color:#e9edf26b;max-width:720px;position:absolute;bottom:18px;left:36px}.note b{color:var(--acc);font-weight:500}.brand{opacity:.6;position:absolute;bottom:18px;right:30px}.labels{position:absolute;inset:0}.lbl{width:236px;font-family:var(--sans);text-shadow:0 0 10px #030405f2,0 0 3px #030405e6;position:absolute}.lbl.r{text-align:right}.lbl span{font:500 9px/1 var(--mono);letter-spacing:.14em;color:var(--acc);display:block}.lbl b{font:600 13px/1.25 var(--sans);margin-top:4px;display:block}.lbl i{font:400 11px/1.3 var(--mono);color:var(--dim);font-style:normal;display:block}.leaders{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.leaders path{fill:none;stroke:#e9edf28c;stroke-width:1px}.leaders rect{fill:var(--acc)}body.clean #ui,body.film #ui .labels,body.film #ui .card,body.film #ui .live,body.film #ui .hover,body.film #ui .src,body.film #ui .rail,body.film #ui .note,body.film #ui .brand{display:none}@media (max-width:760px){.card{width:auto;top:18px;left:18px;right:18px}.card h1{font-size:38px}.card p{display:none}.rail{gap:8px;width:auto;inset:auto 12px 16px}.rail .grp:nth-child(2){display:none}.rail .btns{grid-template-columns:1fr 1fr;display:grid}#ui.running .chips{display:none}.live{width:auto;inset:100px 18px auto}.live .big b{font-size:48px}.live .cols{flex-wrap:wrap;gap:8px 14px;margin:8px 0 6px}.live .cols b{font-size:15px}#lchart{height:56px}.cap{font-size:11px}#hov{display:none}.hover{top:100px;bottom:auto}#ui.running #rng{display:none}.hover,.src{width:auto;left:12px;right:12px}.src{max-height:calc(100vh - 360px);top:100px}.note{display:none}.brand{top:52px;bottom:auto;right:18px}.brand img{width:64px;height:auto}.lbl{width:130px}.lbl i{display:none}.lbl b{font-size:12px}}