#tommsb-container {
    display: none;
}

@media only screen and (max-width: 768px) {
    #tommsb-container {
        display: block;
        position: fixed;
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 9999;
        text-align: center;
    }

    #tommsb-icon {
        font-size: 28px;
        color: rgba(0, 0, 0, 0.5);
        text-decoration: none;
        transition: color 0.3s;
    }

    #tommsb-icon:hover,
    #tommsb-icon:active {
        color: #a3ff12;
    }

    #tommsb-tooltip {
        font-size: 14px;
        color: #000000;
        display: none;
        align: center;
    }

    /* Dark background adaptation */
    @media (prefers-color-scheme: dark) {
        #tommsb-icon {
            color: rgba(255, 255, 255, 0.5);
        }

        #tommsb-icon:hover,
        #tommsb-icon:active {
            color: #a3ff12;
        }

        #tommsb-tooltip {
            color: #ffffff;
        }
    }
}