:root{--bg:#0a0a0a;--bg-1:#0d0d0e;--bg-2:#141416;--bg-3:#1b1b1e;--border:#ffffff13;--border-2:#ffffff21;--text:#ededed;--text-dim:#8b8b8f;--text-faint:#5b5b5f;--up:#16c784;--down:#ea3943;--up-clamp:#0c6e49;--down-clamp:#8d2229;--accent2:#6b8aff;--chart-grid:#ffffff0b;--chart-border:#ffffff17;--chart-line:#d6d6d8;--font-sans:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius:0px;--radius-sm:0px;--road-w:33.333%;--row-h:60px;--row-h-b:88px;--main-max:1240px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"tnum" 1, "cv01" 1}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.mono,.c-num,.c-pct{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app{flex-direction:column;height:100%;min-height:0;display:flex}.app-body{flex:1;min-height:0;overflow:auto}.empty{height:100%;color:var(--text-dim);place-items:center;font-size:14px;display:grid}.hdr{background:var(--bg-1);border-bottom:1px solid var(--border);z-index:20;flex:none;justify-content:space-between;align-items:center;gap:18px;height:58px;padding:0 22px;display:flex;position:sticky;top:0}.hdr-left{align-items:center;gap:18px;min-width:0;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand-mark{background:var(--text);width:30px;height:30px;color:var(--bg);border-radius:var(--radius-sm);font-size:18px;font-weight:700;font-family:var(--font-sans);place-items:center;display:grid}.brand-txt{flex-direction:column;line-height:1.05;display:flex}.brand-name{letter-spacing:.01em;font-size:14px;font-weight:600}.brand-sub{color:var(--text-faint);letter-spacing:.04em;font-size:11px;font-family:var(--font-mono)}.back{color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:7px;padding:7px 11px 7px 8px;font-size:13px;transition:all .15s;display:flex}.back:hover{color:var(--text);border-color:var(--border-2);background:var(--bg-2)}.hdr-inst{border-left:1px solid var(--border);align-items:baseline;gap:9px;padding-left:6px;display:flex}.hdr-inst-sym{letter-spacing:.02em;font-size:16px;font-weight:600}.hdr-inst-name{color:var(--text-dim);font-size:12px}.hdr-right{align-items:center;gap:18px;display:flex}.ctrl-grp{align-items:center;gap:9px;display:flex}.ctrl-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);font-size:10px;font-family:var(--font-mono)}.seg{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);gap:2px;padding:2px;display:inline-flex}.seg-btn{color:var(--text-dim);border-radius:calc(var(--radius-sm) - 1px);font-size:12px;font-weight:500;font-family:var(--font-mono);letter-spacing:.01em;white-space:nowrap;padding:5px 11px;transition:all .13s}.seg-btn:hover{color:var(--text)}.seg-btn.active{background:var(--bg-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-2)}.conns{border-left:1px solid var(--border);align-items:center;gap:16px;padding-left:18px;display:flex}.conn{align-items:center;gap:8px;display:flex}.conn-dot{border-radius:50%;flex:none;width:7px;height:7px}.conn-dot.on{background:var(--up);animation:2.6s ease-in-out infinite pulse;box-shadow:0 0 0 3px #16c78426}.conn-dot.off{background:var(--down)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.conn-txt{flex-direction:column;line-height:1.1;display:flex}.conn-label{font-size:12px;font-weight:500}.conn-sub{color:var(--text-faint);font-size:10px;font-family:var(--font-mono)}.main{max-width:var(--main-max);margin:0 auto;padding:18px 22px 26px}.board{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-1);overflow:hidden}.thead{border-bottom:1px solid var(--border);background:var(--bg-1);align-items:end;height:46px;padding:0;display:grid}.th{text-transform:uppercase;letter-spacing:.11em;color:var(--text-faint);font-size:10px;font-family:var(--font-mono);padding-bottom:9px}.th.right{text-align:right}.road-head{border-right:1px solid var(--border-2);height:100%;position:relative}.row-a{grid-template-columns:var(--road-w) minmax(110px, 1.5fr) 1fr 1fr .95fr .85fr 22px}.row-b{grid-template-columns:var(--road-w) minmax(0, 1fr) 22px}.thead.row-a .c-num,.thead.row-a .c-pct{padding:0 4px 9px 0}.thead.row-a .c-sym{padding-left:16px}.rows{flex-direction:column;display:flex}.row{text-align:left;border-bottom:1px solid var(--border);align-items:center;width:100%;padding:0;transition:background .12s;display:grid;position:relative}.row:last-child{border-bottom:none}.row:hover,.row.hot{background:var(--bg-2)}.row:before{content:"";background:0 0;width:2px;transition:all .12s;position:absolute;top:0;bottom:0;left:0}.row.hot:before{background:var(--text-dim)}.row-a{height:var(--row-h)}.row-b{height:var(--row-h-b)}.c-sym{flex-direction:column;padding-left:16px;line-height:1.15;display:flex}.t-sym{letter-spacing:.02em;font-size:15px;font-weight:600}.t-sym.big{font-size:19px}.t-name{color:var(--text-faint);font-size:11px}.c-num{text-align:right;padding-right:4px;font-size:14px}.c-num.dim{color:var(--text-dim)}.c-pct{text-align:right;padding-right:4px;font-size:15px;font-weight:600}.up{color:var(--up)}.down{color:var(--down)}.c-num.up,.c-num.down{font-weight:500}.chev{color:var(--text-faint);opacity:.5;justify-self:center;transition:all .12s}.row:hover .chev,.row.hot .chev{opacity:1;color:var(--text-dim)}.b-body{flex:1;justify-content:space-between;align-items:center;gap:18px;min-width:0;padding-left:18px;display:flex;overflow:hidden}.b-info{flex-direction:column;flex:0 auto;gap:2px;min-width:0;line-height:1.2;display:flex;overflow:hidden}.b-info .t-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.b-prices{flex-direction:column;flex:none;gap:5px;display:flex}.kv{justify-content:space-between;align-items:baseline;gap:14px;font-size:14px;display:flex}.kv>span{color:var(--text-faint);font-size:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;flex:none}.kv b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.kv b.dim{color:var(--text-dim)}.b-spread{flex-direction:column;flex:none;align-items:flex-end;gap:2px;display:flex}.bigpct{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:21px;font-weight:600}.subabs{font-family:var(--font-mono);font-variant-numeric:tabular-nums;opacity:.75;font-size:12px}.thead.row-b .th:nth-child(2){padding-left:18px}.road-cell{border-right:1px solid var(--border-2);height:100%;position:relative;overflow:hidden}.grid-lines{position:absolute;inset:0}.gl{width:1px;position:absolute;top:0;bottom:0;transform:translate(-.5px)}.gl.edge{background:#fff3}.gl.half{background:#ffffff14}.gl.axis{background:#ffffff57;width:1px}.bar{border-radius:var(--radius-sm);min-width:0;height:24px;transition:width .35s cubic-bezier(.4,0,.2,1),background .2s;position:absolute;top:50%;transform:translateY(-50%)}.bar.up{background:linear-gradient(90deg, #16c78480, var(--up))}.bar.down{background:linear-gradient(270deg, #ea394380, var(--down))}.bar.up.clamped{background:linear-gradient(90deg, #0c6e4980, var(--up-clamp))}.bar.down.clamped{background:linear-gradient(270deg, #8d222980, var(--down-clamp))}.bar-cap{border-radius:1px;width:3px;position:absolute;top:-2px;bottom:-2px}.bar.up .bar-cap{background:var(--up);right:0;box-shadow:0 0 7px 1px #16c78499}.bar.down .bar-cap{background:var(--down);left:0;box-shadow:0 0 7px 1px #ea394399}.road-pct{z-index:3;pointer-events:none;white-space:nowrap;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:13px;font-weight:600;position:absolute}.road-pct.inside{color:#0a0a0a}.road-scale{height:100%;position:relative}.road-scale>span{font-size:11px;font-weight:600;line-height:1;font-family:var(--font-mono);color:var(--text-dim);white-space:nowrap;letter-spacing:.01em;position:absolute;bottom:9px}.road-scale .lo{left:10px}.road-scale .zero{color:var(--text-faint);font-weight:500;left:50%;transform:translate(-50%)}.road-scale .hi{right:10px}.legend{flex-wrap:wrap;align-items:center;gap:22px;padding:16px 4px 0;display:flex}.lg-item{color:var(--text-dim);align-items:center;gap:8px;font-size:12px;display:flex}.sw{border-radius:var(--radius-sm);width:18px;height:10px}.sw.up{background:var(--up)}.sw.down{background:var(--down)}.sw.clamp{background:var(--up-clamp);box-shadow:inset -3px 0 0 var(--up)}.lg-note{color:var(--text-faint);font-size:11px;font-family:var(--font-mono);margin-left:auto}.chart-screen{flex-direction:column;gap:14px;height:100%;min-height:0;padding:16px 22px 18px;display:flex}.chart-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.ch-quote{align-items:baseline;gap:18px;display:flex}.ch-price{font-family:var(--font-mono);font-variant-numeric:tabular-nums;align-items:baseline;gap:7px;font-size:26px;font-weight:600;display:flex}.ch-cur{color:var(--text-faint);font-size:12px;font-weight:400}.ch-spread{font-family:var(--font-mono);align-items:baseline;gap:9px;font-size:17px;font-weight:600;display:flex}.ch-abs{opacity:.7;font-size:12px;font-weight:400}.ch-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chart-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-1);flex:1;min-height:200px;position:relative;overflow:hidden}.chart-host{position:absolute;inset:0}.chart-readout{z-index:5;font-family:var(--font-mono);color:var(--text-dim);pointer-events:none;align-items:center;gap:14px;font-size:12px;display:flex;position:absolute;top:12px;left:14px}.chart-readout b{color:var(--text);margin-left:5px;font-weight:600}.chart-readout .ro-time{color:var(--text-faint)}.chart-readout .acc b,.chart-readout .acc{color:var(--accent2)}.chart-readout .px b{color:var(--text)}.chart-readout .up{color:var(--up)}.chart-readout .down{color:var(--down)}.chart-empty{color:var(--text-dim);pointer-events:none;text-align:center;place-items:center;padding:0 24px;font-size:13px;display:grid;position:absolute;inset:0}.chart-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.win-grp{align-items:center;gap:9px;display:flex}.chart-legend{align-items:center;gap:18px;display:flex}.cl-item{color:var(--text-dim);font-size:11px;font-family:var(--font-mono);align-items:center;gap:7px;display:flex}.cl-sw{border-radius:2px;width:14px;height:3px}.cl-sw.up{background:var(--up)}.cl-sw.down{background:var(--down)}.cl-sw.line{background:var(--chart-line)}.cl-sw.acc{background:var(--accent2)}.cl-sw.px{background:var(--text)}@media (width<=1100px){.row-a,.thead.row-a{grid-template-columns:var(--road-w) minmax(70px, 1.2fr) 1fr 1fr .9fr 18px}.row-a .c-num.abs,.thead .c-num.abs{display:none}}@media (width<=860px){.hdr{flex-wrap:wrap;gap:8px 14px;height:auto;padding:9px 12px}.hdr-left{flex:auto;gap:12px;min-width:0}.hdr-right{flex-wrap:wrap;justify-content:flex-start;gap:9px 14px;width:100%}.ctrl-grp{flex:none;gap:7px}.conns{display:none}.seg-btn{padding:5px 9px;font-size:11px}.main{padding:10px 12px 18px}.legend{gap:14px;padding-top:13px}.lg-note{display:none}:root{--row-h:50px;--row-h-b:74px}.thead{height:30px}.road-scale>span{font-size:10px;bottom:7px}.th{padding-bottom:7px}.brand{display:none}.b-body{gap:10px;padding-left:14px}.bigpct{font-size:18px}.kv{gap:10px;font-size:13px}.road-pct{display:none}.chart-screen{gap:12px;padding:12px}.ch-price{font-size:21px}.ch-quote{gap:12px}}@media (width<=480px){.ctrl-label{display:none}.seg-btn{padding:5px 8px}.t-sym.big,.bigpct{font-size:16px}.kv{gap:8px;font-size:12px}.kv>span{display:none}.b-body{gap:8px}.chart-top{gap:10px}.ch-spread{font-size:15px}.legend{gap:12px}}.boot{height:100%;color:var(--text-faint);font-family:var(--font-mono);letter-spacing:.04em;justify-content:center;align-items:center;font-size:13px;display:flex}.lg-page{justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex;position:relative;overflow:hidden}.lg-grid{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.lg-vline{background:#ffffff06;width:1px;position:absolute;top:0;bottom:0}.lg-axis{background:#ffffff0d}.lg-glow{background:radial-gradient(circle,#6b8aff12,#0000 62%);width:760px;height:760px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lg-shell{z-index:1;width:100%;max-width:404px;position:relative}.lg-brand{align-items:center;gap:12px;margin-bottom:26px;display:flex}.lg-mark{background:var(--text);width:36px;height:36px;color:var(--bg);border-radius:var(--radius-sm);place-items:center;font-size:22px;font-weight:700;display:grid}.lg-brand-txt{flex-direction:column;line-height:1.1;display:flex}.lg-name{letter-spacing:.01em;font-size:16px;font-weight:600}.lg-sub{color:var(--text-faint);letter-spacing:.05em;font-size:11px;font-family:var(--font-mono)}.lg-card{border:1px solid var(--border);background:var(--bg-1);border-radius:var(--radius)}.lg-head{border-bottom:1px solid var(--border);padding:26px 28px 22px}.lg-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--text-faint);font-size:10px;font-family:var(--font-mono);margin:0 0 9px}.lg-title{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:600}.lg-subtitle{color:var(--text-dim);margin:9px 0 0;font-size:13px;line-height:1.45}.lg-body{flex-direction:column;gap:18px;padding:24px 28px 28px;display:flex}.lg-field{flex-direction:column;gap:8px;display:flex}.lg-label-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.lg-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);font-size:10px;font-family:var(--font-mono)}.lg-hint{color:var(--text-faint);font-size:11px;font-family:var(--font-mono)}.lg-input-wrap{align-items:center;display:flex;position:relative}.lg-input{background:var(--bg);border:1px solid var(--border-2);border-radius:var(--radius-sm);width:100%;height:46px;color:var(--text);font-size:15px;font-family:var(--font-mono);letter-spacing:.01em;padding:0 14px;transition:border-color .15s,box-shadow .15s,background .15s}.lg-input::placeholder{color:var(--text-faint)}.lg-input:focus{border-color:var(--accent2);background:var(--bg-1);outline:none;box-shadow:0 0 0 3px #6b8aff21}.lg-input:disabled{opacity:.6}.lg-has-btn{padding-right:54px}.lg-peek{width:42px;height:34px;color:var(--text-faint);border-radius:var(--radius-sm);place-items:center;transition:all .15s;display:grid;position:absolute;right:6px}.lg-peek:hover{color:var(--text-dim);background:var(--bg-2)}.lg-remember{align-items:center;gap:10px;margin-top:-2px;display:flex}.lg-check{border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--bg);flex:none;place-items:center;width:18px;height:18px;transition:all .15s;display:grid}.lg-check svg{opacity:0;transition:all .12s}.lg-remember.on .lg-check{background:var(--up);border-color:var(--up)}.lg-remember.on .lg-check svg{opacity:1}.lg-remember-txt{color:var(--text-dim);-webkit-user-select:none;user-select:none;font-size:13px}.lg-submit{background:var(--up);color:#04150d;letter-spacing:.01em;border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:9px;width:100%;height:48px;margin-top:2px;font-size:15px;font-weight:600;transition:filter .15s,transform 50ms,opacity .15s;display:flex}.lg-submit:hover{filter:brightness(1.08)}.lg-submit:active{transform:translateY(1px)}.lg-submit:disabled{opacity:.7;cursor:default}.lg-submit svg{transition:transform .15s}.lg-submit:hover:not(:disabled) svg{transform:translate(3px)}.lg-err{color:var(--down);font-size:12px;font-family:var(--font-mono);align-items:center;gap:8px;margin-top:-4px;display:flex}.lg-err-dot{background:var(--down);border-radius:50%;flex:none;width:6px;height:6px}.lg-foot{border-top:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;gap:14px;padding:14px 28px;display:flex}.lg-conns{align-items:center;gap:16px;display:flex}.lg-conn{align-items:center;gap:8px;display:flex}.lg-conn-dot{background:var(--up);border-radius:50%;flex:none;width:7px;height:7px;animation:2.6s ease-in-out infinite lg-pulse;box-shadow:0 0 0 3px #16c78426}@keyframes lg-pulse{0%,to{opacity:1}50%{opacity:.45}}.lg-conn-label{color:var(--text-dim);font-size:11px}.lg-conn-label b{color:var(--text);font-weight:500}.lg-build{color:var(--text-faint);font-size:10px;font-family:var(--font-mono);letter-spacing:.04em}@media (width<=480px){.lg-head{padding:22px 20px 18px}.lg-body{padding:20px 20px 24px}.lg-foot{padding:12px 20px}}.logout{border:1px solid var(--border-2);border-radius:var(--radius-sm);height:32px;color:var(--text-dim);font-size:12px;font-family:var(--font-mono);letter-spacing:.02em;align-items:center;gap:7px;padding:0 12px;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.logout:hover{color:var(--down);border-color:var(--down);background:#ea39430f}