sovereignty over app lifecycle

src/routes/+layout.svelte

@@ -0,0 +1,7 @@
+<script>
+    let { children } = $props();
+</script>
+
+<div class="size-full bg-transparent">
+    {@render children?.()}
+</div>

src/routes/+layout.ts

@@ -3,3 +3,4 @@
 // See: https://svelte.dev/docs/kit/single-page-apps
 // See: https://v2.tauri.app/start/frontend/sveltekit/ for more info
 export const ssr = false;
+import "../app.css";

src/routes/+page.svelte

@@ -1,7 +1,3 @@
-<script lang="ts">
-  import "../app.css";
-</script>
-
 <main class="card-body">
-  <button class="btn btn-primary">Hello TailwindCSS!</button>
+    <button class="btn btn-primary">Hello TailwindCSS!</button>
 </main>

src/routes/scene/+page.svelte

@@ -0,0 +1,10 @@
+<div class="w-svw h-svh p-4">
+    <div
+        class="size-max mx-auto bg-base-100 border-base-200 border px-4 py-3 rounded-xl"
+    >
+        <div class="flex flex-col text-center">
+            <p class="text-xl">Friendolls</p>
+            <p class="text-sm opacity-50">Scene Screen</p>
+        </div>
+    </div>
+</div>