/* the auto-scroll switch: a paper pill low on the right, a mimosa leaf lying across it */
.ad {
  position: fixed; z-index: 80; right: max(var(--gutter, 16px), env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom));
  display: flex; align-items: center; gap: 12px; padding: 7px 8px 7px 15px; border-radius: 999px;
  background: rgba(247, 244, 237, .86); -webkit-backdrop-filter: blur(14px) saturate(1.1); backdrop-filter: blur(14px) saturate(1.1);
  box-shadow: 0 0 0 .5px rgba(20, 19, 18, .16), 0 10px 26px -14px rgba(20, 19, 18, .45);
  font: 500 12.5px/1 var(--sans, 'Inter', system-ui, sans-serif); color: #141312; letter-spacing: .005em;
  cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; user-select: none;
  transition: opacity .5s ease, transform .5s cubic-bezier(.2, .7, .2, 1);
  --mt-w: 62px; --mt-h: 28px; --mt-track: #e8eadb; --mt-track-line: rgba(20, 19, 18, .14);
}
.ad .ad-t { white-space: nowrap; }
.ad:has(input:not(:checked)) .ad-t { color: #8a857d; }
.ad.is-gone { opacity: 0; transform: translateY(8px); pointer-events: none; }
@media (max-width: 520px) { .ad { gap: 10px; padding: 6px 7px 6px 13px; font-size: 12px; --mt-w: 56px; --mt-h: 26px; } }