/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #374151;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #4B5563;
}

/* Range Slider Styling */
input[type=range] {
    -webkit-appearance: none;
    background: transparent;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: #ffffff;
    cursor: pointer;
    margin-top: -4px; /* Center relative to track */
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    background: #374151;
    border-radius: 3px;
}
input[type=range]:focus {
    outline: none;
}

/* Lyrics Styling */
.lyric-line {
    transition: color 0.3s ease, transform 0.3s ease, font-weight 0.3s ease;
    cursor: pointer;
    opacity: 0.6;
    transform: scale(0.95);
}
.lyric-line:hover {
    opacity: 0.8;
}
.lyric-active {
    color: #1DB954;
    font-weight: 700;
    opacity: 1;
    transform: scale(1.05);
}

/* Utilities */
.player-visible {
    transform: translateY(0) !important;
}

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}