:root{color-scheme:dark;--bg: #0e1218;--panel: #151b24;--line: #2a3444;--text: #e7edf6;--muted: #8b97a8;--ask: #f07178;--bid: #7fd99a;--accent: #6eb6ff;--warn: #e0b567;--bad: #ff6b7a;--star: #e0b567;font-family:IBM Plex Sans,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text)}button,input,select{font:inherit;color:inherit;background:#1a222e;border:1px solid var(--line);border-radius:6px;padding:.35rem .55rem}button{cursor:pointer}button:hover{border-color:var(--accent)}button.ghost{background:transparent}.app{display:grid;grid-template-rows:auto auto minmax(0,1fr);height:100%;gap:.5rem;padding:.55rem .7rem .7rem}.header,.toolbar,.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:10px}.header{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:center;justify-content:space-between;padding:.45rem .7rem}.brand{display:flex;gap:.55rem;align-items:center;font-size:.95rem}.stats{display:flex;flex-wrap:wrap;gap:.35rem .85rem;font-size:.82rem;color:var(--muted)}.stats .ok{color:var(--bid)}.stats .bad{color:var(--bad)}.pill{padding:.1rem .45rem;border-radius:999px;border:1px solid var(--line);font-size:.72rem;letter-spacing:.03em}.pill.live{color:var(--bid);border-color:#2f5a42}.pill.off{color:var(--bad);border-color:#5a2f36}.pill.connecting{color:var(--warn);border-color:#5a4a2f}.notice,.error{width:100%;font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.error{color:var(--bad)}.toolbar{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;padding:.45rem .6rem}.toolbar input[type=text],.toolbar input:not([type]),.toolbar>input{min-width:140px;flex:1 1 140px}.spread-filter{display:inline-flex;gap:.3rem;align-items:center;font-size:.82rem;color:var(--muted)}.spread-filter input[type=number]{width:4.5rem}.muted{color:var(--muted);font-size:.8rem}.table-wrap{min-height:0;display:flex;flex-direction:column;overflow:hidden}.table-head,.row{display:grid;grid-template-columns:4.2rem 1.35fr 1fr .85fr 1fr 1fr .85fr .85fr;gap:.35rem;align-items:center;padding:.3rem .5rem;font-variant-numeric:tabular-nums}.table-head{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--line);background:#121820}.table-head button{background:transparent;border:none;padding:0;color:inherit;text-align:left}.rows{position:relative;flex:1;overflow:auto;min-height:240px}.row{border-bottom:1px solid rgba(42,52,68,.55);font-size:.86rem}.row:hover{background:#6eb6ff0d}.row.starred{background:#e0b56714}.row.removed{opacity:.45}.actions{display:flex;gap:.15rem}.icon{background:transparent;border:none;padding:.1rem .25rem;color:var(--muted);font-size:.95rem;line-height:1}.icon.on{color:var(--star)}.icon.on-bad{color:var(--bad)}.sym{font-weight:600}.ask-cell{color:var(--ask)}.bid-cell{color:var(--bid)}.empty{color:var(--muted);padding:2rem;text-align:center}@media(max-width:900px){.table-head,.row{grid-template-columns:4.2rem 1.2fr .9fr .75fr .9fr .9fr .75fr .7fr}}