.toast {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%) translateY(100px);
    padding: 10px 24px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    z-index: 2000;
    pointer-events: none;
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
    background: var(--accent);
    color: var(--bg-primary);
}

.toast.toast--success { background: var(--accent-green); color: #fff; }
.toast.toast--warning { background: #ff9800; color: #000; }
.toast.toast--error { background: var(--accent-red); color: #fff; }

.toast.toast--visible {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
}