:root {
  color-scheme: dark;
}

.toast-container {
  position: fixed;
  top: 1rem;
  right: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  z-index: 1000;
}

.toast {
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  color: #0f172a;
  background: rgba(56, 189, 248, 0.95);
  box-shadow: 0 20px 30px -15px rgba(6, 182, 212, 0.7);
  font-size: 0.875rem;
}

.toast.error {
  background: rgba(248, 113, 113, 0.95);
  color: #0f172a;
}

.toast.success {
  background: rgba(134, 239, 172, 0.95);
}