:root{--bg-primary:#070c17;--bg-secondary:#0d1525;--surface:#111c30;--surface-hover:#162135;--surface-2:rgba(255,255,255,.035);--border:#1e2d47;--border-subtle:rgba(255,255,255,.05);--buy:#00d4a0;--buy-dim:rgba(0,212,160,.12);--buy-glow:rgba(0,212,160,.25);--sell:#ff4d6d;--sell-dim:rgba(255,77,109,.12);--sell-glow:rgba(255,77,109,.22);--accent:#4f9eff;--accent-dim:rgba(79,158,255,.14);--text-primary:#e8f0fe;--text-secondary:#8a9abf;--text-muted:#4a5a7a;--font-sans:"Inter" , "Geist" , "Segoe UI" , system-ui , sans-serif;--font-mono:"JetBrains Mono" , "Geist Mono" , "Fira Code" , monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-pill:999px;--shadow-card:0 2px 16px rgba(0,0,0,.4) , 0 1px 3px rgba(0,0,0,.3);--shadow-glow-buy:0 0 20px rgba(0,212,160,.18);--shadow-glow-sell:0 0 20px rgba(255,77,109,.16);--transition-fast:160ms cubic-bezier(.2,.85,.22,1);--transition-mid:260ms cubic-bezier(.2,.85,.22,1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark}body{font-family: var(--font-sans);background-color:var(--bg-primary);background-image:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(79,158,255,.07) 0%,transparent 60%) , radial-gradient(ellipse 50% 40% at 90% 80%,rgba(0,212,160,.04) 0%,transparent 50%);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}.label-caps{font-size:.65rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.mono{font-family: var(--font-mono);font-variant-numeric:tabular-nums}.tracker-shell{max-width:1180px;margin:0 auto;padding:1.2rem clamp(1rem,3vw,2.5rem) 3rem;display:flex;flex-direction:column;gap:1.5rem}.update-indicator{position:fixed;top:1rem;right:1rem;display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .85rem .4rem .6rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:rgba(7,12,23,.88);color:var(--text-secondary);font-size:.72rem;font-weight:500;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:50;transition:border-color var(--transition-mid) , box-shadow var(--transition-mid);letter-spacing:.01em}.indicator-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--accent);flex-shrink:0;transition:background var(--transition-fast) , box-shadow var(--transition-fast)}.update-indicator[data-state="loading"]{border-color:rgba(0,212,160,.24);box-shadow:inset 0 0 0 1px rgba(0,212,160,.08)}.update-indicator[data-state="loading"] .indicator-dot{background:transparent;border:1.5px solid rgba(0,212,160,.2);border-top-color:var(--buy);animation:spin .9s linear infinite}.update-indicator[data-state="success"]{border-color:rgba(0,212,160,.35);color:var(--text-secondary);box-shadow:inset 0 0 0 1px rgba(0,212,160,.12)}.update-indicator[data-state="success"] .indicator-dot{background:var(--buy);animation:pulse-dot 1.6s ease-out}.update-indicator[data-state="error"]{border-color:rgba(255,77,109,.35)}.update-indicator[data-state="error"] .indicator-dot{background:var(--sell)}.tracker-header{padding-top:.1rem;display:flex;flex-direction:column;gap:1.25rem}.header-top{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1rem}.header-brand{display:flex;flex-direction:column;gap:.3rem}.market-tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.market-tag-live{display:inline-block;width:.45rem;height:.45rem;border-radius:50%;background:var(--buy);box-shadow:0 0 0 0 var(--buy-glow);animation:live-pulse 2.2s ease-in-out infinite}.header-title{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:700;letter-spacing:-.03em;color:var(--text-primary);line-height:1.1}.header-intro{font-size:.88rem;color:var(--text-secondary);margin-top:.15rem}.legend{display:inline-flex;gap:.5rem;align-items:center}.legend-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;letter-spacing:.01em;border:1px solid transparent}.legend-chip-dot{width:.45rem;height:.45rem;border-radius:50%}.legend-chip.buy{background:var(--buy-dim);color:var(--buy);border-color:rgba(0,212,160,.2)}.legend-chip.buy .legend-chip-dot{background:var(--buy)}.legend-chip.sell{background:var(--sell-dim);color:var(--sell);border-color:rgba(255,77,109,.2)}.legend-chip.sell .legend-chip-dot{background:var(--sell)}.stats-ribbon{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem;transition:border-color var(--transition-fast)}.stat-box:hover{border-color:rgba(79,158,255,.25)}.stat-label{font-size:.62rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--text-muted)}.stat-value{font-family: var(--font-mono);font-size:1.05rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.stat-value.buy{color:var(--buy)}.stat-value.sell{color:var(--sell)}.stat-value.accent{color:var(--accent)}.tracker-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.column{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column}.column-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem .75rem;border-bottom:1px solid var(--border-subtle)}.column-header-title{display:flex;align-items:center;gap:.6rem}.column-header-bar{width:3px;height:1.1rem;border-radius:var(--radius-pill);flex-shrink:0}.column-buy .column-header-bar{background:var(--buy);box-shadow:var(--shadow-glow-buy)}.column-sell .column-header-bar{background:var(--sell);box-shadow:var(--shadow-glow-sell)}.column-header h2{font-size:.9rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.column-count{font-size:.7rem;font-weight:600;padding:.15rem .55rem;border-radius:var(--radius-pill);font-family: var(--font-mono)}.column-buy .column-count{background:var(--buy-dim);color:var(--buy)}.column-sell .column-count{background:var(--sell-dim);color:var(--sell)}.stock-list{list-style:none;padding:.6rem;margin:0;display:flex;flex-direction:column;gap:.5rem}.stock-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.65rem;--card-lift:0;transition:transform 520ms cubic-bezier(.18,.92,.18,1) , border-color var(--transition-fast) , box-shadow var(--transition-fast) , opacity 320ms ease;will-change:transform;cursor:default;transform:translateY(var(--card-lift))}.stock-card:hover{--card-lift:-1px;border-color:var(--border);box-shadow:var(--shadow-card)}.column-buy .stock-card:hover{border-color:rgba(0,212,160,.2);box-shadow:var(--shadow-glow-buy)}.column-sell .stock-card:hover{border-color:rgba(255,77,109,.18);box-shadow:var(--shadow-glow-sell)}.stock-card.is-new{animation:cardEnter 180ms ease-out both}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.card-info{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.card-symbol{font-size:1rem;font-weight:700;font-family: var(--font-mono);color:var(--text-primary);letter-spacing:.02em;line-height:1.2}.card-name{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-price-block{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;flex-shrink:0}.card-price{font-family: var(--font-mono);font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;line-height:1.2}.card-price-label{font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.momentum-bar-wrap{display:flex;flex-direction:column;gap:.35rem}.momentum-bar-labels{display:flex;justify-content:space-between;align-items:center}.momentum-bar-value{font-family: var(--font-mono);font-size:.82rem;font-weight:600}.momentum-bar-value.buy{color:var(--buy)}.momentum-bar-value.sell{color:var(--sell)}.momentum-bar-track{height:5px;border-radius:var(--radius-pill);background:rgba(255,255,255,.05);overflow:hidden;display:flex;gap:1px}.momentum-bar-fill-buy{height:100%;border-radius:var(--radius-pill) 0 0 var(--radius-pill);background:var(--buy);opacity:.9;transition:width var(--transition-mid)}.momentum-bar-fill-sell{height:100%;border-radius:0 var(--radius-pill) var(--radius-pill) 0;background:var(--sell);opacity:.9;transition:width var(--transition-mid)}.card-meta{display:flex;gap:.5rem;flex-wrap:wrap}.meta-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .55rem;border-radius:var(--radius-sm);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);font-size:.68rem;color:var(--text-muted);font-family: var(--font-mono);letter-spacing:.01em}.meta-chip-label{color:var(--text-muted);font-family: var(--font-sans);font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.meta-chip-value{color:var(--text-secondary);font-weight:600}.momentum-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.22rem .6rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;font-family: var(--font-mono);letter-spacing:.01em}.momentum-badge.buy{background:var(--buy-dim);color:var(--buy);border:1px solid rgba(0,212,160,.18)}.momentum-badge.sell{background:var(--sell-dim);color:var(--sell);border:1px solid rgba(255,77,109,.18)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;color:var(--text-muted);font-size:.82rem;text-align:center}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:0 .25rem;gap:1rem;flex-wrap:wrap}#status{font-size:.78rem;color:var(--text-muted);letter-spacing:.01em}#status[data-tone="positive"]{color:var(--buy)}#status[data-tone="warning"]{color:#f5a623}#status[data-tone="info"]{color:var(--accent)}.status-hint{font-size:.7rem;color:var(--text-muted);letter-spacing:.01em}.status-hint-wrap{display:inline-flex;align-items:center;gap:.75rem}.settings-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;color:var(--accent);text-decoration:none;border:1px solid rgba(79,158,255,.28);padding:.2rem .55rem;border-radius:var(--radius-pill);transition:border-color var(--transition-fast) , color var(--transition-fast) , background var(--transition-fast)}.settings-link:hover{border-color:rgba(79,158,255,.56);background:rgba(79,158,255,.08);color:#9cc6ff}@keyframes spin {
  to { transform: rotate(360deg); }
}@keyframes pulse-dot {
  0%   { box-shadow: 0 0 0 0 rgba(0, 212, 160, 0.18); }
  100% { box-shadow: 0 0 0 6px rgba(0, 212, 160, 0); }
}@keyframes live-pulse {
  0%, 100% { box-shadow: 0 0 0 0 var(--buy-glow); }
  50%       { box-shadow: 0 0 0 5px rgba(0, 212, 160, 0); }
}@keyframes cardEnter {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}@media (max-width:900px){.stats-ribbon{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.tracker-shell{padding:1rem .5rem 2rem;gap:.9rem}.tracker-grid{grid-template-columns:1fr 1fr;gap:.5rem}.header-top{flex-direction:column;align-items:flex-start}.stats-ribbon{grid-template-columns:repeat(2,1fr);gap:.4rem}.stat-box{padding:.55rem .65rem}.stat-value{font-size:.88rem}.column-header{padding:.65rem .7rem .55rem}.column-header h2{font-size:.78rem}.stock-list{padding:.4rem;gap:.4rem}.stock-card{padding:.65rem .6rem;gap:.5rem}.card-symbol{font-size:.82rem}.card-name{font-size:.65rem}.card-price{font-size:.82rem}.card-price-label{font-size:.55rem}.momentum-bar-value{font-size:.7rem}.meta-chip{font-size:.6rem;padding:.14rem .4rem}.momentum-badge{font-size:.65rem;padding:.18rem .45rem}.update-indicator{top:.5rem;right:.5rem;font-size:.65rem;padding:.32rem .65rem .32rem .5rem}}