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

/* Total zaps pill */
#zap-count {
  display: inline-flex;
  align-items: center;

  padding: 2px 8px;
  border-radius: 999px;

  color: #fff;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;

  text-shadow: 0 0 0 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);
}

/* Label + numbers + sats symbol */
#zap-count .label {
  margin-right: 6px;
  color: #fff;
  font-weight: bold;
}

#zap-count .num {
  color: #fff;
  font-weight: 500;
  margin-right: 2px;
}

#zap-count .sats {
  color: #f7931a; /* Bitcoin orange */
  font-weight: 700;
  margin-left: 6px;
  margin-right: 2px;
}

/* Separator dot spacing */
#zap-count .sep {
  margin: 0 8px;
  opacity: 0.7;
}

/* Space between ṩ and number */
#zap-count .sats-num {
  margin-left: 4px;
}

/* Only applies if you wrap ⚡ in <span class="icon">⚡</span> */
#zap-count .icon {
  margin-right: 6px;
}