:root{--cg-bg: #f9f9f9;--cg-bgAlt: #f9f9f9;--cg-headBg: #e0e0e0;--cg-cardBg: #f9f9f9;--cg-cardBg2: #f9f9f9ee;--cg-divider: #e4e7eb;--cg-inputborder: #d1d5db;--cg-fall: #f23645;--cg-rise: #22ab94;--cg-font: #1a1a1a;--cg-font2: #4b5563;--cg-font3: #8b95a7;--cg-klineBg: #fbfcf2;--cg-accent: #2b7fff;--cg-hover: #f0f1f3;--cg-shadow: rgba(0, 0, 0, .08)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--cg-bg);color:var(--cg-font);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:13px;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--cg-headBg);border-bottom:1px solid var(--cg-divider);color:var(--cg-font2);flex:0 0 auto;height:40px}.brand{display:flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:var(--cg-font)}.brand .logo{background:linear-gradient(135deg,#22ab94,#3ec6ff);color:#fff;font-size:10px;font-weight:700;padding:3px 6px;border-radius:4px;letter-spacing:.5px}.brand-text{white-space:nowrap}.symbol-pill{display:flex;align-items:center;padding:4px 10px;background:var(--cg-cardBg);border:1px solid var(--cg-inputborder);border-radius:4px;font-weight:600;font-size:13px;color:var(--cg-font)}.divider{width:1px;height:22px;background:var(--cg-divider)}.spacer{flex:1 1 auto}.range-info{color:var(--cg-font3);font-size:11px;font-family:ui-monospace,SFMono-Regular,monospace;white-space:nowrap}.conn{display:flex;align-items:center;gap:5px;color:var(--cg-font3);font-size:12px}.conn-dot{width:7px;height:7px;border-radius:50%;background:#bbb}.conn.on{color:var(--cg-rise)}.conn.on .conn-dot{background:var(--cg-rise);box-shadow:0 0 6px var(--cg-rise);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.conn-ago{font-size:10px;color:var(--cg-font3)}.slider-group{display:flex;align-items:center;gap:6px}.slider-label{font-size:10px;color:var(--cg-font3);white-space:nowrap}.slider-val{font-size:10px;color:var(--cg-font2);min-width:32px;text-align:right}.cg-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:4px;border-radius:2px;background:var(--cg-divider);outline:none}.cg-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--cg-rise);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0003}.cg-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--cg-rise);cursor:pointer;border:2px solid #fff}.statsbar{display:flex;align-items:center;gap:0;padding:0 12px;background:var(--cg-bg);border-bottom:1px solid var(--cg-divider);flex:0 0 auto;height:30px;overflow-x:auto}.stat-item{display:flex;align-items:center;gap:4px;padding:0 14px;white-space:nowrap;border-right:1px solid var(--cg-divider)}.stat-item:last-child{border-right:none}.stat-label{color:var(--cg-font3);font-size:11px}.stat-value{color:var(--cg-font);font-size:12px;font-family:ui-monospace,SFMono-Regular,monospace;font-weight:500}.stat-value.up{color:var(--cg-rise)}.stat-value.down{color:var(--cg-fall)}.controls-bar{display:flex;align-items:center;gap:8px;padding:4px 12px;background:var(--cg-bg);border-bottom:1px solid var(--cg-divider);flex:0 0 auto;height:32px}.cg-dropdown{position:relative;display:inline-block}.cg-drop-btn{display:flex;align-items:center;gap:4px;background:var(--cg-bg);color:var(--cg-font);border:1px solid var(--cg-inputborder);border-radius:4px;padding:4px 10px;font-size:12px;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s}.cg-drop-btn:hover{border-color:var(--cg-accent);background:var(--cg-hover)}.cg-drop-btn .caret{color:var(--cg-font3);font-size:10px;margin-left:2px}.cg-drop-menu{position:absolute;top:calc(100% + 3px);left:0;min-width:120px;background:var(--cg-cardBg);border:1px solid var(--cg-divider);border-radius:4px;z-index:100;overflow:hidden;box-shadow:0 4px 16px var(--cg-shadow)}.cg-drop-item{padding:6px 12px;cursor:pointer;font-size:12px;color:var(--cg-font);white-space:nowrap}.cg-drop-item:hover{background:var(--cg-hover)}.cg-drop-item.active{color:var(--cg-accent);font-weight:600}.layer-controls{display:flex;align-items:center;gap:4px;margin-left:8px}.layer-btn{border:1px solid var(--cg-inputborder);background:var(--cg-cardBg);color:var(--cg-font2);border-radius:3px;padding:4px 7px;font-size:10px;cursor:pointer}.layer-btn.active{color:#fff;border-color:#3d8f85;background:#3d8f85}.unlock-btn{background:var(--cg-accent);color:#fff;border:none;border-radius:4px;padding:4px 12px;font-size:12px;cursor:pointer;font-weight:500;transition:opacity .15s}.unlock-btn:hover{opacity:.85}.symbol-selector{position:relative}.symbol-btn{display:flex;align-items:center;gap:6px;background:var(--cg-bg);color:var(--cg-font);border:1px solid var(--cg-inputborder);border-radius:4px;padding:4px 10px;font-size:13px;font-weight:600;cursor:pointer;min-width:130px;transition:border-color .15s}.symbol-btn:hover{border-color:var(--cg-accent)}.symbol-icon{color:var(--cg-accent);font-size:10px}.caret{margin-left:auto;color:var(--cg-font3)}.symbol-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:240px;background:var(--cg-cardBg);border:1px solid var(--cg-divider);border-radius:4px;z-index:50;overflow:hidden;box-shadow:0 8px 24px var(--cg-shadow)}.symbol-dropdown input{width:100%;background:var(--cg-bgAlt);border:none;border-bottom:1px solid var(--cg-divider);color:var(--cg-font);padding:8px 12px;font-size:13px;outline:none}.symbol-list{max-height:300px;overflow-y:auto}.symbol-chips{display:flex;flex-wrap:wrap;gap:4px;padding:6px 8px;border-bottom:1px solid var(--cg-divider)}.symbol-chip{padding:2px 8px;font-size:11px;font-weight:600;color:var(--cg-font2);background:var(--cg-bg);border:1px solid var(--cg-divider);border-radius:12px;cursor:pointer}.symbol-chip:hover{border-color:var(--cg-rise);color:var(--cg-rise)}.symbol-chip.active{background:var(--cg-rise);color:#fff;border-color:var(--cg-rise)}.symbol-list::-webkit-scrollbar{width:5px}.symbol-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.symbol-item{padding:6px 12px;cursor:pointer;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;color:var(--cg-font)}.symbol-item:hover{background:var(--cg-hover)}.symbol-item.active{color:var(--cg-accent);background:#2b7fff0f}.symbol-empty{padding:10px;color:var(--cg-font3)}.exchange-toggles{display:flex;gap:4px}.exchange-toggle{display:flex;align-items:center;gap:5px;background:var(--cg-bg);border:1px solid var(--cg-inputborder);border-radius:4px;padding:3px 8px;color:var(--cg-font3);font-size:11px;cursor:pointer;transition:all .15s}.exchange-toggle.on{color:var(--cg-font)}.exchange-toggle:hover{border-color:var(--cg-accent)}.exchange-toggle .dot{width:6px;height:6px;border-radius:50%}.chart-area{flex:1 1 auto;position:relative;min-height:500px;background:#fbfcf2}.zoom-controls{display:flex;align-items:center;gap:2px;padding:0 4px}.zoom-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--cg-font2);background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer;padding:0}.zoom-btn.wide{width:auto;min-width:32px;padding:0 5px;white-space:nowrap}.zoom-btn:hover{background:var(--cg-hover);border-color:var(--cg-divider)}.zoom-sep{width:1px;height:14px;background:var(--cg-divider);margin:0 2px}.chart-resize-handle{position:absolute;bottom:0;left:0;right:0;height:4px;cursor:ns-resize;background:transparent;z-index:15}.chart-resize-handle:hover{background:#2b7fff33}.heatmap-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.heatmap-wrap canvas{display:block;cursor:crosshair}.heatmap-wrap .heatmap-base{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.heatmap-wrap .heatmap-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.history-status{position:absolute;top:10px;left:10px;z-index:12;display:flex;align-items:center;gap:8px;padding:5px 9px;color:var(--cg-font2);background:#ffffffeb;border:1px solid var(--cg-divider);border-radius:4px;font-size:11px}.history-status.history-error{color:#9f1239;border-color:#fecdd3}.history-status button{border:1px solid var(--cg-divider);border-radius:3px;background:#fff;cursor:pointer}.history-status.chart-meta{top:10px;right:10px;left:auto;color:var(--cg-font3);font-family:ui-monospace,SFMono-Regular,monospace}.follow-live-btn{position:absolute;bottom:36px;left:10px;z-index:11;padding:4px 10px;font-size:11px;color:var(--cg-font2);background:#fffffff2;border:1px solid var(--cg-divider);border-radius:4px;cursor:pointer}.follow-live-btn.active{color:#0b6e4f;border-color:#34d399}.cg-select{border:1px solid var(--cg-inputborder);border-radius:4px;background:#fff;color:var(--cg-font2);font-size:12px;padding:2px 4px}.zoom-btn.active{color:#0b6e4f;border-color:#34d399}.reset-zoom-btn{position:absolute;bottom:36px;right:90px;padding:4px 10px;font-size:11px;color:var(--cg-font2);background:#fffffff2;border:1px solid var(--cg-divider);border-radius:4px;cursor:pointer;z-index:10}.reset-zoom-btn:hover{background:#fff;border-color:var(--cg-font3)}.legend{display:flex;align-items:center;gap:14px;padding:4px 12px;background:#fbfcf2;border-top:1px solid var(--cg-divider);font-size:11px;color:var(--cg-font3);flex:0 0 auto;height:28px}.legend-item{display:flex;align-items:center;gap:5px;white-space:nowrap}.lg-label{color:var(--cg-font);font-weight:600}.gradient-bar{width:120px;height:8px;border-radius:2px;background:linear-gradient(90deg,#fbfcf2,#f8dce4 20%,#d0a6c3,#a27693 80%,#5f4179);border:1px solid var(--cg-divider)}.lg-min,.lg-max{font-size:10px}.lg-swatch{width:12px;height:3px;border-radius:1px;display:inline-block}.lg-swatch.price{background:var(--cg-rise);height:2px}.liquidation-gradient{width:42px;height:7px;border-radius:2px;background:linear-gradient(90deg,#168da0,#37bf75,#e8f31d)}.liquidation-status{color:#28786f;font-family:ui-monospace,SFMono-Regular,monospace}.lg-swatch.up{background:var(--cg-rise);height:8px}.lg-swatch.down{background:var(--cg-fall);height:8px}@media (max-width: 768px){.app{height:100dvh}.topbar{height:auto;min-height:40px;padding:4px 8px;flex-wrap:wrap;gap:6px}.brand{font-size:12px;gap:4px}.brand .logo{padding:2px 5px;font-size:9px}.symbol-pill{padding:3px 6px;font-size:11px}.divider{height:18px}.range-info{display:none}.conn{font-size:10px;gap:3px}.conn-dot{width:6px;height:6px}.conn-ago{display:none}.exchange-toggles{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;gap:3px;padding-bottom:2px;scrollbar-width:none}.exchange-toggles::-webkit-scrollbar{display:none}.exchange-toggle{flex:0 0 auto;padding:2px 5px;font-size:9px;min-height:26px}.exchange-toggle .dot{width:5px;height:5px}.statsbar{height:auto;min-height:28px;padding:2px 8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.statsbar::-webkit-scrollbar{display:none}.stat-item{padding:0 8px;font-size:10px}.stat-value{font-size:11px}.controls-bar{height:auto;min-height:32px;padding:4px 8px;flex-wrap:wrap;gap:6px;align-content:center}.cg-drop-btn{padding:3px 6px;font-size:11px}.layer-controls{margin-left:0;flex-wrap:wrap;gap:4px}.layer-btn{padding:3px 5px;font-size:9px}.slider-label{font-size:9px}.slider-val{font-size:9px;min-width:26px}.cg-slider{width:60px}.zoom-controls{gap:3px}.zoom-btn{width:28px;height:28px;font-size:12px}.zoom-btn.wide{min-width:34px;padding:0 5px;font-size:10px}.zoom-sep{height:14px}.chart-area{min-height:400px;flex:1 1 auto}.heatmap-wrap canvas{touch-action:none}.legend{height:auto;min-height:28px;padding:4px 8px;flex-wrap:wrap;gap:8px;font-size:10px}.legend-item{gap:3px}.gradient-bar{width:80px;height:6px}.liquidation-gradient{width:32px;height:6px}.reset-zoom-btn{bottom:8px;right:8px;padding:6px 10px;font-size:12px}}@media (max-width: 480px){.brand-text{display:none}.symbol-pill{font-size:10px;padding:2px 5px}.stat-item{padding:0 6px;font-size:9px}.stat-label{font-size:9px}.stat-value{font-size:10px}.exchange-toggle{padding:2px 4px;font-size:8px}.cg-drop-btn{font-size:10px;padding:2px 5px}.layer-btn{font-size:8px;padding:2px 4px}.zoom-btn{width:26px;height:26px;font-size:11px}.zoom-btn.wide{min-width:30px;padding:0 4px;font-size:9px}.slider-group .cg-slider{width:50px}}.cg-pill{display:inline-flex;align-items:center;padding:4px 10px;background:var(--cg-cardBg);border:1px solid var(--cg-inputborder);border-radius:4px;font-size:12px;font-weight:600;color:var(--cg-font);white-space:nowrap}.risk-cards-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--cg-bg);border-bottom:1px solid var(--cg-divider);flex:0 0 auto;min-height:34px}.risk-card{display:flex;align-items:center;gap:8px;padding:4px 10px;border-radius:4px;border:1px solid var(--cg-inputborder);background:#f9f9f9b8;font-size:11px}.risk-card.long{border-left:3px solid rgba(47,128,237,.55)}.risk-card.short{border-left:3px solid rgba(194,89,31,.55)}.risk-card-label{color:var(--cg-font3);font-size:10px}.risk-card-price{color:var(--cg-font);font-weight:700;font-family:ui-monospace,SFMono-Regular,monospace}.risk-card-value{color:var(--cg-font2);font-family:ui-monospace,SFMono-Regular,monospace}.risk-card-tag{padding:2px 5px;border-radius:3px;font-size:9px;font-weight:700;text-transform:uppercase;color:#fff;background:#f236458c}.risk-hide-btn{padding:3px 8px;border:1px solid var(--cg-inputborder);border-radius:4px;background:var(--cg-cardBg);color:var(--cg-font2);font-size:11px;cursor:pointer}.risk-hide-btn:hover{background:var(--cg-hover)}.risk-alert{display:flex;align-items:center;gap:8px;padding:5px 12px;background:#fef2f28c;border-bottom:1px solid rgba(252,202,202,.45);color:#991b1b;font-size:12px;flex:0 0 auto}.risk-alert.short{background:#fff7ed8c;border-bottom-color:#fed7aa73;color:#9a3412}.risk-alert-dot{width:7px;height:7px;border-radius:50%;background:#e11d48a6;box-shadow:0 0 0 2px #e11d481f;animation:pulse 1.4s ease-in-out infinite}.risk-alert.short .risk-alert-dot{background:#ea580ca6;box-shadow:0 0 0 2px #ea580c1f}.risk-alert-text{flex:1 1 auto}.risk-alert-dismiss{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;color:var(--cg-font2);font-size:16px;line-height:1;cursor:pointer;border-radius:4px}.risk-alert-dismiss:hover{background:#0000000d}.layer-btn.risk-cards-toggle{border-style:dashed}.layer-btn.risk-cards-toggle.active{border-color:var(--cg-font3);color:var(--cg-font3);background:var(--cg-cardBg)}.lg-swatch.liq-long{background:#2563a8;height:8px}.lg-swatch.liq-short{background:#c2591f;height:8px}.lg-swatch.liq-risk{background:linear-gradient(90deg,#16a34a,#ca8a04,#ea580c,#e11d48);height:8px;width:24px}.est-badge{display:inline-block;padding:1px 4px;border-radius:3px;background:#e0e7ff;color:#3730a3;font-size:9px;font-weight:600;margin-left:4px}@media (max-width: 768px){.risk-cards-bar{flex-wrap:wrap;padding:4px 8px}.risk-card{padding:3px 6px;font-size:10px}.risk-card-label{display:none}.risk-alert{font-size:10px}}