/* Web-requests counter: small footer pill. Hidden until a count has been fetched (so it never shows a stale/empty value). */
.wr-wrap { margin-top: 18px; text-align: center; }
.wr-total {
  display: inline-flex; align-items: center; gap: .55rem;
  padding: .42rem .8rem;
  background: var(--surface, #161616);
  border: 1px solid var(--border, #2a2a2a);
  border-radius: 999px;
  font-family: var(--mono, 'JetBrains Mono', 'Fira Mono', ui-monospace, monospace);
  font-size: .72rem; line-height: 1; letter-spacing: .02em;
  color: var(--text-muted, #888);
  user-select: none;
}
.wr-total[hidden] { display: none; }
.wr-total .wr-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--accent, #c0392b);
  box-shadow: 0 0 0 0 rgba(192, 57, 43, .55);
  animation: wr-pulse 2.4s ease-out infinite;
}
.wr-total .wr-label { text-transform: uppercase; font-size: .62rem; letter-spacing: .09em; color: var(--text-dim, #555); }
.wr-total .wr-num { color: var(--text, #e8e8e8); font-weight: 600; font-variant-numeric: tabular-nums; transition: color .35s ease; }
.wr-total .wr-num.wr-tick { color: var(--accent-hover, #e74c3c); transition: none; }
@keyframes wr-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(192, 57, 43, .55); }
  70%  { box-shadow: 0 0 0 6px rgba(192, 57, 43, 0); }
  100% { box-shadow: 0 0 0 0 rgba(192, 57, 43, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .wr-total .wr-dot { animation: none; }
  .wr-total .wr-num, .wr-total .wr-num.wr-tick { transition: none; }
}
@media (max-width: 600px) { .wr-total { font-size: .68rem; padding: .38rem .7rem; } }