:root{--bg:#fff;--fg:#000;--gray:#767676;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#000;--fg:#fff;--gray:#8c8c8c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font:13px/1.45 var(--mono);margin:0}a{color:var(--fg)}a:hover{background:var(--fg);color:var(--bg)}h3{text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px;font-size:12px}p{margin:0 0 8px}code,.mono{font-family:var(--mono)}header{border-bottom:1px solid var(--fg);background:var(--bg);z-index:5;align-items:center;gap:12px;padding:8px 16px;display:flex;position:sticky;top:0}.brand{white-space:nowrap;font-weight:700;text-decoration:none}.logo{text-align:center;border:1px solid var(--fg);background:var(--fg);width:22px;height:22px;color:var(--bg);line-height:20px;display:inline-block}.grow{flex:1}.tabs{gap:0;display:flex}.tabs button{border-right-width:0}.tabs button:last-child{border-right-width:1px}.banner{border-bottom:1px solid var(--fg);background:var(--fg);color:var(--bg);margin:0;padding:8px 16px}.grid{grid-template-columns:300px minmax(360px,1fr) 340px;align-items:start;gap:12px;padding:12px 16px;display:grid}.col{flex-direction:column;gap:12px;min-width:0;display:flex}.wide{grid-column:1/-1}@media (max-width:1100px){.grid{grid-template-columns:1fr}}.card{border:1px solid var(--fg);min-width:0;padding:12px}.row{align-items:center;gap:8px;display:flex}.spread{justify-content:space-between}.stack{flex-direction:column;gap:6px;display:flex}.muted{color:var(--gray)}.small{font-size:11px}.error{font-weight:700;text-decoration:underline}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--gray);border-bottom:1px solid var(--fg);padding:2px 4px;font-weight:400}td{vertical-align:top;padding:2px 4px}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.pos{font-weight:700}.neg{font-style:italic}tr.clickable{cursor:pointer}tr.clickable:hover td,tr.on td{background:var(--fg);color:var(--bg)}.book td.depth,.book th.depth{width:30%}.bar{height:12px;display:block}.bar.bid{background:var(--fg)}.bar.ask{background:var(--gray)}tr.spread td{text-align:center;border-top:1px solid var(--gray);border-bottom:1px solid var(--gray)}button{font:inherit;border:1px solid var(--fg);background:var(--bg);color:var(--fg);cursor:pointer;padding:5px 12px}button:hover:not(:disabled),button.on{background:var(--fg);color:var(--bg)}button.primary{background:var(--fg);color:var(--bg);font-weight:700}button.primary:hover:not(:disabled){background:var(--bg);color:var(--fg)}button:disabled{border-color:var(--gray);color:var(--gray);cursor:default}button.link{color:var(--fg);background:0 0;border:0;padding:0;text-decoration:underline}form.card{flex-direction:column;gap:8px;display:flex}.seg{display:flex}.seg button{flex:1}.seg button+button{border-left-width:0}label{color:var(--gray);flex-direction:column;gap:2px;display:flex}label.check{color:var(--fg);flex-direction:row;align-items:flex-start;gap:8px}input{font:inherit;border:1px solid var(--fg);background:var(--bg);color:var(--fg);padding:5px 6px}input[type=checkbox]{accent-color:var(--fg);margin-top:2px}.steps{flex-direction:column;gap:10px;margin:0;padding-left:18px;display:flex}.scope,.recent{margin:0;padding-left:16px}.fair td{border-bottom:1px solid var(--gray)}footer{border-top:1px solid var(--fg);padding:8px 16px 24px}
