.followers-page {
  --followers-cyan: #76e4f7;
  --followers-ink: #0f1724;
}

.followers-shell { max-width: 1420px; }
.followers-hero::after {
  content: '';
  position: absolute;
  inset: auto -12% -42% 58%;
  height: 320px;
  background: radial-gradient(circle, rgba(118, 228, 247, 0.24), transparent 66%);
  pointer-events: none;
}
.followers-hero h1 { max-width: 760px; }
.followers-main { display: grid; gap: 18px; }
.followers-filter-panel { padding: 22px; }
.followers-query-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.followers-query-grid .wide { grid-column: span 1; }
.followers-toolbar-actions { margin-top: 18px; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.followers-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 14px;
  margin-top: 14px;
}
.followers-card {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.035);
}
.followers-card::after {
  content: '';
  position: absolute;
  inset: auto -18% -60% 46%;
  height: 150px;
  background: radial-gradient(circle, rgba(118,228,247,.14), transparent 68%);
  pointer-events: none;
}
.followers-card-head,
.followers-card-stats,
.followers-chip-row { display: flex; justify-content: space-between; gap: 10px; }
.followers-card-head { align-items: flex-start; }
.followers-handle { font-size: 1.05rem; font-weight: 800; color: var(--assembly-text); }
.followers-card-stats { margin: 18px 0 12px; align-items: baseline; }
.followers-big {
  font-size: clamp(30px, 4vw, 40px);
  line-height: .95;
  letter-spacing: -.05em;
  color: #fff;
  font-weight: 800;
}
.followers-small-metric { text-align: right; color: var(--assembly-muted); font-family: 'IBM Plex Mono', monospace; font-size: 12px; }
.followers-chip-row { flex-wrap: wrap; margin-top: 12px; }
.followers-metric-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}
.followers-metric-block {
  padding: 10px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
}
.followers-metric-block.positive { border-color: rgba(74,222,128,.18); background: rgba(74,222,128,.05); }
.followers-metric-block.negative { border-color: rgba(248,113,113,.18); background: rgba(248,113,113,.05); }
.followers-metric-block.neutral,
.followers-metric-block.na { border-color: rgba(118,228,247,.16); background: rgba(118,228,247,.04); }
.followers-metric-label {
  margin-bottom: 8px;
  color: var(--assembly-muted);
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.followers-metric-values {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.followers-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.04);
  color: var(--assembly-text);
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  font-weight: 700;
}
.followers-chip.positive { color: var(--assembly-success); border-color: rgba(74,222,128,.22); background: rgba(74,222,128,.08); }
.followers-chip.negative { color: #ff9e9e; border-color: rgba(248,113,113,.22); background: rgba(248,113,113,.08); }
.followers-chip.neutral { color: var(--followers-cyan); border-color: rgba(118,228,247,.22); background: rgba(118,228,247,.08); }
.followers-table-shell { width: 100%; overflow-x: auto; }
.followers-grid-table {
  display: grid;
  gap: 0;
  min-width: 1100px;
  width: max-content;
}
.followers-table-cell {
  padding: 13px 12px;
  border-bottom: 1px solid rgba(255,255,255,.07);
  color: var(--assembly-text);
  white-space: nowrap;
}
.followers-table-head {
  color: var(--assembly-muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-family: 'IBM Plex Mono', monospace;
  font-weight: 800;
}
.followers-table-cell.handle {
  font-family: Manrope, system-ui, sans-serif;
  font-weight: 800;
  position: sticky;
  left: 0;
  background: linear-gradient(180deg, rgba(42,42,62,.98), rgba(26,26,46,.98));
  z-index: 1;
}
.followers-table-head.handle {
  z-index: 2;
}
.followers-table-cell.number,
.followers-table-cell.delta {
  text-align: right;
  font-family: 'IBM Plex Mono', monospace;
}
.followers-table-cell.positive { color: var(--assembly-success); }
.followers-table-cell.negative { color: #ff9e9e; }
.followers-table-cell.na { color: var(--assembly-muted); }
@media (max-width: 1080px) {
  .followers-toolbar-actions { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .followers-query-grid,
  .followers-card-grid,
  .followers-metric-grid { grid-template-columns: 1fr; }
}