/* --- 음악 제어 버튼 스타일 --- */
.music-control {
    position: fixed;
    top: 50px;
    right: 20px;
    z-index: 9999;
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(5px); /* 배경 투명 블러 효과 */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    cursor: pointer;
    opacity: 0.5;
}

.icon-music {
    width: 28px;
    height: 28px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23343d46'%3E%3Cpath d='M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z'/%3E%3C/svg%3E");
    transition: transform 0.3s ease;
}

.music-control.playing .icon-music {
    animation: music-rotate 4s linear infinite;
    filter: drop-shadow(0 0 5px var(--accent-color));
}

@keyframes music-rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* 멈췄을 때의 상태 */
.music-control.paused .icon-music {
    opacity: 0.6;
}