refactor(layout): update main class for embed and status pages

src/routes/(embed)/+layout.svelte

@@ -40,7 +40,7 @@
 		}
 	</style>`}
 </svelte:head>
-<main class="kener-public">
+<main class="kener-public embed-app">
   {@render children()}
 </main>
 

src/routes/(kener)/+layout.svelte

@@ -53,7 +53,7 @@
 	</style>`}
   <script src={clientResolver(resolve, "/capture.js")}></script>
 </svelte:head>
-<main class="kener-public">
+<main class="kener-public status-page-app">
   <!-- Nav -->
   <KenerNav />
   <!-- Body -->

src/routes/kener.css

@@ -329,7 +329,7 @@ body::-webkit-scrollbar {
    stays transparent, so page content shows through both sections while scrolling. This paints
    one blurred layer behind both: above page content, below the nav (z-10) and the bar (z-20).
    Override --top-glass-h if the nav/bar wrap onto extra lines. */
-.kener-public::before {
+.kener-public.status-page-app::before {
   content: "";
   position: fixed;
   inset: 0 0 auto 0;
@@ -340,6 +340,6 @@ body::-webkit-scrollbar {
   backdrop-filter: blur(12px);
   pointer-events: none;
 }
-:is(.dark) .kener-public::before {
+:is(.dark) .kener-public.status-page-app::before {
   background-color: color-mix(in oklab, var(--background) 70%, transparent);
 }