:root{--accent: #3b82f6;--accent-dim: color-mix(in oklab, var(--accent) 40%, transparent);--accent-ghost: color-mix(in oklab, var(--accent) 12%, transparent);--bg: #070a11;--bg-2: #0b0f18;--panel: #0e131e;--panel-2: #111726;--panel-hi: #161d2e;--line: #1c2433;--line-soft: #151c29;--txt: #e6ebf2;--txt-2: #97a3b6;--txt-3: #5d6a80;--up: #22c55e;--down: #f04359;--hold: #f5a524;--up-ghost: color-mix(in oklab, var(--up) 14%, transparent);--down-ghost: color-mix(in oklab, var(--down) 14%, transparent);--hold-ghost: color-mix(in oklab, var(--hold) 14%, transparent);--sans: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--r: 6px;--r-lg: 10px}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--txt);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100%;overflow-y:auto}::selection{background:var(--accent-dim)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#29354a}.mono{font-family:var(--mono);font-feature-settings:"tnum" 1}.micro{font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--txt-3)}.tabnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--line-soft)}.panel-head .micro{color:var(--txt-2)}.up{color:var(--up)}.down{color:var(--down)}.hold{color:var(--hold)}.chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:11px;font-weight:500;padding:3px 8px;border-radius:5px;border:1px solid var(--line);background:var(--panel-2);color:var(--txt-2);white-space:nowrap}.dot{width:6px;height:6px;border-radius:50%;flex:none}button{font-family:inherit;cursor:pointer}input{font-family:inherit}@keyframes axspin{to{transform:rotate(360deg)}}@keyframes axpulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes axrise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes axfade{0%{opacity:0}to{opacity:1}}@keyframes axsweep{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes axblink{0%,49%{opacity:1}50%,to{opacity:0}}.rise{animation:axrise .5s cubic-bezier(.2,.7,.3,1) both}.fade{animation:axfade .4s ease both}
