ml-pill {
  position: fixed;
  z-index: 5;
  top: calc(env(safe-area-inset-top, 0px) + 6px);
  left: max(16px, env(safe-area-inset-left, 0px));
  display: flex;
  align-items: center;
  gap: .8rem;
  padding: .35rem .9rem .35rem .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 .ml-pill__logo {
  display: inline-flex;
  color: inherit;
}

ml-pill .ml-pill__logo svg { width: 120px; height: 30px; }

ml-pill .ml-pill__logo:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; border-radius: 4px; }

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