pages terminal scripts

src/lib/components/NavbarWaybar.svelte

@@ -218,24 +218,43 @@
 					<div class="dropdown-header">Mode</div>
 					<button class="theme-option" onclick={toggleMode}>
 						<Icon icon={$mode === 'dark' ? 'mdi:weather-sunny' : 'mdi:weather-night'} width="16" />
-						<span>{$mode === 'dark' ? 'Light Mode' : 'Dark Mode'}</span>
+						<span>{$mode === 'dark' ? 'Light Mode' : 'Dark Mode'} (T)</span>
 					</button>
 				</div>
 			{/if}
 		</div>
 	</div>
 
-	<!-- Backdrop -->
-	{#if themeDropdownOpen || mobileMenuOpen}
+	<!-- Backdrop for theme dropdown only -->
+	{#if themeDropdownOpen}
 		<button 
 			class="backdrop"
 			transition:fade={{ duration: 100 }}
-			onclick={() => { themeDropdownOpen = false; mobileMenuOpen = false; }}
+			onclick={() => { themeDropdownOpen = false; }}
 			aria-label="Close"
 		></button>
 	{/if}
 </nav>
 
+<!-- Mobile menu backdrop (separate, behind the menu) -->
+{#if mobileMenuOpen}
+	<button 
+		class="mobile-backdrop"
+		transition:fade={{ duration: 100 }}
+		onclick={() => { mobileMenuOpen = false; }}
+		aria-label="Close menu"
+		style="
+			position: fixed;
+			inset: 0;
+			top: var(--navbar-height);
+			background: rgba(0, 0, 0, 0.5);
+			z-index: 997;
+			border: none;
+			cursor: default;
+		"
+	></button>
+{/if}
+
 <!-- Mobile menu dropdown -->
 {#if mobileMenuOpen}
 	<div