.toast {
  position: fixed; bottom: 72px; left: 50%;
  transform: translateX(-50%) translateY(20px);
  background: rgba(18, 16, 24, .92);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 8px 20px;
  font-size: .75rem; font-weight: 300;
  color: var(--text-sec); letter-spacing: .1em;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  opacity: 0; visibility: hidden;
  transition: all .4s ease;
  z-index: 200; white-space: nowrap;
}
.toast.show {
  opacity: 1; visibility: visible;
  transform: translateX(-50%) translateY(0);
}