.toast{
  position:fixed; bottom:20px; left:50%; transform:translateX(-50%);
  background: color-mix(in oklab, var(--card) 80%, transparent);
  color:var(--text); padding:12px 16px; border-radius:12px; border:1px solid var(--border);
  box-shadow:var(--shadow-2); backdrop-filter: blur(10px); z-index:2000; opacity:0; visibility:hidden;
  transition: opacity .25s, transform .25s, visibility .25s;
}
.toast.show{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(-4px); }

:focus-visible{ outline:var(--ring); outline-offset:2px; border-radius:10px; }
@media (prefers-reduced-motion:reduce){ *{transition:none !important; animation:none !important;} }