:root{--bg: #0e0e12;--bg-elev: #16161c;--border: #23232c;--text: #d7d7de;--text-dim: #7a7a86;--accent: #5b8cff;--up: #26a69a;--down: #ef5350;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100%}.toolbar{display:flex;align-items:center;gap:14px;padding:0 12px;height:44px;flex:0 0 auto;background:var(--bg-elev);border-bottom:1px solid var(--border);font-size:12px;overflow-x:auto;white-space:nowrap}.brand{font-weight:600;letter-spacing:.3px;color:var(--text)}.brand small{color:var(--text-dim);font-weight:400;margin-left:6px}.group{display:flex;align-items:center;gap:4px}.group-label{color:var(--text-dim);margin-right:4px;text-transform:uppercase;font-size:10px;letter-spacing:.4px}.seg{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.seg button{background:transparent;color:var(--text-dim);border:none;padding:5px 9px;font-size:12px;cursor:pointer;line-height:1}.seg button+button{border-left:1px solid var(--border)}.seg button:hover{color:var(--text)}.seg button.active{background:var(--accent);color:#fff}.chip{background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer;line-height:1}.chip:hover{color:var(--text)}.chip.active{border-color:var(--accent);color:#fff;background:#5b8cff24}.spacer{flex:1 1 auto}.menu{position:relative;display:inline-flex}.menu-trigger{display:inline-flex;align-items:center;gap:5px}.menu-caret{font-size:9px;opacity:.7}.menu-panel{position:fixed;z-index:1000;background:#16161c;border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 30px #00000080;padding:6px;min-width:180px}.rail-menu.menu-trigger .menu-caret{display:none}.menu .rail-menu{padding:6px}.menu-list{display:flex;flex-direction:column;gap:2px}.menu-scroll{max-height:320px;overflow-y:auto}.menu-scroll.tall{max-height:60vh}.menu-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:transparent;color:var(--text);border:none;border-radius:6px;padding:6px 8px;font-size:12px;text-align:left;cursor:pointer;white-space:nowrap}.menu-item:hover{background:#ffffff0f}.menu-item.active{background:#5b8cff2e;color:#fff}.menu-tag{font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px}.menu-search,.compare-input{background:#0e0e12;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:12px;outline:none;width:100%;margin-bottom:6px}.compare-input{width:76px;margin-bottom:0}.menu-search:focus,.compare-input:focus{border-color:var(--accent)}.menu-empty{color:var(--text-dim);font-size:11px;padding:8px;text-align:center}.menu-sublabel{color:var(--text-dim);font-size:10px;text-transform:uppercase;letter-spacing:.4px;padding:8px 8px 4px}.menu-sep{height:1px;background:var(--border);margin:6px 0}.menu-check{display:flex;align-items:center;gap:8px;font-size:12px;padding:6px 8px;cursor:pointer;-webkit-user-select:none;user-select:none}.menu-check input{accent-color:var(--accent)}.chip-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:5px 12px;background:#121218;border-bottom:1px solid var(--border);min-height:30px}.active-chip{display:inline-flex;align-items:center;gap:5px;background:#ffffff0a;border:1px solid var(--border);border-radius:5px;padding:3px 6px;font-size:11px;color:var(--text)}.active-chip .dot{width:8px;height:8px;border-radius:50%;display:inline-block}.active-chip-x{background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:13px;line-height:1;padding:0 0 0 2px}.active-chip-x:hover{color:var(--down)}.status{display:flex;align-items:center;gap:14px;color:var(--text-dim);font-variant-numeric:tabular-nums}.status .price{color:var(--text);font-weight:600}.status .up{color:var(--up)}.status .down{color:var(--down)}.ohlc span{margin-left:8px}.ohlc b{color:var(--text);font-weight:500}.goto{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer}.goto:hover{filter:brightness(1.1)}.workspace{flex:1 1 auto;min-height:0;display:flex}.draw-rail{flex:0 0 auto;width:52px;display:flex;flex-direction:column;gap:2px;padding:6px 4px;background:var(--bg-elev);border-right:1px solid var(--border)}.rail-spacer{flex:1 1 auto}.tool{display:flex;flex-direction:column;align-items:center;gap:2px;background:transparent;color:var(--text-dim);border:1px solid transparent;border-radius:6px;padding:6px 2px 4px;cursor:pointer;line-height:1}.tool:hover{color:var(--text);background:#ffffff0a}.tool.active{color:#fff;border-color:var(--accent);background:#5b8cff29}.tool-glyph{font-size:15px}.tool-label{font-size:9px;letter-spacing:.2px}.tool.clear:hover{color:var(--down)}.charts{flex:1 1 auto;min-width:0;min-height:0;display:flex}.charts.split .chart-wrap,.charts.split .chart-b{width:50%}.charts.split .chart-b{border-left:1px solid var(--border)}.chart-wrap,.chart-b{flex:1 1 0;min-width:0;min-height:0;position:relative}.chip.buy{color:var(--up);border-color:#26a69a80}.chip.buy:hover{background:#26a69a24;color:#fff}.chip.sell{color:var(--down);border-color:#ef535080}.chip.sell:hover{background:#ef535024;color:#fff}.chip.toggle{display:inline-flex;align-items:center;gap:5px;-webkit-user-select:none;user-select:none}.chip.toggle input{margin:0;accent-color:var(--down)}.chip.toggle.active{border-color:var(--down);color:#fff;background:#ef535024}.trade-status{display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums;font-size:12px}.trade-status .up{color:var(--up)}.trade-status .down{color:var(--down)}.trade-status .text-dim{color:var(--text-dim)}