Customise my HTML5 audio player and add a progress bar.

I've got a very rudimentary audio player script in development that currently does the following:
- Scans all subfolders in the 'music' folder and creates a playlist for each of them. These playlists are represented by 'station' tiles on the page that can be clicked. Once clicked, the main player at the bottom of the page will begin playing tracks from the station.

All of this works already - I'll provide these files to you to work on directly. Here's what I need from you if you're up to the challenge:

- Add a progress bar to the player that can be clicked to seek through the track that's playing
- Make the entire thing mobile responsive, at the moment the controls shrink on mobile and it's just a mess. I want to keep the 'station' tiles a square shape and move them into a column layout on smaller screens.
- Stop content disappearing under the player.
- make everything look nice, the aesthetics are just placeholders at the moment. I'm actually looking to renovate the entire site this script will appear on so everything stylistically (including colours) is up to you.

Ideally you'll either be a designer with a good understanding of development or vice versa. If you've read through this brief, please start your message with the word "pineapple". I look forward to working with you and thanks for reading through!