*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #060a13;--bg-secondary: #0b1120;--bg-card: rgba(12, 18, 35, .85);--bg-card-hover: rgba(18, 28, 55, .92);--bg-card-border: rgba(148, 163, 184, .08);--bg-input: rgba(15, 23, 42, .6);--accent-cyan: #22d3ee;--accent-cyan-dim: rgba(34, 211, 238, .15);--accent-green: #4ade80;--accent-green-dim: rgba(74, 222, 128, .15);--accent-red: #f87171;--accent-red-dim: rgba(248, 113, 113, .15);--accent-purple: #a78bfa;--accent-purple-dim: rgba(167, 139, 250, .15);--accent-gold: #fbbf24;--accent-gold-dim: rgba(251, 191, 36, .15);--accent-blue: #60a5fa;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-dim: #475569;--border-subtle: rgba(148, 163, 184, .08);--border-medium: rgba(148, 163, 184, .15);--border-accent: rgba(34, 211, 238, .3);--glow-cyan: 0 0 20px rgba(34, 211, 238, .25), 0 0 60px rgba(34, 211, 238, .08);--glow-green: 0 0 15px rgba(74, 222, 128, .3);--glow-red: 0 0 15px rgba(248, 113, 113, .3);--glow-purple: 0 0 20px rgba(167, 139, 250, .25);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 40px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .4);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}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;overflow:hidden;height:100vh;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 10% 20%,rgba(34,211,238,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 85% 75%,rgba(167,139,250,.05) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(74,222,128,.03) 0%,transparent 50%);animation:meshShift 25s ease-in-out infinite alternate;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");pointer-events:none;z-index:0}#root{height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b826;border-radius:var(--radius-full);transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#22d3ee4d}.glass-card{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);box-shadow:var(--shadow-card);transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.glass-card:hover{border-color:var(--border-medium)}.app-layout{display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr 380px;height:100vh;gap:0}.app-header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--border-subtle);background:#060a13eb;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);z-index:100;height:56px;position:relative}.app-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.2) 30%,rgba(167,139,250,.2) 70%,transparent)}.main-content{display:flex;flex-direction:column;overflow:hidden;padding:var(--space-lg);gap:var(--space-lg)}.right-panel{display:flex;flex-direction:column;overflow:hidden;border-left:1px solid var(--border-subtle);background:#080c1899;position:relative}.right-panel:before{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient(180deg,rgba(34,211,238,.15),transparent 30%,transparent 70%,rgba(167,139,250,.15));pointer-events:none}.logo-section{display:flex;align-items:center;gap:var(--space-md)}.logo-icon{width:28px;height:28px;filter:drop-shadow(0 0 8px rgba(34,211,238,.3));animation:logoFloat 6s ease-in-out infinite}.logo-text{font-size:1.25rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-cyan);background:var(--accent-cyan-dim);padding:3px 10px;border-radius:var(--radius-full);border:1px solid rgba(34,211,238,.25);position:relative;overflow:hidden}.logo-badge:before{content:"";position:absolute;top:-50%;left:-100%;width:200%;height:200%;background:linear-gradient(90deg,transparent,rgba(34,211,238,.2),transparent);animation:shimmer 3s ease-in-out infinite}.header-meta{display:flex;align-items:center;gap:var(--space-sm);margin-left:var(--space-sm)}.header-slot{font-size:.62rem;color:var(--text-muted);padding:2px 8px;background:#0f172a80;border:1px solid var(--border-subtle);border-radius:var(--radius-full)}.header-uptime{font-size:.62rem;color:var(--accent-cyan);padding:2px 8px;background:var(--accent-cyan-dim);border:1px solid rgba(34,211,238,.15);border-radius:var(--radius-full)}.header-right{display:flex;align-items:center;gap:var(--space-md)}.connection-group{display:flex;align-items:center;gap:var(--space-sm)}.conn-pill{display:flex;align-items:center;gap:5px;font-size:.68rem;padding:3px 10px;border-radius:var(--radius-full);background:#0f172a80;border:1px solid var(--border-subtle);transition:all var(--duration-fast)}.conn-pill:hover{background:#0f172acc;border-color:var(--border-medium)}.conn-label{font-weight:600;color:var(--text-secondary)}.conn-state{font-size:.6rem;color:var(--text-muted)}.conn-latency{font-size:.62rem;font-weight:600}.conn-live .conn-latency{color:var(--accent-green)}.conn-live .conn-state{color:var(--accent-green);font-weight:600}.conn-connecting .conn-latency{color:var(--accent-gold)}.conn-error .conn-latency{color:var(--accent-red)}.conn-sim .conn-state{color:var(--accent-gold);font-weight:600}.conn-sim{border-color:#fbbf2433}.token-icon{transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast)}.token-icon img{display:block}.token-row:hover .token-icon,.trade-row:hover .token-icon{transform:scale(1.08)}.solami-brand-link{display:flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;color:var(--accent-cyan);text-decoration:none;padding:4px 12px;border-radius:var(--radius-full);background:var(--accent-cyan-dim);border:1px solid rgba(34,211,238,.2);transition:all var(--duration-fast)}.solami-brand-link:hover{background:#22d3ee40;border-color:#22d3ee66;text-shadow:0 0 8px rgba(34,211,238,.3)}.status-dot{width:7px;height:7px;border-radius:50%;position:relative;flex-shrink:0}.status-dot.connected{background:var(--accent-green);box-shadow:var(--glow-green)}.status-dot.connected:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1px solid rgba(74,222,128,.3);animation:pulse-ring 2s ease-out infinite}.status-dot.disconnected{background:var(--accent-red);box-shadow:var(--glow-red)}.status-dot.connecting{background:var(--accent-gold);animation:pulse-dot 1s ease-in-out infinite}.metrics-bar{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-md);flex-shrink:0}.metric-card{display:flex;flex-direction:column;padding:var(--space-md) var(--space-lg);min-width:0;cursor:default;position:relative;overflow:hidden}.metric-card-inner{display:flex;align-items:flex-start;gap:var(--space-md);position:relative;z-index:1}.metric-icon-wrap{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);background:currentColor;flex-shrink:0;position:relative}.metric-icon-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-sm);background:var(--bg-primary);opacity:.88}.metric-icon-wrap svg{position:relative;z-index:1}.metric-content{display:flex;flex-direction:column;gap:2px;min-width:0}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.metric-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-card-hover),0 0 30px #22d3ee0f;transform:translateY(-2px)}.metric-card:hover:before{opacity:1}.metric-label{font-size:.62rem;font-weight:500;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.metric-value{font-size:1.2rem;font-weight:700;font-family:var(--font-mono);letter-spacing:-.02em;color:var(--text-primary);transition:color var(--duration-fast),transform var(--duration-fast);white-space:nowrap}.metric-value.value-flash{animation:numberPop .35s var(--ease-spring)}.metric-change{font-size:.62rem;font-weight:600;font-family:var(--font-mono);display:flex;align-items:center;gap:3px;padding:1px 6px;border-radius:var(--radius-sm);width:fit-content}.metric-change.up{color:var(--accent-green);background:var(--accent-green-dim)}.metric-change.down{color:var(--accent-red);background:var(--accent-red-dim)}.metric-sparkline{position:absolute;bottom:0;left:0;right:0;height:32px;opacity:.12;pointer-events:none}.metric-sparkline svg{width:100%;height:100%}.flow-map-container{flex:1;position:relative;overflow:hidden;border-radius:var(--radius-lg);min-height:0}.flow-map-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(148,163,184,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:1}.flow-map-canvas{width:100%;height:100%;display:block;cursor:crosshair}.flow-map-overlay{position:absolute;top:var(--space-lg);left:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none;z-index:2}.flow-map-title{font-size:.85rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm);text-shadow:0 1px 4px rgba(0,0,0,.5)}.flow-map-title svg{filter:drop-shadow(0 0 4px rgba(34,211,238,.4))}.flow-legend{display:flex;gap:var(--space-md);font-size:.65rem;color:var(--text-secondary);text-shadow:0 1px 3px rgba(0,0,0,.4)}.flow-legend-item{display:flex;align-items:center;gap:4px}.flow-legend-dot{width:6px;height:6px;border-radius:50%;box-shadow:0 0 6px currentColor}.flow-tooltip{position:absolute;z-index:10;background:#060a13f2;border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--space-md);min-width:160px;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #00000080;animation:fadeIn .15s ease-out}.flow-tooltip-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.flow-tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.flow-tooltip-name{font-weight:700;font-size:.85rem;color:var(--text-primary)}.flow-tooltip-row{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;padding:2px 0;color:var(--text-secondary)}.flow-tooltip-row .mono{font-weight:600;color:var(--text-primary)}.flow-stats{position:absolute;bottom:var(--space-lg);right:var(--space-lg);display:flex;gap:var(--space-sm);z-index:2;pointer-events:none}.flow-stat-pill{font-size:.6rem;font-family:var(--font-mono);font-weight:500;color:var(--text-secondary);background:#060a13b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:3px 10px;border-radius:var(--radius-full);border:1px solid var(--border-subtle)}.panel-tabs{display:flex;border-bottom:1px solid var(--border-subtle);flex-shrink:0;position:relative;width:100%;overflow-x:auto;scrollbar-width:none}.panel-tabs::-webkit-scrollbar{display:none}.panel-tab{flex:1;min-width:0;padding:12px 4px;background:none;border:none;color:var(--text-muted);font-family:var(--font-sans);font-size:.64rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;position:relative;transition:color var(--duration-fast),background var(--duration-fast);display:flex;align-items:center;justify-content:center;gap:3px;white-space:nowrap}.panel-tab:hover{color:var(--text-secondary);background:#22d3ee08}.panel-tab.active{color:var(--accent-cyan)}.panel-tab.active:after{content:"";position:absolute;bottom:0;left:var(--space-sm);right:var(--space-sm);height:2px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));border-radius:2px 2px 0 0;box-shadow:0 0 8px #22d3ee4d}.tab-icon-whale{font-size:.75rem}.tab-badge{font-size:.55rem;font-weight:700;font-family:var(--font-mono);color:var(--bg-primary);background:var(--accent-gold);padding:1px 5px;border-radius:var(--radius-full);min-width:16px;text-align:center;line-height:1.3;animation:fadeIn .3s ease-out}.leaderboard{flex:1;overflow-y:auto;padding:var(--space-sm) 0}.leaderboard-header{display:grid;grid-template-columns:32px 1fr 52px 80px 70px;padding:var(--space-sm) var(--space-lg);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:#080c18f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.token-row{position:relative;border-bottom:1px solid rgba(148,163,184,.04);cursor:pointer;transition:background var(--duration-fast);animation:slideIn var(--duration-normal) var(--ease-out)}.token-row:hover{background:#22d3ee0a}.token-row-inner{display:grid;grid-template-columns:32px 1fr 52px 80px 70px;align-items:center;padding:var(--space-sm) var(--space-lg);position:relative;z-index:1}.token-row:hover:after{content:"";position:absolute;left:0;top:25%;bottom:25%;width:2px;background:var(--accent-cyan);border-radius:0 2px 2px 0;z-index:2}.volume-bar-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.volume-bar-fill{height:100%;transition:width .6s var(--ease-out)}.token-rank{font-size:.7rem;font-weight:600;color:var(--text-dim);font-family:var(--font-mono)}.token-rank.top-3{color:var(--accent-gold);text-shadow:0 0 8px rgba(251,191,36,.3)}.rank-medal{font-size:.85rem}.token-info{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.token-avatar{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;flex-shrink:0;border:1px solid;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.token-row:hover .token-avatar{box-shadow:0 0 8px #22d3ee1a}.token-name-col{min-width:0}.token-name{font-size:.8rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:3px}.hot-badge{font-size:.65rem}.token-symbol{font-size:.62rem;color:var(--text-muted);font-family:var(--font-mono)}.token-sparkline-cell{display:flex;align-items:center;justify-content:center}.token-sparkline-svg{opacity:.7}.token-volume{font-size:.75rem;font-weight:600;font-family:var(--font-mono);color:var(--text-primary);text-align:right}.token-change-cell{text-align:right}.token-price-change{font-size:.68rem;font-weight:600;font-family:var(--font-mono);padding:2px 8px;border-radius:var(--radius-sm);display:inline-block}.token-price-change.up{color:var(--accent-green);background:var(--accent-green-dim)}.token-price-change.down{color:var(--accent-red);background:var(--accent-red-dim)}.trade-feed{flex:1;overflow-y:auto;padding:var(--space-sm) 0}.trade-feed-header{display:grid;grid-template-columns:1fr 70px 58px;padding:var(--space-sm) var(--space-lg);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:#080c18f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.trade-row{position:relative;border-bottom:1px solid rgba(148,163,184,.03);animation:slideInRight var(--duration-normal) var(--ease-out);transition:background var(--duration-fast)}.trade-row:hover{background:#94a3b808}.trade-side-bar{position:absolute;left:0;top:0;bottom:0;width:2px}.trade-row.buy .trade-side-bar{background:var(--accent-green)}.trade-row.sell .trade-side-bar{background:var(--accent-red)}.trade-row.whale{background:var(--accent-gold-dim)}.trade-row.whale .trade-side-bar{background:var(--accent-gold);width:3px;box-shadow:0 0 6px #fbbf244d}.trade-row.large .trade-side-bar{width:2px}.trade-main{display:grid;grid-template-columns:1fr 70px 58px;align-items:center;padding:6px var(--space-lg) 6px calc(var(--space-lg) + 4px);gap:var(--space-sm)}.trade-token-info{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.trade-avatar{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:700;flex-shrink:0}.trade-avatar.avatar-buy{background:var(--accent-green-dim);color:var(--accent-green);border:1px solid rgba(74,222,128,.2)}.trade-avatar.avatar-sell{background:var(--accent-red-dim);color:var(--accent-red);border:1px solid rgba(248,113,113,.2)}.trade-token-col{display:flex;flex-direction:column;min-width:0}.trade-token-name{font-size:.75rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:3px}.whale-icon{font-size:.65rem}.trade-dex-name{font-size:.58rem;color:var(--text-dim);font-family:var(--font-mono)}.trade-data{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.trade-amount{font-family:var(--font-mono);font-weight:600;font-size:.72rem;color:var(--text-primary)}.trade-time{font-family:var(--font-mono);font-size:.55rem;color:var(--text-dim)}.trade-side-pill{font-family:var(--font-mono);font-weight:700;font-size:.58rem;text-transform:uppercase;letter-spacing:.05em;text-align:center;padding:2px 8px;border-radius:var(--radius-sm)}.trade-side-pill.buy{color:var(--accent-green);background:var(--accent-green-dim)}.trade-side-pill.sell{color:var(--accent-red);background:var(--accent-red-dim)}.trade-row.clickable{cursor:pointer}.trade-row.clickable:hover{background:#22d3ee0d}.trade-row.clickable:hover .trade-side-pill{box-shadow:0 0 8px #22d3ee26}.tx-link-icon{margin-left:3px;opacity:.5;transition:opacity var(--duration-fast)}.trade-row.clickable:hover .tx-link-icon{opacity:1}.trade-side-pill{display:flex;align-items:center;justify-content:center;gap:2px}.whale-alerts{flex:1;overflow-y:auto;padding:var(--space-sm)}.whale-alerts-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-sm)}.whale-alerts-count{display:flex;align-items:center;gap:var(--space-sm)}.whale-count-num{font-size:1.1rem;font-weight:700;font-family:var(--font-mono);color:var(--accent-gold)}.whale-count-label{font-size:.7rem;color:var(--text-muted)}.whale-alerts-list{display:flex;flex-direction:column;gap:var(--space-sm)}.whale-card{border-radius:var(--radius-md);padding:var(--space-md);background:#0c1223cc;border:1px solid var(--border-subtle);animation:slideIn .4s var(--ease-out) both;transition:border-color var(--duration-fast),transform var(--duration-fast)}.whale-card:hover{transform:translateY(-1px)}.whale-card.whale-buy{border-left:3px solid var(--accent-green)}.whale-card.whale-sell{border-left:3px solid var(--accent-red)}.whale-card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.whale-emoji{font-size:1rem}.whale-side-badge{font-size:.58rem;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-sm)}.whale-side-badge.buy{color:var(--accent-green);background:var(--accent-green-dim)}.whale-side-badge.sell{color:var(--accent-red);background:var(--accent-red-dim)}.whale-card-time{margin-left:auto;font-size:.6rem;font-family:var(--font-mono);color:var(--text-dim)}.whale-card-body{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.whale-card-token{display:flex;flex-direction:column}.whale-token-symbol{font-size:.95rem;font-weight:700;color:var(--text-primary)}.whale-token-name{font-size:.6rem;color:var(--text-muted)}.whale-card-amount{font-size:1.15rem;font-weight:800;font-family:var(--font-mono);color:var(--accent-gold);text-shadow:0 0 12px rgba(251,191,36,.2)}.whale-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-sm);border-top:1px solid var(--border-subtle)}.whale-dex-tag{font-size:.6rem;font-weight:600;color:var(--text-secondary);background:#0f172a80;padding:2px 8px;border-radius:var(--radius-sm)}.whale-tokens{font-size:.6rem;font-family:var(--font-mono);color:var(--text-muted)}.whale-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);gap:var(--space-md)}.whale-empty-icon{font-size:2.5rem;opacity:.3;animation:logoFloat 4s ease-in-out infinite}.whale-empty-text{font-size:.85rem;font-weight:600;color:var(--text-muted)}.whale-empty-sub{font-size:.7rem;color:var(--text-dim)}.powered-by{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:.62rem;color:var(--text-dim);flex-shrink:0;background:#060a1366}.powered-label{color:var(--text-dim)}.powered-link{display:flex;align-items:center;gap:3px;color:var(--accent-cyan);text-decoration:none;font-weight:700;transition:color var(--duration-fast),text-shadow var(--duration-fast)}.powered-link:hover{text-shadow:0 0 8px rgba(34,211,238,.3)}.powered-products{color:var(--text-dim);font-family:var(--font-mono);font-size:.58rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-3xl);color:var(--text-muted);font-size:.8rem}.loading-spinner{width:24px;height:24px;border:2px solid rgba(34,211,238,.15);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,#94a3b80d 25%,#94a3b81a,#94a3b80d 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.buy-pressure-bar{display:flex;height:3px;border-radius:2px;overflow:hidden;position:relative;width:100%}.bp-fill{height:100%;transition:width .5s var(--ease-out)}.bp-buy{background:var(--accent-green)}.bp-sell{background:var(--accent-red);opacity:.5}.bp-label{position:absolute;right:0;top:-12px;font-size:.55rem;font-family:var(--font-mono);color:var(--text-dim)}@keyframes meshShift{0%{background:radial-gradient(ellipse 80% 60% at 10% 20%,rgba(34,211,238,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 85% 75%,rgba(167,139,250,.05) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(74,222,128,.03) 0%,transparent 50%)}50%{background:radial-gradient(ellipse 70% 50% at 30% 40%,rgba(34,211,238,.05) 0%,transparent 55%),radial-gradient(ellipse 50% 60% at 70% 60%,rgba(167,139,250,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 30% at 60% 30%,rgba(74,222,128,.04) 0%,transparent 45%)}to{background:radial-gradient(ellipse 60% 70% at 80% 30%,rgba(34,211,238,.04) 0%,transparent 50%),radial-gradient(ellipse 80% 40% at 20% 70%,rgba(167,139,250,.05) 0%,transparent 55%),radial-gradient(ellipse 40% 50% at 40% 60%,rgba(74,222,128,.03) 0%,transparent 50%)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(2.2);opacity:0}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes rowFlash{0%{background:#22d3ee26}to{background:transparent}}@keyframes numberPop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:var(--glow-cyan)}50%{box-shadow:0 0 30px #22d3ee66,0 0 80px #22d3ee26}}@keyframes shimmer{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes whalePulse{0%{box-shadow:inset 0 0 #fbbf2433}50%{box-shadow:inset 0 0 20px #fbbf2414}to{box-shadow:none}}@keyframes countUp{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mono{font-family:var(--font-mono)}.text-green{color:var(--accent-green)}.text-red{color:var(--accent-red)}.text-cyan{color:var(--accent-cyan)}.text-gold{color:var(--accent-gold)}.text-purple{color:var(--accent-purple)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-glow-cyan{color:var(--accent-cyan);text-shadow:0 0 8px rgba(34,211,238,.3)}@media(max-width:1400px){.metrics-bar{grid-template-columns:repeat(3,1fr)}}@media(max-width:1200px){.app-layout{grid-template-columns:1fr 320px}.metrics-bar{grid-template-columns:repeat(3,1fr)}.header-meta{display:none}}@media(max-width:1024px){.app-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.right-panel{border-left:none;border-top:1px solid var(--border-subtle);max-height:50vh}.right-panel:before{display:none}.metrics-bar{grid-template-columns:repeat(3,1fr)}.leaderboard-header,.token-row-inner{grid-template-columns:32px 1fr 80px 70px}.token-sparkline-cell,.hide-mobile{display:none}.connection-group{gap:4px}.conn-pill{padding:2px 6px;font-size:.6rem}}.main-bottom{display:flex;flex:1;min-height:0;gap:var(--space-sm);padding:0 var(--space-md) var(--space-md) var(--space-md)}.main-bottom .flow-container{flex:1;min-width:0}.feature-panels{width:280px;min-width:280px;display:flex;flex-direction:column;gap:var(--space-sm);overflow-y:auto}.tab-icon-surge,.tab-icon-grad{font-size:.75rem}.tab-badge-surge{background:var(--accent-gold)!important;color:#000!important}.tab-badge-grad{background:var(--accent-purple)!important}.latency-panel{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-md);padding:var(--space-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.latency-header{margin-bottom:var(--space-md)}.latency-title{display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem;font-weight:600;color:var(--text-primary)}.latency-title-icon{font-size:.9rem}.latency-subtitle{font-size:.65rem;color:var(--text-muted);display:block;margin-top:2px}.latency-paths{display:flex;flex-direction:column;gap:var(--space-sm)}.latency-path{background:#0f172a80;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-sm);transition:all var(--duration-normal) var(--ease-out)}.latency-path.lat-fastest{border-color:#22d3ee4d;box-shadow:0 0 12px #22d3ee1a}.lat-path-top{display:flex;justify-content:space-between;align-items:center}.lat-path-label{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600}.lat-path-icon{font-size:.7rem}.lat-path-name{color:var(--text-primary)}.lat-crown{font-size:.65rem;animation:crownPulse 2s ease-in-out infinite}@keyframes crownPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.lat-value{font-family:var(--font-mono);font-size:.8rem;font-weight:700}.lat-value.lat-fast{color:var(--accent-green)}.lat-value.lat-medium{color:var(--accent-gold)}.lat-value.lat-slow{color:var(--accent-red)}.lat-value.lat-inactive{color:var(--text-dim)}.lat-sparkline{display:flex;align-items:flex-end;gap:2px;height:20px;margin:4px 0}.lat-spark-bar{flex:1;min-width:2px;border-radius:1px;transition:height .3s ease}.lat-path-desc{font-size:.6rem;color:var(--text-dim)}.surge-radar-panel{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-md);padding:var(--space-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.surge-header{margin-bottom:var(--space-md)}.surge-title{display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem;font-weight:600;color:var(--text-primary)}.surge-icon{font-size:.9rem}.surge-badge-live{font-size:.55rem;background:#fbbf2426;color:var(--accent-gold);padding:1px 6px;border-radius:var(--radius-full);font-weight:700;letter-spacing:.5px;animation:scanPulse 2s ease-in-out infinite}@keyframes scanPulse{0%,to{opacity:1}50%{opacity:.5}}.surge-badge-count{font-size:.6rem;background:var(--accent-gold);color:#000;padding:0 6px;border-radius:var(--radius-full);font-weight:700;min-width:18px;text-align:center}.surge-subtitle{font-size:.65rem;color:var(--text-muted);display:block;margin-top:2px}.surge-empty{text-align:center;padding:var(--space-lg) var(--space-sm)}.surge-empty-icon{font-size:1.5rem;margin-bottom:var(--space-sm);animation:scanPulse 2s ease-in-out infinite}.surge-empty-text{font-size:.75rem;color:var(--text-secondary);margin-bottom:4px}.surge-empty-sub{font-size:.6rem;color:var(--text-dim)}.surge-list{display:flex;flex-direction:column;gap:6px;max-height:250px;overflow-y:auto}.surge-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#0f172a66;transition:all var(--duration-normal) var(--ease-out)}.surge-item.surge-type{border-left:2px solid var(--accent-gold)}.surge-item.radar-type{border-left:2px solid var(--accent-cyan)}.surge-item.surge-flash{animation:surgeFlash 2s ease-out}@keyframes surgeFlash{0%{background:#fbbf2433;box-shadow:0 0 15px #fbbf244d}to{background:#0f172a66;box-shadow:none}}.surge-item-left{display:flex;align-items:center;gap:var(--space-sm)}.surge-item-icon-wrap{position:relative}.surge-type-badge{position:absolute;bottom:-2px;right:-4px;font-size:.5rem;background:var(--bg-secondary);border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.surge-item-info{display:flex;flex-direction:column}.surge-item-symbol{font-size:.75rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:4px}.surge-multiplier{font-size:.55rem;font-weight:800;padding:0 4px;border-radius:3px}.mult-surge{background:#fbbf2433;color:var(--accent-gold)}.mult-radar{background:#22d3ee33;color:var(--accent-cyan)}.surge-item-meta{display:flex;align-items:center;gap:6px;font-size:.55rem}.surge-item-type{font-weight:700;color:var(--text-muted);letter-spacing:.5px}.surge-item-time{color:var(--text-dim)}.surge-item-right{text-align:right;display:flex;flex-direction:column;gap:2px}.surge-item-vol{font-size:.7rem;font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.surge-item-change{font-size:.6rem;font-weight:600}.surge-item-change.change-up{color:var(--accent-green)}.surge-item-change.change-down{color:var(--accent-red)}.surge-item-trades{font-size:.55rem;color:var(--text-dim)}.grad-tracker-panel{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-md);padding:var(--space-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.grad-header{margin-bottom:var(--space-md)}.grad-title{display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem;font-weight:600;color:var(--text-primary)}.grad-icon{font-size:.9rem}.grad-badge-count{font-size:.6rem;background:var(--accent-purple);color:#fff;padding:0 6px;border-radius:var(--radius-full);font-weight:700;min-width:18px;text-align:center}.grad-subtitle{font-size:.65rem;color:var(--text-muted);display:block;margin-top:2px}.grad-empty{text-align:center;padding:var(--space-lg) var(--space-sm)}.grad-empty-icon{font-size:1.5rem;margin-bottom:var(--space-sm)}.grad-empty-text{font-size:.75rem;color:var(--text-secondary);margin-bottom:4px}.grad-empty-sub{font-size:.6rem;color:var(--text-dim)}.grad-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.grad-item{padding:var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#0f172a66;transition:all var(--duration-normal) var(--ease-out)}.grad-item.grad-complete{border-left:2px solid var(--accent-green)}.grad-item.grad-launch{border-left:2px solid var(--accent-purple)}.grad-item.grad-flash{animation:gradFlash 2.5s ease-out}@keyframes gradFlash{0%{background:#a78bfa40;box-shadow:0 0 15px #a78bfa4d}to{background:#0f172a66;box-shadow:none}}.grad-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.grad-item-left{display:flex;align-items:center;gap:var(--space-sm)}.grad-item-info{display:flex;flex-direction:column}.grad-item-symbol{font-size:.75rem;font-weight:700;color:var(--text-primary)}.grad-item-name{font-size:.55rem;color:var(--text-muted);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grad-item-right{text-align:right;display:flex;flex-direction:column;gap:2px}.grad-status{font-size:.55rem;font-weight:700;letter-spacing:.3px}.grad-status.status-new{color:var(--accent-purple)}.grad-status.status-grad{color:var(--accent-green)}.grad-item-time{font-size:.5rem;color:var(--text-dim)}.grad-progress-wrap{display:flex;align-items:center;gap:6px;margin-bottom:6px}.grad-progress-bar{flex:1;height:4px;background:#94a3b81a;border-radius:var(--radius-full);overflow:hidden}.grad-progress-fill{height:100%;border-radius:var(--radius-full);transition:width .6s var(--ease-out)}.grad-progress-fill.fill-active{background:linear-gradient(90deg,var(--accent-purple),var(--accent-cyan));animation:progressGlow 2s ease-in-out infinite}.grad-progress-fill.fill-complete{background:linear-gradient(90deg,var(--accent-green),var(--accent-cyan))}@keyframes progressGlow{0%,to{opacity:1}50%{opacity:.7}}.grad-progress-label{font-size:.55rem;font-weight:700;font-family:var(--font-mono);color:var(--text-muted);min-width:28px;text-align:right}.grad-item-details{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.grad-detail{display:flex;flex-direction:column}.grad-detail-label{font-size:.45rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.grad-detail-value{font-size:.6rem;font-weight:600;color:var(--text-secondary)}.grad-detail-arrow{font-size:.7rem;color:var(--accent-cyan);margin:0 2px}.dex-donut-panel{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius-md);padding:var(--space-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.dex-donut-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.dex-donut-title{display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem;font-weight:600;color:var(--text-primary)}.dex-donut-icon{font-size:.9rem}.dex-donut-total{font-size:.75rem;font-weight:700;font-family:var(--font-mono);color:var(--accent-cyan)}.dex-donut-body{display:flex;gap:var(--space-md);align-items:center}.dex-donut-chart{flex-shrink:0}.dex-donut-legend{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.dex-legend-item{display:flex;align-items:center;gap:6px}.dex-legend-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.dex-legend-info{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.dex-legend-name{font-size:.6rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dex-legend-pct{font-size:.55rem;color:var(--text-dim);font-family:var(--font-mono)}.dex-legend-vol{font-size:.55rem;font-weight:700;font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap}.dex-donut-buysell{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:4px}.dex-bs-row{display:flex;align-items:center;gap:6px}.dex-bs-name{font-size:.55rem;font-weight:600;min-width:50px}.dex-bs-bar{flex:1;height:4px;background:#f8717133;border-radius:var(--radius-full);overflow:hidden}.dex-bs-buy{height:100%;background:linear-gradient(90deg,#4ade80,#22d3ee);border-radius:var(--radius-full);transition:width .6s ease}.dex-bs-label{font-size:.5rem;font-family:var(--font-mono);color:var(--text-dim);min-width:30px;text-align:right}.dex-donut-empty{text-align:center;padding:var(--space-lg);color:var(--text-muted);font-size:.75rem}.dd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dd-modal{background:var(--bg-secondary);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);padding:var(--space-lg);width:420px;max-width:90vw;max-height:85vh;overflow-y:auto;box-shadow:0 25px 50px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dd-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.dd-header-left{display:flex;align-items:center;gap:var(--space-sm)}.dd-header-info{display:flex;flex-direction:column}.dd-header-symbol{font-size:1.1rem;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:8px}.dd-header-change{font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-full)}.dd-header-change.up{background:#4ade8026;color:var(--accent-green)}.dd-header-change.down{background:#f8717126;color:var(--accent-red)}.dd-header-name{font-size:.7rem;color:var(--text-muted)}.dd-header-right{text-align:right}.dd-header-price{font-size:1.2rem;font-weight:800;font-family:var(--font-mono);color:var(--text-primary)}.dd-header-actions{display:flex;gap:6px;margin-top:4px}.dd-btn{padding:4px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#0f172a80;color:var(--text-secondary);font-size:.65rem;font-weight:600;cursor:pointer;transition:all .15s ease}.dd-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.dd-btn-close:hover{border-color:var(--accent-red);color:var(--accent-red)}.dd-chart-wrap{margin-bottom:var(--space-md);border-radius:var(--radius-sm);overflow:hidden;background:#0f172a4d;padding:var(--space-sm)}.dd-chart-svg{display:block}.dd-chart-empty{text-align:center;padding:var(--space-lg);color:var(--text-dim);font-size:.7rem}.dd-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}.dd-stat{text-align:center;padding:var(--space-sm);background:#0f172a66;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.dd-stat-label{font-size:.5rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.dd-stat-value{font-size:.75rem;font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.dd-pressure{margin-bottom:var(--space-md)}.dd-pressure-labels{display:flex;justify-content:space-between;margin-bottom:4px}.dd-pressure-buy{font-size:.6rem;font-weight:700;color:var(--accent-green)}.dd-pressure-sell{font-size:.6rem;font-weight:700;color:var(--accent-red)}.dd-pressure-bar{height:6px;background:#f8717133;border-radius:var(--radius-full);overflow:hidden}.dd-pressure-fill-buy{height:100%;background:linear-gradient(90deg,#4ade80,#22d3ee);border-radius:var(--radius-full);transition:width .6s ease}.dd-tabs{display:flex;gap:4px;margin-bottom:var(--space-sm)}.dd-tab{flex:1;padding:6px 8px;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.6rem;font-weight:600;cursor:pointer;transition:all .15s ease}.dd-tab.active{background:#22d3ee1a;border-color:var(--accent-cyan);color:var(--accent-cyan)}.dd-trades-list{display:flex;flex-direction:column;gap:3px;max-height:180px;overflow-y:auto}.dd-trade-row{display:flex;align-items:center;gap:8px;padding:5px 8px;background:#0f172a4d;border-radius:var(--radius-sm);font-size:.65rem}.dd-trade-side{font-size:.6rem;font-weight:700;width:14px}.dd-trade-side.buy{color:var(--accent-green)}.dd-trade-side.sell{color:var(--accent-red)}.dd-trade-size{font-weight:700;font-family:var(--font-mono);color:var(--text-primary);min-width:50px}.dd-trade-dex{color:var(--text-muted);flex:1}.dd-trade-time{color:var(--text-dim);font-family:var(--font-mono)}.dd-trade-whale{font-size:.7rem}.dd-no-trades{text-align:center;padding:var(--space-md);color:var(--text-dim);font-size:.7rem}.dd-mint{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:6px}.dd-mint-label{font-size:.55rem;color:var(--text-dim)}.dd-mint-addr{font-size:.6rem;font-family:var(--font-mono);color:var(--text-muted)}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1100;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.share-modal{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.share-card{width:380px;max-width:90vw;border-radius:var(--radius-lg);overflow:hidden;position:relative;border:1px solid rgba(34,211,238,.2);box-shadow:0 25px 60px #0009,0 0 40px #22d3ee1a}.share-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.share-card-content{position:relative;z-index:1;padding:var(--space-lg)}.share-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.share-card-token{display:flex;align-items:center;gap:var(--space-sm)}.share-card-symbol{font-size:1.3rem;font-weight:800;color:var(--text-primary)}.share-card-name{font-size:.7rem;color:var(--text-muted)}.share-card-price-section{text-align:right}.share-card-price{font-size:1.4rem;font-weight:800;font-family:var(--font-mono);color:var(--text-primary)}.share-card-change{font-size:.8rem;font-weight:700}.share-card-change.up{color:var(--accent-green)}.share-card-change.down{color:var(--accent-red)}.share-card-chart{margin-bottom:var(--space-md);border-radius:var(--radius-sm);overflow:hidden}.share-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}.share-stat{text-align:center;padding:var(--space-sm);background:#0f172a80;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.share-stat-label{display:block;font-size:.5rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.share-stat-value{font-size:.8rem;font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.share-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-sm);border-top:1px solid var(--border-subtle)}.share-card-brand{display:flex;align-items:center;gap:4px;font-size:.7rem;font-weight:700;color:var(--accent-cyan)}.share-card-powered{font-size:.55rem;color:var(--text-dim)}.share-actions{display:flex;gap:var(--space-sm)}.share-action-btn{padding:8px 16px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0f172acc;color:var(--text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease}.share-action-btn:hover{border-color:var(--accent-cyan);color:var(--text-primary)}.share-tweet:hover{border-color:#1da1f2;color:#1da1f2}.header-right-group{display:flex;align-items:center;gap:var(--space-sm)}.header-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#0f172a80;color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:all .15s ease}.header-btn:hover{border-color:var(--accent-cyan);color:var(--text-primary)}.sound-toggle.active{border-color:var(--accent-green);color:var(--accent-green);background:#4ade8014}.how-btn:hover{border-color:var(--accent-cyan);background:#22d3ee14}.token-search-wrap{position:relative;padding:0 var(--space-sm);margin-bottom:var(--space-xs)}.token-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}.token-search-input{width:100%;padding:6px 28px;background:#0f172a99;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.65rem;font-family:var(--font-mono);outline:none;transition:border-color .15s ease}.token-search-input::placeholder{color:var(--text-dim)}.token-search-input:focus{border-color:var(--accent-cyan)}.token-search-clear{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-dim);font-size:.6rem;cursor:pointer;padding:2px}.token-search-clear:hover{color:var(--accent-red)}.hiw-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.hiw-modal{background:var(--bg-secondary);border:1px solid var(--bg-card-border);border-radius:var(--radius-lg);padding:var(--space-lg);width:480px;max-width:92vw;max-height:88vh;overflow-y:auto;box-shadow:0 25px 50px #00000080;animation:slideUp .3s ease}.hiw-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.hiw-title{display:flex;align-items:center;gap:var(--space-xs);font-size:1rem;font-weight:700;color:var(--text-primary)}.hiw-tagline{display:flex;align-items:center;justify-content:center;gap:8px;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);background:#22d3ee0d;border:1px solid rgba(34,211,238,.15);border-radius:var(--radius-md);font-size:.7rem;font-weight:600;flex-wrap:wrap}.hiw-tagline-key{color:var(--accent-cyan)}.hiw-tagline-arrow{color:var(--text-dim)}.hiw-tagline-paths{color:var(--accent-purple)}.hiw-tagline-result{color:var(--accent-green)}.hiw-products{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}.hiw-product-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-sm);background:#0f172a80;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.hiw-product-btn.active{border-color:var(--prod-color);background:color-mix(in srgb,var(--prod-color) 8%,transparent);color:var(--text-primary)}.hiw-product-btn:hover{border-color:var(--prod-color)}.hiw-product-icon{font-size:1.2rem}.hiw-product-name{font-size:.75rem;font-weight:700}.hiw-product-latency{font-size:.55rem;font-family:var(--font-mono);color:var(--text-dim)}.hiw-detail{padding:var(--space-md);background:#0f172a66;border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-md);transition:border-color .3s ease}.hiw-detail-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.hiw-detail-icon{font-size:1.5rem}.hiw-detail-name{font-size:.9rem;font-weight:800}.hiw-detail-tagline{font-size:.6rem;color:var(--text-muted)}.hiw-detail-desc{font-size:.7rem;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-sm)}.hiw-used-label{font-size:.55rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.hiw-used-list{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:3px}.hiw-used-list li{font-size:.65rem;color:var(--text-secondary);padding-left:12px;position:relative}.hiw-used-list li:before{content:"→";position:absolute;left:0;color:var(--accent-cyan)}.hiw-arch{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:var(--space-md);padding:var(--space-sm)}.hiw-arch-row{display:flex;gap:var(--space-sm)}.hiw-arch-node{padding:6px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.6rem;font-weight:700;background:#0f172a80}.hiw-arch-app{background:#22d3ee14;border-color:#22d3ee4d;color:var(--accent-cyan)}.hiw-arch-arrows{display:flex;gap:20px;padding:2px 0}.hiw-arch-line{width:2px;height:16px;border-radius:var(--radius-full);opacity:.5}.hiw-shortcuts{padding-top:var(--space-sm);border-top:1px solid var(--border-subtle)}.hiw-shortcuts-title{font-size:.65rem;font-weight:600;color:var(--text-muted);display:block;margin-bottom:var(--space-xs)}.hiw-shortcut-grid{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center}.hiw-shortcut-grid kbd{padding:2px 6px;background:#0f172a99;border:1px solid var(--border-subtle);border-radius:3px;font-size:.55rem;font-family:var(--font-mono);color:var(--accent-cyan);text-align:center;min-width:24px}.hiw-shortcut-grid span{font-size:.6rem;color:var(--text-muted)}@media(max-width:1200px){.feature-panels{width:240px;min-width:240px}}@media(max-width:1024px){.feature-panels{display:none}}@media(max-width:768px){.metrics-bar{grid-template-columns:repeat(2,1fr)}.app-header{padding:var(--space-sm) var(--space-md);height:48px}.solami-brand-link{display:none}.connection-group{gap:3px}.conn-label{display:none}.dd-modal,.hiw-modal{width:95vw;max-height:90vh}.dd-stats-grid{grid-template-columns:repeat(2,1fr)}.hiw-products{grid-template-columns:1fr}.header-btn{width:26px;height:26px;font-size:.65rem}}@media(max-width:640px){.app-layout{grid-template-rows:auto 1fr auto}.metrics-bar{grid-template-columns:repeat(2,1fr)}.logo-text{font-size:1rem}.logo-badge,.flow-legend{display:none}}