/* ==========================================================================
   トースト通知コンポーネント
   ========================================================================== */

.toast {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  background: rgba(20, 20, 20, 0.9);
  color: #fff;
  padding: 10px 14px;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
  opacity: 0;
  transform: translateY(12px);
  transition:
    opacity 220ms ease,
    transform 220ms ease;
  z-index: 1200;
  pointer-events: none;
}

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