body { font-family: Arial, sans-serif; background-color: #f4f4f9; margin: 0; padding-bottom: 80px; }
.container { max-width: 800px; margin: 20px auto; padding: 20px; background: #fff; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.song-card { border-bottom: 1px solid #ddd; padding: 15px 0; }
.song-card h3 { margin: 0 0 10px 0; }
.actions { margin-top: 10px; display: flex; gap: 10px; align-items: center; }
button { padding: 5px 10px; cursor: pointer; background: #007bff; color: white; border: none; border-radius: 3px; }
button:hover { background: #0056b3; }
.comment-section { margin-top: 15px; background: #f9f9f9; padding: 10px; border-radius: 4px; }
.comment-list { list-style: none; padding: 0; font-size: 0.9em; }
.comment-list li { padding: 5px 0; border-bottom: 1px solid #eee; }
/* Persistent Player Fixed to Bottom */
#audio-player-container { position: fixed; bottom: 0; left: 0; width: 100%; background: #333; color: white; padding: 10px 20px; display: flex; align-items: center; gap: 20px; box-sizing: border-box; }
#audio-player { width: 100%; max-width: 600px; }