body {
    /* 1st URL: Your corner image (goes on top)
       2nd URL: Your current catbox background (goes underneath)
    */
    background-image: 
        url(), 
        url(https://files.catbox.moe/ofk5tv.png) !important;
    
    /* Positions correspond to the images above:
       1st: bottom right corner
       2nd: centered
    */
    background-position: 
        bottom left, 
        center center !important;
        
    /* 1st: no-repeat so your corner image doesn't tile
       2nd: no-repeat for the main background
    */
    background-repeat: 
        no-repeat, 
        no-repeat !important;
        
    /* 1st: "auto" keeps the corner image its original size (or change to '200px' to resize it)
       2nd: "cover" stretches the main background to fill the screen
    */
    background-size: 
        auto, 
        cover !important;
    
    /* Keeps everything fixed in place while scrolling */
    background-attachment: fixed !important;
}

#chatwrap, #playlistwrap, .well, .panel {
    background: rgba(0, 0, 0, 0.9) !important; 
    backdrop-filter: blur(12px) saturate(120%); 
    -webkit-backdrop-filter: blur(12px) saturate(120%); 
    
    border: 1px solid rgba(255, 255, 255, 0.15) !important; 
    border-radius: 8px !important; 
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5) !important; 
}

#chatline {
    background: hsla(244, 20%, 27%, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

.chat-msg {
    font-family: 'Helvetica Neue', sans-serif;
    font-size: 14px;
    margin-bottom: 4px;
}

#videowrap {
    box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.7);
    border-radius: 4px;
    outline: black;
}

#videowrap-header {
    color: rgba(255, 255, 255, 0.753);
}

#videowrap, #currentplay, .embed-responsive {
    background: rgba(255, 255, 255, 0.07) !important;
    backdrop-filter: blur(12px) saturate(120%);
    -webkit-backdrop-filter: blur(12px) saturate(120%);
}

#playlistmanagerwrap {
    background: rgba(255, 255, 255, 0.07) !important;
    backdrop-filter: blur(12px) saturate(120%);
    -webkit-backdrop-filter: blur(12px) saturate(120%); 
}

#leftcontrols {
    background: rgba(255, 255, 255, 0.07) !important;
    backdrop-filter: blur(12px) saturate(120%);
    -webkit-backdrop-filter: blur(12px) saturate(120%);
}

/* ==========================================================
   NEW: Transparent Playlist Controls & Buttons
   ========================================================== */

/* Target the control containers (Left, Right, and main row) */
#plcontrols, #rightcontrols, #leftcontrols {
    background: transparent !important;
    border: none !important;
}

/* Make the actual buttons transparent with a glassmorphism look */
#plcontrols .btn, 
#leftcontrols .btn, 
#rightcontrols .btn {
    background: rgba(255, 255, 255, 0.05) !important;
    color: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    text-shadow: none !important;
    box-shadow: none !important;
    transition: all 0.2s ease-in-out;
}

/* Give them a subtle shine/glow when you hover over them */
#plcontrols .btn:hover, 
#leftcontrols .btn:hover, 
#rightcontrols .btn:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}