body {
        /*font-family: Arial, sans-serif;*/
        /*padding: 60px;*/
    }

    /* Floating message */
    #toast {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -40%) scale(0.95);
        background: #fff;
        color: #fff;
        padding: 22px 36px;
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.45);
        font-size: 20px;
        opacity: 0;
        pointer-events: none;

        /* Smooth animation */
        transition:
            opacity 2.5s ease-in-out,
            transform 2.5s ease-in-out;
        z-index: 9999;
    }

    /* Animate IN */
    #toast.show {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }

    /* Animate OUT */
    #toast.hide {
        opacity: 0;
        transform: translate(-50%, -60%) scale(0.9);
    }

    /* Mobile */
    @media (max-width: 600px) {
        #toast {
            width: 85%;
            font-size: 17px;
            text-align: center;
        }
    }