@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap");:root{--bg-main:#0d1117;--bg-card:#161b22;--bg-elevated:#21262d;--border:rgba(48,54,61,.8);--text-main:#c9d1d9;--text-muted:#8b949e;--up:#3fb950;--down:#f85149;--accent:#58a6ff}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 10px rgba(240,185,11,.4)}50%{transform:scale(1.02);box-shadow:0 0 20px rgba(240,185,11,.7)}}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:JetBrains Mono,monospace;background:var(--bg-main);color:var(--text-main);overflow-x:hidden}#__next,body,html{height:100%;width:100%;max-width:100vw}#__next{min-width:0;overflow:hidden}#__next,header{display:flex;flex-direction:column}header{position:relative;align-items:stretch;padding:10px 12px;background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0;gap:10px}.header-row{justify-content:space-between;gap:12px}.header-left,.header-row{display:flex;align-items:center;flex-wrap:wrap;min-width:0}.header-left{gap:10px;flex:1 1 auto}.header-center{gap:10px}.header-center,.header-right{display:flex;align-items:center;flex-shrink:0}.title{font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,var(--accent),#a371f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.status{display:flex;gap:8px;font-size:.75rem}.status-indicator{display:flex;align-items:center;gap:4px;padding:3px 8px;background:var(--bg-elevated);border-radius:10px;border:1px solid var(--border)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);transition:all .3s}.status-dot.connected{background:var(--up);box-shadow:0 0 6px var(--up)}.pairs-selector{position:relative;margin-right:12px}.pairs-selector.active .pairs-selector-btn,.pairs-selector.active .pairs-selector-input{border:2px solid #58a6ff;box-shadow:0 0 0 2px rgba(88,166,255,.2)}.pairs-selector-input-wrapper{position:relative;display:flex;align-items:center;gap:6px}.pairs-selector-input{width:100%;min-width:120px;max-width:200px;padding:6px 10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-main);font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s;outline:none}.pairs-selector-input:focus{background:var(--bg-card);border-color:var(--accent);max-width:250px}.pairs-selector-input::placeholder{color:var(--text-muted);font-weight:400}.pairs-selector-loading{position:absolute;right:8px;font-size:.7rem;color:var(--text-muted);pointer-events:none}.pairs-selector-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-main);font-family:inherit;font-size:.8rem;transition:all .2s;font-weight:600;cursor:pointer}.pairs-selector-btn:hover{background:var(--bg-card);border-color:var(--accent)}.pairs-selector-arrow{font-size:.7rem;color:var(--text-muted);transition:transform .2s}.pairs-selector.open .pairs-selector-arrow{transform:rotate(180deg)}.pairs-selector-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:min(320px,95vw);max-width:320px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:1000;max-height:min(500px,70vh);overflow:hidden;display:flex;flex-direction:column}.pairs-selector-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);font-size:.75rem;font-weight:600;color:var(--text-muted)}.pairs-selector-refresh{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;font-size:.9rem}.pairs-selector-refresh:hover{background:var(--bg-elevated);color:var(--accent);transform:rotate(180deg)}.pairs-selector-list{overflow-y:auto;max-height:440px}.pairs-selector-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.pairs-selector-item:hover{background:var(--bg-elevated)}.pairs-selector-item.active{background:rgba(88,166,255,.1);border-left:3px solid var(--accent)}.pairs-selector-item-left{display:flex;align-items:center;gap:10px;flex:1 1}.pairs-selector-item-symbol{font-weight:600;font-size:.85rem;color:var(--text-main)}.pairs-selector-item-price{font-size:.75rem;color:var(--text-muted)}.pairs-selector-item-change{font-size:.75rem;font-weight:600}.pairs-selector-item-change.positive{color:var(--up)}.pairs-selector-item-change.negative{color:var(--down)}.popover-trigger-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#161b22!important;color:#c9d1d9!important}.popover-trigger-btn:hover{background-color:#21262d!important}.popover-trigger-btn[data-open=true]{background-color:rgba(88,166,255,.15)!important}.popover-trigger-btn-cyan[data-open=true]{background-color:rgba(0,212,255,.12)!important}@media (max-width:768px){.main-charts-row{flex-direction:column!important}}.chart-container{flex:1 1;position:relative;width:100%;height:100%;min-height:0;display:flex;flex-direction:column}.chart-container>div{flex:1 1;width:100%;height:100%;min-height:0}.chart-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-muted);font-size:1rem;text-align:center;z-index:1}.timeframe-selector{position:relative;margin-right:12px}.timeframe-selector-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-main);font-family:inherit;font-size:.8rem;transition:all .2s;font-weight:600;cursor:pointer}.timeframe-selector-btn:hover{background:var(--bg-card);border-color:var(--accent)}.timeframe-selector.open .timeframe-selector-btn{border-color:var(--accent)}.timeframe-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:1000;min-width:120px;overflow:hidden}.timeframe-option{padding:10px 16px;cursor:pointer;transition:background .15s;font-size:.85rem;color:var(--text-main)}.timeframe-option:hover{background:var(--bg-elevated)}.timeframe-option.active{background:rgba(88,166,255,.1);color:var(--accent);font-weight:600}.loading-spinner{display:inline-block;width:12px;height:12px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.density-circle{-webkit-user-select:none;-moz-user-select:none;user-select:none}.density-circle:hover{filter:brightness(1.1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border)}@media (max-width:1280px){header{padding:8px 10px}.header-left,.header-row,header{gap:8px}.title{font-size:1rem}.pairs-selector-input{max-width:160px}.pairs-selector-input:focus{max-width:200px}}@media (max-width:1024px){header{padding:8px}.title{font-size:.95rem}.pairs-selector-input{min-width:100px;max-width:140px;font-size:.75rem}.pairs-selector-input:focus{max-width:180px}.popover-trigger-btn,.timeframe-selector-btn{padding:6px 10px!important;font-size:.75rem!important}.status{font-size:.7rem}}@media (max-width:768px){header{padding:6px 8px}.header-left,.header-row,header{gap:6px}.title{font-size:.85rem}.pairs-selector-input{min-width:80px;max-width:120px;padding:5px 8px;font-size:.7rem}.pairs-selector-input:focus{max-width:160px}.pairs-selector-dropdown{width:min(280px,92vw);max-height:min(400px,60vh)}.popover-trigger-btn,.timeframe-selector-btn{padding:5px 8px!important;font-size:.7rem!important}.status-indicator{padding:2px 6px}.chart-container{min-height:200px}}.analytics-sidebar{width:450px;min-width:280px;max-width:100%;height:100%;background:var(--bg-card);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}@media (max-width:1280px){.analytics-sidebar{width:380px;min-width:260px}}@media (max-width:1024px){.analytics-sidebar{width:320px;min-width:240px}}@media (max-width:768px){.analytics-sidebar{width:100%;min-width:0;max-width:100%;position:fixed;right:0;top:0;bottom:0;z-index:1000;box-shadow:-4px 0 20px rgba(0,0,0,.5)}}.pre-pump-sidebar{width:320px;min-width:260px;max-width:100%;height:100%;background:var(--bg-card);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}@media (max-width:1024px){.pre-pump-sidebar{width:280px;min-width:240px}}@media (max-width:768px){.pre-pump-sidebar{width:100%;min-width:0;max-width:100%;position:fixed;right:0;top:0;bottom:0;z-index:1000;box-shadow:-4px 0 20px rgba(0,0,0,.5)}}@media (max-width:600px){.title{font-size:.8rem}.pairs-selector-input{min-width:60px;max-width:100px;padding:4px 6px;font-size:.65rem}.pairs-selector-input:focus{max-width:140px}.popover-trigger-btn,.timeframe-selector-btn{padding:6px 8px!important;font-size:.65rem!important;min-height:36px}.chart-container{min-height:180px}.analytics-sidebar,.pre-pump-sidebar{max-width:100%;width:100%}}.density-map-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.density-map-header{justify-content:space-between;gap:8px;padding:12px 16px}.density-map-header,.density-map-header-left{display:flex;align-items:center;flex-wrap:wrap}.density-map-header-left{gap:12px;flex:1 1;min-width:0}.density-map-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.density-map-main{flex:1 1;display:flex;flex-direction:row;position:relative;overflow:hidden;min-height:0}.density-map-canvas-wrap{flex:1 1;display:flex;align-items:center;justify-content:center;padding:16px;min-width:0}.density-map-sidebar{width:280px;min-width:220px;background:var(--bg-card);border-left:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}@media (max-width:768px){.density-map-main{flex-direction:column}.density-map-canvas-wrap{padding:8px;min-height:300px}.density-map-sidebar{width:100%;min-width:0;border-left:none;border-top:1px solid var(--border);max-height:40vh;flex-shrink:0}.density-map-header{padding:8px 12px}.density-map-header-right{width:100%;justify-content:flex-start}}@media (max-width:480px){.density-map-canvas-wrap{min-height:250px;padding:4px}.density-map-sidebar{max-height:35vh;padding:12px;font-size:.8rem}}@media (pointer:coarse){.pairs-selector-item,.timeframe-option,a,button{min-height:44px}.pairs-selector-btn,.timeframe-selector-btn{min-height:44px!important}}@media (max-width:600px){.analytics-sidebar .pairs-selector-item,.analytics-sidebar button{padding:12px 14px;font-size:.85rem}}