#toast-container {
    position: fixed;
    top: 88px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10000;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.toast-item {
    background: var(--text-main, #000);
    color: var(--bg-color, #fff);
    padding: 13px 20px;
    border: 1px solid rgba(255,255,255,0.12);
    font-family: var(--font-mono, monospace);
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    pointer-events: auto;
    animation: toastIn 0.3s ease;
    min-width: 220px;
    box-shadow: 0 16px 40px rgba(0,0,0,0.15);
}

.toast-tag { flex-shrink: 0; letter-spacing: 0.5px; }
.toast-item.success .toast-tag { color: rgba(255,255,255,0.6); }
.toast-item.error .toast-tag { color: var(--accent-color, #ff3b30); }
.toast-item.info .toast-tag { color: rgba(255,255,255,0.6); }
.toast-msg { text-transform: none; letter-spacing: normal; font-weight: 500; }

.toast-item.fade-out {
    animation: toastOut 0.3s ease forwards;
}

@keyframes toastIn {
    from { opacity: 0; transform: translateY(-12px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes toastOut {
    from { opacity: 1; transform: translateY(0); }
    to { opacity: 0; transform: translateY(-12px); }
}