/* SoulTide Player styles */
#soultideWrapper {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#soultidePlayer {
    transition: opacity 0.2s ease;
    box-sizing: border-box;
}

#soultidePlayer * {
    box-sizing: border-box;
}

#soultidePlaylist {
    scrollbar-width: thin;
    scrollbar-color: rgba(255,215,0,0.3) transparent;
}

#soultidePlaylist::-webkit-scrollbar {
    width: 4px;
}

#soultidePlaylist::-webkit-scrollbar-track {
    background: transparent;
}

#soultidePlaylist::-webkit-scrollbar-thumb {
    background: rgba(255,215,0,0.3);
    border-radius: 4px;
}

/* Mobile adaptation */
@media (max-width: 768px) {
    #soultideWrapper {
        bottom: 80px !important;
        right: 16px !important;
    }

    #soultidePlayer {
        min-width: 160px !important;
        padding: 10px 14px !important;
        border-radius: 14px !important;
    }

    #soultideTitle {
        font-size: 12px !important;
        margin-bottom: 4px !important;
        letter-spacing: 1px !important;
    }

    #soultidePlay {
        font-size: 28px !important;
    }

    #soultidePrev,
    #soultideNext {
        font-size: 24px !important;
    }

    #soultideMode {
        font-size: 10px !important;
        padding: 1px 8px !important;
    }

    #soultideSongName {
        font-size: 12px !important;
        max-width: 80px !important;
    }

    #soultideHide {
        width: 20px !important;
        height: 20px !important;
        font-size: 11px !important;
        line-height: 20px !important;
        top: -7px !important;
        right: -7px !important;
    }

    #soultideRestore {
        width: 38px !important;
        height: 38px !important;
        font-size: 10px !important;
    }

    #soultidePlaylist {
        min-width: 160px !important;
        max-height: 160px !important;
        font-size: 13px !important;
    }

    #soultidePlaylist div {
        font-size: 13px !important;
        padding: 6px 14px !important;
    }

    #soultideWrapper {
        -webkit-tap-highlight-color: transparent;
    }

    #soultidePlayer,
    #soultideHide,
    #soultideRestore,
    #soultidePlaylist div {
        touch-action: manipulation;
    }
}

@media (max-width: 480px) {
    #soultideWrapper {
        bottom: 60px !important;
        right: 12px !important;
    }

    #soultidePlayer {
        min-width: 140px !important;
        padding: 8px 12px !important;
        border-radius: 12px !important;
    }

    #soultideTitle {
        font-size: 11px !important;
        margin-bottom: 3px !important;
    }

    #soultidePlay {
        font-size: 24px !important;
    }

    #soultidePrev,
    #soultideNext {
        font-size: 20px !important;
    }

    #soultideMode {
        font-size: 9px !important;
        padding: 1px 6px !important;
    }

    #soultideSongName {
        font-size: 10px !important;
        max-width: 60px !important;
    }

    #soultideHide {
        width: 18px !important;
        height: 18px !important;
        font-size: 10px !important;
        line-height: 18px !important;
        top: -6px !important;
        right: -6px !important;
    }

    #soultideRestore {
        width: 34px !important;
        height: 34px !important;
        font-size: 9px !important;
    }

    #soultidePlaylist {
        min-width: 140px !important;
        max-height: 140px !important;
    }

    #soultidePlaylist div {
        font-size: 12px !important;
        padding: 5px 12px !important;
    }
}