/* Toast Notification */
        /* Toast Message */
        .toast {
            position: fixed;
            bottom: max(76px, calc(env(safe-area-inset-bottom, 16px) + 64px));
            left: 50%;
            transform: translate3d(-50%, 40px, 0);
            background: rgba(28, 25, 23, 0.97);
            border: 1px solid var(--border-glow);
            color: #ffffff;
            padding: 10px 18px;
            border-radius: 50px;
            font-size: 13px;
            font-weight: 700;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.65);
            z-index: 999;
            opacity: 0;
            pointer-events: none;
            transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s ease;
            max-width: min(90vw, 360px);
            width: max-content;
            box-sizing: border-box;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            text-align: center;
            line-height: 1.35;
        }
        .toast.show {
            transform: translate3d(-50%, 0, 0);
            opacity: 1;
        }
        .toast.error {
            border-color: rgba(245, 39, 125, 0.45);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6), 0 0 22px rgba(245, 39, 125, 0.3);
        }
        .toast-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        .toast-icon svg {
            width: 17px;
            height: 17px;
            display: block;
        }
        .toast-text {
            word-break: break-word;
            white-space: normal;
        }

        /* Mobile & Native App: Slide in from the TOP so it never covers action buttons */
        @media (max-width: 640px) {
            .toast {
                top: max(16px, env(safe-area-inset-top, 16px));
                bottom: auto;
                transform: translate3d(-50%, -80px, 0);
                z-index: 99999;
            }
            .toast.show {
                transform: translate3d(-50%, 0, 0);
                opacity: 1;
            }
        }
        body.is-native-app .toast {
            top: 14px;
            bottom: auto;
            transform: translate3d(-50%, -64px, 0);
            z-index: 99999;
        }
        body.is-native-app .toast.show {
            transform: translate3d(-50%, 0, 0);
            opacity: 1;
        }