:root{--bg:#10141a;--fg:#e6e9ee;--mut:#8a93a2;--ok:#3ecf8e;--bad:#ff6b6b;--warn:#f5b942;--line:#252c38}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.4 ui-monospace,Consolas,monospace}
header{display:flex;gap:12px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line)}
h1{font-size:16px;margin:0;flex:1}h2{font-size:13px;color:var(--mut);margin:14px 0 6px;text-transform:uppercase}
main{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:0 24px;padding:8px 16px}
section{min-width:0}#auth{padding:16px}
label{display:inline-flex;flex-direction:column;gap:2px;margin:0 10px 8px 0;color:var(--mut);font-size:12px}
input,select,button{background:#171d26;color:var(--fg);border:1px solid var(--line);padding:5px 8px;font:inherit}
button{cursor:pointer}
.pill{padding:2px 8px;border:1px solid var(--line);border-radius:10px}
.ok{color:var(--ok)}.bad,.err{color:var(--bad)}.warn{color:var(--warn)}
table{border-collapse:collapse;width:100%}th,td{text-align:right;padding:2px 6px;border-bottom:1px solid var(--line)}
th:first-child,td:first-child{text-align:left}th{color:var(--mut);font-weight:normal}
.grid{display:grid;grid-template-columns:auto 1fr;gap:2px 12px}
.books{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.book{border:1px solid var(--line);padding:6px}.book.stale{opacity:.5;border-color:var(--warn)}
.book h3{margin:0 0 4px;font-size:12px}.bid{color:var(--ok)}.ask{color:var(--bad)}
.inelig{opacity:.55}body.offline main{opacity:.45}