:root{--bg-primary: #050505;--bg-secondary: #0a0a0a;--bg-tertiary: #141414;--bg-card: rgba(20, 20, 20, .7);--bg-hover: rgba(255, 255, 255, .05);--accent-primary: #3b82f6;--accent-secondary: #8b5cf6;--accent-glow: rgba(59, 130, 246, .5);--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--buy-color: #00e676;--buy-light: #69f0ae;--buy-dark: #00c853;--buy-bg: rgba(0, 230, 118, .1);--buy-glow: rgba(0, 230, 118, .4);--sell-color: #ff1744;--sell-light: #ff5252;--sell-dark: #d50000;--sell-bg: rgba(255, 23, 68, .1);--sell-glow: rgba(255, 23, 68, .4);--neutral-color: #64748b;--neutral-light: #94a3b8;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #52525b;--border-color: rgba(255, 255, 255, .06);--border-light: rgba(255, 255, 255, .1);--glass-bg: rgba(10, 10, 10, .6);--glass-border: rgba(255, 255, 255, .05);--glass-blur: blur(12px);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-glow: 0 0 15px var(--accent-glow);--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--header-height: 56px;--footer-height: 32px;--sidebar-width: 280px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 12px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;overflow:hidden}.hidden{display:none!important}#app{display:grid;grid-template-rows:var(--header-height) 1fr var(--footer-height);height:100vh;width:100vw}.header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-color);z-index:100}.header-left{display:flex;align-items:center;gap:24px}.logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.25rem}.logo-icon{font-size:1.5rem}.logo-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.symbol-selector select{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:.95rem;font-weight:600;padding:8px 36px 8px 12px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:var(--transition-fast)}.symbol-selector select:hover{border-color:var(--accent-primary)}.symbol-selector select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f633}.timeframe-selector{display:flex;gap:4px;background:var(--bg-tertiary);padding:4px;border-radius:var(--radius-md)}.tf-btn{background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-mono);font-size:.85rem;font-weight:500;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.tf-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.tf-btn.active{color:var(--text-primary);background:var(--accent-primary)}.header-right{display:flex;align-items:center;gap:24px}.connection-status{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--sell-color);animation:pulse 2s infinite}.connection-status.connected .status-dot{background:var(--buy-color);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.price-display{display:flex;flex-direction:column;align-items:flex-end}.price-display .price{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.price-display .price-change{font-family:var(--font-mono);font-size:.8rem;color:var(--neutral-color)}.price-display .price-change.positive{color:var(--buy-color)}.price-display .price-change.negative{color:var(--sell-color)}.main-content{display:grid;grid-template-columns:1fr var(--sidebar-width);gap:0;overflow:hidden}.chart-section{display:flex;flex-direction:column;background:transparent;border-right:1px solid var(--border-color);overflow:hidden}.chart-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color)}.chart-header h2{font-size:.9rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.chart-controls{display:flex;gap:8px}.control-btn{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;padding:6px 10px;cursor:pointer;transition:var(--transition-fast)}.control-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.control-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.chart-container{flex:1;display:flex;overflow:hidden;position:relative}.volume-profile-container{width:80px;background:var(--bg-tertiary);border-right:1px solid var(--border-color);position:relative}.volume-profile-container canvas{position:absolute;top:0;left:0;width:100%;height:100%}.footprint-container{flex:1;position:relative;overflow:hidden}.footprint-container canvas{position:absolute;top:0;left:0;width:100%;height:100%}.chart-legend{display:flex;gap:24px;padding:10px 16px;background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted)}.legend-color{width:12px;height:12px;border-radius:2px}.legend-color.buy{background:var(--buy-color)}.legend-color.sell{background:var(--sell-color)}.legend-color.imbalance-buy{background:var(--buy-imbalance);box-shadow:0 0 6px var(--buy-imbalance)}.legend-color.imbalance-sell{background:var(--sell-imbalance);box-shadow:0 0 6px var(--sell-imbalance)}.legend-color.stacked{background:#ff0;box-shadow:0 0 6px #ff0}.legend-item.hint{margin-left:auto;color:var(--text-muted);font-size:.7rem}.tick-selector{display:flex;align-items:center;gap:6px;margin-right:8px}.tick-selector label{font-size:.75rem;color:var(--text-muted)}.tick-selector select{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:.8rem;padding:4px 8px;cursor:pointer}.whale-slider-container{display:flex;align-items:center;gap:6px;padding:0 8px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.whale-slider-container input[type=range]{width:60px;height:4px;background:var(--bg-hover);border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.whale-slider-container input[type=range].wide-slider{width:120px}.whale-slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--accent-primary);border-radius:50%;cursor:pointer}.whale-slider-container .slider-value{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);min-width:24px;text-align:center}.orderbook-section{display:flex;flex-direction:column;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);overflow:hidden}.orderbook-header{padding:12px 16px;border-bottom:1px solid var(--border-color)}.orderbook-header h2{font-size:.9rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.orderbook-stats{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.8rem}.bid-ratio{color:var(--buy-color)}.ask-ratio{color:var(--sell-color)}.ratio-bar{flex:1;height:4px;background:var(--sell-color);border-radius:2px;overflow:hidden}.ratio-bar span{display:block;height:100%;background:var(--buy-color);width:50%;transition:width var(--transition-normal)}.orderbook-container{flex:1;display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-mono);font-size:.8rem}.orderbook-asks,.orderbook-bids{flex:1;overflow-y:auto;display:flex;flex-direction:column}.orderbook-asks{justify-content:flex-end}.orderbook-row{display:grid;grid-template-columns:1fr 80px 80px;padding:4px 12px;position:relative;cursor:default;transition:background var(--transition-fast)}.orderbook-row:hover{background:var(--bg-hover)}.orderbook-row .depth-bar{position:absolute;top:0;right:0;height:100%;pointer-events:none;opacity:.2}.orderbook-row.ask .depth-bar{background:var(--sell-color)}.orderbook-row.bid .depth-bar{background:var(--buy-color)}.orderbook-row .price{font-weight:500;z-index:1}.orderbook-row.ask .price{color:var(--sell-color)}.orderbook-row.bid .price{color:var(--buy-color)}.orderbook-row .size,.orderbook-row .total{text-align:right;color:var(--text-secondary);z-index:1}.orderbook-spread{display:flex;justify-content:space-between;padding:8px 12px;background:var(--bg-tertiary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.orderbook-spread .spread-price{font-weight:700;color:var(--text-primary)}.orderbook-spread .spread-value{color:var(--text-muted);font-size:.75rem}.footer{display:flex;align-items:center;justify-content:space-around;padding:0 16px;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.stat-item{display:flex;align-items:center;gap:8px}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-family:var(--font-mono);font-size:.9rem;font-weight:600;color:var(--text-primary)}.stat-value.positive{color:var(--buy-color)}.stat-value.negative{color:var(--sell-color)}.footer-links{display:flex;align-items:center;gap:8px;font-size:.7rem;margin-left:auto}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--accent-primary)}.footer-links span{color:var(--text-muted);opacity:.5}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}::-webkit-scrollbar-thumb:hover{background:var(--neutral-light)}@keyframes flash-green{0%{background:var(--buy-bg)}to{background:transparent}}@keyframes flash-red{0%{background:var(--sell-bg)}to{background:transparent}}.flash-buy{animation:flash-green .3s ease-out}.flash-sell{animation:flash-red .3s ease-out}.large-order{position:relative}.large-order:after{content:"🐋";position:absolute;right:4px;font-size:.7rem}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .3s ease,visibility .3s ease}.loading-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-spinner{width:50px;height:50px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:16px;font-size:1rem;color:var(--text-secondary)}.help-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .2s ease,visibility .2s ease}.help-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.help-modal{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.help-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.help-header h2{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.help-close{background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:var(--transition-fast)}.help-close:hover{background:var(--bg-hover);color:var(--text-primary)}.help-content{padding:20px}.shortcut-group{margin-bottom:20px}.shortcut-group:last-child{margin-bottom:0}.shortcut-group h3{font-size:.75rem;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.shortcut{display:flex;align-items:center;gap:12px;padding:6px 0;font-size:.85rem;color:var(--text-secondary)}kbd{display:inline-block;padding:4px 8px;font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-sm);min-width:28px;text-align:center}.help-btn{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;padding:6px 10px;cursor:pointer;transition:var(--transition-fast)}.help-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.market-analysis-panel{position:fixed;top:var(--header-height);right:0;width:340px;max-height:calc(100vh - var(--header-height) - var(--footer-height));background:linear-gradient(180deg,#0a0a0af2,#050505fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.08);z-index:100;overflow-y:auto;display:flex;flex-direction:column;box-shadow:-5px 0 30px #00000080}.ma-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,#3b82f61a,#8b5cf60d)}.ma-title{font-weight:700;font-size:1rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.02em}.ma-status{font-size:.65rem;font-weight:600;padding:4px 10px;border-radius:12px;background:#00e67626;color:var(--buy-color);border:1px solid rgba(0,230,118,.3);text-transform:uppercase;letter-spacing:.05em;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;box-shadow:0 0 8px #00e6764d}50%{opacity:.7;box-shadow:0 0 4px #00e6761a}}.ma-insights{flex:1;padding:12px;display:flex;flex-direction:column;gap:8px}.ma-insight{padding:12px 14px;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);display:flex;align-items:flex-start;gap:12px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ma-insight:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--neutral-color);transition:all .2s ease}.ma-insight:hover{background:#ffffff0a;transform:translate(4px);border-color:#ffffff14}.ma-insight.bullish:before{background:linear-gradient(180deg,var(--buy-color),var(--buy-dark));box-shadow:0 0 10px var(--buy-glow)}.ma-insight.bullish{background:linear-gradient(90deg,#00e67614,#00e67605);border-color:#00e67626}.ma-insight.bearish:before{background:linear-gradient(180deg,var(--sell-color),var(--sell-dark));box-shadow:0 0 10px var(--sell-glow)}.ma-insight.bearish{background:linear-gradient(90deg,#ff174414,#ff174405);border-color:#ff174426}.ma-insight.neutral:before{background:linear-gradient(180deg,#64748b,#475569)}.ma-insight.ma-loading{color:var(--text-muted);font-style:italic;justify-content:center;animation:loadingPulse 1.5s ease-in-out infinite}@keyframes loadingPulse{0%,to{opacity:.5}50%{opacity:1}}.ma-icon{font-size:1.3rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.ma-text{font-size:.82rem;line-height:1.5;color:var(--text-secondary);font-weight:400}.ma-insight.bullish .ma-text{color:#69f0aef2}.ma-insight.bearish .ma-text{color:#ff5252f2}.ma-summary{padding:16px 20px;border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#0000004d,#00000080)}.ma-bias{font-size:1.1rem;font-weight:800;text-align:center;padding:14px 16px;border-radius:12px;background:#1e1e1ecc;border:1px solid rgba(255,255,255,.08);letter-spacing:.02em;transition:all .3s ease}.ma-bias.bullish{background:linear-gradient(135deg,#00e67633,#0096501a);color:var(--buy-color);border-color:#00e6764d;box-shadow:0 0 25px #00e67633,inset 0 1px #ffffff1a;text-shadow:0 0 20px rgba(0,230,118,.5)}.ma-bias.bearish{background:linear-gradient(135deg,#ff174433,#b400321a);color:var(--sell-color);border-color:#ff17444d;box-shadow:0 0 25px #ff174433,inset 0 1px #ffffff1a;text-shadow:0 0 20px rgba(255,23,68,.5)}.ma-bias.neutral{color:var(--text-secondary);background:linear-gradient(135deg,#64748b26,#4755691a);border-color:#64748b33}.market-analysis-panel::-webkit-scrollbar{width:6px}.market-analysis-panel::-webkit-scrollbar-track{background:#0000004d}.market-analysis-panel::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.market-analysis-panel::-webkit-scrollbar-thumb:hover{background:#ffffff40}.market-analysis-panel,#mlDashboard{transition:opacity .3s ease,transform .3s ease,visibility .3s;visibility:visible;opacity:1;transform:translate(0)}.market-analysis-panel.hidden{visibility:hidden;opacity:0;transform:translate(20px);pointer-events:none}#mlDashboard.hidden{visibility:hidden;opacity:0;transform:translateY(-10px);pointer-events:none}.control-btn.active{background:#ffffff1a;border-color:#fff3}.control-btn:not(.active){opacity:.5}.small-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#aaa;cursor:pointer;transition:all .2s}.small-btn:hover{background:#fff3;color:#fff}.small-btn.active{background:#00e67633;border-color:#00e676;color:#00e676;box-shadow:0 0 5px #00e6764d}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:#1a1d21;margin:5% auto;padding:24px;border:1px solid #333;width:90%;max-width:500px;border-radius:12px;box-shadow:0 10px 30px #00000080;color:#e0e0e0}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333;padding-bottom:16px;margin-bottom:24px}.modal-header h2{margin:0;color:#fff;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:10px}.close-modal{color:#aaa;font-size:24px;cursor:pointer;background:none;border:none;padding:4px;transition:color .2s}.close-modal:hover{color:#fff}.settings-group{margin-bottom:24px;background:#ffffff08;padding:16px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.settings-group h3{margin-top:0;margin-bottom:16px;color:#64748b;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.control-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.control-row:last-child{margin-bottom:0}.control-row label{flex:1;color:#ccc;font-size:.9rem}.control-row .controls{display:flex;align-items:center;gap:12px}.switch{position:relative;display:inline-block;width:40px;height:22px}.switch input{opacity:0;width:0;height:0}.slider-switch{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#333;transition:.3s;border-radius:22px}.slider-switch:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider-switch{background-color:#3b82f6}input:checked+.slider-switch:before{transform:translate(18px)}.control-row input[type=range]{width:120px;height:4px;background:#333;border-radius:2px;-webkit-appearance:none}.control-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#3b82f6;border-radius:50%;cursor:pointer}.control-row .value-display{font-family:monospace;font-size:.85rem;color:#3b82f6;min-width:40px;text-align:right}