:root{color-scheme:dark;--ink:#f2f2fa;--muted:#afb4c9;--line:#34384a;--lav:#afa4ff}*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,sans-serif;color:var(--ink);background:radial-gradient(ellipse at 83% 0,#30324d 0,transparent 32rem),#10121b}header,main{max-width:1190px;margin:auto;padding:18px 5%}header,.hero,.controls{display:flex;align-items:center;justify-content:space-between;gap:16px}header{border-bottom:1px solid var(--line)}a,small,summary{color:var(--lav)}a{text-decoration:none}.brand{color:white;letter-spacing:.07em;font-size:12px}.brand i{font-size:25px;color:var(--lav);vertical-align:middle}.hero{padding:34px 0}.hero p,p,footer{color:var(--muted)}small{font-weight:750;font-size:11px;letter-spacing:.15em}h1,h2{letter-spacing:-.045em;line-height:1.13}h1{font-size:clamp(40px,7vw,74px);margin:5px 0}h1 span{color:var(--lav)}h2{font-size:26px;margin:9px 0 16px}.orbit{width:84px;height:84px;position:relative;display:grid;place-items:center;color:#d6ccff;font-size:24px;font-weight:bold}.orbit i{position:absolute;inset:0;border:1px dashed var(--lav);border-radius:50%;animation:orbit 22s linear infinite}.orbit b{animation:glow 4s ease-in-out infinite}.layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px}section{background:linear-gradient(145deg,#1d2030,#161924);border:1px solid var(--line);border-radius:20px;padding:clamp(18px,3vw,33px);animation:rise .45s both}section+section{animation-delay:.1s}label{display:block;margin:10px 0;color:#c8c9dc;font-size:13px}input,select,button{background:#121521;color:white;border:1px solid #42465b;border-radius:9px;padding:11px;font:inherit}input,select{display:block;width:100%;margin:5px 0}button,summary{cursor:pointer}button{transition:transform .18s,background .18s}button:hover:enabled{transform:translateY(-2px);background:#45415f}button:disabled{opacity:.5;cursor:default}.primary{background:#bfb3ff;color:#17142b;font-weight:bold}.controls label{flex:1}.big{font-size:clamp(32px,5vw,60px);font-weight:700;letter-spacing:-.06em}.pos{color:#93d8ec}.neg{color:#ffaaa6}#status,#balance{background:#212639;padding:11px 14px;border-radius:8px;margin-bottom:15px}#status{border-left:3px solid var(--lav)}hr{border:0;border-top:1px solid var(--line);margin:24px 0}svg{width:100%;height:150px;margin:15px 0;background:repeating-linear-gradient(0deg,transparent 0 35px,#303346 36px)}.curve{stroke:#abacff;stroke-width:2.6;fill:none;stroke-dasharray:1;animation:draw .7s ease-out}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stats div{padding:9px;background:#222637;border-radius:8px}.stats b{display:block}.big{animation:reveal .3s}.monthbar{transform-origin:left;animation:scalein .5s ease-out}footer{padding:24px 0;font-size:12px}details{margin:13px 0}#message{white-space:pre-line}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes glow{50%{text-shadow:0 0 22px #c3acff}}@keyframes rise{from{opacity:0;transform:translateY(10px)}}@keyframes draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes reveal{from{opacity:.25}}@keyframes scalein{from{transform:scaleX(0)}}@media(max-width:740px){.layout{grid-template-columns:1fr}.orbit{width:54px;height:54px}.hero{padding:20px 0}.stats{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.hub{margin-bottom:20px;background:radial-gradient(ellipse at 48% 55%,#282646 0,transparent 45%),#191d2b}.hubhead{display:flex;align-items:center;justify-content:space-between;gap:14px}.hubhead select{min-width:85px}.hubmap{display:grid;grid-template-columns:minmax(135px,1fr) minmax(20px,.42fr) minmax(90px,.6fr) minmax(165px,1.45fr);align-items:center;margin:18px 0}.branches{display:grid;gap:7px}.branches button{display:flex;justify-content:space-between;text-align:left}.branches button[aria-pressed=true]{border-color:#b2a3fc}.branches b{color:#bcb5ef}.hubmap .wires,.core svg{background:none;margin:0}.hubmap .wires{height:146px;stroke:#9993d2;fill:none;stroke-width:1.8}.core{display:grid;justify-items:center;border:1px solid #7977a7;border-radius:15px;background:#28293f;padding:9px;color:#e4dbff}.core svg{width:65px;height:52px;fill:none;stroke:#b2b7ff;stroke-width:2.6}.outcome{margin-left:15px}.outcome strong{display:block;font-size:23px}.outcome p,.hubfoot,#hubtime{font-size:13px}.hubmetrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.hubmetrics div{background:#212436;border-radius:8px;padding:10px}.hubmetrics small{letter-spacing:0;font-size:12px}.hubmetrics b{display:block;font-size:18px}.hubrow{display:grid;grid-template-columns:1fr .75fr 1.5fr;gap:8px;border-bottom:1px solid var(--line);padding:8px 0;font-size:13px}.hubfoot{margin:12px 0 0}@media(max-width:680px){.hubmap{grid-template-columns:1.4fr .25fr .65fr}.outcome{grid-column:1/-1;margin:12px 0 0}.hubmetrics{grid-template-columns:1fr 1fr}.hubrow{grid-template-columns:1fr 1fr}.hubrow span:last-child{grid-column:1/-1}.hubhead h2{font-size:22px}.hub{padding:16px}}
.marketboard{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.marketboard button{display:grid;gap:4px;align-content:start;text-align:left;background:#191f30}.marketboard button[aria-pressed=true]{border-color:#bfb3ff;background:#2b2b44}.marketboard b{font-size:1.1rem}.marketboard span{color:#e8e5ff;font-size:.85rem}.marketboard small{letter-spacing:0;color:#b0bbcf;font-size:.72rem}.allocation{font-size:.87rem;color:#c7cce1;margin:.8rem 0 1.25rem}.hub h3{font-size:1rem}@media(max-width:680px){.marketboard{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:390px){.marketboard{grid-template-columns:repeat(2,minmax(0,1fr))}}