#toasts{position:fixed; bottom:22px; inset-inline-start:22px; z-index:400; display:flex; flex-direction:column; gap:9px}
.toast{
  background:var(--navy); color:#fff; padding:12px 18px; border-radius:var(--r-md);
  box-shadow:var(--shadow-l); font-size:.88rem; font-weight:500; animation:pop .2s ease;
  display:flex; align-items:center; gap:9px; max-width:min(400px,88vw);
}
html[data-theme="dark"] .toast{color:var(--on-accent)}
.toast.good{background:var(--good)}
.toast.err{background:var(--danger)}
.toast .ic{width:17px;height:17px;flex:0 0 17px}