:root{--bg:#0b0e14;--chart-bg:#131722;--panel:#161a25;--border:#2a2e39;--text:#d1d4dc;--muted:#787b86;--accent:#2962ff;--up:#26a69a;--down:#ef5350;--warn:#e6b450;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-variant-numeric:tabular-nums;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}button{font:inherit;color:inherit;border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;padding:3px 9px}button:hover:not(:disabled){background:#2a2e39}button:disabled{opacity:.5;cursor:default}button.link{color:var(--muted);border:none}input{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:4px;padding:5px 9px}input:focus{border-color:var(--accent);outline:none}.splash{height:100%;color:var(--muted);place-items:center;display:grid}.login{place-items:center;min-height:100%;padding:16px;display:grid}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;gap:14px;width:min(340px,100%);padding:28px;display:grid}.login-card h1{margin:0 0 4px;font-size:20px}.login-card label{color:var(--muted);gap:6px;display:grid}.login-card button[type=submit]{background:var(--accent);border-color:var(--accent);color:#fff;padding:8px}.form-error{color:var(--down);margin:0}.workspace{flex-direction:column;height:100%;display:flex}.toolbar{border-bottom:1px solid var(--border);background:var(--panel);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;display:flex}.brand{margin-right:4px;font-weight:700}.toolbar-spacer{flex:1}.button-group{display:flex}.button-group button{border-radius:0;min-width:34px;margin-left:-1px}.button-group button:first-child{border-radius:4px 0 0 4px;margin-left:0}.button-group button:last-child{border-radius:0 4px 4px 0}.button-group button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff;position:relative}.layout-icon{gap:2px;width:16px;height:12px;display:grid}.layout-icon span{border:1px solid;border-radius:1px}.symbol-search{position:relative}.symbol-search input{width:260px}.search-results{z-index:10;background:var(--panel);border:1px solid var(--border);border-radius:6px;width:420px;max-width:calc(100vw - 32px);margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #00000080}.search-results li{cursor:pointer;grid-template-columns:110px 1fr auto;gap:10px;padding:6px 12px;display:grid}.search-results li[aria-selected=true]{background:#2a2e39}.result-symbol{font-weight:600}.result-name{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);overflow:hidden}.result-venue,.latency{color:var(--muted);font-size:11px}.latency-open:before{content:"● ";color:var(--up)}.latency-closed:before,.latency-connecting:before{content:"● ";color:var(--warn)}.broker{align-items:center;gap:8px;font-size:12px;display:inline-flex}.broker-on{color:var(--up)}.broker-off{color:var(--warn)}.broker-error{color:var(--down)}.user{color:var(--muted)}.notice{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.notice-ok{color:var(--up)}.notice-error{color:var(--down)}.panes{background:var(--border);flex:1;gap:1px;min-height:0;display:grid}.pane{background:var(--chart-bg);outline-offset:-1px;outline:1px solid #0000;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.pane-active{outline-color:var(--accent)}.pane-header{white-space:nowrap;align-items:baseline;gap:8px;padding:5px 10px;display:flex;overflow:hidden}.pane-symbol{font-weight:600}.pane-timeframe{color:var(--muted)}.pane-name{color:var(--muted);text-overflow:ellipsis;font-size:12px;overflow:hidden}.pane-legend{color:var(--legend-color,var(--muted));white-space:pre;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px}.pane-source{border:1px solid var(--border);color:var(--muted);border-radius:3px;margin-left:auto;padding:0 6px;font-size:11px}.pane-source-partial{color:var(--warn);border-color:var(--warn)}.pane-chart{flex:1;min-height:0}.pane-message{color:var(--muted);pointer-events:none;place-items:center;display:grid;position:absolute;inset:32px 0 0}@media (width<=700px){.symbol-search input{width:100%}.symbol-search{flex:100%}.pane-name{display:none}}