html, body {
  margin: 0;
  padding: 0;
  background: transparent;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Same pill style as balance, but for total zaps */
#zap-count {
  display: inline-flex;
  align-items: center;

  padding: 3px 6px;
  border-radius: 999px;

  color: #fff;

  font-size: 26px;         /* same as balance */
  font-weight: 700;

  white-space: nowrap;

  text-shadow: 0 0 0px rgba(0, 0, 0, 1);
  backdrop-filter: blur(4px);
    background: rgba(34, 34, 34, 1.20);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 999px;
  padding: 2px 8px;
}

/* keep ⚡ from HTML, just space it nicely */
#zap-count .icon {
  margin-right: 6px;
}