:root{color-scheme:dark;--ink:#eff2ff;--bg:#0b101c;--line:#2b364f;--muted:#aab6cc;--accent:#9aabff}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 82% 0%,#202e4c 0,transparent 27rem),var(--bg);font:15px/1.55 system-ui,sans-serif}header,main{max-width:1180px;margin:auto;padding:20px 5%}header,.intro{display:flex;align-items:center;justify-content:space-between;gap:12px}header{border-bottom:1px solid var(--line)}a{color:#b5dcff;text-decoration:none}.brand,.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:750}.eyebrow{color:var(--accent)}h1{font-size:clamp(40px,7vw,76px);letter-spacing:-.065em;line-height:1.1;margin:10px 0}h1 span{color:var(--accent)}h2{font-size:26px;letter-spacing:-.04em;margin:6px 0}h3{margin-top:28px}p,small,footer{color:var(--muted)}main{padding-top:38px}section{background:#111a2a;border:1px solid var(--line);border-radius:18px;padding:clamp(15px,3vw,30px);margin:20px 0}button,select{cursor:pointer;border:1px solid #445372;border-radius:8px;background:#19253b;color:var(--ink);font:inherit;padding:7px 11px}button:focus-visible,select:focus-visible{outline:2px solid white}#status,output{display:block;background:#172338;border-left:3px solid var(--accent);padding:10px 14px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}.metric{border:1px solid var(--line);border-radius:10px;padding:12px;background:#101827}.metric strong{display:block;font-size:22px}.matrixrow{display:grid;grid-template-columns:46px repeat(20,minmax(0,1fr));align-items:center;gap:4px;margin:6px 0}.cell{padding:0;height:25px;min-width:0;border-radius:4px;background:#243047;border-color:#36435c}.cell.ok{background:#7e98e6;border-color:#8ca3ee}.cell:hover,.cell[aria-pressed=true]{outline:2px solid #fff}.scroll{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:9px 6px}th{color:var(--muted);font-weight:500}.trade{padding:12px 0;border-bottom:1px solid var(--line)}footer{margin:32px 0} @media(max-width:620px){.matrixrow{gap:2px;grid-template-columns:35px repeat(20,minmax(0,1fr))}.cell{height:22px}.intro{align-items:flex-start;flex-direction:column}header .brand{font-size:10px}td,th{font-size:13px}.grid{grid-template-columns:1fr 1fr}}
.monthrow{display:grid;grid-template-columns:78px 1fr 80px;gap:8px;align-items:center;margin:7px 0}.monthrow b{display:block;height:12px;border-radius:3px;animation:bar .6s ease-out;transform-origin:left}@keyframes bar{from{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.monthrow b{animation:none}}