@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-elevated: #222222;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .4);--accent-green: #00e676;--accent-green-dim: rgba(0, 230, 118, .15);--accent-red: #ff5252;--accent-red-dim: rgba(255, 82, 82, .15);--accent-blue: #448aff;--border-color: rgba(255, 255, 255, .08);--border-focus: rgba(255, 255, 255, .2);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--font-sans: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;flex-direction:column;height:100%;width:100%}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);min-height:56px;gap:24px}.header-left{display:flex;align-items:center;gap:24px}.header-center{flex:1;display:flex;justify-content:center}.header-right{display:flex;align-items:center;gap:20px}.logo{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:18px;font-weight:700;letter-spacing:2px;color:var(--text-primary)}.logo-icon{font-size:24px;color:var(--accent-blue);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.symbol-selector{display:flex;gap:4px;background:var(--bg-tertiary);padding:4px;border-radius:var(--radius-md)}.symbol-btn{padding:6px 16px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:1px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease}.symbol-btn:hover:not(:disabled){color:var(--text-secondary);background:var(--bg-elevated)}.symbol-btn.active{background:var(--bg-elevated);color:var(--text-primary)}.symbol-btn:disabled{opacity:.4;cursor:not-allowed}.last-price{display:flex;flex-direction:column;align-items:center;gap:2px}.price-label{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:2px;color:var(--text-muted)}.price-value{font-family:var(--font-mono);font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.filter-control{display:flex;align-items:center;gap:8px}.filter-control label{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:1px;color:var(--text-muted)}.filter-control input{width:48px;padding:6px 8px;font-family:var(--font-mono);font-size:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);text-align:center}.filter-control input:focus{outline:none;border-color:var(--border-focus)}.status{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-tertiary);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:1px;color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-red)}.status.connected{color:var(--accent-green)}.status.connected .status-dot{background:var(--accent-green);animation:pulse 1.5s ease-in-out infinite}.status.demo{color:var(--accent-blue)}.status.demo .status-dot{background:var(--accent-blue);animation:pulse 1.5s ease-in-out infinite}.status.replay{color:#ffc107}.status.replay .status-dot{background:#ffc107;animation:pulse 1.5s ease-in-out infinite}.replay-controls{display:flex;align-items:center;gap:16px;padding:8px 16px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,rgba(255,193,7,.08) 100%);border:1px solid rgba(255,193,7,.4);border-radius:var(--radius-lg);font-family:var(--font-mono)}.replay-header{display:flex;align-items:center;gap:8px}.replay-badge{font-size:10px;font-weight:700;letter-spacing:1px;padding:4px 8px;background:#ffc107;color:var(--bg-primary);border-radius:var(--radius-sm);animation:replayPulse 2s ease-in-out infinite}@keyframes replayPulse{0%,to{opacity:1}50%{opacity:.7}}.replay-date{font-size:11px;font-weight:600;color:var(--text-secondary)}.replay-playback{display:flex;align-items:center;gap:10px}.playback-btn{width:36px;height:36px;padding:0;font-size:16px;background:var(--bg-elevated);border:2px solid rgba(255,193,7,.5);border-radius:50%;color:#ffc107;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.playback-btn:hover{background:#ffc10733;border-color:#ffc107;transform:scale(1.1)}.playback-btn.paused{border-color:var(--accent-green);color:var(--accent-green)}.playback-btn.paused:hover{background:var(--accent-green-dim);border-color:var(--accent-green)}.playback-btn.playing{border-color:#ffc107;color:#ffc107}.replay-time{font-size:14px;font-weight:600;color:var(--text-primary);min-width:85px}.replay-speed{display:flex;align-items:center;gap:8px}.replay-speed label{font-size:10px;font-weight:600;letter-spacing:1px;color:var(--text-muted);text-transform:uppercase}.speed-slider{width:80px;height:4px;appearance:none;background:var(--bg-elevated);border-radius:2px;outline:none;cursor:pointer}.speed-slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;background:#ffc107;border-radius:50%;cursor:pointer;transition:transform .15s ease}.speed-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.speed-slider::-moz-range-thumb{width:14px;height:14px;background:#ffc107;border:none;border-radius:50%;cursor:pointer}.speed-value{font-size:13px;font-weight:700;color:#ffc107;min-width:32px}.speed-presets{display:flex;gap:4px}.preset-btn{padding:4px 8px;font-family:var(--font-mono);font-size:10px;font-weight:600;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.preset-btn:hover{background:#ffc1071a;border-color:#ffc10780;color:#ffc107}.preset-btn.active{background:#ffc107;border-color:#ffc107;color:var(--bg-primary)}@media(max-width:1200px){.replay-controls{flex-wrap:wrap;gap:10px;padding:6px 12px}.speed-presets{display:none}}@media(max-width:768px){.replay-controls{position:fixed;bottom:60px;left:50%;transform:translate(-50%);z-index:50;width:calc(100% - 32px);max-width:400px;justify-content:center;background:var(--bg-secondary);border:1px solid rgba(255,193,7,.5);box-shadow:0 -4px 20px #00000080}.replay-header,.replay-speed label{display:none}.speed-slider{width:60px}}.paused-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#ffc10726;border:1px solid rgba(255,193,7,.5);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:1px;color:#ffc107;animation:pausePulse 1.5s ease-in-out infinite}@keyframes pausePulse{0%,to{opacity:1}50%{opacity:.6}}.shortcuts-help-btn{width:36px;height:36px;padding:0;font-size:18px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.shortcuts-help-btn:hover{background:var(--bg-elevated);border-color:var(--accent-blue);color:var(--accent-blue);transform:scale(1.05)}.shortcuts-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.shortcuts-modal{background:var(--bg-secondary);border:2px solid var(--border-focus);border-radius:var(--radius-lg);padding:24px;max-width:700px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #000c;animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.shortcuts-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.shortcuts-modal-header h3{font-family:var(--font-sans);font-size:24px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.close-modal-btn{width:32px;height:32px;padding:0;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:18px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.close-modal-btn:hover{background:var(--bg-elevated);border-color:var(--accent-red);color:var(--accent-red)}.shortcuts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.shortcut-section h4{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent-blue);margin:0 0 12px}.shortcut-item{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-family:var(--font-mono);font-size:13px}.shortcut-item kbd{min-width:36px;padding:6px 10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px;font-weight:600;text-align:center;color:var(--text-primary);box-shadow:0 2px 4px #0003}.shortcut-item span{color:var(--text-secondary);flex:1}.shortcuts-modal-footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color);font-family:var(--font-mono);font-size:12px;color:var(--text-muted);text-align:center}.shortcuts-modal-footer kbd{padding:4px 8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-primary)}.connect-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.connect-card{width:100%;max-width:480px;padding:40px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.connect-card h2{font-size:24px;font-weight:600;margin-bottom:8px}.connect-subtitle{color:var(--text-muted);font-size:14px;margin-bottom:32px}.error-message{padding:12px 16px;background:var(--accent-red-dim);border:1px solid var(--accent-red);border-radius:var(--radius-md);color:var(--accent-red);font-size:13px;margin-bottom:24px}.credentials-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.input-group{display:flex;flex-direction:column;gap:6px}.input-group.full-width{grid-column:1 / -1}.input-group label{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:1px;color:var(--text-muted);text-transform:uppercase}.input-group input{padding:12px 14px;font-family:var(--font-mono);font-size:13px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color .15s ease}.input-group input::placeholder{color:var(--text-muted)}.input-group input:focus{outline:none;border-color:var(--accent-blue)}.connect-btn{width:100%;padding:14px 24px;font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:2px;background:var(--accent-blue);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:10px}.connect-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.connect-btn:disabled{opacity:.5;cursor:not-allowed}.divider{display:flex;align-items:center;gap:16px;margin:20px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.divider span{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.demo-btn{width:100%;padding:14px 24px;font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:1px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:10px}.demo-btn:hover{background:var(--bg-elevated);border-color:var(--accent-blue);color:var(--accent-blue)}.spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.help-text{margin-top:24px;text-align:center;font-size:13px;color:var(--text-muted)}.help-text a{color:var(--accent-blue);text-decoration:none;margin-left:4px}.help-text a:hover{text-decoration:underline}.visualization{flex:1;position:relative;background:var(--bg-primary);overflow:hidden}.bubble-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.visualization-controls{position:absolute;top:16px;right:16px;display:flex;gap:8px;z-index:10}.screenshot-btn{width:40px;height:40px;padding:0;font-size:20px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.screenshot-btn:hover{color:var(--accent-blue);border-color:var(--accent-blue);transform:scale(1.05)}.disconnect-btn{padding:8px 16px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:1px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.disconnect-btn:hover{color:var(--accent-red);border-color:var(--accent-red)}.footer{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:var(--bg-secondary);border-top:1px solid var(--border-color);min-height:44px}.legend{display:flex;gap:24px}.legend-item{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:1px;color:var(--text-muted)}.legend-item.buy .legend-dot{background:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.legend-item.sell .legend-dot{background:var(--accent-red);box-shadow:0 0 8px var(--accent-red)}.legend-dot{width:10px;height:10px;border-radius:50%}.bubble-count{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.volume-totals{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.5px}.volume-item{display:flex;align-items:center}.volume-item.buy{color:var(--accent-green)}.volume-item.sell{color:var(--accent-red)}.volume-item.delta{color:var(--text-secondary)}.volume-divider{color:var(--text-muted);opacity:.3}@media(max-width:768px){.header{flex-wrap:wrap;gap:10px;padding:10px 12px;min-height:auto}.header-left{gap:12px}.header-center{order:3;flex:0 0 100%;justify-content:flex-start}.header-right{gap:8px;flex-wrap:wrap}.filter-control label,.threshold-control label{display:none}.filter-control input,.threshold-control input{width:50px;padding:6px;font-size:11px}.cvd-widget{min-width:120px;padding:6px 10px}.cvd-value{font-size:16px}.cvd-direction{font-size:8px}.cvd-age{font-size:7px}.reset-cvd-btn,.sound-toggle-btn{width:32px;height:32px;font-size:16px}.symbol-btn{padding:6px 12px;font-size:11px}.footer{flex-wrap:wrap;gap:8px;padding:8px 12px;min-height:auto}.legend{gap:16px}.legend-item{font-size:9px}.volume-totals{gap:8px;font-size:9px;order:3;flex:0 0 100%;justify-content:center}.bubble-count{font-size:10px}.visualization-controls{top:8px;right:8px;gap:6px}.screenshot-btn{width:36px;height:36px;font-size:18px}.disconnect-btn{padding:8px 12px;font-size:10px}.bubble-info-tooltip{min-width:180px;padding:10px;font-size:10px}.tooltip-side{font-size:11px;padding:3px 6px}.tooltip-badge{font-size:8px;padding:2px 4px}.tooltip-row{font-size:10px;margin-bottom:4px}.credentials-grid{grid-template-columns:1fr}.connect-card{padding:24px 16px}.connect-card h2{font-size:20px}.paused-indicator{font-size:10px;padding:5px 10px}.cvd-badge{padding:16px 24px}.badge-icon{font-size:36px}.badge-text{font-size:18px}.badge-subtitle{font-size:12px}.shortcuts-modal{width:95%;padding:16px;max-height:90vh}.shortcuts-modal-header h3{font-size:20px}.shortcuts-grid{grid-template-columns:1fr;gap:16px}.shortcut-section h4{font-size:11px}.shortcut-item{font-size:12px;gap:10px}.shortcut-item kbd{min-width:32px;padding:5px 8px;font-size:11px}.shortcuts-help-btn{width:32px;height:32px;font-size:16px}}@media(max-width:480px){.logo{font-size:16px}.logo-icon{font-size:20px}.header-left{gap:8px}.cvd-widget{min-width:100px;padding:4px 8px}.cvd-value{font-size:14px}.price-value{font-size:20px}.volume-totals{flex-direction:column;gap:4px;align-items:flex-start}.volume-divider{display:none}.connect-card{padding:20px 12px}.connect-card h2{font-size:18px}}.cvd-widget{display:flex;flex-direction:column;align-items:center;padding:6px 14px;background:var(--bg-tertiary);border-radius:var(--radius-md);border:2px solid transparent;transition:all .2s ease;min-width:140px}.cvd-widget.bullish{border-color:var(--accent-green);background:var(--accent-green-dim)}.cvd-widget.bearish{border-color:var(--accent-red);background:var(--accent-red-dim)}.cvd-widget label{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:1px;color:var(--text-muted);margin-bottom:2px}.cvd-value{font-family:var(--font-mono);font-size:18px;font-weight:700;line-height:1}.cvd-widget.bullish .cvd-value{color:var(--accent-green)}.cvd-widget.bearish .cvd-value{color:var(--accent-red)}.cvd-direction{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:1px;margin-top:2px}.cvd-widget.bullish .cvd-direction{color:var(--accent-green)}.cvd-widget.bearish .cvd-direction{color:var(--accent-red)}.cvd-age{font-family:var(--font-mono);font-size:8px;font-weight:500;letter-spacing:.5px;color:var(--text-muted);margin-top:4px;padding-top:4px;border-top:1px solid var(--border-color)}.cvd-threshold-display{font-family:var(--font-mono);font-size:7px;font-weight:600;letter-spacing:.5px;color:var(--accent-blue);margin-top:2px;text-align:center}.reset-cvd-btn{width:36px;height:36px;padding:0;font-size:18px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.reset-cvd-btn:hover{background:var(--bg-elevated);border-color:var(--accent-blue);transform:rotate(180deg)}.threshold-control{display:flex;align-items:center;gap:8px}.threshold-control label{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:1px;color:var(--text-muted)}.threshold-control input{width:60px;padding:6px 8px;font-family:var(--font-mono);font-size:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);text-align:center}.threshold-control input:focus{outline:none;border-color:var(--border-focus)}.sound-toggle-btn{width:36px;height:36px;padding:0;font-size:18px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.sound-toggle-btn.enabled{color:var(--accent-green);border-color:var(--accent-green)}.sound-toggle-btn.disabled{color:var(--text-muted)}.sound-toggle-btn:hover{background:var(--bg-elevated);transform:scale(1.05)}.test-sound-btn{width:36px;height:36px;padding:0;font-size:18px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.test-sound-btn:hover{background:var(--bg-elevated);border-color:var(--accent-blue);transform:scale(1.05)}.test-sound-btn:active{transform:scale(.95)}.test-cross-btn{width:36px;height:36px;padding:0;font-size:18px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.test-cross-btn:hover{background:var(--bg-elevated);border-color:gold;color:gold;transform:scale(1.05)}.test-cross-btn:active{transform:scale(.95)}.flash-alert{position:absolute;inset:0;pointer-events:none;z-index:100;animation:flashBorder .5s ease-out}.flash-alert.bullish{box-shadow:inset 0 0 0 4px var(--accent-green)}.flash-alert.bearish{box-shadow:inset 0 0 0 4px var(--accent-red)}@keyframes flashBorder{0%{opacity:1}to{opacity:0}}.cvd-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 40px;background:var(--bg-elevated);border:3px solid;border-radius:var(--radius-lg);box-shadow:0 20px 60px #000c;animation:badgeEntrance .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.cvd-badge.bullish{border-color:var(--accent-green);box-shadow:0 20px 60px #000c,0 0 40px #00e6764d}.cvd-badge.bearish{border-color:var(--accent-red);box-shadow:0 20px 60px #000c,0 0 40px #ff52524d}@keyframes badgeEntrance{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.badge-icon{font-size:48px;line-height:1;animation:badgePulse .5s ease-in-out infinite alternate}@keyframes badgePulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.badge-text{font-family:var(--font-mono);font-size:24px;font-weight:700;letter-spacing:2px}.cvd-badge.bullish .badge-text{color:var(--accent-green)}.cvd-badge.bearish .badge-text{color:var(--accent-red)}.badge-subtitle{font-family:var(--font-mono);font-size:14px;font-weight:500;letter-spacing:1px;color:var(--text-secondary)}.absorption-badge{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);z-index:200;display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 32px;background:var(--bg-elevated);border:3px solid;border-radius:var(--radius-lg);box-shadow:0 20px 60px #000c;animation:absorptionEntrance .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none;min-width:280px}.absorption-badge.buying.medium{border-color:#ff9800;box-shadow:0 20px 60px #000c,0 0 30px #ff980033}.absorption-badge.selling.medium{border-color:#9c27b0;box-shadow:0 20px 60px #000c,0 0 30px #9c27b033}.absorption-badge.buying.strong{border-color:#ff9800;border-width:4px;box-shadow:0 20px 60px #000c,0 0 50px #ff980066}.absorption-badge.selling.strong{border-color:#9c27b0;border-width:4px;box-shadow:0 20px 60px #000c,0 0 50px #9c27b066}.absorption-badge.defended{border-width:5px;animation:absorptionEntrance .3s cubic-bezier(.34,1.56,.64,1),defendedGlow .8s ease-in-out infinite alternate}.absorption-badge.buying.defended{border-color:#ff5722;box-shadow:0 20px 60px #000c,0 0 80px #ff572299,0 0 120px #ff98004d}.absorption-badge.selling.defended{border-color:#e040fb;box-shadow:0 20px 60px #000c,0 0 80px #e040fb99,0 0 120px #9c27b04d}@keyframes defendedGlow{0%{filter:brightness(1)}to{filter:brightness(1.2)}}.absorption-badge .strength-indicator{position:absolute;top:-10px;right:-10px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:1px;padding:4px 10px;border-radius:20px;text-transform:uppercase}.absorption-badge .strength-indicator.medium{background:linear-gradient(135deg,#ffc107,#ff9800);color:#000;box-shadow:0 2px 8px #ff980066}.absorption-badge .strength-indicator.strong{background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff;box-shadow:0 2px 12px #ff572280;animation:strongPulse .5s ease-in-out infinite alternate}.absorption-badge .strength-indicator.defended{background:linear-gradient(135deg,#ff5722,#f44336);color:#fff;box-shadow:0 2px 16px #f4433699;animation:defendedPulse .3s ease-in-out infinite alternate;font-size:11px;padding:5px 12px}@keyframes strongPulse{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes defendedPulse{0%{transform:scale(1);box-shadow:0 2px 16px #f4433699}to{transform:scale(1.1);box-shadow:0 2px 24px #f44336cc}}@keyframes absorptionEntrance{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.absorption-badge .badge-icon{font-size:40px;line-height:1;animation:shieldPulse .4s ease-in-out infinite alternate}.absorption-badge.defended .badge-icon{font-size:48px;animation:firePulse .3s ease-in-out infinite alternate}@keyframes shieldPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes firePulse{0%{transform:scale(1) rotate(-3deg)}to{transform:scale(1.15) rotate(3deg)}}.absorption-badge .badge-text{font-family:var(--font-mono);font-size:20px;font-weight:700;letter-spacing:2px}.absorption-badge.defended .badge-text{font-size:22px}.absorption-badge.buying .badge-text{color:#ff9800}.absorption-badge.selling .badge-text{color:#9c27b0}.absorption-badge .badge-type{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:1px;color:var(--text-secondary);text-transform:uppercase}.absorption-badge .badge-stats{display:flex;gap:16px;margin-top:8px;padding:8px 12px;background:#0000004d;border-radius:var(--radius-sm)}.absorption-badge .badge-stats .stat{display:flex;flex-direction:column;align-items:center;gap:2px}.absorption-badge .badge-stats .stat-label{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:1px;color:var(--text-muted);text-transform:uppercase}.absorption-badge .badge-stats .stat-value{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--text-primary)}.absorption-badge .badge-context{display:flex;gap:8px;margin-top:4px}.absorption-badge .context-tag{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:1px;padding:3px 8px;border-radius:var(--radius-sm)}.absorption-badge .context-tag.key-level{background:#448aff33;color:#448aff;border:1px solid rgba(68,138,255,.4)}.absorption-badge .context-tag.against-trend{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.4);animation:warningPulse .5s ease-in-out infinite alternate}@keyframes warningPulse{0%{opacity:.8}to{opacity:1}}.absorption-badge .badge-subtitle{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.5px;color:var(--text-muted);margin-top:4px;text-align:center}.absorption-badge.defended .badge-subtitle{color:var(--accent-green);font-weight:600}.bubble-info-tooltip{position:absolute;transform:translate(-50%,-120%);background:var(--bg-elevated);border:2px solid var(--border-focus);border-radius:var(--radius-md);padding:12px;min-width:200px;z-index:150;box-shadow:0 8px 24px #0009;animation:tooltipEntrance .2s cubic-bezier(.34,1.56,.64,1);cursor:pointer}@keyframes tooltipEntrance{0%{opacity:0;transform:translate(-50%,-110%) scale(.9)}to{opacity:1;transform:translate(-50%,-120%) scale(1)}}.tooltip-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.tooltip-side{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:1px;padding:4px 8px;border-radius:var(--radius-sm)}.tooltip-side.buy{background:var(--accent-green-dim);color:var(--accent-green);border:1px solid var(--accent-green)}.tooltip-side.sell{background:var(--accent-red-dim);color:var(--accent-red);border:1px solid var(--accent-red)}.tooltip-badge{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.5px;padding:2px 6px;border-radius:var(--radius-sm);background:#ffd70026;color:gold;border:1px solid rgba(255,215,0,.4)}.tooltip-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-family:var(--font-mono);font-size:11px}.tooltip-label{color:var(--text-muted);font-weight:600}.tooltip-value{color:var(--text-primary);font-weight:500}.tooltip-footer{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color);font-family:var(--font-mono);font-size:9px;color:var(--text-muted);text-align:center}.app.overlay-mode{background:transparent;position:fixed;pointer-events:none}.app.overlay-mode .header,.app.overlay-mode .footer{pointer-events:auto}.app.overlay-mode .visualization{pointer-events:none}.stacked-badge{position:absolute;top:40%;right:20px;transform:translateY(-50%);z-index:200;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 24px;background:var(--bg-elevated);border:3px solid;border-radius:var(--radius-lg);box-shadow:0 20px 60px #000c;animation:stackedEntrance .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none;min-width:220px}.stacked-badge.buy{border-color:var(--accent-green);box-shadow:0 20px 60px #000c,0 0 40px #00e6764d}.stacked-badge.sell{border-color:var(--accent-red);box-shadow:0 20px 60px #000c,0 0 40px #ff52524d}@keyframes stackedEntrance{0%{opacity:0;transform:translateY(-50%) translate(50px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.stacked-badge .badge-icon{font-size:32px;line-height:1}.stacked-badge .badge-text{font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.stacked-badge.buy .badge-text{color:var(--accent-green)}.stacked-badge.sell .badge-text{color:var(--accent-red)}.stacked-badge .badge-type{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--text-secondary);text-align:center}.stacked-badge .badge-stats{display:flex;gap:16px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color)}.stacked-badge .badge-stats .stat{display:flex;flex-direction:column;align-items:center;gap:2px}.stacked-badge .badge-stats .stat-label{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted)}.stacked-badge .badge-stats .stat-value{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--text-primary)}.stacked-badge .badge-subtitle{font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--text-muted);text-align:center;margin-top:4px}.confluence-badge{position:absolute;top:50%;right:20px;transform:translateY(-50%);background:linear-gradient(135deg,#ffd70026,#ffc1071a);border:2px solid rgba(255,215,0,.6);border-radius:var(--radius-lg);padding:16px 20px;z-index:100;animation:confluencePulse .5s ease-out;box-shadow:0 0 30px #ffd7004d,inset 0 0 20px #ffd7001a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:220px}.confluence-badge.bullish{background:linear-gradient(135deg,#00e67633,#ffd70026);border-color:var(--accent-green);box-shadow:0 0 30px #00e67666,inset 0 0 20px #00e6761a}.confluence-badge.bearish{background:linear-gradient(135deg,#ff525233,#ffd70026);border-color:var(--accent-red);box-shadow:0 0 30px #ff525266,inset 0 0 20px #ff52521a}@keyframes confluencePulse{0%{transform:translateY(-50%) scale(.8);opacity:0}50%{transform:translateY(-50%) scale(1.05)}to{transform:translateY(-50%) scale(1);opacity:1}}.confluence-badge .badge-icon{font-size:28px;text-align:center;margin-bottom:8px}.confluence-badge .badge-text{font-family:var(--font-sans);font-size:14px;font-weight:700;letter-spacing:.1em;text-align:center;color:gold}.confluence-badge.bullish .badge-text{color:var(--accent-green)}.confluence-badge.bearish .badge-text{color:var(--accent-red)}.confluence-badge .badge-type{font-family:var(--font-mono);font-size:11px;font-weight:600;text-align:center;color:var(--text-secondary);margin-top:4px}.confluence-badge .badge-signals{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin:8px 0}.confluence-badge .signal-tag{font-family:var(--font-mono);font-size:9px;font-weight:600;padding:2px 6px;border-radius:var(--radius-sm);background:#ffffff1a;color:var(--text-secondary);text-transform:uppercase}.confluence-badge .badge-stats{display:flex;justify-content:space-around;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.confluence-badge .badge-stats .stat{display:flex;flex-direction:column;align-items:center;gap:2px}.confluence-badge .badge-stats .stat-label{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);text-transform:uppercase}.confluence-badge .badge-stats .stat-value{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-primary)}.confluence-badge .badge-subtitle{font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--text-muted);text-align:center;margin-top:8px}.view-toggle-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px 12px;font-size:18px;cursor:pointer;transition:all .2s ease}.view-toggle-btn:hover{background:var(--bg-elevated);border-color:var(--border-focus)}.view-toggle-btn.active{background:var(--accent-blue);border-color:var(--accent-blue)}.stats-view{width:100%;height:100%;padding:24px;overflow-y:auto;background:var(--bg-secondary)}.stats-view h2{font-family:var(--font-sans);font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:24px;text-align:center}.stats-grid{display:flex;flex-direction:column;gap:24px;max-width:1200px;margin:0 auto}.stats-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.overview-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:8px}.overview-label{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.overview-value{font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--text-primary)}.signal-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.signal-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px}.signal-card.confluence-card{border-color:#ffd7004d;background:linear-gradient(135deg,var(--bg-tertiary) 0%,rgba(255,215,0,.05) 100%)}.signal-card h3{font-family:var(--font-sans);font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.signal-counts{display:flex;gap:12px;margin-bottom:16px}.signal-counts .count{font-family:var(--font-mono);font-size:12px;font-weight:500;padding:4px 8px;border-radius:var(--radius-sm);background:var(--bg-elevated)}.signal-counts .count.total{color:var(--text-secondary)}.signal-counts .count.bullish{color:var(--accent-green);background:var(--accent-green-dim)}.signal-counts .count.bearish{color:var(--accent-red);background:var(--accent-red-dim)}.signal-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.signal-metrics .metric{display:flex;flex-direction:column;gap:4px}.signal-metrics .metric-label{font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase}.signal-metrics .metric-value{font-family:var(--font-mono);font-size:16px;font-weight:600;color:var(--text-primary)}.signal-metrics .metric-value.positive{color:var(--accent-green)}.signal-metrics .metric-value.negative{color:var(--accent-red)}.win-loss{display:flex;gap:12px;padding-top:12px;border-top:1px solid var(--border-color)}.win-loss .wins{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--accent-green)}.win-loss .losses{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--accent-red)}.stats-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:12px}.stats-loading p{font-family:var(--font-sans);font-size:16px;color:var(--text-secondary)}.stats-loading .stats-hint{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}@media(max-width:900px){.stats-overview{grid-template-columns:repeat(2,1fr)}.signal-stats-grid{grid-template-columns:1fr}}.stats-page{width:100%;height:100%;padding:24px;overflow-y:auto;background:var(--bg-secondary)}.stats-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.stats-page-header h1{font-family:var(--font-sans);font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.stats-page-actions{display:flex;gap:12px}.stats-page-actions button{padding:8px 16px;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.refresh-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.refresh-btn:hover{background:var(--bg-elevated);border-color:var(--border-focus)}.close-btn{background:var(--accent-blue);border:1px solid var(--accent-blue);color:#fff}.close-btn:hover{opacity:.9}.stats-error{background:var(--accent-red-dim);color:var(--accent-red);padding:12px 16px;border-radius:var(--radius-md);margin-bottom:16px;font-family:var(--font-mono);font-size:12px}.stats-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border-color);padding-bottom:12px}.stats-tabs .tab{padding:8px 16px;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.stats-tabs .tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.stats-tabs .tab.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.stats-overview-page{display:flex;flex-direction:column;gap:24px}.stats-summary-cards{display:flex;gap:16px}.summary-card{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;text-align:center}.summary-card.bullish{border-color:var(--accent-green);background:var(--accent-green-dim)}.summary-card.bearish{border-color:var(--accent-red);background:var(--accent-red-dim)}.summary-value{font-family:var(--font-mono);font-size:32px;font-weight:700;color:var(--text-primary)}.summary-card.bullish .summary-value{color:var(--accent-green)}.summary-card.bearish .summary-value{color:var(--accent-red)}.summary-label{font-family:var(--font-sans);font-size:12px;color:var(--text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.stats-by-type h3{font-family:var(--font-sans);font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.type-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.type-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px}.type-card h4{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-secondary);margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.type-stats{display:flex;flex-direction:column;gap:8px}.stat-row{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:12px}.stat-row span:first-child{color:var(--text-muted)}.stat-row span:last-child{color:var(--text-primary);font-weight:600}.stat-row .win{color:var(--accent-green)}.stat-row .loss{color:var(--accent-red)}.signals-tab{display:flex;flex-direction:column;gap:16px}.filters{display:flex;gap:12px}.filters select{padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:12px;color:var(--text-primary);cursor:pointer}.filters select:focus{outline:none;border-color:var(--accent-blue)}.signals-table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--radius-lg)}.signals-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:12px}.signals-table th{background:var(--bg-tertiary);padding:12px 16px;text-align:left;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.signals-table td{padding:12px 16px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.signals-table tr:hover{background:var(--bg-tertiary)}.signals-table td.bullish{color:var(--accent-green)}.signals-table td.bearish{color:var(--accent-red)}.signals-table .outcome-win{color:var(--accent-green);font-weight:600}.signals-table .outcome-loss{color:var(--accent-red);font-weight:600}.signals-table .outcome-breakeven{color:var(--text-muted)}.signals-table .no-data{text-align:center;color:var(--text-muted);padding:40px}.sessions-tab{display:flex;flex-direction:column;gap:16px}.sessions-list{display:flex;flex-direction:column;gap:12px}.session-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mode-badge{font-family:var(--font-mono);font-size:10px;font-weight:700;padding:4px 8px;border-radius:var(--radius-sm);text-transform:uppercase}.mode-badge.demo{background:var(--accent-blue);color:#fff}.mode-badge.live{background:var(--accent-green);color:#fff}.mode-badge.replay{background:var(--accent-yellow);color:var(--bg-primary)}.session-time{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.session-details{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.session-details .detail{display:flex;gap:8px;font-family:var(--font-mono);font-size:12px}.session-details .label{color:var(--text-muted)}.session-details .value{color:var(--text-primary)}.session-details .value.active{color:var(--accent-green)}.session-details .value.ended{color:var(--text-muted)}.no-data{text-align:center;color:var(--text-muted);padding:40px;font-family:var(--font-mono);font-size:14px}@media(max-width:900px){.type-cards{grid-template-columns:repeat(2,1fr)}.stats-summary-cards{flex-direction:column}.session-details{grid-template-columns:1fr}}.live-stats-banner{display:flex;align-items:center;gap:24px;padding:12px 20px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,rgba(0,230,118,.05) 100%);border:1px solid var(--accent-green);border-radius:var(--radius-lg);margin-bottom:20px;font-family:var(--font-mono);font-size:13px;animation:livePulse 2s ease-in-out infinite}@keyframes livePulse{0%,to{border-color:var(--accent-green)}50%{border-color:#00e67680}}.live-stats-banner .live-indicator{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--accent-green);color:var(--bg-primary);font-size:10px;font-weight:700;letter-spacing:1px;border-radius:var(--radius-sm);animation:liveGlow 1s ease-in-out infinite alternate}@keyframes liveGlow{0%{box-shadow:0 0 4px var(--accent-green)}to{box-shadow:0 0 12px var(--accent-green)}}.live-stats-banner span{color:var(--text-secondary)}.live-stats-banner span:not(.live-indicator){display:flex;gap:6px}.export-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.export-btn:hover{background:var(--bg-elevated);border-color:var(--accent-blue);color:var(--accent-blue)}.date-input{padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:12px;color:var(--text-primary);cursor:pointer;min-width:140px}.date-input:focus{outline:none;border-color:var(--accent-blue)}.date-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}@media(max-width:768px){.live-stats-banner{flex-wrap:wrap;gap:12px;padding:10px 14px;font-size:11px}.live-stats-banner .live-indicator{font-size:9px;padding:3px 8px}.stats-page-actions{flex-wrap:wrap;gap:8px}.export-btn{padding:6px 12px;font-size:11px}.filters{flex-wrap:wrap}.date-input{min-width:120px;font-size:11px}}.compare-toolbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,rgba(68,138,255,.08) 100%);border:1px solid var(--accent-blue);border-radius:var(--radius-md);margin-bottom:16px;font-family:var(--font-mono);font-size:13px;color:var(--text-secondary)}.compare-btn{padding:8px 16px;font-family:var(--font-mono);font-size:12px;font-weight:600;background:var(--accent-blue);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:all .15s ease}.compare-btn:hover{filter:brightness(1.1)}.clear-selection-btn{padding:6px 12px;font-family:var(--font-mono);font-size:11px;font-weight:600;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.clear-selection-btn:hover{background:var(--bg-elevated);border-color:var(--accent-red);color:var(--accent-red)}.session-card{display:flex;gap:12px;cursor:pointer;transition:all .15s ease}.session-card:hover{border-color:var(--accent-blue)}.session-card.selected{border-color:var(--accent-blue);background:linear-gradient(135deg,var(--bg-tertiary) 0%,rgba(68,138,255,.1) 100%)}.session-select{display:flex;align-items:flex-start;padding-top:4px}.session-select input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-blue);cursor:pointer}.session-content{flex:1}.comparison-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.comparison-modal{background:var(--bg-secondary);border:2px solid var(--border-focus);border-radius:var(--radius-lg);max-width:800px;width:95%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #000c;animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1)}.comparison-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.comparison-header h3{font-family:var(--font-sans);font-size:20px;font-weight:600;margin:0}.comparison-header .close-btn{width:32px;height:32px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:14px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.comparison-header .close-btn:hover{background:var(--bg-elevated);border-color:var(--accent-red);color:var(--accent-red)}.comparison-content{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-color)}.comparison-column{background:var(--bg-primary);padding:20px}.comparison-session-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.comparison-session-header .session-date{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--text-primary)}.comparison-stats{display:flex;flex-direction:column;gap:12px}.comparison-stat{display:flex;justify-content:space-between;align-items:center}.comparison-stat .stat-label{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.comparison-stat .stat-value{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--text-primary)}.comparison-stat .stat-value.active{color:var(--accent-green)}.comparison-stat .stat-value.ended{color:var(--text-muted)}@media(max-width:600px){.comparison-content{grid-template-columns:1fr}.comparison-column:first-child{border-bottom:1px solid var(--border-color)}}.settings-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.settings-modal{background:var(--bg-secondary);border:2px solid var(--border-focus);border-radius:var(--radius-lg);padding:24px;max-width:500px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #000c;animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1)}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.settings-modal-header h3{font-family:var(--font-sans);font-size:20px;font-weight:600;margin:0}.settings-section{margin-bottom:24px}.settings-section h4{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent-blue);margin:0 0 16px}.setting-item{margin-bottom:16px;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.setting-item label{display:block;font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.setting-input-group{display:flex;gap:8px;margin-bottom:8px}.setting-input{flex:1;padding:8px 12px;font-family:var(--font-mono);font-size:14px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary)}.setting-input:focus{outline:none;border-color:var(--accent-blue)}.setting-apply-btn{padding:8px 16px;font-family:var(--font-mono);font-size:12px;font-weight:600;background:var(--accent-blue);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:all .15s ease}.setting-apply-btn:hover:not(:disabled){filter:brightness(1.1)}.setting-apply-btn:disabled{opacity:.5;cursor:not-allowed}.setting-description{display:block;font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.setting-toggle{margin-bottom:8px}.toggle-btn{padding:8px 24px;font-family:var(--font-mono);font-size:12px;font-weight:700;background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.toggle-btn.active{background:var(--accent-green-dim);border-color:var(--accent-green);color:var(--accent-green)}.toggle-btn.denied{background:#ff52521a;border-color:var(--accent-red);color:var(--accent-red);opacity:.7}.toggle-btn.request{background:#448aff1a;border-color:var(--accent-blue);color:var(--accent-blue)}.toggle-btn.request:hover{background:var(--accent-blue);color:#fff}.sensitivity-indicator{display:flex;align-items:center;gap:12px;margin-bottom:8px}.sensitivity-label{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--accent-blue);padding:4px 10px;background:#448aff26;border-radius:var(--radius-sm)}.sensitivity-info{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.settings-footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color);text-align:center}.settings-hint{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.settings-btn{width:36px;height:36px;padding:0;font-size:18px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.settings-btn:hover{background:var(--bg-elevated);border-color:var(--accent-blue);color:var(--accent-blue);transform:scale(1.05)}.direction-chart{display:flex;flex-direction:column;align-items:center;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.direction-chart .chart-title{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);margin:0 0 12px}.direction-chart .pie-canvas{width:120px;height:120px}.direction-chart .chart-legend{display:flex;flex-direction:column;gap:8px;margin-top:12px;width:100%}.direction-chart .legend-item{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px}.direction-chart .legend-color{width:10px;height:10px;border-radius:2px}.direction-chart .legend-item.bullish .legend-color{background:var(--accent-green)}.direction-chart .legend-item.bearish .legend-color{background:var(--accent-red)}.direction-chart .legend-label{color:var(--text-secondary);flex:1}.direction-chart .legend-value{color:var(--text-primary);font-weight:600}.direction-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}@media(max-width:768px){.direction-chart .pie-canvas{width:100px;height:100px}.direction-charts-grid{grid-template-columns:repeat(2,1fr)}}.time-series-chart{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;margin-bottom:24px}.time-series-chart h3{font-family:var(--font-sans);font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.time-series-canvas{width:100%;height:200px;display:block}@media(max-width:768px){.time-series-canvas{height:180px}}.stats-charts{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;margin-bottom:24px}.stats-charts h3{font-family:var(--font-sans);font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.win-rate-canvas{width:100%;height:280px;display:block}@media(max-width:768px){.stats-charts{padding:16px}.stats-charts h3{font-size:14px}.win-rate-canvas{height:220px}}@media(max-width:480px){.header{flex-wrap:wrap;gap:8px;padding:8px}.header-left{order:1;flex:1;min-width:0}.header-center{order:3;width:100%;justify-content:center}.header-right{order:2;gap:4px}.logo{font-size:16px}.symbol-selector{flex-wrap:wrap;gap:4px}.symbol-btn,.status{padding:4px 8px;font-size:10px}.screenshot-btn,.settings-btn,.shortcuts-help-btn,.view-toggle-btn{width:32px;height:32px;font-size:14px}.last-price{flex-direction:column;gap:2px;text-align:center}.last-price-value{font-size:18px}.last-price-change{font-size:11px}footer{flex-wrap:wrap;justify-content:center;gap:8px;padding:6px 12px}.legend{gap:12px}.legend span{font-size:10px}.stats-view h2{font-size:18px;text-align:center}.stats-overview{grid-template-columns:1fr 1fr;gap:8px}.overview-card{padding:10px}.signal-stats-grid{grid-template-columns:1fr;gap:12px}.signal-card{padding:12px}.signal-card h3{font-size:14px}.confluence-badge,.cvd-badge,.stacked-badge{padding:12px;max-width:280px}.confluence-badge h3,.cvd-badge h3,.stacked-badge h3{font-size:14px}.settings-modal,.shortcuts-modal,.comparison-modal{padding:16px;max-height:90vh}.settings-section h4{font-size:10px}.setting-item{padding:10px}}@media(hover:none)and (pointer:coarse){.symbol-btn,.preset-btn,.toggle-btn{min-height:44px}.playback-btn{width:48px;height:48px;font-size:20px}.symbol-btn:active,.preset-btn:active,.toggle-btn:active{opacity:.8;transform:scale(.95)}}@media(max-height:500px)and (orientation:landscape){.header{padding:4px 12px}.logo{font-size:14px}footer{padding:4px 12px}.confluence-badge,.cvd-badge,.stacked-badge{top:50px;padding:8px 12px}}.pnl-btn{width:36px;height:36px;padding:0;font-size:16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;position:relative}.pnl-btn:hover{background:var(--bg-elevated);border-color:gold;color:gold;transform:scale(1.05)}.pnl-btn.has-positions{border-color:var(--accent-green);animation:pnlPulse 2s ease-in-out infinite}@keyframes pnlPulse{0%,to{box-shadow:0 0 #00e67666}50%{box-shadow:0 0 0 6px #00e67600}}.pnl-btn .position-count{position:absolute;top:-4px;right:-4px;width:16px;height:16px;background:var(--accent-green);color:#000;font-size:10px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.pnl-simulator-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.pnl-simulator-modal{background:var(--bg-secondary);border:2px solid var(--border-focus);border-radius:var(--radius-lg);padding:24px;max-width:550px;width:95%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #000c;animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1)}.pnl-simulator-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.pnl-simulator-header h3{font-family:var(--font-sans);font-size:20px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.pnl-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.pnl-summary-item{display:flex;flex-direction:column;gap:4px}.pnl-label{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted)}.pnl-value{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--text-primary)}.pnl-value.positive{color:var(--accent-green)}.pnl-value.negative{color:var(--accent-red)}.pnl-section{margin-bottom:20px}.pnl-section h4{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent-blue);margin:0 0 12px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-header h4{margin:0}.trade-entry-form{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.form-row{display:flex;flex-direction:column;gap:6px}.form-row label{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted)}.direction-toggle{display:flex;gap:8px}.direction-btn{flex:1;padding:10px;font-family:var(--font-mono);font-size:12px;font-weight:700;background:var(--bg-elevated);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.direction-btn.long:hover,.direction-btn.long.active{background:var(--accent-green-dim);border-color:var(--accent-green);color:var(--accent-green)}.direction-btn.short:hover,.direction-btn.short.active{background:var(--accent-red-dim);border-color:var(--accent-red);color:var(--accent-red)}.trade-input,.trade-select{padding:10px 12px;font-family:var(--font-mono);font-size:14px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary)}.trade-input:focus,.trade-select:focus{outline:none;border-color:var(--accent-blue)}.trade-select{cursor:pointer}.trade-select option{background:var(--bg-elevated);color:var(--text-primary)}.enter-trade-btn{padding:12px;font-family:var(--font-mono);font-size:13px;font-weight:700;background:var(--accent-blue);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:1px}.enter-trade-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.trades-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.trades-list.history{max-height:150px}.trade-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-tertiary);border-radius:var(--radius-sm);border-left:3px solid var(--border-color)}.trade-row.open.long{border-left-color:var(--accent-green)}.trade-row.open.short{border-left-color:var(--accent-red)}.trade-row.closed.win{border-left-color:var(--accent-green);opacity:.8}.trade-row.closed.loss{border-left-color:var(--accent-red);opacity:.8}.trade-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.trade-direction{font-family:var(--font-mono);font-size:10px;font-weight:700;padding:3px 6px;border-radius:var(--radius-sm);letter-spacing:.5px}.trade-direction.long{background:var(--accent-green-dim);color:var(--accent-green)}.trade-direction.short{background:var(--accent-red-dim);color:var(--accent-red)}.trade-size{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-primary)}.trade-entry,.trade-prices{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.trade-signal{font-family:var(--font-mono);font-size:10px;font-weight:500;padding:2px 6px;background:#448aff26;color:var(--accent-blue);border-radius:var(--radius-sm);text-transform:lowercase}.trade-pnl-section{display:flex;align-items:center;gap:10px}.trade-unrealized,.trade-pnl{font-family:var(--font-mono);font-size:14px;font-weight:700}.trade-unrealized.positive,.trade-pnl.positive{color:var(--accent-green)}.trade-unrealized.negative,.trade-pnl.negative{color:var(--accent-red)}.close-trade-btn{padding:6px 12px;font-family:var(--font-mono);font-size:10px;font-weight:700;background:var(--accent-red-dim);border:1px solid var(--accent-red);border-radius:var(--radius-sm);color:var(--accent-red);cursor:pointer;transition:all .15s ease;text-transform:uppercase}.close-trade-btn:hover:not(:disabled){background:var(--accent-red);color:#fff}.close-trade-btn:disabled{opacity:.5;cursor:not-allowed}.close-all-btn{padding:6px 12px;font-family:var(--font-mono);font-size:10px;font-weight:600;background:var(--bg-elevated);border:1px solid var(--accent-red);border-radius:var(--radius-sm);color:var(--accent-red);cursor:pointer;transition:all .15s ease}.close-all-btn:hover{background:var(--accent-red);color:#fff}.clear-trades-btn{padding:6px 12px;font-family:var(--font-mono);font-size:10px;font-weight:600;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.clear-trades-btn:hover{border-color:var(--accent-red);color:var(--accent-red)}.pnl-empty{text-align:center;padding:40px 20px;color:var(--text-muted)}.pnl-empty p{margin:0 0 8px;font-family:var(--font-mono);font-size:14px}.pnl-hint{font-size:12px!important;color:var(--text-muted)}.pnl-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color);text-align:center}.pnl-disclaimer{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);font-style:italic}.badge-trade-btn{margin-top:8px;padding:8px 16px;font-family:var(--font-mono);font-size:11px;font-weight:700;background:transparent;border:2px solid;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:1px;pointer-events:auto}.badge-trade-btn.bullish{border-color:var(--accent-green);color:var(--accent-green)}.badge-trade-btn.bullish:hover{background:var(--accent-green);color:#000}.badge-trade-btn.bearish{border-color:var(--accent-red);color:var(--accent-red)}.badge-trade-btn.bearish:hover{background:var(--accent-red);color:#fff}.cvd-badge,.stacked-badge,.confluence-badge{pointer-events:auto}@media(max-width:480px){.pnl-simulator-modal{padding:16px;max-height:90vh}.pnl-summary{grid-template-columns:1fr 1fr;gap:8px;padding:12px}.pnl-value{font-size:16px}.trade-row{flex-direction:column;align-items:flex-start;gap:8px}.trade-pnl-section{width:100%;justify-content:space-between}.badge-trade-btn{padding:6px 12px;font-size:10px}}.annotation-cell{min-width:180px;max-width:250px}.annotation-edit{display:flex;flex-direction:column;gap:6px}.annotation-edit textarea{width:100%;padding:8px;font-family:var(--font-mono);font-size:11px;background:var(--bg-elevated);border:1px solid var(--accent-blue);border-radius:var(--radius-sm);color:var(--text-primary);resize:vertical;min-height:50px}.annotation-edit textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #448aff33}.annotation-edit textarea::placeholder{color:var(--text-muted)}.annotation-actions{display:flex;gap:6px}.save-annotation-btn{flex:1;padding:5px 10px;font-family:var(--font-mono);font-size:10px;font-weight:600;background:var(--accent-green);border:none;border-radius:var(--radius-sm);color:#000;cursor:pointer;transition:all .15s ease}.save-annotation-btn:hover{filter:brightness(1.1)}.cancel-annotation-btn{padding:5px 10px;font-family:var(--font-mono);font-size:10px;font-weight:600;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.cancel-annotation-btn:hover{border-color:var(--accent-red);color:var(--accent-red)}.annotation-display{display:flex;flex-direction:column;gap:4px;padding:6px 8px;background:#448aff1a;border:1px solid rgba(68,138,255,.2);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.annotation-display:hover{background:#448aff26;border-color:#448aff66}.annotation-text{font-family:var(--font-mono);font-size:11px;color:var(--text-primary);line-height:1.4;word-break:break-word;white-space:pre-wrap}.annotation-meta{font-family:var(--font-mono);font-size:9px;color:var(--text-muted)}.add-annotation-btn{padding:5px 10px;font-family:var(--font-mono);font-size:10px;font-weight:500;background:transparent;border:1px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .15s ease;white-space:nowrap}.add-annotation-btn:hover{border-color:var(--accent-blue);border-style:solid;color:var(--accent-blue);background:#448aff1a}.signals-table th:last-child,.signals-table td:last-child{text-align:left}@media(max-width:768px){.annotation-cell{min-width:120px;max-width:160px}.annotation-text{font-size:10px}.add-annotation-btn{padding:4px 8px;font-size:9px}}