html { scroll-behavior: smooth; }
  @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
  .msg-enter { animation: msgIn .4s ease-out both; }
  @keyframes msgIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
  @media (prefers-reduced-motion: reduce) { .msg-enter { animation: none; } }
  .slot { transition: background-color .4s ease, border-color .4s ease; }
  .num { font-feature-settings: "tnum" 1; }