From bd8fae626c07a2fa64bf598b55d5d5ed528dab94 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Wed, 25 Mar 2026 23:53:15 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20use=20visibility=20instead=20of=20opacit?=
 =?UTF-8?q?y=20=E2=80=94=20zero=20intermediate=20frames,=20no=20blur=20fla?=
 =?UTF-8?q?sh?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../settings/unified/UnifiedSettingsModal.tsx      | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/components/settings/unified/UnifiedSettingsModal.tsx b/components/settings/unified/UnifiedSettingsModal.tsx
index 891a78f..35dea24 100644
--- a/components/settings/unified/UnifiedSettingsModal.tsx
+++ b/components/settings/unified/UnifiedSettingsModal.tsx
@@ -374,20 +374,20 @@ export default function UnifiedSettingsModal() {
 
   return (
     <>
-      {/* Backdrop — always mounted, visibility toggled via CSS */}
+      {/* Backdrop — binary visibility, no opacity transition */}
       <div
-        className={`fixed inset-0 z-[60] bg-black/50 transition-opacity duration-150 ${
-          isOpen ? 'opacity-100' : 'opacity-0 pointer-events-none'
+        className={`fixed inset-0 z-[60] bg-black/50 ${
+          isOpen ? 'visible' : 'invisible'
         }`}
         onClick={handleBackdropClick}
       />
 
-      {/* Modal — always mounted, blur always composited by GPU */}
+      {/* Modal — always mounted, no opacity animation (prevents backdrop-filter flash) */}
       <div
-        className={`fixed inset-0 z-[61] flex items-center justify-center p-4 transition-all duration-200 ease-out ${
+        className={`fixed inset-0 z-[61] flex items-center justify-center p-4 transition-transform duration-200 ease-out ${
           isOpen
-            ? 'opacity-100 scale-100 translate-y-0 pointer-events-auto'
-            : 'opacity-0 scale-[0.97] translate-y-2 pointer-events-none'
+            ? 'visible scale-100 translate-y-0 pointer-events-auto'
+            : 'invisible scale-[0.97] translate-y-2 pointer-events-none'
         }`}
       >
         <div