Ocean Depth Neumorphic Music Player with Waveform Scrubber

1<section class="gs-stage">
2  <div class="gs-orb gs-orb-1" aria-hidden="true"></div>
3  <div class="gs-orb gs-orb-2" aria-hidden="true"></div>
4  <div class="gs-grid-overlay" aria-hidden="true"></div>
5  <div class="gs-card">
6    <div class="gs-card-inner">
7      <div class="gs-player">
8        <div class="gs-control">
9          <svg width="32" height="32">
10            <path d="M8 5v14l11-7L8 5z" fill="var(--text)"></path>
11          </svg>
12        </div>
13        <div class="gs-waveform">
14          <div class="gs-wave-segment"></div>
15          <div class="gs-wave-segment"></div>
16          <div class="gs-wave-segment active"></div>
17          <div class="gs-wave-segment"></div>
18          <div class="gs-wave-segment"></div>
19        </div>
20        <div class="gs-queue">
21          <div class="gs-queue-item active">
22            <span class="gs-track-title">Ocean's Melody</span>
23            <span class="gs-track-duration">3:45</span>
24          </div>
25          <div class="gs-queue-item">
26            <span class="gs-track-title">Deep Dive Dub</span>
27            <span class="gs-track-duration">5:20</span>
28          </div>
29        </div>
30      </div>
31    </div>
32  </div>
33</section>