From d6b191a20131cafaeb0f792465b01b3c4ce19110 Mon Sep 17 00:00:00 2001
From: Avery Felts <averyfelts@Averys-MacBook-Air.local>
Date: Sat, 31 Jan 2026 19:13:50 -0700
Subject: [PATCH] UI: Remove legacy cloudy SVG mask to reveal video background

---
 src/components/UserHeader.tsx | 12 ------------
 1 file changed, 12 deletions(-)

diff --git a/src/components/UserHeader.tsx b/src/components/UserHeader.tsx
index b8ede19..90a2d7f 100644
--- a/src/components/UserHeader.tsx
+++ b/src/components/UserHeader.tsx
@@ -242,18 +242,6 @@ export function UserHeader({ user, preferences, onModalStateChange }: UserHeader
           <div className="absolute inset-0 bg-gradient-to-b from-black/20 via-transparent to-black/20 dark:from-black/40 dark:to-black/40" />
         </div>
 
-        {/* Cloudy/Foggy effect overlay with ultra-wide, organic feathering */}
-        <div
-          className="absolute inset-0 pointer-events-none select-none overflow-hidden invert dark:invert-0 transition-opacity duration-700"
-          style={{
-            maskImage: 'radial-gradient(ellipse 95% 140% at 50% 50%, black 0%, rgba(0,0,0,0.4) 60%, transparent 100%)',
-            WebkitMaskImage: 'radial-gradient(ellipse 95% 140% at 50% 50%, black 0%, rgba(0,0,0,0.4) 60%, transparent 100%)',
-          }}
-        >
-          <div className="absolute inset-0 fog-layer-1 opacity-[0.25] dark:opacity-[0.2]" />
-          <div className="absolute inset-0 fog-layer-2 opacity-[0.18] dark:opacity-[0.14]" />
-        </div>
-
         <div className="container mx-auto px-4 h-16 sm:h-20 flex items-center justify-between relative z-50">
           {/* LEFT: User Profile / Side Menu Trigger */}
           <div className="flex-1 flex justify-start">