Build a Local Cyberpunk Music Player With a Retro Synthwave Interface (Offline, One File)

Build a local-first cyberpunk music player inspired by late-90s / early-2000s retrofuturistic interfaces, old synthesizer workstations, CRT monitors, and early digital audio tools.

This is not Spotify.
This is a personal instrument-like player for loading and experiencing music files locally.

The result must feel like:
• an underground audio terminal
• a synth control panel
• a forgotten cyberpunk OS music module

⸻

🎧 Core Concept (Unique Twist)

This player treats music playback as a system, not a playlist.

The UI should feel:
• technical
• slightly cryptic
• beautiful but functional
• like you are operating a machine

No feeds.
No recommendations.
No accounts.

⸻

📁 File Handling (Local-Only)
• Allow the user to upload audio files locally
• MP3
• WAV
• OGG
• Files never leave the browser
• Use the File API + Audio API
• Display loaded tracks in a terminal-style list

Optional:
• Drag & drop support
• Remember last loaded session using localStorage

⸻

🎛 Player Interface (Key Visual Feature)

Design the player like a retro cyber audio console:

Required UI elements
• Central waveform display (animated in real time)
• Neon grid or oscilloscope-style visualization
• Soft glowing lines, no sharp modern edges
• Pixel or bitmap-inspired typography
• Blue / cyan / electric accents on deep black background

The waveform should:
• React to audio
• Feel “analog-digital”
• Slightly imperfect (scanline vibe)

⸻

🎚 Controls (Instrument-Style)

Controls should feel like hardware, not buttons:
• Play / Pause
• Seek bar styled as a signal line
• Volume as a vertical meter or rotary control
• Track selector styled like a system list
• Optional:
• Low-pass / high-pass filter toggle
• Visual theme switch (blue / amber)

No emojis.
No rounded modern icons.

⸻

🧠 UX Philosophy (Important)
• The UI should not explain itself
• Labels are minimal
• Users “learn” the interface by using it
• Everything feels intentional and calm

The player should feel like:

“I’m inside a machine made for sound.”

⸻

🎨 Visual Style Guide
• Dark mode only
• CRT glow effect (soft blur + subtle noise)
• Scanlines or grain (very subtle)
• Grid overlays
• Neon cyan / electric blue as primary color
• Optional amber or green as secondary accent

Avoid:
• Flat modern UI
• Material design
• Overly glossy effects

⸻

🛠 Technical Requirements
• Single HTML file
• Embedded CSS + JavaScript
• No external libraries
• Use:
• Web Audio API
• Canvas for visualization
• Clean, readable, commented code

Include a CONFIG section at the top for:
• Accent color
• Glow intensity
• Visualization density
• Default theme

⸻

📦 Final Output

Deliver:
1. One complete runnable HTML file
2. Clear separation between:
• audio logic
• visualization
• UI rendering
3. Short notes on how to extend:
• new visualizers
• keyboard controls
• full-screen mode

⸻

🧪 Optional Advanced Features (Nice to Have)
• Keyboard shortcuts
• Fullscreen “console mode”
• Visual reacts to frequency bands
• Boot-up animation on load
• “No track loaded” idle animation