@media (max-width: 600px) {
    body {
        padding: 15px;
    }
    
    .card {
        padding: 35px;
        gap: 18px;
    }
    
    .avatar {
        width: 100px;
        height: 100px;
    }
    
    .username {
        font-size: 26px;
    }
    
    .description {
        font-size: 16px;
    }
    
    .social-icons {
        gap: 15px;
    }
    
    .social-icon svg {
        width: 32px;
        height: 32px;
    }
    
    .music-player {
        height: 70px;
        padding: 0 15px;
        gap: 12px;
        margin-top: 15px;
    }
    
    .music-cover {
        width: 45px;
        height: 45px;
    }
    
    .music-track-name {
        font-size: 13px;
    }
    
    .music-time {
        font-size: 10px;
        min-width: 32px;
    }
    
    .music-controls {
        gap: 8px;
    }
    
    .music-control-btn img {
        width: 18px;
        height: 18px;
    }
    
    .music-control-btn.play-pause img {
        width: 24px;
        height: 24px;
    }
}