.pill {
  position: fixed;
  top: calc(var(--space-3) + env(safe-area-inset-top));
  left: 50%;
  z-index: 20;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
  padding: 6px 14px;
  border-radius: var(--radius-pill);
  background: var(--color-neutral-800);
  color: var(--on-accent);
  box-shadow: var(--shadow-md);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  pointer-events: none;
}