From b2de7e994a0bb1e0bd7aa2710960635dd48e3216 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:11:16 +0000
Subject: [PATCH 1/2] fix: elevate share nostr modal z-index

Ensure the Share on Nostr modal renders above the video player modal by applying the higher z-index tier variables (z-modal-top-root, etc.), similar to the Profile modal.

Fixes an issue where the share modal was obscured by the video player.
---
 css/tailwind.source.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/css/tailwind.source.css b/css/tailwind.source.css
index b2a0bece..c90b7556 100644
--- a/css/tailwind.source.css
+++ b/css/tailwind.source.css
@@ -3727,6 +3727,18 @@
     z-index: var(--z-modal-top-content);
   }
 
+  #modalContainer > #shareNostrModal {
+    z-index: var(--z-modal-top-root);
+  }
+
+  #modalContainer > #shareNostrModal > .bv-modal-backdrop {
+    z-index: var(--z-modal-top-overlay);
+  }
+
+  #modalContainer > #shareNostrModal .bv-modal__panel {
+    z-index: var(--z-modal-top-content);
+  }
+
   .bv-modal[data-nested-modal-active="true"] {
     pointer-events: none;
     visibility: hidden;

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 2/2] 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"] {