:root{--bg: #0b0e11;--bg2: #12161c;--bg3: #1a2029;--line: #232b36;--tx: #d7dde4;--muted: #7a8694;--up: #16c784;--dn: #ea3943;--accent: #4a9eff}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--tx);font:13px/1.4 SF Mono,Cascadia Code,Consolas,monospace;overflow:hidden;-webkit-user-select:none;user-select:none}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:12px;padding:8px 14px;background:var(--bg2);border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:15px}.brand span{color:var(--accent)}.ticker{color:var(--muted);font-weight:600}.spacer{flex:1}.sizelabel{color:var(--muted);font-size:11px}.size{width:70px;background:var(--bg3);border:1px solid var(--line);color:var(--tx);padding:4px 8px;border-radius:4px;font:inherit}.dot{width:9px;height:9px;border-radius:50%}.dot.up{background:var(--up);box-shadow:0 0 6px var(--up)}.dot.down{background:var(--dn)}.layout{flex:1;display:grid;grid-template-columns:200px 1fr 240px;min-height:0}.left,.right{background:var(--bg2);overflow-y:auto}.center{background:var(--bg);overflow:hidden;display:flex}.left{border-right:1px solid var(--line)}.right{border-left:1px solid var(--line)}.botbar{display:flex;justify-content:space-between;padding:5px 14px;background:var(--bg2);border-top:1px solid var(--line);color:var(--muted);font-size:11px}.wl-head,.wlrow{display:grid;grid-template-columns:1fr 52px 48px;padding:3px 10px;gap:6px}.wl-head{color:var(--muted);font-size:10px;text-transform:uppercase;position:sticky;top:0;background:var(--bg2)}.wlrow{cursor:pointer;border-left:2px solid transparent}.wlrow:hover{background:var(--bg3)}.wlrow.active{background:var(--bg3);border-left-color:var(--accent)}.wname{font-weight:600}.wvol{color:var(--muted);text-align:right}.up{color:var(--up)}.dn{color:var(--dn)}.wlrow .up,.wlrow .dn{text-align:right}.dom{flex:1;display:flex;flex-direction:column;position:relative;min-width:300px;max-width:460px;margin:0 auto;width:100%}.dom-head{display:grid;grid-template-columns:1fr 1fr 1fr;padding:6px 12px;color:var(--muted);font-size:10px;text-transform:uppercase}.dom-head .szt,.dom-head .tot{text-align:right}.side{overflow:hidden;display:flex;flex-direction:column}.side.asks{justify-content:flex-end;flex:1}.side.bids{flex:1}.row{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;padding:1.5px 12px;cursor:pointer;font-size:12px}.row:hover{background:var(--bg3)}.row .px{position:relative;z-index:1}.row .sz,.row .c{text-align:right;position:relative;z-index:1;color:var(--muted)}.row.ask .px{color:var(--dn)}.row.bid .px{color:var(--up)}.depth{position:absolute;top:0;bottom:0;right:0;opacity:.12}.row.ask .depth{background:var(--dn)}.row.bid .depth{background:var(--up)}.midrow{display:flex;justify-content:space-between;align-items:baseline;padding:6px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2)}.mid{font-size:18px;font-weight:700}.spread{color:var(--muted);font-size:11px}.flash{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px 16px;border-radius:6px;background:var(--bg3);opacity:0;pointer-events:none;transition:opacity .15s;font-weight:600;border:1px solid var(--line);white-space:nowrap}.flash.show{opacity:1}.flash.buy{color:var(--up);border-color:var(--up)}.flash.sell{color:var(--dn);border-color:var(--dn)}.tape-head{padding:6px 10px;color:var(--muted);font-size:10px;text-transform:uppercase;position:sticky;top:0;background:var(--bg2)}.trow{display:grid;grid-template-columns:1fr 70px 60px;padding:1.5px 10px;gap:6px;font-size:12px}.trow.buy .tpx{color:var(--up)}.trow.sell .tpx{color:var(--dn)}.tsz{color:var(--muted);text-align:right}.tt{color:var(--muted);text-align:right;font-size:11px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}