fix: add status bar shadow and safe-area offset for Android

Add drop shadow under the safe-area-inset-top zone to visually
separate Android status icons from page content. Adjust StickyImage
sticky positioning and max-height to account for safe-area-inset.

src/app.css

@@ -280,6 +280,19 @@ body {
 	overflow-x: hidden;
 }
 
+/* Status bar drop shadow for edge-to-edge Android/PWA */
+body::before {
+	content: '';
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	height: env(safe-area-inset-top, 0px);
+	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
+	z-index: 9999;
+	pointer-events: none;
+}
+
 /* ============================================
    LINK STYLES
    ============================================ */

src/lib/components/faith/StickyImage.svelte

@@ -133,13 +133,13 @@
 	.image-wrap-desktop {
 		display: block;
 		position: sticky;
-		top: 4rem;
+		top: calc(4rem + env(safe-area-inset-top, 0px));
 		align-self: start;
 		order: 1;
 	}
 	.overlay .image-wrap-desktop img {
 		height: auto;
-		max-height: calc(100vh - 5rem);
+		max-height: calc(100vh - 5rem - env(safe-area-inset-top, 0px));
 		width: auto;
 		max-width: 25vw;
 	}
@@ -154,12 +154,12 @@
 	.sticky-image-layout:not(.overlay) .image-wrap-desktop {
 		display: block;
 		position: sticky;
-		top: 4rem;
+		top: calc(4rem + env(safe-area-inset-top, 0px));
 		flex: 1;
 		order: 1;
 	}
 	.sticky-image-layout:not(.overlay) .image-wrap-desktop img {
-		max-height: calc(100vh - 4rem);
+		max-height: calc(100vh - 4rem - env(safe-area-inset-top, 0px));
 		height: auto;
 		width: 100%;
 		object-fit: contain;