:root{--paper:#edf0f5;--ink:#161b2e;--mu:#5b6478;--rule:#cbd2df;--up:#12805c;--dn:#c93a52;--hi:#f5d547}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 "Avenir Next","Segoe UI",system-ui,sans-serif;font-variant-numeric:tabular-nums}
.w{max-width:880px;margin:0 auto;padding:20px 16px 40px}
h1{font:800 clamp(44px,11vw,84px)/.92 "Avenir Next Condensed","Arial Narrow","Helvetica Neue",Arial,sans-serif;letter-spacing:-.035em;margin:8px 0 12px}
h2{font-size:20px;margin:0 0 10px}
section{border-top:2px solid var(--ink);padding:18px 0}
p{margin:0 0 8px}.mu{color:var(--mu);font-size:13px}.up{color:var(--up)}.dn{color:var(--dn)}
.sc{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}
th,td{padding:7px 8px;text-align:right;border-bottom:1px solid var(--rule)}th:first-child,td:first-child{text-align:left}
th{font-weight:600;color:var(--mu);font-size:12px}
tr[data-s]{cursor:pointer}tr.sel{background:var(--hi)}
.split{display:flex;height:48px;border-radius:4px;overflow:hidden;font-weight:800;font-size:18px;margin:6px 0 4px}
.split span{display:flex;align-items:center;padding:0 12px;color:#fff;min-width:0;white-space:nowrap}
.split .u{background:var(--up)}.split .d{background:var(--dn);justify-content:flex-end}
.big{font:800 clamp(28px,7vw,44px)/1 "Avenir Next Condensed","Arial Narrow",Arial,sans-serif;margin:0 0 12px}
button{font:inherit;border:1.5px solid var(--ink);background:transparent;color:var(--ink);border-radius:4px;padding:5px 10px;margin:0 6px 6px 0;cursor:pointer}
button.on{background:var(--hi)}
button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.hb{display:flex;align-items:flex-end;gap:2px;height:120px;margin:10px 0 2px}.hb div{flex:1}
.hl{display:flex;gap:2px;margin-bottom:10px}.hl span{flex:1;text-align:center;font-size:10px;color:var(--mu)}
ul{margin:6px 0;padding-left:18px}li{margin:5px 0}
footer{border-top:2px solid var(--ink);padding-top:14px;font-size:13px;color:var(--mu)}

:root{--s20:#d98a00;--s50:#2f6fed;--s200:#8b4bd8}
svg{display:block;width:100%;max-width:700px;height:auto;margin:6px 0}
.ln{fill:none;stroke-width:1.5;vector-effect:non-scaling-stroke}.s20{stroke:var(--s20)}.s50{stroke:var(--s50)}.s200{stroke:var(--s200)}.bl{stroke:var(--mu);stroke-width:1}
.bb{fill:var(--ink);opacity:.08}.wk{fill:none;stroke-width:1;vector-effect:non-scaling-stroke}.bd{fill:none}.gu{stroke:var(--up)}.gd{stroke:var(--dn)}
.ref{fill:none;stroke:var(--mu);stroke-dasharray:3 3;vector-effect:non-scaling-stroke}
.c20{color:var(--s20)}.c50{color:var(--s50)}.c200{color:var(--s200)}
td:first-child{white-space:normal}
.fw{opacity:.5}.cn{fill:var(--hi);opacity:.35}.lv{fill:var(--ink);stroke:var(--paper);stroke-width:1.5}.ma{fill:var(--up)}.mb{fill:var(--dn)}