ml-pill {
  position: fixed;
  z-index: 5;
  top: calc(env(safe-area-inset-top, 0px) + 12px);
  left: max(16px, env(safe-area-inset-left, 0px));
  display: flex;
  align-items: center;
  gap: .8rem;
  padding: .5rem .9rem .5rem .75rem;
  border-radius: 999px;
  background: var(--pill-bg);
  color: var(--pill-fg);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  font-family: var(--f-mono);
  font-size: .74rem;
  letter-spacing: .06em;
}

ml-pill b {
  font-family: var(--f-display);
  font-weight: 780;
  font-size: 1rem;
  letter-spacing: -.01em;
}

ml-pill .ml-pill__n { font-variant-numeric: tabular-nums; }