:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}*{box-sizing:border-box}body{color:#c9d1d9;background:#0b0e14;margin:0}.app{flex-direction:column;height:100vh;display:flex}.bar{border-bottom:1px solid #1f2937;align-items:center;gap:12px;padding:8px 12px;display:flex}.bar .muted{color:#6b7280}.bar input{color:#c9d1d9;background:#111827;border:1px solid #1f2937;border-radius:4px;width:6rem;padding:2px 6px}.bar button{color:#c9d1d9;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:4px;padding:3px 10px}.grid{background:#1f2937;flex:1;position:relative;overflow:hidden}.panel{box-sizing:border-box;background:#0b0e14;border:1px solid #1f2937;padding:8px;position:absolute;overflow:auto}.panel h2{color:#9ca3af;margin:0 0 6px;font-size:12px;font-weight:600}.chart canvas{border:1px solid #1f2937;width:100%;height:auto}.chart .last{color:#3b82f6}.indicators{color:#9ca3af;gap:12px;margin-top:4px;display:flex}table{border-collapse:collapse;width:100%}td{text-align:right;padding:0 6px}.ask td{color:#f87171}.bid td,.buy td{color:#34d399}.sell td{color:#f87171}.spread td{color:#6b7280;text-align:center}.dist,.stream{margin-bottom:10px}.panel h3{margin:0 0 4px;font-size:12px;font-weight:600}.bins{flex-direction:column;gap:1px;display:flex}.bin{background:#22d3ee;min-width:1px;height:4px}.marks{word-break:break-all;line-height:1.1}.marks .up,.watchlist .up{color:#34d399}.marks .down,.watchlist .down{color:#f87171}.watchlist .flat{color:#9ca3af}.last-bar{margin:4px 0 0}.catalogue{flex-wrap:wrap;gap:4px}.chip{cursor:pointer;padding:2px 6px;font-size:11px}.reconnecting{color:#fbbf24}.panel h2 .drop{float:right;margin-left:6px}