.app-toast {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: calc(76px + env(safe-area-inset-bottom, 0px));
    z-index: 2100;
    padding: 14px 16px;
    border-radius: var(--radius-lg);
    font-size: 14px;
    line-height: 1.4;
    font-weight: 500;
    color: var(--color-text);
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(26, 26, 46, 0.08);
    box-shadow: var(--shadow-float);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    animation: app-toast-in 0.28s ease-out;
    pointer-events: none;
}

.app-toast--success {
    background: rgba(236, 253, 245, 0.98);
    border-color: rgba(16, 185, 129, 0.25);
    color: #065f46;
}

.app-toast--info {
    background: rgba(255, 255, 255, 0.96);
}

@keyframes app-toast-in {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}