.toast {
  position: fixed;
  bottom: 24px;
  right: 24px;
  min-width: 200px;

  background: #333;
  color: #fff;
  padding: 14px;
  border-radius: 6px;

  opacity: 0;
  transform: translateY(20px);
  pointer-events: none;

  transition: opacity .3s ease, transform .3s ease;
  z-index: 9999;
}

.toast.show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.toast.success { background: #2e7d32; }
.toast.error   { background: #c62828; }