.toast-stack {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 400;
  display: flex;
  width: min(350px, calc(100% - 40px));
  flex-direction: column;
  gap: 8px;
  pointer-events: none;
}

.app-toast {
  display: flex;
  padding: 12px 14px;
  align-items: flex-start;
  gap: 9px;
  border: 1px solid var(--interview-border, #e2e8f0);
  border-radius: 11px;
  background: #fff;
  box-shadow: 0 12px 36px rgba(15, 23, 42, .17);
  color: #334155;
  font-size: 12px;
  line-height: 1.5;
  overflow-wrap: anywhere;
  animation: toast-in .2s ease;
}

.app-toast.error { border-color: #fecaca; }
.app-toast.success { border-color: #bbf7d0; }
.app-toast > [aria-hidden] { flex-shrink: 0; }

@keyframes toast-in {
  from { opacity: 0; transform: translateY(8px); }
}

@media (prefers-reduced-motion: reduce) {
  .app-toast { animation: none; }
}