body { font-family: 'Inter', sans-serif; }
        .playlist::-webkit-scrollbar { width: 6px; }
        .playlist::-webkit-scrollbar-track { background: #1f2937; }
        .playlist::-webkit-scrollbar-thumb { background: #4b5563; border-radius: 3px; }
        .playlist::-webkit-scrollbar-thumb:hover { background: #6b7280; }
        .active-song { background-color: #3b82f6; color: white; }
        .active-song .text-gray-400 { color: #d1d5db; }
        #player-bg { transition: background-image 0.5s ease-in-out; }
        .drag-handle { cursor: grab; }
        .ghost-item { opacity: 0.5; background: #2d3748; border-radius: 0.5rem; border: 2px dashed #4a5563; }
        .drag-item { opacity: 0.85; transform: scale(1.02); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.15); }
        #progress-tooltip {
            transform: translateX(-50%);
            background-color: #111827; 
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-family: 'Inter', sans-serif;
            pointer-events: none; 
            transition: opacity 0.1s ease-in-out;
        }
.playlist {
    overscroll-behavior: contain;
}
.playlist li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; }