/* Add to css/style.css */
.lyrics-container {
    max-width: 800px;
    margin: 2rem auto;
    padding: 0 1rem;
}

.lyrics-content {
    background: var(--card-bg);
    border: 1px solid var(--border);
    padding: 2rem;
}

.lyrics-text {
    font-size: 1.1rem;
    line-height: 1.8;
    margin-top: 1.5rem;
}

.verse, .chorus {
    margin-bottom: 2rem;
}

.chorus {
    font-weight: 700;
    color: var(--accent-secondary);
}

.audio-container {
    max-width: 800px;
    margin: 2rem auto;
    padding: 0 1rem;
}

audio.song-player {
    width: 100%;
    background: var(--card-bg);
    border: 1px solid var(--border);
    padding: 1rem;
}

/* Add to css/style.css */
audio.song-player {
    width: 100%;
    background: var(--card-bg);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 1rem;
    accent-color: var(--accent);
}

/* Style for dark mode specifically if needed */
body.dark-mode audio.song-player {
    color-scheme: dark;
}

/* WebKit browsers styling */
audio.song-player::-webkit-media-controls-panel {
    background: var(--card-bg);
}

audio.song-player::-webkit-media-controls-play-button,
audio.song-player::-webkit-media-controls-mute-button {
    filter: invert(var(--audio-controls-invert, 0));
}

audio.song-player::-webkit-media-controls-current-time-display,
audio.song-player::-webkit-media-controls-time-remaining-display {
    color: var(--ink);
}

/* Firefox styling */
audio.song-player::-moz-range-track {
    background: var(--border);
}

audio.song-player::-moz-range-thumb {
    background: var(--accent);
}