diff --git a/src/routes/(embed)/+layout.svelte b/src/routes/(embed)/+layout.svelte
index 1b5f180c..ce7f773c 100644
--- a/src/routes/(embed)/+layout.svelte
+++ b/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>
 
diff --git a/src/routes/(kener)/+layout.svelte b/src/routes/(kener)/+layout.svelte
index 9ee7faaf..68b1ddc6 100644
--- a/src/routes/(kener)/+layout.svelte
+++ b/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 -->
diff --git a/src/routes/kener.css b/src/routes/kener.css
index d00481d5..eae0c7b1 100644
--- a/src/routes/kener.css
+++ b/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);
 }