.toast-container{
    position:fixed;
    top:20px;
    left:50%;
    transform:translateX(-50%);
    z-index:9999;

    display:flex;
    flex-direction:column;
    gap:10px;
    align-items:center;

    pointer-events:none;
}

.toast{
    max-width:min(90vw, 560px);
    padding:14px 18px;
    border-radius:14px;

    color:#ffffff;
    font-size:14px;
    font-weight:600;
    line-height:1.4;
    text-align:center;

    box-shadow:0 12px 30px rgba(0,0,0,0.18);

    opacity:0;
    transform:translateY(-14px);
    transition:opacity 0.35s ease, transform 0.35s ease;
}

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

.toast--hide{
    opacity:0;
    transform:translateY(-14px);
}