From 85434611954fb555d4523412cd4c285c21ef481d Mon Sep 17 00:00:00 2001
From: hobokenchicken <dustin@dustin.coffee>
Date: Fri, 5 Jun 2026 14:57:12 -0400
Subject: [PATCH] style: frosted glass sidebars (backdrop-blur-xl, bg-white/40)

Both sidebars get glassmorphism treatment so they stand out against
the scene background images.
---
 frontend/src/App.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 8688001..a073cdb 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -136,7 +136,7 @@ export default function App() {
         {/* ── Main three-column body ── */}
         <div className="flex-1 flex min-h-0 px-4 gap-4">
           {/* LEFT: Focus Timer + Chat + Input */}
-          <div className="w-72 shrink-0 flex flex-col gap-3">
+          <div className="w-72 shrink-0 flex flex-col gap-3 bg-white/40 backdrop-blur-xl rounded-2xl p-3">
             <div className="shrink-0">
               <Timer />
             </div>
@@ -172,7 +172,7 @@ export default function App() {
           </div>
 
           {/* RIGHT: Ambient + Companions */}
-          <div className="w-64 shrink-0 flex flex-col">
+          <div className="w-64 shrink-0 flex flex-col bg-white/40 backdrop-blur-xl rounded-2xl p-3">
             <div className="flex-1 flex flex-col gap-3 overflow-y-auto">
               <MusicPlayer />
               <WhiteNoise />