/* 2. 토스트 컨테이너 스타일 */
    #toast-container {
        position: fixed;
        top: 200px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        flex-direction: column;
        gap: 10px;
        z-index: 9999;
    }

    /* 3. 개별 토스트 스타일 및 애니메이션 */
    .toast {
        min-width: 250px;
        padding: 16px 20px;
        background-color: #b9b8b8;
        color: #252525;
        border-radius: 6px;
        box-shadow: 0 4px 12px rgba(61, 61, 61, 0.15);
        font-size: 14px;
        text-align: center;
        opacity: 0;
        animation: fadeInUp 0.4s ease forwards, fadeOut 0.4s ease forwards 2.6s;
    }

    /* 서서히 올라오며 나타나는 애니메이션 */
    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(300px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* 서서히 사라지는 애니메이션 (지속시간 뒤에 작동) */
    @keyframes fadeOut {
        from {
            opacity: 1;
        }
        to {
            opacity: 0;
        }
    }