From 364e2615021e35e2ebae77d02f81633f8a5538b6 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Fri, 23 Jan 2026 04:26:05 +0000
Subject: [PATCH] fix: elevate share nostr modal z-index with peak tier and
 stronger selectors

Update the z-index for the Share on Nostr modal to use the "peak" tier (165+), ensuring it renders above the video player (130).
Adjust the CSS selector to target `#shareNostrModal` directly, as it is wrapped in an anonymous div in the DOM, causing the previous `#modalContainer >` combinator to fail.
Add `!important` to enforce the stacking order.

Fixes the issue where the share modal rendered behind the video player.
---
 css/tailwind.source.css | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/css/tailwind.source.css b/css/tailwind.source.css
index c90b7556..4d2807cc 100644
--- a/css/tailwind.source.css
+++ b/css/tailwind.source.css
@@ -3727,16 +3727,16 @@
     z-index: var(--z-modal-top-content);
   }
 
-  #modalContainer > #shareNostrModal {
-    z-index: var(--z-modal-top-root);
+  #shareNostrModal {
+    z-index: var(--z-modal-peak-root) !important;
   }
 
-  #modalContainer > #shareNostrModal > .bv-modal-backdrop {
-    z-index: var(--z-modal-top-overlay);
+  #shareNostrModal > .bv-modal-backdrop {
+    z-index: var(--z-modal-peak-overlay) !important;
   }
 
-  #modalContainer > #shareNostrModal .bv-modal__panel {
-    z-index: var(--z-modal-top-content);
+  #shareNostrModal .bv-modal__panel {
+    z-index: var(--z-modal-peak-content) !important;
   }
 
   .bv-modal[data-nested-modal-active="true"] {