@media (hover: hover) and (pointer: fine) {
  .chip:not([aria-pressed="true"]):hover { background: color-mix(in srgb, var(--chip) 80%, var(--ink)); }
  .lang button[aria-pressed="false"]:hover { color: var(--ink); }
  .cart-btn:hover { background: var(--chip); }
  .btn.ghost:hover, .copy:hover { background: color-mix(in srgb, var(--chip) 82%, var(--ink)); }
}
@media (prefers-reduced-motion: reduce) {
  .sheet, .bar, .toast, .seg::after, .cart-count, .btn, .chip, .cart-btn, .bar button, .x, .lang button { transition: none; }
  dialog::backdrop { transition: none; }
}