:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-panel: #1a1a24;--border: #2a2a3a;--text-primary: #e0e0e8;--text-secondary: #8888a0;--text-muted: #555568;--accent-bid: #0088ff;--accent-ask: #ff3344;--accent-buy: #00cc66;--accent-sell: #ee4444;--accent-mid: #ffcc00;--font-mono: "JetBrains Mono", Consolas, "Courier New", monospace;--font-ui: Inter, system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:13px}#app{width:100%;height:100%}.app-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.loading-overlay{position:absolute;inset:0;z-index:100;background:var(--bg-primary);display:flex;align-items:center;justify-content:center}.loading-text{font-family:"Press Start 2P",var(--font-mono);font-size:28px;letter-spacing:.15em;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9) 50%,transparent) no-repeat -5ch 0 / 5ch 100%,#555568;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:loading-shine 3s ease-in-out forwards,loading-brighten 2s 2.5s ease-out forwards}@keyframes loading-shine{0%{background-position:-5ch 0,0 0;background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.9) 50%,transparent),linear-gradient(#555568,#555568)}38%{background-position:13ch 0,0 0;background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.9) 50%,transparent),linear-gradient(#555568,#555568)}38.1%{background-position:-5ch 0,0 0;background-image:linear-gradient(90deg,transparent,#000064 10%,#0064c8 25%,#00bedc 40%,#ffdc00 55%,#ff8c00 70%,#ff0000 90%,transparent),linear-gradient(#555568,#555568)}78%{background-position:13ch 0,0 0;background-image:linear-gradient(90deg,transparent,#000064 10%,#0064c8 25%,#00bedc 40%,#ffdc00 55%,#ff8c00 70%,#ff0000 90%,transparent),linear-gradient(#555568,#555568)}78.1%,to{background-position:0 0,0 0;background-image:linear-gradient(#555568,#555568),linear-gradient(#555568,#555568)}}@keyframes loading-brighten{to{filter:brightness(2.2)}}.top-bar{display:flex;align-items:center;height:40px;min-height:40px;background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:0 9px;gap:9px;z-index:10}.main-chart-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.chart-container{flex:1;position:relative;overflow:hidden;cursor:crosshair}.cvd-divider{height:4px;background:var(--border);cursor:row-resize;display:none;flex-shrink:0}.cvd-divider:hover,.cvd-divider.dragging{background:var(--accent-bid)}.cvd-divider.visible{display:block}.cvd-container{height:120px;min-height:60px;position:relative;overflow:hidden;display:none;flex-shrink:0}.cvd-container.visible{display:block}.info-bar{display:flex;align-items:center;gap:13px;font-family:var(--font-mono);font-size:13px}.info-item{display:flex;align-items:center;gap:5px}.info-item label{color:var(--text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.info-value{color:var(--text-secondary)}.info-status{font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:2px 9px;border-radius:2px;background:var(--bg-panel)}.info-status.connected{color:var(--accent-buy);background:#00cc661a}.info-status.syncing{color:var(--accent-mid);background:#ffcc001a}.info-status.error{color:var(--accent-sell);background:#ee44441a}.info-renderer{font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:2px 9px;border-radius:2px;margin-left:4px;background:var(--bg-panel);color:var(--text-dim)}.info-renderer.webgl{color:#7c6ef6;background:#7c6ef61a}.info-renderer.canvas2d{color:var(--accent-mid);background:#ffcc001a}.control-panel{display:flex;align-items:center;gap:8px}.symbol-select{background:var(--bg-panel);color:var(--text-primary);border:1px solid var(--border);padding:3px 9px;font-family:var(--font-mono);font-size:13px;cursor:pointer;outline:none}.symbol-select:hover{border-color:var(--text-muted)}.symbol-select:focus{border-color:var(--accent-bid)}.dots-btn{background:var(--bg-panel);color:var(--text-secondary);border:1px solid var(--border);padding:2px 9px;font-family:var(--font-mono);font-size:11px;font-weight:700;cursor:pointer;letter-spacing:.5px;line-height:1;height:24px}.dots-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.dots-btn.icon-btn{display:flex;align-items:center;justify-content:center;width:22px;padding:2px}.dots-btn.active{color:var(--accent-bid);border-color:var(--accent-bid);background:#0088ff1a}.dots-panel{display:none;position:absolute;top:30px;right:0;width:300px;max-height:420px;overflow-y:auto;background:var(--bg-panel);border:1px solid var(--border);padding:8px;z-index:100}.dots-panel.open{display:block}.dots-panel.engine-panel-up{inset:auto 0 30px auto}.dots-section{color:var(--text-muted);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:6px 0 3px;border-bottom:1px solid var(--border);margin-bottom:4px}.dots-section:first-child{padding-top:0}.dots-row{display:flex;align-items:center;gap:6px;height:22px}.dots-label{color:var(--text-secondary);font-family:var(--font-mono);font-size:10px;min-width:52px;-webkit-user-select:none;user-select:none}.dots-slider{flex:1;height:3px;-webkit-appearance:none;appearance:none;background:var(--border);outline:none;cursor:pointer}.dots-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;background:var(--text-secondary);border:none;cursor:pointer}.dots-slider::-webkit-slider-thumb:hover{background:var(--text-primary)}.dots-slider::-moz-range-thumb{width:10px;height:10px;background:var(--text-secondary);border:none;cursor:pointer}.dots-number{width:48px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);font-family:var(--font-mono);font-size:10px;text-align:right;padding:1px 4px;-moz-appearance:textfield}.dots-number::-webkit-inner-spin-button,.dots-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dots-number:focus{outline:none;border-color:var(--accent-bid)}.map-mode-row{display:flex;gap:4px;padding:4px 0 2px}.map-mode-btn{flex:1;background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border);padding:3px 8px;font-family:var(--font-mono);font-size:10px;font-weight:700;cursor:pointer;letter-spacing:.5px}.map-mode-btn:hover{color:var(--text-secondary);border-color:var(--text-muted)}.map-mode-btn.active{color:var(--accent-bid);border-color:var(--accent-bid);background:#0088ff1a}.heatmap-inline-sliders{display:flex;align-items:center;gap:6px}.heatmap-inline-row{display:flex;align-items:center;gap:5px}.heatmap-inline-icon{display:flex;align-items:center;color:var(--text-secondary);flex-shrink:0}.heatmap-inline-icon svg{width:14px;height:14px}.heatmap-inline-slider{width:70px;height:3px;-webkit-appearance:none;appearance:none;background:var(--border);outline:none;cursor:pointer}.heatmap-inline-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:9px;height:9px;background:var(--text-secondary);border:none;border-radius:50%;cursor:pointer}.heatmap-inline-slider::-webkit-slider-thumb:hover{background:var(--text-primary)}.heatmap-inline-slider::-moz-range-thumb{width:9px;height:9px;background:var(--text-secondary);border:none;border-radius:50%;cursor:pointer}.heatmap-inline-value{color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;min-width:31px;text-align:right;-webkit-user-select:none;user-select:none}.heatmap-inline-sep{width:1px;height:18px;background:var(--border)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:768px){.info-bar,.dots-btn{display:none}.heatmap-inline-sliders>:not(:first-child){display:none}.top-bar{justify-content:center}}