ui fix pwa 1

ka-note/VERSION

@@ -1 +1 @@
-1.0.25
+1.0.27

ka-note/client/src/routes/+layout.svelte

@@ -7,6 +7,7 @@
 	import { sync } from "$lib/sync/syncService";
 	import { refreshLockStatus } from "$lib/stores/aiLock";
 	import { onMount, onDestroy } from "svelte";
+	import { afterNavigate } from "$app/navigation";
 	import type { Snippet } from "svelte";
 	import {
 		handleRedirect,
@@ -72,17 +73,7 @@
 		sidebarOpen = false;
 	}
 
-	$effect(() => {
-		if (sidebarOpen) {
-			document.body.style.overflow = 'hidden';
-			document.body.style.position = 'fixed';
-			document.body.style.width = '100%';
-		} else {
-			document.body.style.overflow = '';
-			document.body.style.position = '';
-			document.body.style.width = '';
-		}
-	});
+	afterNavigate(() => closeSidebar());
 </script>
 
 {#if !authReady}
@@ -106,10 +97,12 @@
 	<div class="flex h-screen overflow-hidden">
 		<!-- Sidebar: fullscreen on mobile, static on desktop -->
 		{#if sidebarOpen}
+			<!-- Backdrop -->
+			<div class="fixed inset-0 z-[59] bg-black/50 backdrop-blur-sm md:hidden" onclick={closeSidebar}></div>
 			<!-- Mobile: full-screen overlay -->
-			<div class="fixed inset-0 z-40 flex flex-col bg-sidebar md:hidden">
+			<div class="fixed inset-0 z-[60] flex flex-col bg-sidebar md:hidden">
 				<!-- Header with close button -->
-				<div class="flex items-center justify-between border-b border-border px-5 py-4 shrink-0">
+				<div class="flex items-center justify-between border-b border-border px-5 py-4 shrink-0" style="padding-top: max(1rem, env(safe-area-inset-top));">
 					<span class="text-lg font-bold text-accent uppercase tracking-wider">Ka-Note</span>
 					<button
 						class="text-2xl text-muted hover:text-white leading-none"
@@ -137,8 +130,10 @@
 			</div>
 		</main>
 
-		<!-- Bottom tab bar (mobile only) -->
-		<BottomTabBar onsidebaropen={toggleSidebar} />
+		<!-- Bottom tab bar (mobile only, hidden when sidebar open) -->
+		{#if !sidebarOpen}
+			<BottomTabBar onsidebaropen={toggleSidebar} />
+		{/if}
 	</div>
 {:else}
 	<div class="flex h-screen items-center justify-center bg-bg">