Player Safe Area And Tray Refresh
Date: 2026-03-25 Type: User-visible site fix and UI refinement
What changed
The persistent bottom audio player now reserves a global bottom-safe area across the site, so page footers and bottom-of-page components no longer disappear behind it. The floating research chat trigger and "Back to top" control now use the same shared offset.
The player tray itself also received a light visual refresh: a translucent layered surface, a softer border, a restrained gold-tinted gradient, and subtle texture over the existing dark palette.
Why
The player was fixed to the bottom edge with no shared page padding, which meant end-of-page UI and footer content could be obscured. The tray styling also had room to feel more intentional without pushing into a heavy frosted-glass effect.
Files
site/app/globals.csssite/app/components/AudioPlayer.tsxsite/app/components/ChatTray.tsxsite/app/components/ScrollToTop.tsx
User impact
Readers can reach page-end content without the player sitting on top of it, and the persistent tray feels lighter and more integrated with the site's visual language.
Follow-up
If the tray height changes materially in a future redesign, update the shared CSS offset variables so page spacing and floating controls stay aligned.