.audio-player{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin:0 calc(-1*var(--space-4)) var(--space-4);position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-background)}.content-page--dark .audio-player{background:var(--color-accent-dark)}.audio-player__play-btn{display:flex;align-items:center;justify-content:center;width:45px;height:45px;padding:0;background:var(--color-accent);border:none;border-radius:50%;color:var(--color-background);cursor:pointer;flex-shrink:0;transition:opacity .15s ease}.audio-player__play-btn:hover{opacity:.8}.audio-player--dark .audio-player__play-btn{background:var(--color-background);color:var(--color-accent)}.audio-player__waveform{flex:1;height:48px;position:relative;cursor:pointer;overflow:hidden}.audio-player__bars{display:flex;align-items:center;justify-content:space-between;height:100%;gap:2px}.audio-player__bar{flex:1;min-width:2px;border-radius:1px;transition:background-color .1s ease}.audio-player__time{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-accent);flex-shrink:0;min-width:100px;text-align:right}.audio-player--dark .audio-player__time{color:var(--color-background)}