/* 볼륨 슬라이더 커스텀 스타일 */
input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    background: transparent;
}
input[type=range]:focus { outline: none; }

/* 슬라이더 트랙 */
input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    background: #475569;
    border-radius: 9999px;
}

/* 슬라이더 핸들 */
input[type=range]::-webkit-slider-thumb {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #60a5fa;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -5px;
    box-shadow: 0 0 10px rgba(96, 165, 250, 0.5);
    transition: transform 0.1s;
}
input[type=range]::-webkit-slider-thumb:hover { transform: scale(1.2); }

/* 활성화된 카드 효과 */
.card-active {
    border-color: #60a5fa !important;
    box-shadow: 0 0 20px rgba(96, 165, 250, 0.2);
    background-color: #1e293b !important;
}