From 924dc297d5510ac479a1770e7ba6b1dbfcc759f7 Mon Sep 17 00:00:00 2001
From: serversdown <brian@serversdown.net>
Date: Sat, 27 Jun 2026 04:55:03 +0000
Subject: [PATCH] fix: recorder cancel left an empty black screen
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

mount() adds .rec-root (display:flex) to the overlay element, and that rule sat
after .rec-overlay's display:none — so removing .open didn't hide it. Use
.rec-overlay:not(.open){display:none} to outrank .rec-root by specificity.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 lyra/web/static/recorder.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/lyra/web/static/recorder.css b/lyra/web/static/recorder.css
index 21c3c1f..98d987f 100644
--- a/lyra/web/static/recorder.css
+++ b/lyra/web/static/recorder.css
@@ -7,9 +7,11 @@
   inset: 0;
   z-index: 1000;
   background: var(--bg-dark, #070707);
-  display: none;
   flex-direction: column;
 }
+/* :not(.open) outranks .rec-root's display:flex (added on mount), so closing the
+   overlay actually hides it instead of leaving an empty black screen. */
+.rec-overlay:not(.open) { display: none; }
 .rec-overlay.open { display: flex; }
 
 .rec-root {