diff --git a/.github/workflows/node.js.yml b/.github/workflows/node.js.yml
index 9acc6de3f..cb004fcf5 100644
--- a/.github/workflows/node.js.yml
+++ b/.github/workflows/node.js.yml
@@ -16,7 +16,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [18.x]
+        node-version: [20.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:
diff --git a/content/tutorial/01-svelte/01-introduction/03-dynamic-attributes/README.md b/content/tutorial/01-svelte/01-introduction/03-dynamic-attributes/README.md
index e03524b1a..6c325239f 100644
--- a/content/tutorial/01-svelte/01-introduction/03-dynamic-attributes/README.md
+++ b/content/tutorial/01-svelte/01-introduction/03-dynamic-attributes/README.md
@@ -32,5 +32,5 @@ It's not uncommon to have an attribute where the name and value are the same, li
 
 ```svelte
 /// file: App.svelte
-<img +++{src}+++ alt="A man dances." />
+<img +++{src}+++ alt="{name} dances." />
 ```
diff --git a/content/tutorial/01-svelte/02-reactivity/04-updating-arrays-and-objects/README.md b/content/tutorial/01-svelte/02-reactivity/04-updating-arrays-and-objects/README.md
index 74e3a581f..49e0654ab 100644
--- a/content/tutorial/01-svelte/02-reactivity/04-updating-arrays-and-objects/README.md
+++ b/content/tutorial/01-svelte/02-reactivity/04-updating-arrays-and-objects/README.md
@@ -38,8 +38,9 @@ A simple rule of thumb: the name of the updated variable must appear on the left
 
 ```js
 /// no-file
+const obj = { foo: { bar: 1 } };
 const foo = obj.foo;
-foo.bar = 'baz';
+foo.bar = 2;
 ```
 
 ...won't trigger reactivity on `obj.foo.bar`, unless you follow it up with `obj = obj`.
diff --git a/content/tutorial/01-svelte/04-logic/05-keyed-each-blocks/README.md b/content/tutorial/01-svelte/04-logic/05-keyed-each-blocks/README.md
index 9f8688a0e..a87e34367 100644
--- a/content/tutorial/01-svelte/04-logic/05-keyed-each-blocks/README.md
+++ b/content/tutorial/01-svelte/04-logic/05-keyed-each-blocks/README.md
@@ -2,13 +2,18 @@
 title: Keyed each blocks
 ---
 
-By default, when you modify the value of an `each` block, it will add and remove items at the _end_ of the block, and update any values that have changed. That might not be what you want.
+By default, when you modify the value of an `each` block, it will add and remove DOM nodes at the _end_ of the block, and update any values that have changed. That might not be what you want.
 
-It's easier to show why than to explain. Click the 'Remove first thing' button a few times, and notice what happens: it does not remove the first `<Thing>` component, but rather the _last_ DOM node. Then it updates the `name` value in the remaining DOM nodes, but not the emoji, which is fixed when each `<Thing>` is created.
+It's easier to show why than to explain. The `<Thing>` component sets the emoji as a constant on initialization, but the name is passed in via a prop.
+
+Click the 'Remove first thing' button a few times, and notice what happens:
+
+1. It removes the last component.
+2. It then updates the `name` value in the remaining DOM nodes, but not the emoji, which is fixed when each `<Thing>` is created.
 
 Instead, we'd like to remove only the first `<Thing>` component and its DOM node, and leave the others unaffected.
 
-To do that, we specify a unique identifier (or "key") for the `each` block:
+To do that, we specify a unique identifier (or "key") for each iteration of the `each` block:
 
 ```svelte
 /// file: App.svelte
@@ -17,6 +22,6 @@ To do that, we specify a unique identifier (or "key") for the `each` block:
 {/each}
 ```
 
-Here, `(thing.id)` is the _key_, which tells Svelte how to figure out which DOM node to change when the component updates.
+Here, `(thing.id)` is the _key_, which tells Svelte how to figure out what to update when the values (`name` in this example) change.
 
 > You can use any object as the key, as Svelte uses a `Map` internally — in other words you could do `(thing)` instead of `(thing.id)`. Using a string or number is generally safer, however, since it means identity persists without referential equality, for example when updating with fresh data from an API server.
diff --git a/content/tutorial/01-svelte/05-events/02-inline-handlers/README.md b/content/tutorial/01-svelte/05-events/02-inline-handlers/README.md
index 7b59d9e56..b0aa0f9bf 100644
--- a/content/tutorial/01-svelte/05-events/02-inline-handlers/README.md
+++ b/content/tutorial/01-svelte/05-events/02-inline-handlers/README.md
@@ -20,7 +20,7 @@ You can also declare event handlers inline:
 		m = { x: e.clientX, y: e.clientY };
 	}+++}
 >
-	The mouse position is {m.x} x {m.y}
+	The pointer is at {m.x} x {m.y}
 </div>
 ```
 
diff --git a/content/tutorial/01-svelte/05-events/06-dom-event-forwarding/app-a/src/lib/App.svelte b/content/tutorial/01-svelte/05-events/06-dom-event-forwarding/app-a/src/lib/App.svelte
index b47a06f1e..33d318c91 100644
--- a/content/tutorial/01-svelte/05-events/06-dom-event-forwarding/app-a/src/lib/App.svelte
+++ b/content/tutorial/01-svelte/05-events/06-dom-event-forwarding/app-a/src/lib/App.svelte
@@ -6,6 +6,7 @@
 	audio.src = horn;
 
 	function handleClick() {
+		audio.load();
 		audio.play();
 	}
 </script>
diff --git a/content/tutorial/01-svelte/07-lifecycle/01-onmount/README.md b/content/tutorial/01-svelte/07-lifecycle/01-onmount/README.md
index e4dfde99a..4195b5c69 100644
--- a/content/tutorial/01-svelte/07-lifecycle/01-onmount/README.md
+++ b/content/tutorial/01-svelte/07-lifecycle/01-onmount/README.md
@@ -4,7 +4,7 @@ title: onMount
 
 Every component has a _lifecycle_ that starts when it is created, and ends when it is destroyed. There are a handful of functions that allow you to run code at key moments during that lifecycle. The one you'll use most frequently is `onMount`, which runs after the component is first rendered to the DOM.
 
-In this exercise, we have a `<canvas>` that we'd like to animate, using the `paint` function in `gradient.js`. Begin by importing the function from `svelte`:
+In this exercise, we have a `<canvas>` that we'd like to animate, using the `paint` function in `gradient.js`. Begin by importing the `onMount` function from `svelte`:
 
 ```svelte
 /// file: App.svelte
@@ -14,7 +14,7 @@ In this exercise, we have a `<canvas>` that we'd like to animate, using the `pai
 </script>
 ```
 
-Then, add a function that runs when the component mounts:
+Then, add a callback that runs when the component mounts:
 
 ```svelte
 /// file: App.svelte
@@ -41,7 +41,7 @@ So far so good — you should see gently undulating colours in the shape of the
 ```js
 /// file: App.svelte
 onMount(() => {
-	const canvas = document.querySelector('canvas')
+	const canvas = document.querySelector('canvas');
 	const context = canvas.getContext('2d');
 
 	+++let frame =+++ requestAnimationFrame(function loop(t) {
diff --git a/content/tutorial/01-svelte/07-lifecycle/01-onmount/app-a/src/lib/App.svelte b/content/tutorial/01-svelte/07-lifecycle/01-onmount/app-a/src/lib/App.svelte
index 39b42393d..b36b80ce0 100644
--- a/content/tutorial/01-svelte/07-lifecycle/01-onmount/app-a/src/lib/App.svelte
+++ b/content/tutorial/01-svelte/07-lifecycle/01-onmount/app-a/src/lib/App.svelte
@@ -5,7 +5,7 @@
 <canvas
 	width={32}
 	height={32}
-/>
+></canvas>
 
 <style>
 	canvas {
diff --git a/content/tutorial/01-svelte/07-lifecycle/01-onmount/app-b/src/lib/App.svelte b/content/tutorial/01-svelte/07-lifecycle/01-onmount/app-b/src/lib/App.svelte
index 1a620a781..1ee550fbc 100644
--- a/content/tutorial/01-svelte/07-lifecycle/01-onmount/app-b/src/lib/App.svelte
+++ b/content/tutorial/01-svelte/07-lifecycle/01-onmount/app-b/src/lib/App.svelte
@@ -20,7 +20,7 @@
 <canvas
 	width={32}
 	height={32}
-/>
+></canvas>
 
 <style>
 	canvas {
diff --git a/content/tutorial/01-svelte/07-lifecycle/03-tick/app-a/src/lib/App.svelte b/content/tutorial/01-svelte/07-lifecycle/03-tick/app-a/src/lib/App.svelte
index 940badc0b..e2c2e5569 100644
--- a/content/tutorial/01-svelte/07-lifecycle/03-tick/app-a/src/lib/App.svelte
+++ b/content/tutorial/01-svelte/07-lifecycle/03-tick/app-a/src/lib/App.svelte
@@ -27,7 +27,7 @@
 <textarea
 	value={text}
 	on:keydown={handleKeydown}
-/>
+></textarea>
 
 <style>
 	textarea {
diff --git a/content/tutorial/01-svelte/07-lifecycle/03-tick/app-b/src/lib/App.svelte b/content/tutorial/01-svelte/07-lifecycle/03-tick/app-b/src/lib/App.svelte
index 33fc6e460..c9a32a85a 100644
--- a/content/tutorial/01-svelte/07-lifecycle/03-tick/app-b/src/lib/App.svelte
+++ b/content/tutorial/01-svelte/07-lifecycle/03-tick/app-b/src/lib/App.svelte
@@ -29,7 +29,7 @@
 <textarea
 	value={text}
 	on:keydown={handleKeydown}
-/>
+></textarea>
 
 <style>
 	textarea {
diff --git a/content/tutorial/01-svelte/common/src/routes/+error.svelte b/content/tutorial/01-svelte/common/src/routes/+error.svelte
index 064ed23cb..7e25aa26e 100644
--- a/content/tutorial/01-svelte/common/src/routes/+error.svelte
+++ b/content/tutorial/01-svelte/common/src/routes/+error.svelte
@@ -11,7 +11,7 @@
 		code
 		<a
 			target="_blank"
-			href="https://httpstatusdogs.com/%7B$page.status%7D"
+			href="https://http.dog/%7B$page.status%7D"
 			>{$page.status}</a
 		>
 	</p>
diff --git a/content/tutorial/02-advanced-svelte/01-motion/01-tweens/README.md b/content/tutorial/02-advanced-svelte/01-motion/01-tweens/README.md
index 9f494068e..68f96f811 100644
--- a/content/tutorial/02-advanced-svelte/01-motion/01-tweens/README.md
+++ b/content/tutorial/02-advanced-svelte/01-motion/01-tweens/README.md
@@ -6,7 +6,7 @@ Now that we've covered the basics, it's time to learn some advanced Svelte techn
 
 Setting values and watching the DOM update automatically is cool. Know what's even cooler? Tweening those values. Svelte includes tools to help you build slick user interfaces that use animation to communicate changes.
 
-Let's start by changing the `progress` store to a `tweened` value:
+Let's start by changing the `progress` store to a `tweened` store:
 
 ```svelte
 /// file: App.svelte
diff --git a/content/tutorial/02-advanced-svelte/01-motion/01-tweens/app-a/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/01-motion/01-tweens/app-a/src/lib/App.svelte
index f0b3b7058..f0d3d3d1c 100644
--- a/content/tutorial/02-advanced-svelte/01-motion/01-tweens/app-a/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/01-motion/01-tweens/app-a/src/lib/App.svelte
@@ -4,7 +4,7 @@
 	const progress = writable(0);
 </script>
 
-<progress value={$progress} />
+<progress value={$progress}></progress>
 
 <button on:click={() => progress.set(0)}>
 	0%
diff --git a/content/tutorial/02-advanced-svelte/01-motion/01-tweens/app-b/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/01-motion/01-tweens/app-b/src/lib/App.svelte
index 93fc5ba9c..ffe7716e1 100644
--- a/content/tutorial/02-advanced-svelte/01-motion/01-tweens/app-b/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/01-motion/01-tweens/app-b/src/lib/App.svelte
@@ -8,7 +8,7 @@
 	});
 </script>
 
-<progress value={$progress} />
+<progress value={$progress}></progress>
 
 <button on:click={() => progress.set(0)}>
 	0%
diff --git a/content/tutorial/02-advanced-svelte/01-motion/02-springs/app-a/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/01-motion/02-springs/app-a/src/lib/App.svelte
index 38515f359..92805f88c 100644
--- a/content/tutorial/02-advanced-svelte/01-motion/02-springs/app-a/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/01-motion/02-springs/app-a/src/lib/App.svelte
@@ -11,6 +11,7 @@
 	}}
 	on:mousedown={() => size.set(30)}
 	on:mouseup={() => size.set(10)}
+	role="presentation"
 >
 	<circle
 		cx={$coords.x}
diff --git a/content/tutorial/02-advanced-svelte/01-motion/02-springs/app-b/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/01-motion/02-springs/app-b/src/lib/App.svelte
index 37e155d59..18c28a4a7 100644
--- a/content/tutorial/02-advanced-svelte/01-motion/02-springs/app-b/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/01-motion/02-springs/app-b/src/lib/App.svelte
@@ -15,6 +15,7 @@
 	}}
 	on:mousedown={() => size.set(30)}
 	on:mouseup={() => size.set(10)}
+	role="presentation"
 >
 	<circle
 		cx={$coords.x}
diff --git a/content/tutorial/02-advanced-svelte/02-transitions/04-custom-css-transitions/README.md b/content/tutorial/02-advanced-svelte/02-transitions/04-custom-css-transitions/README.md
index 30dc666bf..e10576f8c 100644
--- a/content/tutorial/02-advanced-svelte/02-transitions/04-custom-css-transitions/README.md
+++ b/content/tutorial/02-advanced-svelte/02-transitions/04-custom-css-transitions/README.md
@@ -53,7 +53,7 @@ We can get a lot more creative though. Let's make something truly gratuitous:
 	function spin(node, { duration }) {
 		return {
 			duration,
-			css: t => +++{
+			css: (t) => +++{
 				const eased = elasticOut(t);
 
 				return `
@@ -62,7 +62,7 @@ We can get a lot more creative though. Let's make something truly gratuitous:
 						${Math.trunc(t * 360)},
 						${Math.min(100, 1000 * (1 - t))}%,
 						${Math.min(50, 500 * (1 - t))}%
-					);`
+					);`;
 			}+++
 		};
 	}
diff --git a/content/tutorial/02-advanced-svelte/02-transitions/09-deferred-transitions/app-a/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/02-transitions/09-deferred-transitions/app-a/src/lib/App.svelte
index 1203bc69c..318366066 100644
--- a/content/tutorial/02-advanced-svelte/02-transitions/09-deferred-transitions/app-a/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/02-transitions/09-deferred-transitions/app-a/src/lib/App.svelte
@@ -16,10 +16,10 @@
 	<input
 		placeholder="what needs to be done?"
 		on:keydown={(e) => {
-			if (e.key === 'Enter') {
-				todos.add(e.currentTarget.value);
-				e.currentTarget.value = '';
-			}
+			if (e.key !== 'Enter') return;
+
+			todos.add(e.currentTarget.value);
+			e.currentTarget.value = '';
 		}}
 	/>
 
diff --git a/content/tutorial/02-advanced-svelte/02-transitions/09-deferred-transitions/app-a/src/lib/TodoList.svelte b/content/tutorial/02-advanced-svelte/02-transitions/09-deferred-transitions/app-a/src/lib/TodoList.svelte
index 041f35267..ddd1fcfe3 100644
--- a/content/tutorial/02-advanced-svelte/02-transitions/09-deferred-transitions/app-a/src/lib/TodoList.svelte
+++ b/content/tutorial/02-advanced-svelte/02-transitions/09-deferred-transitions/app-a/src/lib/TodoList.svelte
@@ -17,7 +17,7 @@
 
 				<span>{todo.description}</span>
 
-				<button on:click={() => store.remove(todo)} aria-label="Remove" />
+				<button on:click={() => store.remove(todo)} aria-label="Remove"></button>
 			</label>
 		</li>
 	{/each}
diff --git a/content/tutorial/02-advanced-svelte/02-transitions/09-deferred-transitions/app-b/src/lib/TodoList.svelte b/content/tutorial/02-advanced-svelte/02-transitions/09-deferred-transitions/app-b/src/lib/TodoList.svelte
index 6d826d435..680de1fd9 100644
--- a/content/tutorial/02-advanced-svelte/02-transitions/09-deferred-transitions/app-b/src/lib/TodoList.svelte
+++ b/content/tutorial/02-advanced-svelte/02-transitions/09-deferred-transitions/app-b/src/lib/TodoList.svelte
@@ -21,7 +21,7 @@
 
 				<span>{todo.description}</span>
 
-				<button on:click={() => store.remove(todo)} aria-label="Remove" />
+				<button on:click={() => store.remove(todo)} aria-label="Remove"></button>
 			</label>
 		</li>
 	{/each}
diff --git a/content/tutorial/02-advanced-svelte/03-animations/01-animate/app-b/src/lib/TodoList.svelte b/content/tutorial/02-advanced-svelte/03-animations/01-animate/app-b/src/lib/TodoList.svelte
index 8ccddb80b..7d62582a2 100644
--- a/content/tutorial/02-advanced-svelte/03-animations/01-animate/app-b/src/lib/TodoList.svelte
+++ b/content/tutorial/02-advanced-svelte/03-animations/01-animate/app-b/src/lib/TodoList.svelte
@@ -23,7 +23,7 @@
 
 				<span>{todo.description}</span>
 
-				<button on:click={() => store.remove(todo)} aria-label="Remove" />
+				<button on:click={() => store.remove(todo)} aria-label="Remove"></button>
 			</label>
 		</li>
 	{/each}
diff --git a/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-a/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-a/src/lib/App.svelte
index f13598a4f..ceacc6d80 100644
--- a/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-a/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-a/src/lib/App.svelte
@@ -30,7 +30,7 @@
 							on:click={() => {
 								selected = color;
 							}}
-						/>
+						></button>
 					{/each}
 				</div>
 
diff --git a/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-a/src/lib/Canvas.svelte b/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-a/src/lib/Canvas.svelte
index 9bdad0400..e723693d9 100644
--- a/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-a/src/lib/Canvas.svelte
+++ b/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-a/src/lib/Canvas.svelte
@@ -66,13 +66,13 @@
 
 		previous = coords;
 	}}
-/>
+></canvas>
 
 {#if previous}
 	<div
 		class="preview"
 		style="--color: {color}; --size: {size}px; --x: {previous.x}px; --y: {previous.y}px" 
-	/>
+	></div>
 {/if}
 
 <style>
diff --git a/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-b/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-b/src/lib/App.svelte
index 3c2ae8258..c685770d1 100644
--- a/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-b/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/04-actions/01-actions/app-b/src/lib/App.svelte
@@ -31,7 +31,7 @@
 							on:click={() => {
 								selected = color;
 							}}
-						/>
+						></button>
 					{/each}
 				</div>
 
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/01-contenteditable-bindings/README.md b/content/tutorial/02-advanced-svelte/05-bindings/01-contenteditable-bindings/README.md
index 4cb5a82f2..c3ec72544 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/01-contenteditable-bindings/README.md
+++ b/content/tutorial/02-advanced-svelte/05-bindings/01-contenteditable-bindings/README.md
@@ -6,5 +6,5 @@ Elements with a `contenteditable` attribute support `textContent` and `innerHTML
 
 ```svelte
 /// file: App.svelte
-<div +++bind:innerHTML={html}+++ contenteditable />
+<div +++bind:innerHTML={html}+++ contenteditable></div>
 ```
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/01-contenteditable-bindings/app-a/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/05-bindings/01-contenteditable-bindings/app-a/src/lib/App.svelte
index 4cc167582..2724120ac 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/01-contenteditable-bindings/app-a/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/05-bindings/01-contenteditable-bindings/app-a/src/lib/App.svelte
@@ -2,7 +2,7 @@
 	let html = '<p>Write some text!</p>';
 </script>
 
-<div contenteditable />
+<div contenteditable></div>
 
 <pre>{html}</pre>
 
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/01-contenteditable-bindings/app-b/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/05-bindings/01-contenteditable-bindings/app-b/src/lib/App.svelte
index 4f7887f9a..d80585640 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/01-contenteditable-bindings/app-b/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/05-bindings/01-contenteditable-bindings/app-b/src/lib/App.svelte
@@ -2,7 +2,7 @@
 	let html = '<p>Write some text!</p>';
 </script>
 
-<div bind:innerHTML={html} contenteditable />
+<div bind:innerHTML={html} contenteditable></div>
 
 <pre>{html}</pre>
 
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/README.md b/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/README.md
index 7091d3d06..30ca4b8d0 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/README.md
+++ b/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/README.md
@@ -14,12 +14,12 @@ First, add the `<audio>` element along with its bindings (we'll use the shorthan
 		bind:currentTime={time}
 		bind:duration
 		bind:paused
-	/>+++
+	></audio>+++
 
 	<button
 		class="play"
 		aria-label={paused ? 'play' : 'pause'}
-	/>
+	></button>
 ```
 
 Next, add an event handler to the `<button>` that toggles `paused`:
@@ -30,7 +30,7 @@ Next, add an event handler to the `<button>` that toggles `paused`:
 	class="play"
 	aria-label={paused ? 'play' : 'pause'}
 	+++on:click={() => paused = !paused}+++
-/>
+></button>
 ```
 
 Our audio player now has basic functionality. Let's add the ability to seek to a specific part of a track by dragging the slider. Inside the slider's `pointerdown` handler there's a `seek` function, where we can update `time`:
@@ -60,12 +60,12 @@ When the track ends, be kind — rewind:
 +++	on:ended={() => {
 		time = 0;
 	}}+++
-/>
+></audio>
 ```
 
 The complete set of bindings for `<audio>` and `<video>` is as follows — seven _readonly_ bindings...
 
-- `duration` (readonly) — the total duration of the video, in seconds
+- `duration` (readonly) — the total duration, in seconds
 - `buffered` (readonly) — an array of `{start, end}` objects
 - `seekable` (readonly) — ditto
 - `played` (readonly) — ditto
@@ -75,8 +75,8 @@ The complete set of bindings for `<audio>` and `<video>` is as follows — seven
 
 ...and five _two-way_ bindings:
 
-- `currentTime` — the current point in the video, in seconds
-- `playbackRate` — how fast to play the video, where `1` is 'normal'
+- `currentTime` — the current position of the playhead, in seconds
+- `playbackRate` — speed up or slow down (`1` is 'normal')
 - `paused` — this one should be self-explanatory
 - `volume` — a value between 0 and 1
 - `muted` — a boolean value where true is muted
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/app-a/src/lib/AudioPlayer.svelte b/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/app-a/src/lib/AudioPlayer.svelte
index dea842fd6..a310cb004 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/app-a/src/lib/AudioPlayer.svelte
+++ b/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/app-a/src/lib/AudioPlayer.svelte
@@ -21,7 +21,7 @@
 	<button
 		class="play"
 		aria-label={paused ? 'play' : 'pause'}
-	/>
+	></button>
 
 	<div class="info">
 		<div class="description">
@@ -57,7 +57,7 @@
 					});
 				}}
 			>
-				<div class="progress" style="--progress: {time / duration}%" />
+				<div class="progress" style="--progress: {time / duration}%"></div>
 			</div>
 			<span>{duration ? format(duration) : '--:--'}</span>
 		</div>
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/app-a/src/lib/sound-on.svg b/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/app-a/src/lib/sound-on.svg
index f7c59bcda..83a693f16 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/app-a/src/lib/sound-on.svg
+++ b/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/app-a/src/lib/sound-on.svg
@@ -12,4 +12,4 @@
 	</style>
 
 	<path d="M14,3.23V5.29C16.89,6.15 19,8.83 19,12C19,15.17 16.89,17.84 14,18.7V20.77C18,19.86 21,16.28 21,12C21,7.72 18,4.14 14,3.23M16.5,12C16.5,10.23 15.5,8.71 14,7.97V16C15.5,15.29 16.5,13.76 16.5,12M3,9V15H7L12,20V4L7,9H3Z"/>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/app-b/src/lib/AudioPlayer.svelte b/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/app-b/src/lib/AudioPlayer.svelte
index aa995d34a..fcfbc28ce 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/app-b/src/lib/AudioPlayer.svelte
+++ b/content/tutorial/02-advanced-svelte/05-bindings/03-media-elements/app-b/src/lib/AudioPlayer.svelte
@@ -23,17 +23,17 @@
 		bind:currentTime={time}
 		bind:duration
 		bind:paused
-		preload="none"
+		preload="metadata"
 		on:ended={() => {
 			time = 0;
 		}}
-	/>
+	></audio>
 	
 	<button
 		class="play"
 		aria-label={paused ? 'play' : 'pause'}
 		on:click={() => paused = !paused}
-	/>
+	></button>
 
 	<div class="info">
 		<div class="description">
@@ -69,7 +69,7 @@
 					});
 				}}
 			>
-				<div class="progress" style="--progress: {time / duration}%" />
+				<div class="progress" style="--progress: {time / duration}%"></div>
 			</div>
 			<span>{duration ? format(duration) : '--:--'}</span>
 		</div>
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/05-bind-this/app-a/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/05-bindings/05-bind-this/app-a/src/lib/App.svelte
index de10e6465..582abc630 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/05-bind-this/app-a/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/05-bindings/05-bind-this/app-a/src/lib/App.svelte
@@ -20,7 +20,7 @@
 <canvas
 	width={32}
 	height={32}
-/>
+></canvas>
 
 <style>
 	canvas {
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/05-bind-this/app-a/src/lib/svelte-logo-mask.svg b/content/tutorial/02-advanced-svelte/05-bindings/05-bind-this/app-a/src/lib/svelte-logo-mask.svg
index 8572d3da6..c3ad48c1b 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/05-bind-this/app-a/src/lib/svelte-logo-mask.svg
+++ b/content/tutorial/02-advanced-svelte/05-bindings/05-bind-this/app-a/src/lib/svelte-logo-mask.svg
@@ -1 +1 @@
-<svg enable-background="new 0 0 98.2 118" viewBox="0 0 98.2 118" xmlns="http://www.w3.org/2000/svg"><path d="m91.9 15.6c-10.9-15.7-32.6-20.3-48.2-10.3l-27.5 17.5c-7.5 4.7-12.7 12.4-14.2 21.1-1.3 7.3-.2 14.8 3.3 21.3-2.4 3.6-4 7.6-4.7 11.8-1.6 8.9.5 18.1 5.7 25.4 11 15.7 32.6 20.3 48.2 10.4l27.5-17.5c7.5-4.7 12.7-12.4 14.2-21.1 1.3-7.3.2-14.8-3.3-21.3 2.4-3.6 4-7.6 4.7-11.8 1.6-9-.4-18.2-5.7-25.5m-50.9 88.3c-8.9 2.3-18.2-1.2-23.4-8.7-3.2-4.4-4.4-9.9-3.5-15.3.2-.9.4-1.7.6-2.6l.5-1.6 1.4 1c3.3 2.4 6.9 4.2 10.8 5.4l1 .3-.1 1c-.1 1.4.3 2.9 1.1 4.1 1.6 2.3 4.4 3.4 7.1 2.7.6-.2 1.2-.4 1.7-.7l27.4-17.5c1.4-.9 2.3-2.2 2.6-3.8s-.1-3.3-1-4.6c-1.6-2.3-4.4-3.3-7.1-2.6-.6.2-1.2.4-1.7.7l-10.4 6.6c-1.7 1.1-3.6 1.9-5.6 2.4-8.9 2.3-18.2-1.2-23.4-8.7-3.1-4.4-4.4-9.9-3.4-15.3.9-5.2 4.1-9.9 8.6-12.7l27.4-17.5c1.7-1.1 3.6-1.9 5.6-2.5 8.9-2.3 18.2 1.2 23.4 8.7 3.2 4.4 4.4 9.9 3.5 15.3-.2.9-.4 1.7-.7 2.6l-.5 1.6-1.4-1c-3.3-2.4-6.9-4.2-10.8-5.4l-1-.3.1-1c.1-1.4-.3-2.9-1.1-4.1-1.6-2.3-4.4-3.3-7.1-2.6-.6.2-1.2.4-1.7.7l-27.4 17.6c-1.4.9-2.3 2.2-2.6 3.8s.1 3.3 1 4.6c1.6 2.3 4.4 3.3 7.1 2.6.6-.2 1.2-.4 1.7-.7l10.5-6.7c1.7-1.1 3.6-1.9 5.6-2.5 8.9-2.3 18.2 1.2 23.4 8.7 3.2 4.4 4.4 9.9 3.5 15.3-.9 5.2-4.1 9.9-8.6 12.7l-27.4 17.5c-1.8 1.1-3.7 1.9-5.7 2.5"/></svg>
\ No newline at end of file
+<svg enable-background="new 0 0 98.2 118" viewBox="0 0 98.2 118" xmlns="http://www.w3.org/2000/svg"><path d="m91.9 15.6c-10.9-15.7-32.6-20.3-48.2-10.3l-27.5 17.5c-7.5 4.7-12.7 12.4-14.2 21.1-1.3 7.3-.2 14.8 3.3 21.3-2.4 3.6-4 7.6-4.7 11.8-1.6 8.9.5 18.1 5.7 25.4 11 15.7 32.6 20.3 48.2 10.4l27.5-17.5c7.5-4.7 12.7-12.4 14.2-21.1 1.3-7.3.2-14.8-3.3-21.3 2.4-3.6 4-7.6 4.7-11.8 1.6-9-.4-18.2-5.7-25.5m-50.9 88.3c-8.9 2.3-18.2-1.2-23.4-8.7-3.2-4.4-4.4-9.9-3.5-15.3.2-.9.4-1.7.6-2.6l.5-1.6 1.4 1c3.3 2.4 6.9 4.2 10.8 5.4l1 .3-.1 1c-.1 1.4.3 2.9 1.1 4.1 1.6 2.3 4.4 3.4 7.1 2.7.6-.2 1.2-.4 1.7-.7l27.4-17.5c1.4-.9 2.3-2.2 2.6-3.8s-.1-3.3-1-4.6c-1.6-2.3-4.4-3.3-7.1-2.6-.6.2-1.2.4-1.7.7l-10.4 6.6c-1.7 1.1-3.6 1.9-5.6 2.4-8.9 2.3-18.2-1.2-23.4-8.7-3.1-4.4-4.4-9.9-3.4-15.3.9-5.2 4.1-9.9 8.6-12.7l27.4-17.5c1.7-1.1 3.6-1.9 5.6-2.5 8.9-2.3 18.2 1.2 23.4 8.7 3.2 4.4 4.4 9.9 3.5 15.3-.2.9-.4 1.7-.7 2.6l-.5 1.6-1.4-1c-3.3-2.4-6.9-4.2-10.8-5.4l-1-.3.1-1c.1-1.4-.3-2.9-1.1-4.1-1.6-2.3-4.4-3.3-7.1-2.6-.6.2-1.2.4-1.7.7l-27.4 17.6c-1.4.9-2.3 2.2-2.6 3.8s.1 3.3 1 4.6c1.6 2.3 4.4 3.3 7.1 2.6.6-.2 1.2-.4 1.7-.7l10.5-6.7c1.7-1.1 3.6-1.9 5.6-2.5 8.9-2.3 18.2 1.2 23.4 8.7 3.2 4.4 4.4 9.9 3.5 15.3-.9 5.2-4.1 9.9-8.6 12.7l-27.4 17.5c-1.8 1.1-3.7 1.9-5.7 2.5" /></svg>
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/05-bind-this/app-b/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/05-bindings/05-bind-this/app-b/src/lib/App.svelte
index 1d776bb31..70410bc76 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/05-bind-this/app-b/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/05-bindings/05-bind-this/app-b/src/lib/App.svelte
@@ -22,7 +22,7 @@
 	bind:this={canvas}
 	width={32}
 	height={32}
-/>
+></canvas>
 
 <style>
 	canvas {
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-a/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-a/src/lib/App.svelte
index 3c2ae8258..c685770d1 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-a/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-a/src/lib/App.svelte
@@ -31,7 +31,7 @@
 							on:click={() => {
 								selected = color;
 							}}
-						/>
+						></button>
 					{/each}
 				</div>
 
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-a/src/lib/Canvas.svelte b/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-a/src/lib/Canvas.svelte
index 9bdad0400..e723693d9 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-a/src/lib/Canvas.svelte
+++ b/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-a/src/lib/Canvas.svelte
@@ -66,13 +66,13 @@
 
 		previous = coords;
 	}}
-/>
+></canvas>
 
 {#if previous}
 	<div
 		class="preview"
 		style="--color: {color}; --size: {size}px; --x: {previous.x}px; --y: {previous.y}px" 
-	/>
+	></div>
 {/if}
 
 <style>
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-b/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-b/src/lib/App.svelte
index f4e1b14f3..59303f546 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-b/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-b/src/lib/App.svelte
@@ -33,7 +33,7 @@
 							on:click={() => {
 								selected = color;
 							}}
-						/>
+						></button>
 					{/each}
 				</div>
 
diff --git a/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-b/src/lib/Canvas.svelte b/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-b/src/lib/Canvas.svelte
index 16c7092c1..fec3ead18 100644
--- a/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-b/src/lib/Canvas.svelte
+++ b/content/tutorial/02-advanced-svelte/05-bindings/07-component-this/app-b/src/lib/Canvas.svelte
@@ -70,13 +70,13 @@
 
 		previous = coords;
 	}}
-/>
+></canvas>
 
 {#if previous}
 	<div
 		class="preview"
 		style="--color: {color}; --size: {size}px; --x: {previous.x}px; --y: {previous.y}px" 
-	/>
+	></div>
 {/if}
 
 <style>
diff --git a/content/tutorial/02-advanced-svelte/06-classes-and-styles/01-classes/app-a/src/lib/svelte-logo.svg b/content/tutorial/02-advanced-svelte/06-classes-and-styles/01-classes/app-a/src/lib/svelte-logo.svg
index e3f8285d1..34d9627bd 100644
--- a/content/tutorial/02-advanced-svelte/06-classes-and-styles/01-classes/app-a/src/lib/svelte-logo.svg
+++ b/content/tutorial/02-advanced-svelte/06-classes-and-styles/01-classes/app-a/src/lib/svelte-logo.svg
@@ -1,3 +1,3 @@
 <svg viewBox="0 0 98.2 118" xmlns="http://www.w3.org/2000/svg">
     <path fill="#ff3e00" d="m91.9 15.6c-10.9-15.7-32.6-20.3-48.2-10.3l-27.5 17.5c-7.5 4.7-12.7 12.4-14.2 21.1-1.3 7.3-.2 14.8 3.3 21.3-2.4 3.6-4 7.6-4.7 11.8-1.6 8.9.5 18.1 5.7 25.4 11 15.7 32.6 20.3 48.2 10.4l27.5-17.5c7.5-4.7 12.7-12.4 14.2-21.1 1.3-7.3.2-14.8-3.3-21.3 2.4-3.6 4-7.6 4.7-11.8 1.6-9-.4-18.2-5.7-25.5m-50.9 88.3c-8.9 2.3-18.2-1.2-23.4-8.7-3.2-4.4-4.4-9.9-3.5-15.3.2-.9.4-1.7.6-2.6l.5-1.6 1.4 1c3.3 2.4 6.9 4.2 10.8 5.4l1 .3-.1 1c-.1 1.4.3 2.9 1.1 4.1 1.6 2.3 4.4 3.4 7.1 2.7.6-.2 1.2-.4 1.7-.7l27.4-17.5c1.4-.9 2.3-2.2 2.6-3.8s-.1-3.3-1-4.6c-1.6-2.3-4.4-3.3-7.1-2.6-.6.2-1.2.4-1.7.7l-10.4 6.6c-1.7 1.1-3.6 1.9-5.6 2.4-8.9 2.3-18.2-1.2-23.4-8.7-3.1-4.4-4.4-9.9-3.4-15.3.9-5.2 4.1-9.9 8.6-12.7l27.4-17.5c1.7-1.1 3.6-1.9 5.6-2.5 8.9-2.3 18.2 1.2 23.4 8.7 3.2 4.4 4.4 9.9 3.5 15.3-.2.9-.4 1.7-.7 2.6l-.5 1.6-1.4-1c-3.3-2.4-6.9-4.2-10.8-5.4l-1-.3.1-1c.1-1.4-.3-2.9-1.1-4.1-1.6-2.3-4.4-3.3-7.1-2.6-.6.2-1.2.4-1.7.7l-27.4 17.6c-1.4.9-2.3 2.2-2.6 3.8s.1 3.3 1 4.6c1.6 2.3 4.4 3.3 7.1 2.6.6-.2 1.2-.4 1.7-.7l10.5-6.7c1.7-1.1 3.6-1.9 5.6-2.5 8.9-2.3 18.2 1.2 23.4 8.7 3.2 4.4 4.4 9.9 3.5 15.3-.9 5.2-4.1 9.9-8.6 12.7l-27.4 17.5c-1.8 1.1-3.7 1.9-5.7 2.5"/>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/content/tutorial/02-advanced-svelte/06-classes-and-styles/04-component-styles/app-a/src/lib/Box.svelte b/content/tutorial/02-advanced-svelte/06-classes-and-styles/04-component-styles/app-a/src/lib/Box.svelte
index 523b40a79..87eee2f31 100644
--- a/content/tutorial/02-advanced-svelte/06-classes-and-styles/04-component-styles/app-a/src/lib/Box.svelte
+++ b/content/tutorial/02-advanced-svelte/06-classes-and-styles/04-component-styles/app-a/src/lib/Box.svelte
@@ -1,4 +1,4 @@
-<div class="box" />
+<div class="box"></div>
 
 <style>
 	.box {
diff --git a/content/tutorial/02-advanced-svelte/06-classes-and-styles/04-component-styles/app-b/src/lib/Box.svelte b/content/tutorial/02-advanced-svelte/06-classes-and-styles/04-component-styles/app-b/src/lib/Box.svelte
index 40c4aa7dc..c91e97bf7 100644
--- a/content/tutorial/02-advanced-svelte/06-classes-and-styles/04-component-styles/app-b/src/lib/Box.svelte
+++ b/content/tutorial/02-advanced-svelte/06-classes-and-styles/04-component-styles/app-b/src/lib/Box.svelte
@@ -1,4 +1,4 @@
-<div class="box" />
+<div class="box"></div>
 
 <style>
 	.box {
diff --git a/content/tutorial/02-advanced-svelte/07-composition/01-slots/README.md b/content/tutorial/02-advanced-svelte/07-composition/01-slots/README.md
index fbf7bb8ba..1f9fe948c 100644
--- a/content/tutorial/02-advanced-svelte/07-composition/01-slots/README.md
+++ b/content/tutorial/02-advanced-svelte/07-composition/01-slots/README.md
@@ -15,8 +15,8 @@ Just like elements can have children...
 
 ```svelte
 /// file: Card.svelte
-<div class="card ">
-	+++<slot />+++
+<div class="card">
+	+++<slot></slot>+++
 </div>
 ```
 
diff --git a/content/tutorial/02-advanced-svelte/07-composition/01-slots/app-a/src/lib/paper.svg b/content/tutorial/02-advanced-svelte/07-composition/01-slots/app-a/src/lib/paper.svg
index f8f704fdf..5dba50c15 100644
--- a/content/tutorial/02-advanced-svelte/07-composition/01-slots/app-a/src/lib/paper.svg
+++ b/content/tutorial/02-advanced-svelte/07-composition/01-slots/app-a/src/lib/paper.svg
@@ -6,5 +6,5 @@
 		</feDiffuseLighting>
 	</filter>
 
-	<rect x="0" y="0" width="100%" height="100%" filter="url(#paper)" fill="none" />
-</svg>
\ No newline at end of file
+	<rect x="0" y="0" width="100%" height="100%" filter="url(#paper)" fill="white" />
+</svg>
diff --git a/content/tutorial/02-advanced-svelte/07-composition/02-named-slots/README.md b/content/tutorial/02-advanced-svelte/07-composition/02-named-slots/README.md
index 609166d9b..901e987ce 100644
--- a/content/tutorial/02-advanced-svelte/07-composition/02-named-slots/README.md
+++ b/content/tutorial/02-advanced-svelte/07-composition/02-named-slots/README.md
@@ -10,14 +10,14 @@ Inside `App.svelte`, we're rendering a `<Card>` component that contains `<span s
 /// file: Card.svelte
 <div class="card">
 +++	<header>
-		<slot name="telephone" />
-		<slot name="company" />
+		<slot name="telephone"></slot>
+		<slot name="company"></slot>
 	</header>+++
 
-	<slot />
-		
+	<slot></slot>
+
 +++	<footer>
-		<slot name="address" />
+		<slot name="address"></slot>
 	</footer>+++
 </div>
 ```
@@ -47,7 +47,7 @@ Alternatively, we could use the `:global` modifier inside `Card.svelte` to targe
 ```svelte
 /// file: Card.svelte
 <style>
-	/* ... */ 
+	/* ... */
 
 	+++.card :global(small) {
 		display: block;
@@ -55,4 +55,4 @@ Alternatively, we could use the `:global` modifier inside `Card.svelte` to targe
 		text-align: right;
 	}+++
 </style>
-```
\ No newline at end of file
+```
diff --git a/content/tutorial/02-advanced-svelte/07-composition/02-named-slots/app-a/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/07-composition/02-named-slots/app-a/src/lib/App.svelte
index 594151af4..a9bde36e5 100644
--- a/content/tutorial/02-advanced-svelte/07-composition/02-named-slots/app-a/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/07-composition/02-named-slots/app-a/src/lib/App.svelte
@@ -14,7 +14,7 @@
 			<small>Mergers and Aquisitions</small>
 		</span>
 		
-		<span slot="address">358 Exchange Place, New York, N.Y. 100099 fax 212 555 6390 telex 10 4534</span>
+		<span slot="address">358 Exchange Place, New York, N.Y. 10099 fax 212 555 6390 telex 10 4534</span>
 	</Card>
 </main>
 
diff --git a/content/tutorial/02-advanced-svelte/07-composition/02-named-slots/app-a/src/lib/paper.svg b/content/tutorial/02-advanced-svelte/07-composition/02-named-slots/app-a/src/lib/paper.svg
index f8f704fdf..5dba50c15 100644
--- a/content/tutorial/02-advanced-svelte/07-composition/02-named-slots/app-a/src/lib/paper.svg
+++ b/content/tutorial/02-advanced-svelte/07-composition/02-named-slots/app-a/src/lib/paper.svg
@@ -6,5 +6,5 @@
 		</feDiffuseLighting>
 	</filter>
 
-	<rect x="0" y="0" width="100%" height="100%" filter="url(#paper)" fill="none" />
-</svg>
\ No newline at end of file
+	<rect x="0" y="0" width="100%" height="100%" filter="url(#paper)" fill="white" />
+</svg>
diff --git a/content/tutorial/02-advanced-svelte/07-composition/02-named-slots/app-b/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/07-composition/02-named-slots/app-b/src/lib/App.svelte
index 2613efd08..6ddf52dcc 100644
--- a/content/tutorial/02-advanced-svelte/07-composition/02-named-slots/app-b/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/07-composition/02-named-slots/app-b/src/lib/App.svelte
@@ -14,7 +14,7 @@
 			<small>Mergers and Aquisitions</small>
 		</span>
 		
-		<span slot="address">358 Exchange Place, New York, N.Y. 100099 fax 212 555 6390 telex 10 4534</span>
+		<span slot="address">358 Exchange Place, New York, N.Y. 10099 fax 212 555 6390 telex 10 4534</span>
 	</Card>
 </main>
 
diff --git a/content/tutorial/02-advanced-svelte/07-composition/03-slot-fallbacks/app-a/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/07-composition/03-slot-fallbacks/app-a/src/lib/App.svelte
index 5bb5882ca..b7b99912f 100644
--- a/content/tutorial/02-advanced-svelte/07-composition/03-slot-fallbacks/app-a/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/07-composition/03-slot-fallbacks/app-a/src/lib/App.svelte
@@ -14,7 +14,7 @@
 			<small>Mergers and Aquisitions</small>
 		</span>
 		
-		<span slot="address">358 Exchange Place, New York, N.Y. 100099 fax 212 555 6390 telex 10 4534</span>
+		<span slot="address">358 Exchange Place, New York, N.Y. 10099 fax 212 555 6390 telex 10 4534</span>
 	</Card>
 
 	<Card />
diff --git a/content/tutorial/02-advanced-svelte/07-composition/03-slot-fallbacks/app-a/src/lib/paper.svg b/content/tutorial/02-advanced-svelte/07-composition/03-slot-fallbacks/app-a/src/lib/paper.svg
index f8f704fdf..5dba50c15 100644
--- a/content/tutorial/02-advanced-svelte/07-composition/03-slot-fallbacks/app-a/src/lib/paper.svg
+++ b/content/tutorial/02-advanced-svelte/07-composition/03-slot-fallbacks/app-a/src/lib/paper.svg
@@ -6,5 +6,5 @@
 		</feDiffuseLighting>
 	</filter>
 
-	<rect x="0" y="0" width="100%" height="100%" filter="url(#paper)" fill="none" />
-</svg>
\ No newline at end of file
+	<rect x="0" y="0" width="100%" height="100%" filter="url(#paper)" fill="white" />
+</svg>
diff --git a/content/tutorial/02-advanced-svelte/07-composition/04-slot-props/README.md b/content/tutorial/02-advanced-svelte/07-composition/04-slot-props/README.md
index 896528c17..c8dbd89a4 100644
--- a/content/tutorial/02-advanced-svelte/07-composition/04-slot-props/README.md
+++ b/content/tutorial/02-advanced-svelte/07-composition/04-slot-props/README.md
@@ -12,7 +12,7 @@ Open `FilterableList.svelte`. The `<slot>` is being rendered for each filtered i
 /// file: FilterableList.svelte
 <div class="content">
 	{#each data.filter(matches) as item}
-		<slot +++{item}+++ />
+		<slot +++{item}+++></slot>
 	{/each}
 </div>
 ```
diff --git a/content/tutorial/02-advanced-svelte/07-composition/04-slot-props/app-a/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/07-composition/04-slot-props/app-a/src/lib/App.svelte
index 9757ff15d..1a7c9c9d5 100644
--- a/content/tutorial/02-advanced-svelte/07-composition/04-slot-props/app-a/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/07-composition/04-slot-props/app-a/src/lib/App.svelte
@@ -10,7 +10,7 @@
 	field="name"
 >
 	<header slot="header" class="row">
-		<span class="color" />
+		<span class="color"></span>
 		<span class="name">name</span>
 		<span class="hex">hex</span>
 		<span class="rgb">rgb</span>
@@ -18,7 +18,7 @@
 	</header>
 
 	<div class="row">
-		<span class="color" style="background-color: {row.hex}" />
+		<span class="color" style="background-color: {row.hex}"></span>
 		<span class="name">{row.name}</span>
 		<span class="hex">{row.hex}</span>
 		<span class="rgb">{row.rgb}</span>
diff --git a/content/tutorial/02-advanced-svelte/07-composition/04-slot-props/app-b/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/07-composition/04-slot-props/app-b/src/lib/App.svelte
index a21b37016..34c173fff 100644
--- a/content/tutorial/02-advanced-svelte/07-composition/04-slot-props/app-b/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/07-composition/04-slot-props/app-b/src/lib/App.svelte
@@ -9,7 +9,7 @@
 	let:item={row}
 >
 	<header slot="header" class="row">
-		<span class="color" />
+		<span class="color"></span>
 		<span class="name">name</span>
 		<span class="hex">hex</span>
 		<span class="rgb">rgb</span>
@@ -17,7 +17,7 @@
 	</header>
 
 	<div class="row">
-		<span class="color" style="background-color: {row.hex}" />
+		<span class="color" style="background-color: {row.hex}"></span>
 		<span class="name">{row.name}</span>
 		<span class="hex">{row.hex}</span>
 		<span class="rgb">{row.rgb}</span>
diff --git a/content/tutorial/02-advanced-svelte/07-composition/05-optional-slots/README.md b/content/tutorial/02-advanced-svelte/07-composition/05-optional-slots/README.md
index 7f1d3d859..c9c219f69 100644
--- a/content/tutorial/02-advanced-svelte/07-composition/05-optional-slots/README.md
+++ b/content/tutorial/02-advanced-svelte/07-composition/05-optional-slots/README.md
@@ -7,7 +7,7 @@ In some cases, you may want to control parts of your component based on whether
 ```svelte
 /// file: App.svelte
 ---<header slot="header" class="row">
-	<span class="color" />
+	<span class="color"></span>
 	<span class="name">name</span>
 	<span class="hex">hex</span>
 	<span class="rgb">rgb</span>
@@ -31,7 +31,7 @@ We can fix that by using the special `$$slots` variable in `FilterableList.svelt
 /// file: FilterableList.svelte
 +++{#if $$slots.header}+++
 	<div class="header">
-		<slot name="header"/>
+		<slot name="header"></slot>
 	</div>
 +++{/if}+++
 ```
diff --git a/content/tutorial/02-advanced-svelte/07-composition/05-optional-slots/app-b/src/lib/App.svelte b/content/tutorial/02-advanced-svelte/07-composition/05-optional-slots/app-b/src/lib/App.svelte
index de5be5138..0dde93327 100644
--- a/content/tutorial/02-advanced-svelte/07-composition/05-optional-slots/app-b/src/lib/App.svelte
+++ b/content/tutorial/02-advanced-svelte/07-composition/05-optional-slots/app-b/src/lib/App.svelte
@@ -9,7 +9,7 @@
 	let:item={row}
 >
 	<div class="row">
-		<span class="color" style="background-color: {row.hex}" />
+		<span class="color" style="background-color: {row.hex}"></span>
 		<span class="name">{row.name}</span>
 		<span class="hex">{row.hex}</span>
 		<span class="rgb">{row.rgb}</span>
diff --git a/content/tutorial/02-advanced-svelte/09-special-elements/01-svelte-self/README.md b/content/tutorial/02-advanced-svelte/09-special-elements/01-svelte-self/README.md
index c117ad4ce..ea4e6a572 100644
--- a/content/tutorial/02-advanced-svelte/09-special-elements/01-svelte-self/README.md
+++ b/content/tutorial/02-advanced-svelte/09-special-elements/01-svelte-self/README.md
@@ -20,8 +20,8 @@ It's useful for things like this folder tree view, where folders can contain _ot
 ```svelte
 /// file: Folder.svelte
 {#if file.files}
-	+++<svelte:self {...file}/>+++
+	+++<svelte:self {...file} />+++
 {:else}
-	<File {...file}/>
+	<File {...file} />
 {/if}
 ```
diff --git a/content/tutorial/02-advanced-svelte/09-special-elements/02-svelte-component/README.md b/content/tutorial/02-advanced-svelte/09-special-elements/02-svelte-component/README.md
index 0b31b2f81..bc16deb01 100644
--- a/content/tutorial/02-advanced-svelte/09-special-elements/02-svelte-component/README.md
+++ b/content/tutorial/02-advanced-svelte/09-special-elements/02-svelte-component/README.md
@@ -27,7 +27,7 @@ We _could_ do this with a sequence of `if` blocks...
 	{/each}
 </select>
 
-+++<svelte:component this={selected.component}/>+++
++++<svelte:component this={selected.component} />+++
 ```
 
 The `this` value can be any component constructor, or a falsy value — if it's falsy, no component is rendered.
diff --git a/content/tutorial/02-advanced-svelte/09-special-elements/09-svelte-options/README.md b/content/tutorial/02-advanced-svelte/09-special-elements/09-svelte-options/README.md
index 145ed9407..6514e388c 100644
--- a/content/tutorial/02-advanced-svelte/09-special-elements/09-svelte-options/README.md
+++ b/content/tutorial/02-advanced-svelte/09-special-elements/09-svelte-options/README.md
@@ -26,6 +26,6 @@ The options that can be set here are:
 - `accessors={true}` — adds getters and setters for the component's props
 - `accessors={false}` — the default
 - `namespace="..."` — the namespace where this component will be used, most commonly `"svg"`
-- `tag="..."` — the name to use when compiling this component as a custom element
+- `customElement="..."` — the name to use when compiling this component as a custom element
 
 Consult the [API reference](https://svelte.dev/docs) for more information on these options.
diff --git a/content/tutorial/02-advanced-svelte/10-module-context/01-sharing-code/app-a/src/lib/AudioPlayer.svelte b/content/tutorial/02-advanced-svelte/10-module-context/01-sharing-code/app-a/src/lib/AudioPlayer.svelte
index 1cc7d1737..85be476d6 100644
--- a/content/tutorial/02-advanced-svelte/10-module-context/01-sharing-code/app-a/src/lib/AudioPlayer.svelte
+++ b/content/tutorial/02-advanced-svelte/10-module-context/01-sharing-code/app-a/src/lib/AudioPlayer.svelte
@@ -26,13 +26,13 @@
 		on:ended={() => {
 			time = 0;
 		}}
-	/>
+	></audio>
 
 	<button
 		class="play"
 		aria-label={paused ? 'play' : 'pause'}
 		on:click={() => paused = !paused}
-	/>
+	></button>
 
 	<div class="info">
 		<div class="description">
@@ -68,7 +68,7 @@
 					});
 				}}
 			>
-				<div class="progress" style="--progress: {time / duration}%" />
+				<div class="progress" style="--progress: {time / duration}%"></div>
 			</div>
 			<span>{duration ? format(duration) : '--:--'}</span>
 		</div>
diff --git a/content/tutorial/02-advanced-svelte/10-module-context/01-sharing-code/app-b/src/lib/AudioPlayer.svelte b/content/tutorial/02-advanced-svelte/10-module-context/01-sharing-code/app-b/src/lib/AudioPlayer.svelte
index acafe1bbc..ffdb485d8 100644
--- a/content/tutorial/02-advanced-svelte/10-module-context/01-sharing-code/app-b/src/lib/AudioPlayer.svelte
+++ b/content/tutorial/02-advanced-svelte/10-module-context/01-sharing-code/app-b/src/lib/AudioPlayer.svelte
@@ -38,13 +38,13 @@
 		on:ended={() => {
 			time = 0;
 		}}
-	/>
+	></audio>
 
 	<button
 		class="play"
 		aria-label={paused ? 'play' : 'pause'}
 		on:click={() => paused = !paused}
-	/>
+	></button>
 
 	<div class="info">
 		<div class="description">
@@ -80,7 +80,7 @@
 					});
 				}}
 			>
-				<div class="progress" style="--progress: {time / duration}%" />
+				<div class="progress" style="--progress: {time / duration}%"></div>
 			</div>
 			<span>{duration ? format(duration) : '--:--'}</span>
 		</div>
diff --git a/content/tutorial/02-advanced-svelte/10-module-context/02-module-exports/README.md b/content/tutorial/02-advanced-svelte/10-module-context/02-module-exports/README.md
index 520567dbb..70def8228 100644
--- a/content/tutorial/02-advanced-svelte/10-module-context/02-module-exports/README.md
+++ b/content/tutorial/02-advanced-svelte/10-module-context/02-module-exports/README.md
@@ -21,6 +21,7 @@ We can now import `stopAll` in `App.svelte`...
 /// file: App.svelte
 <script>
 	import AudioPlayer, +++{ stopAll }+++ from './AudioPlayer.svelte';
+	import { tracks } from './tracks.js';
 </script>
 ```
 
diff --git a/content/tutorial/02-advanced-svelte/10-module-context/02-module-exports/app-b/src/lib/AudioPlayer.svelte b/content/tutorial/02-advanced-svelte/10-module-context/02-module-exports/app-b/src/lib/AudioPlayer.svelte
index 0eaa4a16e..323286b79 100644
--- a/content/tutorial/02-advanced-svelte/10-module-context/02-module-exports/app-b/src/lib/AudioPlayer.svelte
+++ b/content/tutorial/02-advanced-svelte/10-module-context/02-module-exports/app-b/src/lib/AudioPlayer.svelte
@@ -42,13 +42,13 @@
 		on:ended={() => {
 			time = 0;
 		}}
-	/>
+	></audio>
 
 	<button
 		class="play"
 		aria-label={paused ? 'play' : 'pause'}
 		on:click={() => paused = !paused}
-	/>
+	></button>
 
 	<div class="info">
 		<div class="description">
@@ -84,7 +84,7 @@
 					});
 				}}
 			>
-				<div class="progress" style="--progress: {time / duration}%" />
+				<div class="progress" style="--progress: {time / duration}%"></div>
 			</div>
 			<span>{duration ? format(duration) : '--:--'}</span>
 		</div>
diff --git a/content/tutorial/02-advanced-svelte/common/src/routes/+error.svelte b/content/tutorial/02-advanced-svelte/common/src/routes/+error.svelte
index 930ccfd10..fb5551052 100644
--- a/content/tutorial/02-advanced-svelte/common/src/routes/+error.svelte
+++ b/content/tutorial/02-advanced-svelte/common/src/routes/+error.svelte
@@ -11,7 +11,7 @@
 		code
 		<a
 			target="_blank"
-			href="https://httpstatusdogs.com/%7B$page.status%7D"
+			href="https://http.dog/%7B$page.status%7D"
 			>{$page.status}</a
 		>
 	</p>
diff --git a/content/tutorial/03-sveltekit/02-routing/02-layouts/README.md b/content/tutorial/03-sveltekit/02-routing/02-layouts/README.md
index e7812fead..79898d168 100644
--- a/content/tutorial/03-sveltekit/02-routing/02-layouts/README.md
+++ b/content/tutorial/03-sveltekit/02-routing/02-layouts/README.md
@@ -14,7 +14,7 @@ src/routes/
 └ +page.svelte
 ```
 
-...and move the duplicated content from the `+page.svelte` files into the new `+layout.svelte` file. The `<slot />` element is where the page content will be rendered:
+...and move the duplicated content from the `+page.svelte` files into the new `+layout.svelte` file. The `<slot></slot>` element is where the page content will be rendered:
 
 ```svelte
 /// file: src/routes/+layout.svelte
@@ -23,7 +23,7 @@ src/routes/
 	<a href="http://github.com/about">about</a>
 </nav>
 
-<slot />
+<slot></slot>
 ```
 
 A `+layout.svelte` file applies to every child route, including the sibling `+page.svelte` (if it exists). You can nest layouts to arbitrary depth.
diff --git a/content/tutorial/03-sveltekit/03-loading-data/01-page-data/README.md b/content/tutorial/03-sveltekit/03-loading-data/01-page-data/README.md
index f23ff32c3..8d9b4049b 100644
--- a/content/tutorial/03-sveltekit/03-loading-data/01-page-data/README.md
+++ b/content/tutorial/03-sveltekit/03-loading-data/01-page-data/README.md
@@ -7,7 +7,7 @@ At its core, SvelteKit's job boils down to three things:
 
 1. **Routing** — figure out which route matches an incoming request
 2. **Loading** — get the data needed by the route
-3. **Rendering** - generate some HTML (on the server) or update the DOM (in the browser)
+3. **Rendering** — generate some HTML (on the server) or update the DOM (in the browser)
 
 We've seen how routing and rendering work. Let's talk about the middle part — loading.
 
diff --git a/content/tutorial/03-sveltekit/03-loading-data/02-layout-data/README.md b/content/tutorial/03-sveltekit/03-loading-data/02-layout-data/README.md
index 3b25ecf82..a96aab1ad 100644
--- a/content/tutorial/03-sveltekit/03-loading-data/02-layout-data/README.md
+++ b/content/tutorial/03-sveltekit/03-loading-data/02-layout-data/README.md
@@ -19,7 +19,7 @@ Now, add a sidebar in the layout for the post page:
 
 <div class="layout">
 	<main>
-		<slot />
+		<slot></slot>
 	</main>
 
 +++	<aside>
@@ -45,6 +45,6 @@ Now, add a sidebar in the layout for the post page:
 </style>
 ```
 
-The layout (and the page below it) inherits `data.summaries` from the parent `+layout.server.js`.
+The layout (and any page below it) inherits `data.summaries` from the parent `+layout.server.js`.
 
 When we navigate from one post to another, we only need to load the data for the post itself — the layout data is still valid. See the documentation on [invalidation](https://kit.svelte.dev/docs/load#rerunning-load-functions) to learn more.
diff --git a/content/tutorial/03-sveltekit/04-headers-and-cookies/02-cookies/README.md b/content/tutorial/03-sveltekit/04-headers-and-cookies/02-cookies/README.md
index 252008899..156b748f6 100644
--- a/content/tutorial/03-sveltekit/04-headers-and-cookies/02-cookies/README.md
+++ b/content/tutorial/03-sveltekit/04-headers-and-cookies/02-cookies/README.md
@@ -12,7 +12,7 @@ export function load(+++{ cookies }+++) {
 	+++const visited = cookies.get('visited');+++
 
 	return {
-		visited
+		visited: visited === 'true'
 	};
 }
 ```
@@ -27,7 +27,7 @@ export function load({ cookies }) {
 	+++cookies.set('visited', 'true', { path: '/' });+++
 
 	return {
-		visited
+		visited: visited === 'true'
 	};
 }
 ```
diff --git a/content/tutorial/03-sveltekit/04-headers-and-cookies/02-cookies/app-a/src/routes/+page.server.js b/content/tutorial/03-sveltekit/04-headers-and-cookies/02-cookies/app-a/src/routes/+page.server.js
index 4be89201b..19467be55 100644
--- a/content/tutorial/03-sveltekit/04-headers-and-cookies/02-cookies/app-a/src/routes/+page.server.js
+++ b/content/tutorial/03-sveltekit/04-headers-and-cookies/02-cookies/app-a/src/routes/+page.server.js
@@ -1,7 +1,7 @@
 export function load() {
-	const visited = false;
+	const visited = 'false';
 
 	return {
-		visited
+		visited: visited === 'true'
 	};
 }
diff --git a/content/tutorial/03-sveltekit/06-forms/01-the-form-element/README.md b/content/tutorial/03-sveltekit/06-forms/01-the-form-element/README.md
index 2bccee00f..7532c768e 100644
--- a/content/tutorial/03-sveltekit/06-forms/01-the-form-element/README.md
+++ b/content/tutorial/03-sveltekit/06-forms/01-the-form-element/README.md
@@ -2,7 +2,7 @@
 title: The <form> element
 ---
 
-In the [chapter on loading](page-data), we saw how to get data from the server to the browser. Sometimes you need to send data in the opposite direction, and that's where `<form>` — the web platform's way of submitting data — comes in.
+In the chapter on [loading data](page-data), we saw how to get data from the server to the browser. Sometimes you need to send data in the opposite direction, and that's where `<form>` — the web platform's way of submitting data — comes in.
 
 Let's build a todo app. We've already got an in-memory database set up in `src/lib/server/database.js`, and our `load` function in `src/routes/+page.server.js` uses the [`cookies`](https://kit.svelte.dev/docs/load#cookies) API so that we can have a per-user todo list, but we need to add a `<form>` to create new todos:
 
diff --git a/content/tutorial/03-sveltekit/06-forms/01-the-form-element/app-a/src/routes/+page.server.js b/content/tutorial/03-sveltekit/06-forms/01-the-form-element/app-a/src/routes/+page.server.js
index d6e0c46da..61043a16b 100644
--- a/content/tutorial/03-sveltekit/06-forms/01-the-form-element/app-a/src/routes/+page.server.js
+++ b/content/tutorial/03-sveltekit/06-forms/01-the-form-element/app-a/src/routes/+page.server.js
@@ -1,13 +1,14 @@
 import * as db from '$lib/server/database.js';
 
 export function load({ cookies }) {
-	const id = cookies.get('userid');
+	let id = cookies.get('userid');
 
 	if (!id) {
-		cookies.set('userid', crypto.randomUUID(), { path: '/' });
+		id = crypto.randomUUID();
+		cookies.set('userid', id, { path: '/' });
 	}
 
 	return {
-		todos: db.getTodos(id) ?? []
+		todos: db.getTodos(id)
 	};
 }
diff --git a/content/tutorial/03-sveltekit/06-forms/01-the-form-element/app-b/src/routes/+page.server.js b/content/tutorial/03-sveltekit/06-forms/01-the-form-element/app-b/src/routes/+page.server.js
index d2627e926..4fe5d4667 100644
--- a/content/tutorial/03-sveltekit/06-forms/01-the-form-element/app-b/src/routes/+page.server.js
+++ b/content/tutorial/03-sveltekit/06-forms/01-the-form-element/app-b/src/routes/+page.server.js
@@ -1,14 +1,15 @@
 import * as db from '$lib/server/database.js';
 
 export function load({ cookies }) {
-	const id = cookies.get('userid');
+	let id = cookies.get('userid');
 
 	if (!id) {
-		cookies.set('userid', crypto.randomUUID(), { path: '/' });
+		id = crypto.randomUUID();
+		cookies.set('userid', id, { path: '/' });
 	}
 
 	return {
-		todos: db.getTodos(id) ?? []
+		todos: db.getTodos(id)
 	};
 }
 
diff --git a/content/tutorial/03-sveltekit/06-forms/02-named-form-actions/README.md b/content/tutorial/03-sveltekit/06-forms/02-named-form-actions/README.md
index 83a3048cb..cd83beefa 100644
--- a/content/tutorial/03-sveltekit/06-forms/02-named-form-actions/README.md
+++ b/content/tutorial/03-sveltekit/06-forms/02-named-form-actions/README.md
@@ -50,7 +50,7 @@ Next, we want to create a form for each todo, complete with a hidden `<input>` t
 +++			<form method="POST" action="http://github.com/?/delete">
 				<input type="hidden" name="id" value={todo.id} />
 				<span>{todo.description}</span>
-				<button aria-label="Mark as complete" />
+				<button aria-label="Mark as complete"></button>
 			</form>+++
 		</li>
 	{/each}
diff --git a/content/tutorial/03-sveltekit/06-forms/02-named-form-actions/app-b/src/routes/+page.server.js b/content/tutorial/03-sveltekit/06-forms/02-named-form-actions/app-b/src/routes/+page.server.js
index 40015d591..42edcc09f 100644
--- a/content/tutorial/03-sveltekit/06-forms/02-named-form-actions/app-b/src/routes/+page.server.js
+++ b/content/tutorial/03-sveltekit/06-forms/02-named-form-actions/app-b/src/routes/+page.server.js
@@ -1,14 +1,15 @@
 import * as db from '$lib/server/database.js';
 
 export function load({ cookies }) {
-	const id = cookies.get('userid');
+	let id = cookies.get('userid');
 
 	if (!id) {
-		cookies.set('userid', crypto.randomUUID(), { path: '/' });
+		id = crypto.randomUUID();
+		cookies.set('userid', id, { path: '/' });
 	}
 
 	return {
-		todos: db.getTodos(id) ?? []
+		todos: db.getTodos(id)
 	};
 }
 
diff --git a/content/tutorial/03-sveltekit/06-forms/02-named-form-actions/app-b/src/routes/+page.svelte b/content/tutorial/03-sveltekit/06-forms/02-named-form-actions/app-b/src/routes/+page.svelte
index 7896e68b9..f5cf596ce 100644
--- a/content/tutorial/03-sveltekit/06-forms/02-named-form-actions/app-b/src/routes/+page.svelte
+++ b/content/tutorial/03-sveltekit/06-forms/02-named-form-actions/app-b/src/routes/+page.svelte
@@ -21,7 +21,7 @@
 				<form method="POST" action="http://github.com/?/delete">
 					<input type="hidden" name="id" value={todo.id} />
 					<span>{todo.description}</span>
-					<button aria-label="Mark as complete" />
+					<button aria-label="Mark as complete"></button>
 				</form>
 			</li>
 		{/each}
diff --git a/content/tutorial/03-sveltekit/06-forms/03-form-validation/README.md b/content/tutorial/03-sveltekit/06-forms/03-form-validation/README.md
index 1b6130282..4b7431efc 100644
--- a/content/tutorial/03-sveltekit/06-forms/03-form-validation/README.md
+++ b/content/tutorial/03-sveltekit/06-forms/03-form-validation/README.md
@@ -82,23 +82,24 @@ In `src/routes/+page.svelte`, we can access the returned value via the `form` pr
 	+++export let form;+++
 </script>
 
-<h1>todos</h1>
-
-+++{#if form?.error}
-	<p class="error">{form.error}</p>
-{/if}+++
-
-<form method="POST" action="http://github.com/?/create">
-	<label>
-		add a todo:
-		<input
-			name="description"
-			+++value={form?.description ?? ''}+++
-			autocomplete="off"
-			required
-		/>
-	</label>
-</form>
+<div class="centered">
+	<h1>todos</h1>
+	
+	+++{#if form?.error}
+		<p class="error">{form.error}</p>
+	{/if}+++
+	
+	<form method="POST" action="http://github.com/?/create">
+		<label>
+			add a todo:
+			<input
+				name="description"
+				+++value={form?.description ?? ''}+++
+				autocomplete="off"
+				required
+			/>
+		</label>
+	</form>
 ```
 
 > You can also return data from an action _without_ wrapping it in `fail` — for example to show a 'success!' message when data was saved — and it will be available via the `form` prop.
diff --git a/content/tutorial/03-sveltekit/06-forms/03-form-validation/app-b/src/routes/+page.server.js b/content/tutorial/03-sveltekit/06-forms/03-form-validation/app-b/src/routes/+page.server.js
index c91d6fd60..41dc94f2f 100644
--- a/content/tutorial/03-sveltekit/06-forms/03-form-validation/app-b/src/routes/+page.server.js
+++ b/content/tutorial/03-sveltekit/06-forms/03-form-validation/app-b/src/routes/+page.server.js
@@ -2,14 +2,15 @@ import { fail } from '@sveltejs/kit';
 import * as db from '$lib/server/database.js';
 
 export function load({ cookies }) {
-	const id = cookies.get('userid');
+	let id = cookies.get('userid');
 
 	if (!id) {
-		cookies.set('userid', crypto.randomUUID(), { path: '/' });
+		id = crypto.randomUUID();
+		cookies.set('userid', id, { path: '/' });
 	}
 
 	return {
-		todos: db.getTodos(id) ?? []
+		todos: db.getTodos(id)
 	};
 }
 
diff --git a/content/tutorial/03-sveltekit/06-forms/03-form-validation/app-b/src/routes/+page.svelte b/content/tutorial/03-sveltekit/06-forms/03-form-validation/app-b/src/routes/+page.svelte
index 8346527df..ae217b114 100644
--- a/content/tutorial/03-sveltekit/06-forms/03-form-validation/app-b/src/routes/+page.svelte
+++ b/content/tutorial/03-sveltekit/06-forms/03-form-validation/app-b/src/routes/+page.svelte
@@ -28,7 +28,7 @@
 				<form method="POST" action="http://github.com/?/delete">
 					<input type="hidden" name="id" value={todo.id} />
 					<span>{todo.description}</span>
-					<button aria-label="Mark as complete" />
+					<button aria-label="Mark as complete"></button>
 				</form>
 			</li>
 		{/each}
diff --git a/content/tutorial/03-sveltekit/06-forms/04-progressive-enhancement/app-b/src/routes/+page.svelte b/content/tutorial/03-sveltekit/06-forms/04-progressive-enhancement/app-b/src/routes/+page.svelte
index 02f648ab4..dba733d18 100644
--- a/content/tutorial/03-sveltekit/06-forms/04-progressive-enhancement/app-b/src/routes/+page.svelte
+++ b/content/tutorial/03-sveltekit/06-forms/04-progressive-enhancement/app-b/src/routes/+page.svelte
@@ -31,7 +31,7 @@
 				<form method="POST" action="http://github.com/?/delete" use:enhance>
 					<input type="hidden" name="id" value={todo.id} />
 					<span>{todo.description}</span>
-					<button aria-label="Mark as complete" />
+					<button aria-label="Mark as complete"></button>
 				</form>
 			</li>
 		{/each}
@@ -66,4 +66,12 @@
 		opacity: 0.5;
 		transition: opacity 0.2s;
 	}
+
+	button:hover {
+		opacity: 1;
+	}
+
+	.saving {
+		opacity: 0.5;
+	}
 </style>
diff --git a/content/tutorial/03-sveltekit/06-forms/05-customizing-use-enhance/app-b/src/routes/+page.server.js b/content/tutorial/03-sveltekit/06-forms/05-customizing-use-enhance/app-b/src/routes/+page.server.js
index 334b79ddd..f05f751cb 100644
--- a/content/tutorial/03-sveltekit/06-forms/05-customizing-use-enhance/app-b/src/routes/+page.server.js
+++ b/content/tutorial/03-sveltekit/06-forms/05-customizing-use-enhance/app-b/src/routes/+page.server.js
@@ -2,14 +2,15 @@ import { fail } from '@sveltejs/kit';
 import * as db from '$lib/server/database.js';
 
 export function load({ cookies }) {
-	const id = cookies.get('userid');
+	let id = cookies.get('userid');
 
 	if (!id) {
-		cookies.set('userid', crypto.randomUUID(), { path: '/' });
+		id = crypto.randomUUID();
+		cookies.set('userid', id, { path: '/' });
 	}
 
 	return {
-		todos: db.getTodos(id) ?? []
+		todos: db.getTodos(id)
 	};
 }
 
diff --git a/content/tutorial/03-sveltekit/06-forms/05-customizing-use-enhance/app-b/src/routes/+page.svelte b/content/tutorial/03-sveltekit/06-forms/05-customizing-use-enhance/app-b/src/routes/+page.svelte
index a7770b986..51c5b9251 100644
--- a/content/tutorial/03-sveltekit/06-forms/05-customizing-use-enhance/app-b/src/routes/+page.svelte
+++ b/content/tutorial/03-sveltekit/06-forms/05-customizing-use-enhance/app-b/src/routes/+page.svelte
@@ -56,7 +56,7 @@
 				>
 					<input type="hidden" name="id" value={todo.id} />
 					<span>{todo.description}</span>
-					<button aria-label="Mark as complete" />
+					<button aria-label="Mark as complete"></button>
 				</form>
 			</li>
 		{/each}
diff --git a/content/tutorial/03-sveltekit/07-api-routes/02-post-handlers/README.md b/content/tutorial/03-sveltekit/07-api-routes/02-post-handlers/README.md
index d85a3f2f2..7be2a7929 100644
--- a/content/tutorial/03-sveltekit/07-api-routes/02-post-handlers/README.md
+++ b/content/tutorial/03-sveltekit/07-api-routes/02-post-handlers/README.md
@@ -12,20 +12,20 @@ Inside the `keydown` event handler of the 'add a todo' `<input>`, let's post som
 	type="text"
 	autocomplete="off"
 	on:keydown={async (e) => {
-		if (e.key === 'Enter') {
-			const input = e.currentTarget;
-			const description = input.value;
-
-+++			const response = await fetch('http://github.com/todo', {
-				method: 'POST',
-				body: JSON.stringify({ description }),
-				headers: {
-					'Content-Type': 'application/json'
-				}
-			});+++
-
-			input.value = '';
-		}
+		if (e.key !== 'Enter') return;
+
+		const input = e.currentTarget;
+		const description = input.value;
+
++++		const response = await fetch('http://github.com/todo', {
+			method: 'POST',
+			body: JSON.stringify({ description }),
+			headers: {
+				'Content-Type': 'application/json'
+			}
+		});+++
+
+		input.value = '';
 	}}
 />
 ```
@@ -51,7 +51,7 @@ export async function POST({ request, cookies }) {
 
 As with `load` functions and form actions, the `request` is a standard [Request](https://developer.mozilla.org/en-US/docs/Web/API/Request) object; `await request.json()` returns the data that we posted from the event handler.
 
-We're returning a response with a [201 Created](https://httpstatusdogs.com/201-created) status and the `id` of the newly generated todo in our database. Back in the event handler, we can use this to update the page:
+We're returning a response with a [201 Created](https://http.dog/201) status and the `id` of the newly generated todo in our database. Back in the event handler, we can use this to update the page:
 
 ```svelte
 /// file: src/routes/+page.svelte
@@ -59,27 +59,27 @@ We're returning a response with a [201 Created](https://httpstatusdogs.com/201-c
 	type="text"
 	autocomplete="off"
 	on:keydown={async (e) => {
-		if (e.key === 'Enter') {
-			const input = e.currentTarget;
-			const description = input.value;
-
-			const response = await fetch('http://github.com/todo', {
-				method: 'POST',
-				body: JSON.stringify({ description }),
-				headers: {
-					'Content-Type': 'application/json'
-				}
-			});
-
-+++			const { id } = await response.json();
-
-			data.todos = [...data.todos, {
-				id,
-				description
-			}];+++
-
-			input.value = '';
-		}
+		if (e.key !== 'Enter') return;
+
+		const input = e.currentTarget;
+		const description = input.value;
+
+		const response = await fetch('http://github.com/todo', {
+			method: 'POST',
+			body: JSON.stringify({ description }),
+			headers: {
+				'Content-Type': 'application/json'
+			}
+		});
+
++++		const { id } = await response.json();
+
+		data.todos = [...data.todos, {
+			id,
+			description
+		}];+++
+
+		input.value = '';
 	}}
 />
 ```
diff --git a/content/tutorial/03-sveltekit/07-api-routes/02-post-handlers/app-a/src/routes/+page.svelte b/content/tutorial/03-sveltekit/07-api-routes/02-post-handlers/app-a/src/routes/+page.svelte
index d2a9e1c83..2d6b71bae 100644
--- a/content/tutorial/03-sveltekit/07-api-routes/02-post-handlers/app-a/src/routes/+page.svelte
+++ b/content/tutorial/03-sveltekit/07-api-routes/02-post-handlers/app-a/src/routes/+page.svelte
@@ -11,14 +11,14 @@
 			type="text"
 			autocomplete="off"
 			on:keydown={async (e) => {
-				if (e.key === 'Enter') {
-					const input = e.currentTarget;
-					const description = input.value;
-					
-					// TODO handle submit
+				if (e.key !== 'Enter') return;
 
-					input.value = '';
-				}
+				const input = e.currentTarget;
+				const description = input.value;
+				
+				// TODO handle submit
+
+				input.value = '';
 			}}
 		/>
 	</label>
@@ -42,7 +42,7 @@
 						on:click={async (e) => {
 							// TODO handle delete
 						}}
-					/>
+					></button>
 				</label>
 			</li>
 		{/each}
diff --git a/content/tutorial/03-sveltekit/07-api-routes/02-post-handlers/app-b/src/routes/+page.svelte b/content/tutorial/03-sveltekit/07-api-routes/02-post-handlers/app-b/src/routes/+page.svelte
index 901216e14..50ed0a9c0 100644
--- a/content/tutorial/03-sveltekit/07-api-routes/02-post-handlers/app-b/src/routes/+page.svelte
+++ b/content/tutorial/03-sveltekit/07-api-routes/02-post-handlers/app-b/src/routes/+page.svelte
@@ -11,27 +11,27 @@
 			type="text"
 			autocomplete="off"
 			on:keydown={async (e) => {
-				if (e.key === 'Enter') {
-					const input = e.currentTarget;
-					const description = input.value;
-					
-					const response = await fetch('http://github.com/todo', {
-						method: 'POST',
-						body: JSON.stringify({ description }),
-						headers: {
-							'Content-Type': 'application/json'
-						}
-					});
+				if (e.key !== 'Enter') return;
 
-					const { id } = await response.json();
+				const input = e.currentTarget;
+				const description = input.value;
+				
+				const response = await fetch('http://github.com/todo', {
+					method: 'POST',
+					body: JSON.stringify({ description }),
+					headers: {
+						'Content-Type': 'application/json'
+					}
+				});
 
-					data.todos = [...data.todos, {
-						id,
-						description
-					}];
+				const { id } = await response.json();
 
-					input.value = '';
-				}
+				data.todos = [...data.todos, {
+					id,
+					description
+				}];
+
+				input.value = '';
 			}}
 		/>
 	</label>
@@ -55,7 +55,7 @@
 						on:click={async (e) => {
 							// TODO handle delete
 						}}
-					/>
+					></button>
 				</label>
 			</li>
 		{/each}
diff --git a/content/tutorial/03-sveltekit/07-api-routes/03-other-handlers/README.md b/content/tutorial/03-sveltekit/07-api-routes/03-other-handlers/README.md
index b27606b61..499744d03 100644
--- a/content/tutorial/03-sveltekit/07-api-routes/03-other-handlers/README.md
+++ b/content/tutorial/03-sveltekit/07-api-routes/03-other-handlers/README.md
@@ -24,7 +24,7 @@ export async function DELETE({ params, cookies }) {
 }
 ```
 
-Since we don't need to return any actual data to the browser, we're returning an empty [Response](https://developer.mozilla.org/en-US/docs/Web/API/Response) with a [204 No Content](https://httpstatusdogs.com/204-no-content) status.
+Since we don't need to return any actual data to the browser, we're returning an empty [Response](https://developer.mozilla.org/en-US/docs/Web/API/Response) with a [204 No Content](https://http.dog/204) status.
 
 We can now interact with this endpoint inside our event handlers:
 
@@ -56,6 +56,6 @@ We can now interact with this endpoint inside our event handlers:
 
 			data.todos = data.todos.filter((t) => t !== todo);+++
 		}}
-	/>
+	></button>
 </label>
 ```
diff --git a/content/tutorial/03-sveltekit/07-api-routes/03-other-handlers/app-b/src/routes/+page.svelte b/content/tutorial/03-sveltekit/07-api-routes/03-other-handlers/app-b/src/routes/+page.svelte
index 009d8bcfd..f5b26108a 100644
--- a/content/tutorial/03-sveltekit/07-api-routes/03-other-handlers/app-b/src/routes/+page.svelte
+++ b/content/tutorial/03-sveltekit/07-api-routes/03-other-handlers/app-b/src/routes/+page.svelte
@@ -11,27 +11,27 @@
 			type="text"
 			autocomplete="off"
 			on:keydown={async (e) => {
-				if (e.key === 'Enter') {
-					const input = e.currentTarget;
-					const description = input.value;
-					
-					const response = await fetch('http://github.com/todo', {
-						method: 'POST',
-						body: JSON.stringify({ description }),
-						headers: {
-							'Content-Type': 'application/json'
-						}
-					});
+				if (e.key !== 'Enter') return;
 
-					const { id } = await response.json();
+				const input = e.currentTarget;
+				const description = input.value;
+				
+				const response = await fetch('http://github.com/todo', {
+					method: 'POST',
+					body: JSON.stringify({ description }),
+					headers: {
+						'Content-Type': 'application/json'
+					}
+				});
 
-					data.todos = [...data.todos, {
-						id,
-						description
-					}];
+				const { id } = await response.json();
 
-					input.value = '';
-				}
+				data.todos = [...data.todos, {
+					id,
+					description
+				}];
+
+				input.value = '';
 			}}
 		/>
 	</label>
@@ -65,7 +65,7 @@
 
 							data.todos = data.todos.filter((t) => t !== todo);
 						}}
-					/>
+					></button>
 				</label>
 			</li>
 		{/each}
diff --git a/content/tutorial/03-sveltekit/08-stores/01-page-store/README.md b/content/tutorial/03-sveltekit/08-stores/01-page-store/README.md
index bfac69ec8..dddb21220 100644
--- a/content/tutorial/03-sveltekit/08-stores/01-page-store/README.md
+++ b/content/tutorial/03-sveltekit/08-stores/01-page-store/README.md
@@ -6,13 +6,13 @@ As we learned [earlier](writable-stores), Svelte stores are a place to put data
 
 SvelteKit makes three readonly stores available via the `$app/stores` module — `page`, `navigating` and `updated`. The one you'll use most often is [`page`](https://kit.svelte.dev/docs/types#public-types-page), which provides information about the current page:
 
-* `url` — the [URL](https://developer.mozilla.org/en-US/docs/Web/API/URL) of the current page
-* `params` — the current page's [parameters](params)
-* `route` — an object with an `id` property representing the current route
-* `status` — the HTTP status code of the current page
-* `error` — the error object of the current page, if any (you'll learn more about error handling in [later](error-basics) [exercises](handleerror))
-* `data` — the data for the current page, combining the return values of all `load` functions
-* `form` — the data returned from a [form action](the-form-element)
+- `url` — the [URL](https://developer.mozilla.org/en-US/docs/Web/API/URL) of the current page
+- `params` — the current page's [parameters](params)
+- `route` — an object with an `id` property representing the current route
+- `status` — the HTTP status code of the current page
+- `error` — the error object of the current page, if any (you'll learn more about error handling in [later](error-basics) [exercises](handleerror))
+- `data` — the data for the current page, combining the return values of all `load` functions
+- `form` — the data returned from a [form action](the-form-element)
 
 As with any other store, you can reference its value in a component by prefixing its name with the `$` symbol. For example, we can access the current pathname as `$page.url.pathname`:
 
@@ -32,5 +32,5 @@ As with any other store, you can reference its value in a component by prefixing
 	</a>
 </nav>
 
-<slot />
+<slot></slot>
 ```
diff --git a/content/tutorial/03-sveltekit/08-stores/02-navigating-store/README.md b/content/tutorial/03-sveltekit/08-stores/02-navigating-store/README.md
index fe0f24019..6da1d963e 100644
--- a/content/tutorial/03-sveltekit/08-stores/02-navigating-store/README.md
+++ b/content/tutorial/03-sveltekit/08-stores/02-navigating-store/README.md
@@ -2,7 +2,7 @@
 title: navigating
 ---
 
-The `navigating` store represents the current navigation. When a navigation starts — because of a link click, or a back/forward navigation, or a programmatic `goto` — the value of `navigation` will become an object with the following properties:
+The `navigating` store represents the current navigation. When a navigation starts — because of a link click, or a back/forward navigation, or a programmatic `goto` — the value of `navigating` will become an object with the following properties:
 
 - `from` and `to` — objects with `params`, `route` and `url` properties
 - `type` — the type of navigation, e.g. `link`, `popstate` or `goto`
@@ -31,5 +31,5 @@ It can be used to show a loading indicator for long-running navigations. In this
 	{/if}+++
 </nav>
 
-<slot />
-```
\ No newline at end of file
+<slot></slot>
+```
diff --git a/content/tutorial/03-sveltekit/08-stores/03-updated-store/README.md b/content/tutorial/03-sveltekit/08-stores/03-updated-store/README.md
index 23f034492..967284576 100644
--- a/content/tutorial/03-sveltekit/08-stores/03-updated-store/README.md
+++ b/content/tutorial/03-sveltekit/08-stores/03-updated-store/README.md
@@ -4,38 +4,29 @@ title: updated
 
 The `updated` store contains `true` or `false` depending on whether a new version of the app has been deployed since the page was first opened. For this to work, your `svelte.config.js` must specify `kit.version.pollInterval`.
 
-Version changes only happens in production, not during development. For that reason, `$updated` will always be `false` in this tutorial.
-
-You can manually check for new versions, regardless of `pollInterval`, by calling `updated.check()`.
-
 ```svelte
 /// file: src/routes/+layout.svelte
 <script>
 	import { page, navigating, +++updated+++ } from '$app/stores';
 </script>
+```
 
-<nav>
-	<a href="http://github.com/" aria-current={$page.url.pathname === '/'}>
-		home
-	</a>
-
-	<a href="http://github.com/about" aria-current={$page.url.pathname === '/about'}>
-		about
-	</a>
+Version changes only happen in production, not during development. For that reason, `$updated` will always be `false` in this tutorial.
 
-	{#if $navigating}
-		navigating to {$navigating.to.url.pathname}
-	{/if}
-</nav>
-
-<slot />
+You can manually check for new versions, regardless of `pollInterval`, by calling `updated.check()`.
 
-+++{#if $updated}
-	<p class="toast">
-		A new version of the app is available
+```svelte
+/// file: src/routes/+layout.svelte
 
-		<button on:click={() => location.reload()}>
-			reload the page
-		</button>
-	</p>
-{/if}+++
++++{#if $updated}+++
+	<div class="toast">
+		<p>
+			A new version of the app is available
+
+			<button on:click={() => location.reload()}>
+				reload the page
+			</button>
+		</p>
+	</div>
++++{/if}+++
+```
diff --git a/content/tutorial/03-sveltekit/08-stores/03-updated-store/app-a/src/routes/+layout.svelte b/content/tutorial/03-sveltekit/08-stores/03-updated-store/app-a/src/routes/+layout.svelte
index a00cb3018..6932ab024 100644
--- a/content/tutorial/03-sveltekit/08-stores/03-updated-store/app-a/src/routes/+layout.svelte
+++ b/content/tutorial/03-sveltekit/08-stores/03-updated-store/app-a/src/routes/+layout.svelte
@@ -1,5 +1,5 @@
 <script>
-	import { page, navigating, updated } from '$app/stores';
+	import { page, navigating } from '$app/stores';
 </script>
 
 <nav>
@@ -18,12 +18,35 @@
 
 <slot />
 
-{#if $updated}
-	<p class="toast">
+<div class="toast">
+	<p>
 		A new version of the app is available
 
 		<button on:click={() => location.reload()}>
 			reload the page
 		</button>
 	</p>
-{/if}
+</div>
+
+<style>
+	.toast {
+		position: fixed;
+		left: 0;
+		bottom: 0;
+		width: 100%;
+		padding: 1rem;
+		display: flex;
+		justify-content: center;
+		gap: 1rem;
+	}
+
+	.toast p {
+		display: flex;
+		align-items: center;
+		gap: 1rem;
+		background: var(--bg-2);
+		padding: 0.5rem 0.5rem 0.5rem 1rem;
+		border-radius: 4px;
+	}
+</style>
+
diff --git a/content/tutorial/03-sveltekit/08-stores/03-updated-store/app-b/src/routes/+layout.svelte b/content/tutorial/03-sveltekit/08-stores/03-updated-store/app-b/src/routes/+layout.svelte
new file mode 100644
index 000000000..b3e8607c1
--- /dev/null
+++ b/content/tutorial/03-sveltekit/08-stores/03-updated-store/app-b/src/routes/+layout.svelte
@@ -0,0 +1,54 @@
+<script>
+	import { page, navigating, updated } from '$app/stores';
+</script>
+
+<nav>
+	<a href="http://github.com/" aria-current={$page.url.pathname === '/'}>
+		home
+	</a>
+
+	<a href="http://github.com/about" aria-current={$page.url.pathname === '/about'}>
+		about
+	</a>
+
+	{#if $navigating}
+		navigating to {$navigating.to.url.pathname}
+	{/if}
+</nav>
+
+<slot />
+
+{#if $updated}
+	<div class="toast">
+		<p>
+			A new version of the app is available
+
+			<button on:click={() => location.reload()}>
+				reload the page
+			</button>
+		</p>
+	</div>
+{/if}
+
+<style>
+	.toast {
+		position: fixed;
+		left: 0;
+		bottom: 0;
+		width: 100%;
+		padding: 1rem;
+		display: flex;
+		justify-content: center;
+		gap: 1rem;
+	}
+
+	.toast p {
+		display: flex;
+		align-items: center;
+		gap: 1rem;
+		background: var(--bg-2);
+		padding: 0.5rem 0.5rem 0.5rem 1rem;
+		border-radius: 4px;
+	}
+</style>
+
diff --git a/content/tutorial/04-advanced-sveltekit/04-advanced-routing/04-route-groups/README.md b/content/tutorial/04-advanced-sveltekit/04-advanced-routing/04-route-groups/README.md
index 4733237b8..1acf11565 100644
--- a/content/tutorial/04-advanced-sveltekit/04-advanced-routing/04-route-groups/README.md
+++ b/content/tutorial/04-advanced-sveltekit/04-advanced-routing/04-route-groups/README.md
@@ -27,7 +27,7 @@ We can also add some UI to these two routes by adding a `src/routes/(authed)/+la
 
 ```svelte
 /// file: src/routes/(authed)/+layout.svelte
-<slot />
+<slot></slot>
 
 <form method="POST" action="http://github.com/logout">
 	<button>log out</button>
diff --git a/content/tutorial/common/src/app.html b/content/tutorial/common/src/app.html
index e279a76a2..d904c3713 100644
--- a/content/tutorial/common/src/app.html
+++ b/content/tutorial/common/src/app.html
@@ -121,6 +121,7 @@
 			input,
 			textarea {
 				background: var(--bg-1);
+				color: inherit;
 			}
 
 			select:not([multiple]) {
@@ -182,7 +183,7 @@
 				margin-top: 0;
 			}
 
-			progress:lsat-child {
+			progress:last-child {
 				margin-bottom: 0;
 			}
 
diff --git a/middleware.js b/middleware.js
index 9969d7b43..3772ac57c 100644
--- a/middleware.js
+++ b/middleware.js
@@ -1,5 +1,5 @@
 export const config = {
-	matcher: ['/((?!assets\/).*)'],
+	matcher: ['/((?!assets\/).*)']
 };
 
 export default function middleware(_request, _event) {
diff --git a/package.json b/package.json
index 2a962bb03..24268417a 100644
--- a/package.json
+++ b/package.json
@@ -13,55 +13,61 @@
 		"format": "prettier --ignore-path .gitignore --write --plugin-search-dir=. ."
 	},
 	"devDependencies": {
-		"@playwright/test": "^1.31.2",
-		"@sveltejs/adapter-vercel": "3.0.1",
-		"@sveltejs/kit": "^1.20.4",
-		"@sveltejs/site-kit": "^5.2.2",
-		"@types/diff": "^5.0.2",
-		"@types/marked": "^4.0.8",
+		"@playwright/test": "^1.37.1",
+		"@sveltejs/adapter-vercel": "^4.0.0",
+		"@sveltejs/kit": "^2.0.0",
+		"@sveltejs/site-kit": "6.0.0-next.64",
+		"@sveltejs/vite-plugin-svelte": "^3.0.0",
+		"@types/diff": "^5.0.3",
 		"@types/prismjs": "^1.26.0",
-		"@types/ws": "^8.5.4",
+		"@types/ws": "^8.5.5",
+		"browserslist": "^4.21.10",
 		"diff": "^5.1.0",
-		"esbuild": "^0.18.9",
-		"prettier": "^2.8.5",
-		"prettier-plugin-svelte": "^2.10.1",
-		"svelte": "^4.0.0",
-		"svelte-check": "^3.4.3",
+		"esbuild": "^0.19.2",
+		"lightningcss": "^1.21.7",
+		"prettier": "^3.0.3",
+		"prettier-plugin-svelte": "^3.0.3",
+		"shiki-twoslash": "^3.1.2",
+		"svelte": "^4.2.0",
+		"svelte-check": "^3.7.1",
 		"tiny-glob": "^0.2.9",
-		"typescript": "^5.0.0",
-		"vite": "^4.3.9"
+		"typescript": "^5.3.3",
+		"vite": "^5.0.0"
 	},
 	"type": "module",
 	"dependencies": {
-		"@codemirror/autocomplete": "^6.4.2",
-		"@codemirror/commands": "^6.2.2",
-		"@codemirror/lang-css": "^6.1.1",
-		"@codemirror/lang-html": "^6.4.2",
-		"@codemirror/lang-javascript": "^6.1.4",
-		"@codemirror/language": "^6.6.0",
-		"@codemirror/lint": "^6.2.0",
-		"@codemirror/search": "^6.3.0",
-		"@codemirror/state": "^6.2.0",
-		"@codemirror/view": "^6.9.2",
-		"@fontsource/roboto-mono": "^4.5.10",
-		"@lezer/common": "^1.0.2",
-		"@lezer/highlight": "^1.1.3",
-		"@lezer/javascript": "^1.4.1",
-		"@lezer/lr": "^1.3.3",
+		"@codemirror/autocomplete": "^6.9.0",
+		"@codemirror/commands": "^6.2.5",
+		"@codemirror/lang-css": "^6.2.1",
+		"@codemirror/lang-html": "^6.4.6",
+		"@codemirror/lang-javascript": "^6.2.1",
+		"@codemirror/language": "^6.9.0",
+		"@codemirror/lint": "^6.4.1",
+		"@codemirror/search": "^6.5.2",
+		"@codemirror/state": "^6.2.1",
+		"@codemirror/view": "^6.17.1",
+		"@fontsource/roboto-mono": "^5.0.8",
+		"@lezer/common": "^1.0.4",
+		"@lezer/highlight": "^1.1.6",
+		"@lezer/javascript": "^1.4.7",
+		"@lezer/lr": "^1.3.10",
 		"@replit/codemirror-lang-svelte": "^6.0.0",
-		"@replit/codemirror-vim": "^6.0.9",
-		"@rich_harris/svelte-split-pane": "^1.1.0",
-		"@webcontainer/api": "^1.1.0",
+		"@replit/codemirror-vim": "^6.0.14",
+		"@rich_harris/svelte-split-pane": "^1.1.3",
+		"@sveltejs/repl": "^0.6.0",
+		"@vercel/speed-insights": "^1.0.0",
+		"@webcontainer/api": "^1.1.5",
 		"adm-zip": "^0.5.10",
 		"ansi-to-html": "^0.7.2",
 		"base64-js": "^1.5.1",
 		"codemirror": "^6.0.1",
-		"marked": "^4.2.12",
+		"flexsearch": "^0.7.31",
+		"marked": "^8.0.0",
 		"port-authority": "^2.0.1",
 		"prism-svelte": "^0.5.0",
 		"prismjs": "^1.29.0",
 		"ws": "^8.13.0",
 		"yootils": "^0.3.1"
 	},
-	"packageManager": "pnpm@7.27.0"
+	"packageManager": "pnpm@8.15.1"
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6918536dc..07b709b32 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -6,62 +6,68 @@ settings:
 
 dependencies:
   '@codemirror/autocomplete':
-    specifier: ^6.4.2
-    version: 6.4.2(@codemirror/language@6.6.0)(@codemirror/state@6.2.0)(@codemirror/view@6.9.2)(@lezer/common@1.0.2)
+    specifier: ^6.9.0
+    version: 6.12.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.0)(@codemirror/view@6.24.0)(@lezer/common@1.2.1)
   '@codemirror/commands':
-    specifier: ^6.2.2
-    version: 6.2.2
+    specifier: ^6.2.5
+    version: 6.3.3
   '@codemirror/lang-css':
-    specifier: ^6.1.1
-    version: 6.1.1(@codemirror/view@6.9.2)(@lezer/common@1.0.2)
+    specifier: ^6.2.1
+    version: 6.2.1(@codemirror/view@6.24.0)
   '@codemirror/lang-html':
-    specifier: ^6.4.2
-    version: 6.4.2
+    specifier: ^6.4.6
+    version: 6.4.8
   '@codemirror/lang-javascript':
-    specifier: ^6.1.4
-    version: 6.1.4
+    specifier: ^6.2.1
+    version: 6.2.1
   '@codemirror/language':
-    specifier: ^6.6.0
-    version: 6.6.0
+    specifier: ^6.9.0
+    version: 6.10.1
   '@codemirror/lint':
-    specifier: ^6.2.0
-    version: 6.2.0
+    specifier: ^6.4.1
+    version: 6.5.0
   '@codemirror/search':
-    specifier: ^6.3.0
-    version: 6.3.0
+    specifier: ^6.5.2
+    version: 6.5.6
   '@codemirror/state':
-    specifier: ^6.2.0
-    version: 6.2.0
+    specifier: ^6.2.1
+    version: 6.4.0
   '@codemirror/view':
-    specifier: ^6.9.2
-    version: 6.9.2
+    specifier: ^6.17.1
+    version: 6.24.0
   '@fontsource/roboto-mono':
-    specifier: ^4.5.10
-    version: 4.5.10
+    specifier: ^5.0.8
+    version: 5.0.16
   '@lezer/common':
-    specifier: ^1.0.2
-    version: 1.0.2
+    specifier: ^1.0.4
+    version: 1.2.1
   '@lezer/highlight':
-    specifier: ^1.1.3
-    version: 1.1.3
+    specifier: ^1.1.6
+    version: 1.2.0
   '@lezer/javascript':
-    specifier: ^1.4.1
-    version: 1.4.1
+    specifier: ^1.4.7
+    version: 1.4.13
   '@lezer/lr':
-    specifier: ^1.3.3
-    version: 1.3.3
+    specifier: ^1.3.10
+    version: 1.4.0
   '@replit/codemirror-lang-svelte':
     specifier: ^6.0.0
-    version: 6.0.0(@codemirror/autocomplete@6.4.2)(@codemirror/lang-css@6.1.1)(@codemirror/lang-html@6.4.2)(@codemirror/lang-javascript@6.1.4)(@codemirror/language@6.6.0)(@codemirror/state@6.2.0)(@codemirror/view@6.9.2)(@lezer/common@1.0.2)(@lezer/highlight@1.1.3)(@lezer/javascript@1.4.1)(@lezer/lr@1.3.3)
+    version: 6.0.0(@codemirror/autocomplete@6.12.0)(@codemirror/lang-css@6.2.1)(@codemirror/lang-html@6.4.8)(@codemirror/lang-javascript@6.2.1)(@codemirror/language@6.10.1)(@codemirror/state@6.4.0)(@codemirror/view@6.24.0)(@lezer/common@1.2.1)(@lezer/highlight@1.2.0)(@lezer/javascript@1.4.13)(@lezer/lr@1.4.0)
   '@replit/codemirror-vim':
-    specifier: ^6.0.9
-    version: 6.0.11(@codemirror/commands@6.2.2)(@codemirror/language@6.6.0)(@codemirror/search@6.3.0)(@codemirror/state@6.2.0)(@codemirror/view@6.9.2)
+    specifier: ^6.0.14
+    version: 6.1.0(@codemirror/commands@6.3.3)(@codemirror/language@6.10.1)(@codemirror/search@6.5.6)(@codemirror/state@6.4.0)(@codemirror/view@6.24.0)
   '@rich_harris/svelte-split-pane':
-    specifier: ^1.1.0
-    version: 1.1.0(svelte@4.0.0)
+    specifier: ^1.1.3
+    version: 1.1.3(svelte@4.2.10)
+  '@sveltejs/repl':
+    specifier: ^0.6.0
+    version: 0.6.0(@codemirror/lang-html@6.4.8)(@codemirror/search@6.5.6)(@lezer/common@1.2.1)(@lezer/javascript@1.4.13)(@lezer/lr@1.4.0)(@sveltejs/kit@2.5.9)(svelte@4.2.10)
+  '@vercel/speed-insights':
+    specifier: ^1.0.0
+    version: 1.0.11(@sveltejs/kit@2.5.9)(svelte@4.2.10)
   '@webcontainer/api':
-    specifier: ^1.1.0
-    version: 1.1.0
+    specifier: ^1.1.5
+    version: 1.1.9
   adm-zip:
     specifier: ^0.5.10
     version: 0.5.10
@@ -73,10 +79,13 @@ dependencies:
     version: 1.5.1
   codemirror:
     specifier: ^6.0.1
-    version: 6.0.1(@lezer/common@1.0.2)
+    version: 6.0.1(@lezer/common@1.2.1)
+  flexsearch:
+    specifier: ^0.7.31
+    version: 0.7.43
   marked:
-    specifier: ^4.2.12
-    version: 4.2.12
+    specifier: ^8.0.0
+    version: 8.0.1
   port-authority:
     specifier: ^2.0.1
     version: 2.0.1
@@ -88,63 +97,72 @@ dependencies:
     version: 1.29.0
   ws:
     specifier: ^8.13.0
-    version: 8.13.0
+    version: 8.16.0
   yootils:
     specifier: ^0.3.1
     version: 0.3.1
 
 devDependencies:
   '@playwright/test':
-    specifier: ^1.31.2
-    version: 1.31.2
+    specifier: ^1.37.1
+    version: 1.41.2
   '@sveltejs/adapter-vercel':
-    specifier: 3.0.1
-    version: 3.0.1(@sveltejs/kit@1.20.5)
+    specifier: ^4.0.0
+    version: 4.0.5(@sveltejs/kit@2.5.9)
   '@sveltejs/kit':
-    specifier: ^1.20.4
-    version: 1.20.5(svelte@4.0.0)(vite@4.3.9)
+    specifier: ^2.0.0
+    version: 2.5.9(@sveltejs/vite-plugin-svelte@3.1.0)(svelte@4.2.10)(vite@5.2.11)
   '@sveltejs/site-kit':
-    specifier: ^5.2.2
-    version: 5.2.2(@sveltejs/kit@1.20.5)(svelte@4.0.0)
+    specifier: 6.0.0-next.64
+    version: 6.0.0-next.64(@sveltejs/kit@2.5.9)(svelte@4.2.10)
+  '@sveltejs/vite-plugin-svelte':
+    specifier: ^3.0.0
+    version: 3.1.0(svelte@4.2.10)(vite@5.2.11)
   '@types/diff':
-    specifier: ^5.0.2
-    version: 5.0.2
-  '@types/marked':
-    specifier: ^4.0.8
-    version: 4.0.8
+    specifier: ^5.0.3
+    version: 5.0.9
   '@types/prismjs':
     specifier: ^1.26.0
-    version: 1.26.0
+    version: 1.26.3
   '@types/ws':
-    specifier: ^8.5.4
-    version: 8.5.4
+    specifier: ^8.5.5
+    version: 8.5.10
+  browserslist:
+    specifier: ^4.21.10
+    version: 4.22.3
   diff:
     specifier: ^5.1.0
     version: 5.1.0
   esbuild:
-    specifier: ^0.18.9
-    version: 0.18.9
+    specifier: ^0.19.2
+    version: 0.19.12
+  lightningcss:
+    specifier: ^1.21.7
+    version: 1.23.0
   prettier:
-    specifier: ^2.8.5
-    version: 2.8.5
+    specifier: ^3.0.3
+    version: 3.2.5
   prettier-plugin-svelte:
-    specifier: ^2.10.1
-    version: 2.10.1(prettier@2.8.5)(svelte@4.0.0)
+    specifier: ^3.0.3
+    version: 3.1.2(prettier@3.2.5)(svelte@4.2.10)
+  shiki-twoslash:
+    specifier: ^3.1.2
+    version: 3.1.2(typescript@5.3.3)
   svelte:
-    specifier: ^4.0.0
-    version: 4.0.0
+    specifier: ^4.2.0
+    version: 4.2.10
   svelte-check:
-    specifier: ^3.4.3
-    version: 3.4.3(svelte@4.0.0)
+    specifier: ^3.7.1
+    version: 3.7.1(svelte@4.2.10)
   tiny-glob:
     specifier: ^0.2.9
     version: 0.2.9
   typescript:
-    specifier: ^5.0.0
-    version: 5.0.2
+    specifier: ^5.3.3
+    version: 5.3.3
   vite:
-    specifier: ^4.3.9
-    version: 4.3.9
+    specifier: ^5.0.0
+    version: 5.2.11(lightningcss@1.23.0)
 
 packages:
 
@@ -153,110 +171,146 @@ packages:
     engines: {node: '>=6.0.0'}
     dependencies:
       '@jridgewell/gen-mapping': 0.3.3
-      '@jridgewell/trace-mapping': 0.3.18
+      '@jridgewell/trace-mapping': 0.3.22
 
-  /@codemirror/autocomplete@6.4.2(@codemirror/language@6.6.0)(@codemirror/state@6.2.0)(@codemirror/view@6.9.2)(@lezer/common@1.0.2):
-    resolution: {integrity: sha512-8WE2xp+D0MpWEv5lZ6zPW1/tf4AGb358T5GWYiKEuCP8MvFfT3tH2mIF9Y2yr2e3KbHuSvsVhosiEyqCpiJhZQ==}
+  /@codemirror/autocomplete@6.12.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.0)(@codemirror/view@6.24.0)(@lezer/common@1.2.1):
+    resolution: {integrity: sha512-r4IjdYFthwbCQyvqnSlx0WBHRHi8nBvU+WjJxFUij81qsBfhNudf/XKKmmC2j3m0LaOYUQTf3qiEK1J8lO1sdg==}
     peerDependencies:
       '@codemirror/language': ^6.0.0
       '@codemirror/state': ^6.0.0
       '@codemirror/view': ^6.0.0
       '@lezer/common': ^1.0.0
     dependencies:
-      '@codemirror/language': 6.6.0
-      '@codemirror/state': 6.2.0
-      '@codemirror/view': 6.9.2
-      '@lezer/common': 1.0.2
+      '@codemirror/language': 6.10.1
+      '@codemirror/state': 6.4.0
+      '@codemirror/view': 6.24.0
+      '@lezer/common': 1.2.1
     dev: false
 
-  /@codemirror/commands@6.2.2:
-    resolution: {integrity: sha512-s9lPVW7TxXrI/7voZ+HmD/yiAlwAYn9PH5SUVSUhsxXHhv4yl5eZ3KLntSoTynfdgVYM0oIpccQEWRBQgmNZyw==}
+  /@codemirror/commands@6.3.3:
+    resolution: {integrity: sha512-dO4hcF0fGT9tu1Pj1D2PvGvxjeGkbC6RGcZw6Qs74TH+Ed1gw98jmUgd2axWvIZEqTeTuFrg1lEB1KV6cK9h1A==}
     dependencies:
-      '@codemirror/language': 6.6.0
-      '@codemirror/state': 6.2.0
-      '@codemirror/view': 6.9.2
-      '@lezer/common': 1.0.2
+      '@codemirror/language': 6.10.1
+      '@codemirror/state': 6.4.0
+      '@codemirror/view': 6.24.0
+      '@lezer/common': 1.2.1
     dev: false
 
-  /@codemirror/lang-css@6.1.1(@codemirror/view@6.9.2)(@lezer/common@1.0.2):
-    resolution: {integrity: sha512-P6jdNEHyRcqqDgbvHYyC9Wxkek0rnG3a9aVSRi4a7WrjPbQtBTaOmvYpXmm13zZMAatO4Oqpac+0QZs7sy+LnQ==}
+  /@codemirror/lang-css@6.2.1(@codemirror/view@6.24.0):
+    resolution: {integrity: sha512-/UNWDNV5Viwi/1lpr/dIXJNWiwDxpw13I4pTUAsNxZdg6E0mI2kTQb0P2iHczg1Tu+H4EBgJR+hYhKiHKko7qg==}
     dependencies:
-      '@codemirror/autocomplete': 6.4.2(@codemirror/language@6.6.0)(@codemirror/state@6.2.0)(@codemirror/view@6.9.2)(@lezer/common@1.0.2)
-      '@codemirror/language': 6.6.0
-      '@codemirror/state': 6.2.0
-      '@lezer/css': 1.1.1
+      '@codemirror/autocomplete': 6.12.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.0)(@codemirror/view@6.24.0)(@lezer/common@1.2.1)
+      '@codemirror/language': 6.10.1
+      '@codemirror/state': 6.4.0
+      '@lezer/common': 1.2.1
+      '@lezer/css': 1.1.7
     transitivePeerDependencies:
       - '@codemirror/view'
-      - '@lezer/common'
     dev: false
 
-  /@codemirror/lang-html@6.4.2:
-    resolution: {integrity: sha512-bqCBASkteKySwtIbiV/WCtGnn/khLRbbiV5TE+d9S9eQJD7BA4c5dTRm2b3bVmSpilff5EYxvB4PQaZzM/7cNw==}
-    dependencies:
-      '@codemirror/autocomplete': 6.4.2(@codemirror/language@6.6.0)(@codemirror/state@6.2.0)(@codemirror/view@6.9.2)(@lezer/common@1.0.2)
-      '@codemirror/lang-css': 6.1.1(@codemirror/view@6.9.2)(@lezer/common@1.0.2)
-      '@codemirror/lang-javascript': 6.1.4
-      '@codemirror/language': 6.6.0
-      '@codemirror/state': 6.2.0
-      '@codemirror/view': 6.9.2
-      '@lezer/common': 1.0.2
-      '@lezer/css': 1.1.1
-      '@lezer/html': 1.3.3
+  /@codemirror/lang-html@6.4.8:
+    resolution: {integrity: sha512-tE2YK7wDlb9ZpAH6mpTPiYm6rhfdQKVDa5r9IwIFlwwgvVaKsCfuKKZoJGWsmMZIf3FQAuJ5CHMPLymOtg1hXw==}
+    dependencies:
+      '@codemirror/autocomplete': 6.12.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.0)(@codemirror/view@6.24.0)(@lezer/common@1.2.1)
+      '@codemirror/lang-css': 6.2.1(@codemirror/view@6.24.0)
+      '@codemirror/lang-javascript': 6.2.1
+      '@codemirror/language': 6.10.1
+      '@codemirror/state': 6.4.0
+      '@codemirror/view': 6.24.0
+      '@lezer/common': 1.2.1
+      '@lezer/css': 1.1.7
+      '@lezer/html': 1.3.8
     dev: false
 
-  /@codemirror/lang-javascript@6.1.4:
-    resolution: {integrity: sha512-OxLf7OfOZBTMRMi6BO/F72MNGmgOd9B0vetOLvHsDACFXayBzW8fm8aWnDM0yuy68wTK03MBf4HbjSBNRG5q7A==}
+  /@codemirror/lang-javascript@6.2.1:
+    resolution: {integrity: sha512-jlFOXTejVyiQCW3EQwvKH0m99bUYIw40oPmFjSX2VS78yzfe0HELZ+NEo9Yfo1MkGRpGlj3Gnu4rdxV1EnAs5A==}
     dependencies:
-      '@codemirror/autocomplete': 6.4.2(@codemirror/language@6.6.0)(@codemirror/state@6.2.0)(@codemirror/view@6.9.2)(@lezer/common@1.0.2)
-      '@codemirror/language': 6.6.0
-      '@codemirror/lint': 6.2.0
-      '@codemirror/state': 6.2.0
-      '@codemirror/view': 6.9.2
-      '@lezer/common': 1.0.2
-      '@lezer/javascript': 1.4.1
+      '@codemirror/autocomplete': 6.12.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.0)(@codemirror/view@6.24.0)(@lezer/common@1.2.1)
+      '@codemirror/language': 6.10.1
+      '@codemirror/lint': 6.5.0
+      '@codemirror/state': 6.4.0
+      '@codemirror/view': 6.24.0
+      '@lezer/common': 1.2.1
+      '@lezer/javascript': 1.4.13
     dev: false
 
-  /@codemirror/language@6.6.0:
-    resolution: {integrity: sha512-cwUd6lzt3MfNYOobdjf14ZkLbJcnv4WtndYaoBkbor/vF+rCNguMPK0IRtvZJG4dsWiaWPcK8x1VijhvSxnstg==}
+  /@codemirror/lang-json@6.0.1:
+    resolution: {integrity: sha512-+T1flHdgpqDDlJZ2Lkil/rLiRy684WMLc74xUnjJH48GQdfJo/pudlTRreZmKwzP8/tGdKf83wlbAdOCzlJOGQ==}
     dependencies:
-      '@codemirror/state': 6.2.0
-      '@codemirror/view': 6.9.2
-      '@lezer/common': 1.0.2
-      '@lezer/highlight': 1.1.3
-      '@lezer/lr': 1.3.3
-      style-mod: 4.0.2
+      '@codemirror/language': 6.10.1
+      '@lezer/json': 1.0.2
     dev: false
 
-  /@codemirror/lint@6.2.0:
-    resolution: {integrity: sha512-KVCECmR2fFeYBr1ZXDVue7x3q5PMI0PzcIbA+zKufnkniMBo1325t0h1jM85AKp8l3tj67LRxVpZfgDxEXlQkg==}
+  /@codemirror/lang-markdown@6.2.4:
+    resolution: {integrity: sha512-UghkA1vSMs8bT7RSZM6vsIocigyah2bV00eRQuZy76401UmFZdsTsbQNBGdyxRQDOLeEvF5iFwap0BM8LKyd+g==}
     dependencies:
-      '@codemirror/state': 6.2.0
-      '@codemirror/view': 6.9.2
-      crelt: 1.0.5
+      '@codemirror/autocomplete': 6.12.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.0)(@codemirror/view@6.24.0)(@lezer/common@1.2.1)
+      '@codemirror/lang-html': 6.4.8
+      '@codemirror/language': 6.10.1
+      '@codemirror/state': 6.4.0
+      '@codemirror/view': 6.24.0
+      '@lezer/common': 1.2.1
+      '@lezer/markdown': 1.2.0
     dev: false
 
-  /@codemirror/search@6.3.0:
-    resolution: {integrity: sha512-rBhZxzT34CarfhgCZGhaLBScABDN3iqJxixzNuINp9lrb3lzm0nTpR77G1VrxGO3HOGK7j62jcJftQM7eCOIuw==}
+  /@codemirror/language@6.10.1:
+    resolution: {integrity: sha512-5GrXzrhq6k+gL5fjkAwt90nYDmjlzTIJV8THnxNFtNKWotMIlzzN+CpqxqwXOECnUdOndmSeWntVrVcv5axWRQ==}
     dependencies:
-      '@codemirror/state': 6.2.0
-      '@codemirror/view': 6.9.2
-      crelt: 1.0.5
+      '@codemirror/state': 6.4.0
+      '@codemirror/view': 6.24.0
+      '@lezer/common': 1.2.1
+      '@lezer/highlight': 1.2.0
+      '@lezer/lr': 1.4.0
+      style-mod: 4.1.0
     dev: false
 
-  /@codemirror/state@6.2.0:
-    resolution: {integrity: sha512-69QXtcrsc3RYtOtd+GsvczJ319udtBf1PTrr2KbLWM/e2CXUPnh0Nz9AUo8WfhSQ7GeL8dPVNUmhQVgpmuaNGA==}
+  /@codemirror/lint@6.5.0:
+    resolution: {integrity: sha512-+5YyicIaaAZKU8K43IQi8TBy6mF6giGeWAH7N96Z5LC30Wm5JMjqxOYIE9mxwMG1NbhT2mA3l9hA4uuKUM3E5g==}
+    dependencies:
+      '@codemirror/state': 6.4.0
+      '@codemirror/view': 6.24.0
+      crelt: 1.0.6
     dev: false
 
-  /@codemirror/view@6.9.2:
-    resolution: {integrity: sha512-ci0r/v6aKOSlzOs7/STMTYP3jX/+YMq2dAfAJcLIB6uom4ThtrUlzeuS7GTRGNqJJ+qAJR1vGWfXgu4CO/0myQ==}
+  /@codemirror/search@6.5.6:
+    resolution: {integrity: sha512-rpMgcsh7o0GuCDUXKPvww+muLA1pDJaFrpq/CCHtpQJYz8xopu4D1hPcKRoDD0YlF8gZaqTNIRa4VRBWyhyy7Q==}
     dependencies:
-      '@codemirror/state': 6.2.0
-      style-mod: 4.0.2
-      w3c-keyname: 2.2.6
+      '@codemirror/state': 6.4.0
+      '@codemirror/view': 6.24.0
+      crelt: 1.0.6
+    dev: false
+
+  /@codemirror/state@6.4.0:
+    resolution: {integrity: sha512-hm8XshYj5Fo30Bb922QX9hXB/bxOAVH+qaqHBzw5TKa72vOeslyGwd4X8M0c1dJ9JqxlaMceOQ8RsL9tC7gU0A==}
     dev: false
 
-  /@esbuild/android-arm64@0.17.19:
-    resolution: {integrity: sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==}
+  /@codemirror/view@6.24.0:
+    resolution: {integrity: sha512-zK6m5pNkdhdJl8idPP1gA4N8JKTiSsOz8U/Iw+C1ChMwyLG7+MLiNXnH/wFuAk6KeGEe33/adOiAh5jMqee03w==}
+    dependencies:
+      '@codemirror/state': 6.4.0
+      style-mod: 4.1.0
+      w3c-keyname: 2.2.8
+    dev: false
+
+  /@esbuild/aix-ppc64@0.19.12:
+    resolution: {integrity: sha512-bmoCYyWdEL3wDQIVbcyzRyeKLgk2WtWLTWz1ZIAZF/EGbNOwSA6ew3PftJ1PqMiOOGu0OyFMzG53L0zqIpPeNA==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [aix]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/aix-ppc64@0.20.2:
+    resolution: {integrity: sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [aix]
+    requiresBuild: true
+    optional: true
+
+  /@esbuild/android-arm64@0.19.12:
+    resolution: {integrity: sha512-P0UVNGIienjZv3f5zq0DP3Nt2IE/3plFzuaS96vihvD0Hd6H/q4WXUGpCxD/E8YrSXfNyRPbpTq+T8ZQioSuPA==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [android]
@@ -264,17 +318,16 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/android-arm64@0.18.9:
-    resolution: {integrity: sha512-G1rIBpSgjv0DEFmBYjljL85l4asf1dtQYwjoD02A5YG85JV3dsQSJL94vsEMWYMWkNd46hcvz3suURuY4dr+9g==}
+  /@esbuild/android-arm64@0.20.2:
+    resolution: {integrity: sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [android]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@esbuild/android-arm@0.17.19:
-    resolution: {integrity: sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==}
+  /@esbuild/android-arm@0.19.12:
+    resolution: {integrity: sha512-qg/Lj1mu3CdQlDEEiWrlC4eaPZ1KztwGJ9B6J+/6G+/4ewxJg7gqj8eVYWvao1bXrqGiW2rsBZFSX3q2lcW05w==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [android]
@@ -282,17 +335,16 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/android-arm@0.18.9:
-    resolution: {integrity: sha512-v1cr0l0RZOzIgLtTe8M1cRFFP0ICRdymPPa8HCPUpgZ+XasQrd5Mxyp9KlDqXLLyGmnZpzhufKEThLIihQL53A==}
+  /@esbuild/android-arm@0.20.2:
+    resolution: {integrity: sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [android]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@esbuild/android-x64@0.17.19:
-    resolution: {integrity: sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==}
+  /@esbuild/android-x64@0.19.12:
+    resolution: {integrity: sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [android]
@@ -300,17 +352,16 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/android-x64@0.18.9:
-    resolution: {integrity: sha512-rPgcISGfoP7/Yk8+0eUf9R/KLCYGgqtojz/Uvj26wp7/EclwxoaOMArBnDChfuWF5YLdS16dDfqb4qwXS087lw==}
+  /@esbuild/android-x64@0.20.2:
+    resolution: {integrity: sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [android]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@esbuild/darwin-arm64@0.17.19:
-    resolution: {integrity: sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==}
+  /@esbuild/darwin-arm64@0.19.12:
+    resolution: {integrity: sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [darwin]
@@ -318,17 +369,16 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/darwin-arm64@0.18.9:
-    resolution: {integrity: sha512-vw9kWBT2EvDhLAVkI5c2KWFh+GMwgXrzR1QnIpZazA+tIacaelNLMMSTHEJisOeQqiMQhv8goTODFm9liS7wpw==}
+  /@esbuild/darwin-arm64@0.20.2:
+    resolution: {integrity: sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@esbuild/darwin-x64@0.17.19:
-    resolution: {integrity: sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==}
+  /@esbuild/darwin-x64@0.19.12:
+    resolution: {integrity: sha512-hKoVkKzFiToTgn+41qGhsUJXFlIjxI/jSYeZf3ugemDYZldIXIxhvwN6erJGlX4t5h417iFuheZ7l+YVn05N3A==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [darwin]
@@ -336,17 +386,16 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/darwin-x64@0.18.9:
-    resolution: {integrity: sha512-tDbKKMUeS0PckRtIxdF3+NgkE19kTyLFmUQ0umgXDnBvcWC3/DqhZyu4P4Af3zBzOfWH5DAAmGW1hgy53Z706w==}
+  /@esbuild/darwin-x64@0.20.2:
+    resolution: {integrity: sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@esbuild/freebsd-arm64@0.17.19:
-    resolution: {integrity: sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==}
+  /@esbuild/freebsd-arm64@0.19.12:
+    resolution: {integrity: sha512-4aRvFIXmwAcDBw9AueDQ2YnGmz5L6obe5kmPT8Vd+/+x/JMVKCgdcRwH6APrbpNXsPz+K653Qg8HB/oXvXVukA==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [freebsd]
@@ -354,17 +403,16 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/freebsd-arm64@0.18.9:
-    resolution: {integrity: sha512-Anyk3qeTKJUcxiLE8VQ6y6frVuqFc71M5TEc2EzvXchoy6oWn5eZK+MpZBVnENVMSDA4wOjDKiFsPtVhnrhHHA==}
+  /@esbuild/freebsd-arm64@0.20.2:
+    resolution: {integrity: sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [freebsd]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@esbuild/freebsd-x64@0.17.19:
-    resolution: {integrity: sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==}
+  /@esbuild/freebsd-x64@0.19.12:
+    resolution: {integrity: sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [freebsd]
@@ -372,17 +420,16 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/freebsd-x64@0.18.9:
-    resolution: {integrity: sha512-BsOYio/4p/6RWG+sDQXVYet8qQ0bB91rfO0YNk5s0HlqE9vEth3Yi1jFNi4v7bUA4vQDWWoybpA/9NTz1sM88A==}
+  /@esbuild/freebsd-x64@0.20.2:
+    resolution: {integrity: sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [freebsd]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@esbuild/linux-arm64@0.17.19:
-    resolution: {integrity: sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==}
+  /@esbuild/linux-arm64@0.19.12:
+    resolution: {integrity: sha512-EoTjyYyLuVPfdPLsGVVVC8a0p1BFFvtpQDB/YLEhaXyf/5bczaGeN15QkR+O4S5LeJ92Tqotve7i1jn35qwvdA==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [linux]
@@ -390,17 +437,16 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-arm64@0.18.9:
-    resolution: {integrity: sha512-2fJtf4KKR301FrhRNY1KIgVid2nUrZV6fzx39E+JgT3jAw2NsZYUiphR31CyH4MloyoEwgQTnskwaQH+nT4bHA==}
+  /@esbuild/linux-arm64@0.20.2:
+    resolution: {integrity: sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@esbuild/linux-arm@0.17.19:
-    resolution: {integrity: sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==}
+  /@esbuild/linux-arm@0.19.12:
+    resolution: {integrity: sha512-J5jPms//KhSNv+LO1S1TX1UWp1ucM6N6XuL6ITdKWElCu8wXP72l9MM0zDTzzeikVyqFE6U8YAV9/tFyj0ti+w==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [linux]
@@ -408,17 +454,16 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-arm@0.18.9:
-    resolution: {integrity: sha512-YotJBEt9swVrEBRBIXQzI03A4kDQSWk+mbGTTBreIRvWWWTXXqhNYZgqiwnEvtyQi9aqSipEzkRzAGNqs54EXw==}
+  /@esbuild/linux-arm@0.20.2:
+    resolution: {integrity: sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==}
     engines: {node: '>=12'}
     cpu: [arm]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@esbuild/linux-ia32@0.17.19:
-    resolution: {integrity: sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==}
+  /@esbuild/linux-ia32@0.19.12:
+    resolution: {integrity: sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [linux]
@@ -426,17 +471,16 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-ia32@0.18.9:
-    resolution: {integrity: sha512-pTTBAGi2lrduXo4vATnqCtFi9zRbyXOlcV+euznW5EoFyjAIR+JCQgFDeFCMo343E2EI2MgV7ZQctO8IWcsdsA==}
+  /@esbuild/linux-ia32@0.20.2:
+    resolution: {integrity: sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@esbuild/linux-loong64@0.17.19:
-    resolution: {integrity: sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==}
+  /@esbuild/linux-loong64@0.19.12:
+    resolution: {integrity: sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==}
     engines: {node: '>=12'}
     cpu: [loong64]
     os: [linux]
@@ -444,17 +488,16 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-loong64@0.18.9:
-    resolution: {integrity: sha512-hmsjvhwHrsCKPthXhhNjLE+QON8uQCE9P/OBktaYOD8UDfmz9+txm04uXhnkRH0fDEqStsDEedbX+8KPg1CwyA==}
+  /@esbuild/linux-loong64@0.20.2:
+    resolution: {integrity: sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==}
     engines: {node: '>=12'}
     cpu: [loong64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@esbuild/linux-mips64el@0.17.19:
-    resolution: {integrity: sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==}
+  /@esbuild/linux-mips64el@0.19.12:
+    resolution: {integrity: sha512-fEnAuj5VGTanfJ07ff0gOA6IPsvrVHLVb6Lyd1g2/ed67oU1eFzL0r9WL7ZzscD+/N6i3dWumGE1Un4f7Amf+w==}
     engines: {node: '>=12'}
     cpu: [mips64el]
     os: [linux]
@@ -462,17 +505,16 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-mips64el@0.18.9:
-    resolution: {integrity: sha512-Ymv4j25ie7mVEVlcThnOlRVvqDSsj22MJBH31QGMsyA0dUwReqCg9yNqRM2Dh8QHDRO2UrMhGmiL6BaTdBWlQw==}
+  /@esbuild/linux-mips64el@0.20.2:
+    resolution: {integrity: sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==}
     engines: {node: '>=12'}
     cpu: [mips64el]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@esbuild/linux-ppc64@0.17.19:
-    resolution: {integrity: sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==}
+  /@esbuild/linux-ppc64@0.19.12:
+    resolution: {integrity: sha512-nYJA2/QPimDQOh1rKWedNOe3Gfc8PabU7HT3iXWtNUbRzXS9+vgB0Fjaqr//XNbd82mCxHzik2qotuI89cfixg==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [linux]
@@ -480,17 +522,16 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-ppc64@0.18.9:
-    resolution: {integrity: sha512-y2viEHwLpNfWP1eLa+vV+DWIbw/pQyv1Vf6qxSGJeBQmmu9T2hOagMiCr6zhDo89l+MUAXiShdKmqlKI6HdCkw==}
+  /@esbuild/linux-ppc64@0.20.2:
+    resolution: {integrity: sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==}
     engines: {node: '>=12'}
     cpu: [ppc64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@esbuild/linux-riscv64@0.17.19:
-    resolution: {integrity: sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==}
+  /@esbuild/linux-riscv64@0.19.12:
+    resolution: {integrity: sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==}
     engines: {node: '>=12'}
     cpu: [riscv64]
     os: [linux]
@@ -498,17 +539,16 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-riscv64@0.18.9:
-    resolution: {integrity: sha512-na8WG8Z7z1EIUcJFuXKOawJEsq8luOur7LHK/ophO0+RSE8A9yxCsKYhaN9IxlR1UciAuHjo/7d5yiflABwUmA==}
+  /@esbuild/linux-riscv64@0.20.2:
+    resolution: {integrity: sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==}
     engines: {node: '>=12'}
     cpu: [riscv64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@esbuild/linux-s390x@0.17.19:
-    resolution: {integrity: sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==}
+  /@esbuild/linux-s390x@0.19.12:
+    resolution: {integrity: sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==}
     engines: {node: '>=12'}
     cpu: [s390x]
     os: [linux]
@@ -516,17 +556,16 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-s390x@0.18.9:
-    resolution: {integrity: sha512-XsnaI89KstE0jG4cMdzuJ8SKcKAod26had7U/4SzvuMrci0/XyEQXB1jikn6MB7LPGrd5rcLeYp3F7psUxhkWw==}
+  /@esbuild/linux-s390x@0.20.2:
+    resolution: {integrity: sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==}
     engines: {node: '>=12'}
     cpu: [s390x]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@esbuild/linux-x64@0.17.19:
-    resolution: {integrity: sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==}
+  /@esbuild/linux-x64@0.19.12:
+    resolution: {integrity: sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [linux]
@@ -534,17 +573,16 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/linux-x64@0.18.9:
-    resolution: {integrity: sha512-odEbmjtm3tLPtY43FRWOG+CLN7d4ooQpGjYVFVti5rLXLym26dORxnlbekNPXuQRuQKNMPczNNWE1jOc8yAyJQ==}
+  /@esbuild/linux-x64@0.20.2:
+    resolution: {integrity: sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@esbuild/netbsd-x64@0.17.19:
-    resolution: {integrity: sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==}
+  /@esbuild/netbsd-x64@0.19.12:
+    resolution: {integrity: sha512-3ltjQ7n1owJgFbuC61Oj++XhtzmymoCihNFgT84UAmJnxJfm4sYCiSLTXZtE00VWYpPMYc+ZQmB6xbSdVh0JWA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [netbsd]
@@ -552,17 +590,16 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/netbsd-x64@0.18.9:
-    resolution: {integrity: sha512-j/GgOjKNUPd54isC/RBYlS6CREbulnMWAJEIKTnPM0QnY0pEGfMHkFh73bsmZdovp/97zRty0NdePRk4dTP/cw==}
+  /@esbuild/netbsd-x64@0.20.2:
+    resolution: {integrity: sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [netbsd]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@esbuild/openbsd-x64@0.17.19:
-    resolution: {integrity: sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==}
+  /@esbuild/openbsd-x64@0.19.12:
+    resolution: {integrity: sha512-RbrfTB9SWsr0kWmb9srfF+L933uMDdu9BIzdA7os2t0TXhCRjrQyCeOt6wVxr79CKD4c+p+YhCj31HBkYcXebw==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [openbsd]
@@ -570,17 +607,16 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/openbsd-x64@0.18.9:
-    resolution: {integrity: sha512-DN0Z9RGU/hlaMWSG9GaDLvlu0718u1HDGiF19wJ35fUznf9yJYgXDwZ5/cRQXUewHXJB0pD/VyQfRLDP3M4maw==}
+  /@esbuild/openbsd-x64@0.20.2:
+    resolution: {integrity: sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [openbsd]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@esbuild/sunos-x64@0.17.19:
-    resolution: {integrity: sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==}
+  /@esbuild/sunos-x64@0.19.12:
+    resolution: {integrity: sha512-HKjJwRrW8uWtCQnQOz9qcU3mUZhTUQvi56Q8DPTLLB+DawoiQdjsYq+j+D3s9I8VFtDr+F9CjgXKKC4ss89IeA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [sunos]
@@ -588,17 +624,16 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/sunos-x64@0.18.9:
-    resolution: {integrity: sha512-W/eHabLCXdki/8H3jmfE/ClDuh3bQQKpYfQHGQ7lQync9W72ZdVr2y1iWfEVTE7ZK/DQROo3GyfTkx5HPBZxmQ==}
+  /@esbuild/sunos-x64@0.20.2:
+    resolution: {integrity: sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [sunos]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@esbuild/win32-arm64@0.17.19:
-    resolution: {integrity: sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==}
+  /@esbuild/win32-arm64@0.19.12:
+    resolution: {integrity: sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [win32]
@@ -606,17 +641,16 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/win32-arm64@0.18.9:
-    resolution: {integrity: sha512-84FMz3Sh1hwGk/oWy6XGIW2bGVcsqvHLjjtbwd982XoTHOvQSthhrMef0J+4ShE1ZE7VeUXHIt2Mfer+myedYw==}
+  /@esbuild/win32-arm64@0.20.2:
+    resolution: {integrity: sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==}
     engines: {node: '>=12'}
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@esbuild/win32-ia32@0.17.19:
-    resolution: {integrity: sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==}
+  /@esbuild/win32-ia32@0.19.12:
+    resolution: {integrity: sha512-+ZOE6pUkMOJfmxmBZElNOx72NKpIa/HFOMGzu8fqzQJ5kgf6aTGrcJaFsNiVMH4JKpMipyK+7k0n2UXN7a8YKQ==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [win32]
@@ -624,17 +658,16 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/win32-ia32@0.18.9:
-    resolution: {integrity: sha512-/RsFTk0P13Nb+ixBVZfPdlLWKsP+he3ZLxOO/1eCsZZ2U7c/JxB053U7kURsyhhUPwiGzGVaAQAeyhGtYe8ehw==}
+  /@esbuild/win32-ia32@0.20.2:
+    resolution: {integrity: sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==}
     engines: {node: '>=12'}
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@esbuild/win32-x64@0.17.19:
-    resolution: {integrity: sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==}
+  /@esbuild/win32-x64@0.19.12:
+    resolution: {integrity: sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [win32]
@@ -642,17 +675,16 @@ packages:
     dev: true
     optional: true
 
-  /@esbuild/win32-x64@0.18.9:
-    resolution: {integrity: sha512-S+oBiO8UE1hmDJZlZJ6HZEdBBrxCGovwN66P9rle4DWVktM5fsMouYhpbtUf4WQLEy0HvcE2ZOQ2gIq8v0BkBw==}
+  /@esbuild/win32-x64@0.20.2:
+    resolution: {integrity: sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==}
     engines: {node: '>=12'}
     cpu: [x64]
     os: [win32]
     requiresBuild: true
-    dev: true
     optional: true
 
-  /@fontsource/roboto-mono@4.5.10:
-    resolution: {integrity: sha512-KrJdmkqz6DszT2wV/bbhXef4r0hV3B0vw2mAqei8A2kRnvq+gcJLmmIeQ94vu9VEXrUQzos5M9lH1TAAXpRphw==}
+  /@fontsource/roboto-mono@5.0.16:
+    resolution: {integrity: sha512-unZYfjXts55DQyODz0I9DzbSrS5DRKPNq9crJpNJe/Vy818bLnijprcJv3fvqwdDqTT0dRm2Fhk09QEIdtAc+Q==}
     dev: false
 
   /@jridgewell/gen-mapping@0.3.3:
@@ -661,91 +693,120 @@ packages:
     dependencies:
       '@jridgewell/set-array': 1.1.2
       '@jridgewell/sourcemap-codec': 1.4.15
-      '@jridgewell/trace-mapping': 0.3.18
+      '@jridgewell/trace-mapping': 0.3.22
 
-  /@jridgewell/resolve-uri@3.1.0:
-    resolution: {integrity: sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==}
+  /@jridgewell/resolve-uri@3.1.1:
+    resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==}
     engines: {node: '>=6.0.0'}
 
   /@jridgewell/set-array@1.1.2:
     resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
     engines: {node: '>=6.0.0'}
 
-  /@jridgewell/sourcemap-codec@1.4.14:
-    resolution: {integrity: sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==}
-
   /@jridgewell/sourcemap-codec@1.4.15:
     resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
 
-  /@jridgewell/trace-mapping@0.3.17:
-    resolution: {integrity: sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==}
+  /@jridgewell/trace-mapping@0.3.22:
+    resolution: {integrity: sha512-Wf963MzWtA2sjrNt+g18IAln9lKnlRp+K2eH4jjIoF1wYeq3aMREpG09xhlhdzS0EjwU7qmUJYangWa+151vZw==}
     dependencies:
-      '@jridgewell/resolve-uri': 3.1.0
-      '@jridgewell/sourcemap-codec': 1.4.14
-    dev: true
+      '@jridgewell/resolve-uri': 3.1.1
+      '@jridgewell/sourcemap-codec': 1.4.15
+
+  /@lezer/common@1.2.1:
+    resolution: {integrity: sha512-yemX0ZD2xS/73llMZIK6KplkjIjf2EvAHcinDi/TfJ9hS25G0388+ClHt6/3but0oOxinTcQHJLDXh6w1crzFQ==}
+    dev: false
 
-  /@jridgewell/trace-mapping@0.3.18:
-    resolution: {integrity: sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==}
+  /@lezer/css@1.1.7:
+    resolution: {integrity: sha512-7BlFFAKNn/b39jJLrhdLSX5A2k56GIJvyLqdmm7UU+7XvequY084iuKDMAEhAmAzHnwDE8FK4OQtsIUssW91tg==}
     dependencies:
-      '@jridgewell/resolve-uri': 3.1.0
-      '@jridgewell/sourcemap-codec': 1.4.14
+      '@lezer/common': 1.2.1
+      '@lezer/highlight': 1.2.0
+      '@lezer/lr': 1.4.0
+    dev: false
 
-  /@lezer/common@1.0.2:
-    resolution: {integrity: sha512-SVgiGtMnMnW3ActR8SXgsDhw7a0w0ChHSYAyAUxxrOiJ1OqYWEKk/xJd84tTSPo1mo6DXLObAJALNnd0Hrv7Ng==}
+  /@lezer/highlight@1.2.0:
+    resolution: {integrity: sha512-WrS5Mw51sGrpqjlh3d4/fOwpEV2Hd3YOkp9DBt4k8XZQcoTHZFB7sx030A6OcahF4J1nDQAa3jXlTVVYH50IFA==}
+    dependencies:
+      '@lezer/common': 1.2.1
     dev: false
 
-  /@lezer/css@1.1.1:
-    resolution: {integrity: sha512-mSjx+unLLapEqdOYDejnGBokB5+AiJKZVclmud0MKQOKx3DLJ5b5VTCstgDDknR6iIV4gVrN6euzsCnj0A2gQA==}
+  /@lezer/html@1.3.8:
+    resolution: {integrity: sha512-EXseJ3pUzWxE6XQBQdqWHZqqlGQRSuNMBcLb6mZWS2J2v+QZhOObD+3ZIKIcm59ntTzyor4LqFTb72iJc3k23Q==}
     dependencies:
-      '@lezer/highlight': 1.1.3
-      '@lezer/lr': 1.3.3
+      '@lezer/common': 1.2.1
+      '@lezer/highlight': 1.2.0
+      '@lezer/lr': 1.4.0
     dev: false
 
-  /@lezer/highlight@1.1.3:
-    resolution: {integrity: sha512-3vLKLPThO4td43lYRBygmMY18JN3CPh9w+XS2j8WC30vR4yZeFG4z1iFe4jXE43NtGqe//zHW5q8ENLlHvz9gw==}
+  /@lezer/javascript@1.4.13:
+    resolution: {integrity: sha512-5IBr8LIO3xJdJH1e9aj/ZNLE4LSbdsx25wFmGRAZsj2zSmwAYjx26JyU/BYOCpRQlu1jcv1z3vy4NB9+UkfRow==}
     dependencies:
-      '@lezer/common': 1.0.2
+      '@lezer/common': 1.2.1
+      '@lezer/highlight': 1.2.0
+      '@lezer/lr': 1.4.0
     dev: false
 
-  /@lezer/html@1.3.3:
-    resolution: {integrity: sha512-04Fyvu66DjV2EjhDIG1kfDdktn5Pfw56SXPrzKNQH5B2m7BDfc6bDsz+ZJG8dLS3kIPEKbyyq1Sm2/kjeG0+AA==}
+  /@lezer/json@1.0.2:
+    resolution: {integrity: sha512-xHT2P4S5eeCYECyKNPhr4cbEL9tc8w83SPwRC373o9uEdrvGKTZoJVAGxpOsZckMlEh9W23Pc72ew918RWQOBQ==}
     dependencies:
-      '@lezer/common': 1.0.2
-      '@lezer/highlight': 1.1.3
-      '@lezer/lr': 1.3.3
+      '@lezer/common': 1.2.1
+      '@lezer/highlight': 1.2.0
+      '@lezer/lr': 1.4.0
     dev: false
 
-  /@lezer/javascript@1.4.1:
-    resolution: {integrity: sha512-Hqx36DJeYhKtdpc7wBYPR0XF56ZzIp0IkMO/zNNj80xcaFOV4Oj/P7TQc/8k2TxNhzl7tV5tXS8ZOCPbT4L3nA==}
+  /@lezer/lr@1.4.0:
+    resolution: {integrity: sha512-Wst46p51km8gH0ZUmeNrtpRYmdlRHUpN1DQd3GFAyKANi8WVz8c2jHYTf1CVScFaCjQw1iO3ZZdqGDxQPRErTg==}
     dependencies:
-      '@lezer/highlight': 1.1.3
-      '@lezer/lr': 1.3.3
+      '@lezer/common': 1.2.1
     dev: false
 
-  /@lezer/lr@1.3.3:
-    resolution: {integrity: sha512-JPQe3mwJlzEVqy67iQiiGozhcngbO8QBgpqZM6oL1Wj/dXckrEexpBLeFkq0edtW5IqnPRFxA24BHJni8Js69w==}
+  /@lezer/markdown@1.2.0:
+    resolution: {integrity: sha512-d7MwsfAukZJo1GpPrcPGa3MxaFFOqNp0gbqF+3F7pTeNDOgeJN1muXzx1XXDPt+Ac+/voCzsH7qXqnn+xReG/g==}
     dependencies:
-      '@lezer/common': 1.0.2
+      '@lezer/common': 1.2.1
+      '@lezer/highlight': 1.2.0
     dev: false
 
-  /@mapbox/node-pre-gyp@1.0.10:
-    resolution: {integrity: sha512-4ySo4CjzStuprMwk35H5pPbkymjv1SF3jGLj6rAHp/xT/RF7TL7bd9CTm1xDY49K2qF7jmR/g7k+SkLETP6opA==}
+  /@mapbox/node-pre-gyp@1.0.11:
+    resolution: {integrity: sha512-Yhlar6v9WQgUp/He7BdgzOz8lqMQ8sU+jkCq7Wx8Myc5YFJLbEe7lgui/V7G1qB1DJykHSGwreceSaD60Y0PUQ==}
     hasBin: true
     dependencies:
-      detect-libc: 2.0.1
+      detect-libc: 2.0.2
       https-proxy-agent: 5.0.1
       make-dir: 3.1.0
-      node-fetch: 2.6.9
+      node-fetch: 2.7.0
       nopt: 5.0.0
       npmlog: 5.0.1
       rimraf: 3.0.2
-      semver: 7.3.8
-      tar: 6.1.13
+      semver: 7.6.0
+      tar: 6.2.0
     transitivePeerDependencies:
       - encoding
       - supports-color
     dev: true
 
+  /@neocodemirror/svelte@0.0.15(@codemirror/autocomplete@6.12.0)(@codemirror/commands@6.3.3)(@codemirror/language@6.10.1)(@codemirror/lint@6.5.0)(@codemirror/search@6.5.6)(@codemirror/state@6.4.0)(@codemirror/view@6.24.0):
+    resolution: {integrity: sha512-MCux+QCR40CboJu/TFwnqK7gYQ3fvtvHX8F/mk85DRH7vMoG3VDjJhqneAITX5IzohWKeP36hzcV+oHC2LYJqA==}
+    peerDependencies:
+      '@codemirror/autocomplete': ^6.7.1
+      '@codemirror/commands': ^6.2.4
+      '@codemirror/language': ^6.7.0
+      '@codemirror/lint': ^6.2.1
+      '@codemirror/search': ^6.4.0
+      '@codemirror/state': ^6.2.0
+      '@codemirror/view': ^6.12.0
+    dependencies:
+      '@codemirror/autocomplete': 6.12.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.0)(@codemirror/view@6.24.0)(@lezer/common@1.2.1)
+      '@codemirror/commands': 6.3.3
+      '@codemirror/language': 6.10.1
+      '@codemirror/lint': 6.5.0
+      '@codemirror/search': 6.5.6
+      '@codemirror/state': 6.4.0
+      '@codemirror/view': 6.24.0
+      csstype: 3.1.3
+      nanostores: 0.8.1
+    dev: false
+
   /@nodelib/fs.scandir@2.1.5:
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
     engines: {node: '>= 8'}
@@ -764,25 +825,21 @@ packages:
     engines: {node: '>= 8'}
     dependencies:
       '@nodelib/fs.scandir': 2.1.5
-      fastq: 1.15.0
+      fastq: 1.17.1
     dev: true
 
-  /@playwright/test@1.31.2:
-    resolution: {integrity: sha512-BYVutxDI4JeZKV1+ups6dt5WiqKhjBtIYowyZIJ3kBDmJgsuPKsqqKNIMFbUePLSCmp2cZu+BDL427RcNKTRYw==}
-    engines: {node: '>=14'}
+  /@playwright/test@1.41.2:
+    resolution: {integrity: sha512-qQB9h7KbibJzrDpkXkYvsmiDJK14FULCCZgEcoe2AvFAS64oCirWTwzTlAYEbKaRxWs5TFesE1Na6izMv3HfGg==}
+    engines: {node: '>=16'}
     hasBin: true
     dependencies:
-      '@types/node': 18.15.3
-      playwright-core: 1.31.2
-    optionalDependencies:
-      fsevents: 2.3.2
+      playwright: 1.41.2
     dev: true
 
-  /@polka/url@1.0.0-next.21:
-    resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==}
-    dev: true
+  /@polka/url@1.0.0-next.24:
+    resolution: {integrity: sha512-2LuNTFBIO0m7kKIQvvPHN6UE63VjpmL9rnEEaOOaiSPbZK+zUOYIzBAWcED+3XYzhYsd/0mD57VdxAEqqV52CQ==}
 
-  /@replit/codemirror-lang-svelte@6.0.0(@codemirror/autocomplete@6.4.2)(@codemirror/lang-css@6.1.1)(@codemirror/lang-html@6.4.2)(@codemirror/lang-javascript@6.1.4)(@codemirror/language@6.6.0)(@codemirror/state@6.2.0)(@codemirror/view@6.9.2)(@lezer/common@1.0.2)(@lezer/highlight@1.1.3)(@lezer/javascript@1.4.1)(@lezer/lr@1.3.3):
+  /@replit/codemirror-lang-svelte@6.0.0(@codemirror/autocomplete@6.12.0)(@codemirror/lang-css@6.2.1)(@codemirror/lang-html@6.4.8)(@codemirror/lang-javascript@6.2.1)(@codemirror/language@6.10.1)(@codemirror/state@6.4.0)(@codemirror/view@6.24.0)(@lezer/common@1.2.1)(@lezer/highlight@1.2.0)(@lezer/javascript@1.4.13)(@lezer/lr@1.4.0):
     resolution: {integrity: sha512-U2OqqgMM6jKelL0GNWbAmqlu1S078zZNoBqlJBW+retTc5M4Mha6/Y2cf4SVg6ddgloJvmcSpt4hHrVoM4ePRA==}
     peerDependencies:
       '@codemirror/autocomplete': ^6.0.0
@@ -797,21 +854,21 @@ packages:
       '@lezer/javascript': ^1.2.0
       '@lezer/lr': ^1.0.0
     dependencies:
-      '@codemirror/autocomplete': 6.4.2(@codemirror/language@6.6.0)(@codemirror/state@6.2.0)(@codemirror/view@6.9.2)(@lezer/common@1.0.2)
-      '@codemirror/lang-css': 6.1.1(@codemirror/view@6.9.2)(@lezer/common@1.0.2)
-      '@codemirror/lang-html': 6.4.2
-      '@codemirror/lang-javascript': 6.1.4
-      '@codemirror/language': 6.6.0
-      '@codemirror/state': 6.2.0
-      '@codemirror/view': 6.9.2
-      '@lezer/common': 1.0.2
-      '@lezer/highlight': 1.1.3
-      '@lezer/javascript': 1.4.1
-      '@lezer/lr': 1.3.3
+      '@codemirror/autocomplete': 6.12.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.0)(@codemirror/view@6.24.0)(@lezer/common@1.2.1)
+      '@codemirror/lang-css': 6.2.1(@codemirror/view@6.24.0)
+      '@codemirror/lang-html': 6.4.8
+      '@codemirror/lang-javascript': 6.2.1
+      '@codemirror/language': 6.10.1
+      '@codemirror/state': 6.4.0
+      '@codemirror/view': 6.24.0
+      '@lezer/common': 1.2.1
+      '@lezer/highlight': 1.2.0
+      '@lezer/javascript': 1.4.13
+      '@lezer/lr': 1.4.0
     dev: false
 
-  /@replit/codemirror-vim@6.0.11(@codemirror/commands@6.2.2)(@codemirror/language@6.6.0)(@codemirror/search@6.3.0)(@codemirror/state@6.2.0)(@codemirror/view@6.9.2):
-    resolution: {integrity: sha512-b3umG+3DR9LfNjrPBk1849Cp8WHgFbYFhlFvGg62br03NdVquVKxaQonK7xA8WGurzQeQOpBW+hhr7mzZxWksA==}
+  /@replit/codemirror-vim@6.1.0(@codemirror/commands@6.3.3)(@codemirror/language@6.10.1)(@codemirror/search@6.5.6)(@codemirror/state@6.4.0)(@codemirror/view@6.24.0):
+    resolution: {integrity: sha512-XATcrMBYphSgTTDHaL5cTdBKA+/kwg8x0kHpX9xFHkI8c2G9+nXdkIzFCtk76x1VDYQSlT6orNhudNt+9H9zOA==}
     peerDependencies:
       '@codemirror/commands': ^6.0.0
       '@codemirror/language': ^6.1.0
@@ -819,19 +876,23 @@ packages:
       '@codemirror/state': ^6.0.1
       '@codemirror/view': ^6.0.3
     dependencies:
-      '@codemirror/commands': 6.2.2
-      '@codemirror/language': 6.6.0
-      '@codemirror/search': 6.3.0
-      '@codemirror/state': 6.2.0
-      '@codemirror/view': 6.9.2
+      '@codemirror/commands': 6.3.3
+      '@codemirror/language': 6.10.1
+      '@codemirror/search': 6.5.6
+      '@codemirror/state': 6.4.0
+      '@codemirror/view': 6.24.0
     dev: false
 
-  /@rich_harris/svelte-split-pane@1.1.0(svelte@4.0.0):
-    resolution: {integrity: sha512-gxDfPqRSRx11/t+cs5ao0pXzKSO6CiBDmbcVwD8o/zToNZZTZjompoRmvRRICT9OhPxwwl/87nXJEToorPyICg==}
+  /@rich_harris/svelte-split-pane@1.1.3(svelte@4.2.10):
+    resolution: {integrity: sha512-eziKez1ncDfLqJQsViwLG2rYNfMEa3pYBKFUBfNTChgT5lUnofm5IDHxupAKklKvRpTXCVhQXb1MxLUfj5UgFQ==}
     peerDependencies:
-      svelte: ^3.54.0
+      svelte: ^3.54.0 || ^4.0.0 || ^5.0.0-next.0
     dependencies:
-      svelte: 4.0.0
+      svelte: 4.2.10
+    dev: false
+
+  /@rollup/browser@3.29.4:
+    resolution: {integrity: sha512-qkWkilNBn+90/9Xn2stuwFpXYhG/mZVPlDkTIPdQSEtJES0NS4o4atceEqeGeHOjQREY2jaIv7ld3IajA/Bmfw==}
     dev: false
 
   /@rollup/pluginutils@4.2.1:
@@ -842,158 +903,379 @@ packages:
       picomatch: 2.3.1
     dev: true
 
-  /@sveltejs/adapter-vercel@3.0.1(@sveltejs/kit@1.20.5):
-    resolution: {integrity: sha512-PBY3YRm7Q7Prax07mxD/rvcho2CntGkYncAIkz2DtG5NTcVG5JZ1RM627it5zYYtc2/RB3YjMkZuCMBqDCiPkA==}
+  /@rollup/rollup-android-arm-eabi@4.17.2:
+    resolution: {integrity: sha512-NM0jFxY8bB8QLkoKxIQeObCaDlJKewVlIEkuyYKm5An1tdVZ966w2+MPQ2l8LBZLjR+SgyV+nRkTIunzOYBMLQ==}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-android-arm64@4.17.2:
+    resolution: {integrity: sha512-yeX/Usk7daNIVwkq2uGoq2BYJKZY1JfyLTaHO/jaiSwi/lsf8fTFoQW/n6IdAsx5tx+iotu2zCJwz8MxI6D/Bw==}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-darwin-arm64@4.17.2:
+    resolution: {integrity: sha512-kcMLpE6uCwls023+kknm71ug7MZOrtXo+y5p/tsg6jltpDtgQY1Eq5sGfHcQfb+lfuKwhBmEURDga9N0ol4YPw==}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-darwin-x64@4.17.2:
+    resolution: {integrity: sha512-AtKwD0VEx0zWkL0ZjixEkp5tbNLzX+FCqGG1SvOu993HnSz4qDI6S4kGzubrEJAljpVkhRSlg5bzpV//E6ysTQ==}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-linux-arm-gnueabihf@4.17.2:
+    resolution: {integrity: sha512-3reX2fUHqN7sffBNqmEyMQVj/CKhIHZd4y631duy0hZqI8Qoqf6lTtmAKvJFYa6bhU95B1D0WgzHkmTg33In0A==}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-linux-arm-musleabihf@4.17.2:
+    resolution: {integrity: sha512-uSqpsp91mheRgw96xtyAGP9FW5ChctTFEoXP0r5FAzj/3ZRv3Uxjtc7taRQSaQM/q85KEKjKsZuiZM3GyUivRg==}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-linux-arm64-gnu@4.17.2:
+    resolution: {integrity: sha512-EMMPHkiCRtE8Wdk3Qhtciq6BndLtstqZIroHiiGzB3C5LDJmIZcSzVtLRbwuXuUft1Cnv+9fxuDtDxz3k3EW2A==}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-linux-arm64-musl@4.17.2:
+    resolution: {integrity: sha512-NMPylUUZ1i0z/xJUIx6VUhISZDRT+uTWpBcjdv0/zkp7b/bQDF+NfnfdzuTiB1G6HTodgoFa93hp0O1xl+/UbA==}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-linux-powerpc64le-gnu@4.17.2:
+    resolution: {integrity: sha512-T19My13y8uYXPw/L/k0JYaX1fJKFT/PWdXiHr8mTbXWxjVF1t+8Xl31DgBBvEKclw+1b00Chg0hxE2O7bTG7GQ==}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-linux-riscv64-gnu@4.17.2:
+    resolution: {integrity: sha512-BOaNfthf3X3fOWAB+IJ9kxTgPmMqPPH5f5k2DcCsRrBIbWnaJCgX2ll77dV1TdSy9SaXTR5iDXRL8n7AnoP5cg==}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-linux-s390x-gnu@4.17.2:
+    resolution: {integrity: sha512-W0UP/x7bnn3xN2eYMql2T/+wpASLE5SjObXILTMPUBDB/Fg/FxC+gX4nvCfPBCbNhz51C+HcqQp2qQ4u25ok6g==}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-linux-x64-gnu@4.17.2:
+    resolution: {integrity: sha512-Hy7pLwByUOuyaFC6mAr7m+oMC+V7qyifzs/nW2OJfC8H4hbCzOX07Ov0VFk/zP3kBsELWNFi7rJtgbKYsav9QQ==}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-linux-x64-musl@4.17.2:
+    resolution: {integrity: sha512-h1+yTWeYbRdAyJ/jMiVw0l6fOOm/0D1vNLui9iPuqgRGnXA0u21gAqOyB5iHjlM9MMfNOm9RHCQ7zLIzT0x11Q==}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-win32-arm64-msvc@4.17.2:
+    resolution: {integrity: sha512-tmdtXMfKAjy5+IQsVtDiCfqbynAQE/TQRpWdVataHmhMb9DCoJxp9vLcCBjEQWMiUYxO1QprH/HbY9ragCEFLA==}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-win32-ia32-msvc@4.17.2:
+    resolution: {integrity: sha512-7II/QCSTAHuE5vdZaQEwJq2ZACkBpQDOmQsE6D6XUbnBHW8IAhm4eTufL6msLJorzrHDFv3CF8oCA/hSIRuZeQ==}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    optional: true
+
+  /@rollup/rollup-win32-x64-msvc@4.17.2:
+    resolution: {integrity: sha512-TGGO7v7qOq4CYmSBVEYpI1Y5xDuCEnbVC5Vth8mOsW0gDSzxNrVERPc790IGHsrT2dQSimgMr9Ub3Y1Jci5/8w==}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    optional: true
+
+  /@sveltejs/adapter-vercel@4.0.5(@sveltejs/kit@2.5.9):
+    resolution: {integrity: sha512-SABZvRry8pUggFrBLbIi88dCH5gP3M0O/8HvvLjOTCwTVn3E8H1ppJ8ujhj8xNuoi4rm9JVy6qYSYp2EsgOugw==}
     peerDependencies:
-      '@sveltejs/kit': ^1.5.0
+      '@sveltejs/kit': ^2.0.0
     dependencies:
-      '@sveltejs/kit': 1.20.5(svelte@4.0.0)(vite@4.3.9)
-      '@vercel/nft': 0.22.6
-      esbuild: 0.17.19
+      '@sveltejs/kit': 2.5.9(@sveltejs/vite-plugin-svelte@3.1.0)(svelte@4.2.10)(vite@5.2.11)
+      '@vercel/nft': 0.26.5
+      esbuild: 0.19.12
     transitivePeerDependencies:
       - encoding
       - supports-color
     dev: true
 
-  /@sveltejs/kit@1.20.5(svelte@4.0.0)(vite@4.3.9):
-    resolution: {integrity: sha512-8rJYZ2boRlO75lwpbpB+DlSzIwmTuamXTpVlDtw4dBk86o3UaDe/+Ro4xCsV/4FtTw2U8xPHyV83edAWbQHG0w==}
-    engines: {node: ^16.14 || >=18}
+  /@sveltejs/kit@2.5.9(@sveltejs/vite-plugin-svelte@3.1.0)(svelte@4.2.10)(vite@5.2.11):
+    resolution: {integrity: sha512-x8biUVHPQq075/ESH/UO+fwENtAcw0kg9+bloqqEnbLUNWcrWpmcL3vKrKJc4vaVh/CYKFXn47N98Sbt/Y3vKQ==}
+    engines: {node: '>=18.13'}
     hasBin: true
     requiresBuild: true
     peerDependencies:
-      svelte: ^3.54.0 || ^4.0.0-next.0
-      vite: ^4.0.0
-    dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.4.2(svelte@4.0.0)(vite@4.3.9)
-      '@types/cookie': 0.5.1
-      cookie: 0.5.0
-      devalue: 4.3.2
+      '@sveltejs/vite-plugin-svelte': ^3.0.0
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.3
+    dependencies:
+      '@sveltejs/vite-plugin-svelte': 3.1.0(svelte@4.2.10)(vite@5.2.11)
+      '@types/cookie': 0.6.0
+      cookie: 0.6.0
+      devalue: 5.0.0
       esm-env: 1.0.0
+      import-meta-resolve: 4.1.0
       kleur: 4.1.5
-      magic-string: 0.30.0
-      mime: 3.0.0
+      magic-string: 0.30.7
+      mrmime: 2.0.0
       sade: 1.8.1
       set-cookie-parser: 2.6.0
-      sirv: 2.0.2
-      svelte: 4.0.0
-      undici: 5.22.1
-      vite: 4.3.9
+      sirv: 2.0.4
+      svelte: 4.2.10
+      tiny-glob: 0.2.9
+      vite: 5.2.11(lightningcss@1.23.0)
+
+  /@sveltejs/repl@0.6.0(@codemirror/lang-html@6.4.8)(@codemirror/search@6.5.6)(@lezer/common@1.2.1)(@lezer/javascript@1.4.13)(@lezer/lr@1.4.0)(@sveltejs/kit@2.5.9)(svelte@4.2.10):
+    resolution: {integrity: sha512-NADKN0NZhLlSatTSh5CCsdzgf2KHJFRef/8krA/TVWAWos5kSwmZ5fF0UImuqs61Pu/SiMXksaWNTGTiOtr4fQ==}
+    peerDependencies:
+      svelte: ^3.54.0 || ^4.0.0-next.0 || ^4.0.0
+    dependencies:
+      '@codemirror/autocomplete': 6.12.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.0)(@codemirror/view@6.24.0)(@lezer/common@1.2.1)
+      '@codemirror/commands': 6.3.3
+      '@codemirror/lang-css': 6.2.1(@codemirror/view@6.24.0)
+      '@codemirror/lang-javascript': 6.2.1
+      '@codemirror/lang-json': 6.0.1
+      '@codemirror/lang-markdown': 6.2.4
+      '@codemirror/language': 6.10.1
+      '@codemirror/lint': 6.5.0
+      '@codemirror/state': 6.4.0
+      '@codemirror/view': 6.24.0
+      '@jridgewell/sourcemap-codec': 1.4.15
+      '@lezer/highlight': 1.2.0
+      '@neocodemirror/svelte': 0.0.15(@codemirror/autocomplete@6.12.0)(@codemirror/commands@6.3.3)(@codemirror/language@6.10.1)(@codemirror/lint@6.5.0)(@codemirror/search@6.5.6)(@codemirror/state@6.4.0)(@codemirror/view@6.24.0)
+      '@replit/codemirror-lang-svelte': 6.0.0(@codemirror/autocomplete@6.12.0)(@codemirror/lang-css@6.2.1)(@codemirror/lang-html@6.4.8)(@codemirror/lang-javascript@6.2.1)(@codemirror/language@6.10.1)(@codemirror/state@6.4.0)(@codemirror/view@6.24.0)(@lezer/common@1.2.1)(@lezer/highlight@1.2.0)(@lezer/javascript@1.4.13)(@lezer/lr@1.4.0)
+      '@replit/codemirror-vim': 6.1.0(@codemirror/commands@6.3.3)(@codemirror/language@6.10.1)(@codemirror/search@6.5.6)(@codemirror/state@6.4.0)(@codemirror/view@6.24.0)
+      '@rich_harris/svelte-split-pane': 1.1.3(svelte@4.2.10)
+      '@rollup/browser': 3.29.4
+      '@sveltejs/site-kit': 5.2.2(@sveltejs/kit@2.5.9)(svelte@4.2.10)
+      acorn: 8.11.3
+      codemirror: 6.0.1(@lezer/common@1.2.1)
+      esm-env: 1.0.0
+      estree-walker: 3.0.3
+      marked: 5.1.2
+      resolve.exports: 2.0.2
+      svelte: 4.2.10
+      svelte-json-tree: 2.2.0(svelte@4.2.10)
     transitivePeerDependencies:
-      - supports-color
-    dev: true
+      - '@codemirror/lang-html'
+      - '@codemirror/search'
+      - '@lezer/common'
+      - '@lezer/javascript'
+      - '@lezer/lr'
+      - '@sveltejs/kit'
+    dev: false
 
-  /@sveltejs/site-kit@5.2.2(@sveltejs/kit@1.20.5)(svelte@4.0.0):
+  /@sveltejs/site-kit@5.2.2(@sveltejs/kit@2.5.9)(svelte@4.2.10):
     resolution: {integrity: sha512-XLLxVUV/dYytCsUeODAkjtzlaIBSn1kdcH5U36OuN7gMsPEHDy5L/dsWjf1/vDln3JStH5lqZPEN8Fovm33KhA==}
     peerDependencies:
       '@sveltejs/kit': ^1.0.0
       svelte: ^3.54.0
     dependencies:
-      '@sveltejs/kit': 1.20.5(svelte@4.0.0)(vite@4.3.9)
+      '@sveltejs/kit': 2.5.9(@sveltejs/vite-plugin-svelte@3.1.0)(svelte@4.2.10)(vite@5.2.11)
+      esm-env: 1.0.0
+      svelte: 4.2.10
+      svelte-local-storage-store: 0.4.0(svelte@4.2.10)
+    dev: false
+
+  /@sveltejs/site-kit@6.0.0-next.64(@sveltejs/kit@2.5.9)(svelte@4.2.10):
+    resolution: {integrity: sha512-SosLY07DBA79yJhRR9vQpk9eXlSc3VjzOlIJQFvPzgsbu727rq5u3dudFEsm0NeQFoAF+NNgDYi5D85v5Yc+vQ==}
+    peerDependencies:
+      '@sveltejs/kit': ^1.20.0
+      svelte: ^4.0.0
+    dependencies:
+      '@sveltejs/kit': 2.5.9(@sveltejs/vite-plugin-svelte@3.1.0)(svelte@4.2.10)(vite@5.2.11)
       esm-env: 1.0.0
-      svelte: 4.0.0
-      svelte-local-storage-store: 0.4.0(svelte@4.0.0)
+      svelte: 4.2.10
+      svelte-persisted-store: 0.9.4(svelte@4.2.10)
     dev: true
 
-  /@sveltejs/vite-plugin-svelte-inspector@1.0.3(@sveltejs/vite-plugin-svelte@2.4.2)(svelte@4.0.0)(vite@4.3.9):
-    resolution: {integrity: sha512-Khdl5jmmPN6SUsVuqSXatKpQTMIifoQPDanaxC84m9JxIibWvSABJyHpyys0Z+1yYrxY5TTEQm+6elh0XCMaOA==}
-    engines: {node: ^14.18.0 || >= 16}
+  /@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.0)(svelte@4.2.10)(vite@5.2.11):
+    resolution: {integrity: sha512-9QX28IymvBlSCqsCll5t0kQVxipsfhFFL+L2t3nTWfXnddYwxBuAEtTtlaVQpRz9c37BhJjltSeY4AJSC03SSg==}
+    engines: {node: ^18.0.0 || >=20}
     peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^2.2.0
-      svelte: ^3.54.0 || ^4.0.0
-      vite: ^4.0.0
+      '@sveltejs/vite-plugin-svelte': ^3.0.0
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.4.2(svelte@4.0.0)(vite@4.3.9)
+      '@sveltejs/vite-plugin-svelte': 3.1.0(svelte@4.2.10)(vite@5.2.11)
       debug: 4.3.4
-      svelte: 4.0.0
-      vite: 4.3.9
+      svelte: 4.2.10
+      vite: 5.2.11(lightningcss@1.23.0)
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@sveltejs/vite-plugin-svelte@2.4.2(svelte@4.0.0)(vite@4.3.9):
-    resolution: {integrity: sha512-ePfcC48ftMKhkT0OFGdOyycYKnnkT6i/buzey+vHRTR/JpQvuPzzhf1PtKqCDQfJRgoPSN2vscXs6gLigx/zGw==}
-    engines: {node: ^14.18.0 || >= 16}
+  /@sveltejs/vite-plugin-svelte@3.1.0(svelte@4.2.10)(vite@5.2.11):
+    resolution: {integrity: sha512-sY6ncCvg+O3njnzbZexcVtUqOBE3iYmQPJ9y+yXSkOwG576QI/xJrBnQSRXFLGwJNBa0T78JEKg5cIR0WOAuUw==}
+    engines: {node: ^18.0.0 || >=20}
     peerDependencies:
-      svelte: ^3.54.0 || ^4.0.0
-      vite: ^4.0.0
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      vite: ^5.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 1.0.3(@sveltejs/vite-plugin-svelte@2.4.2)(svelte@4.0.0)(vite@4.3.9)
+      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.0)(svelte@4.2.10)(vite@5.2.11)
       debug: 4.3.4
       deepmerge: 4.3.1
       kleur: 4.1.5
-      magic-string: 0.30.0
-      svelte: 4.0.0
-      svelte-hmr: 0.15.2(svelte@4.0.0)
-      vite: 4.3.9
-      vitefu: 0.2.4(vite@4.3.9)
+      magic-string: 0.30.10
+      svelte: 4.2.10
+      svelte-hmr: 0.16.0(svelte@4.2.10)
+      vite: 5.2.11(lightningcss@1.23.0)
+      vitefu: 0.2.5(vite@5.2.11)
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
-  /@types/cookie@0.5.1:
-    resolution: {integrity: sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g==}
+  /@types/cookie@0.6.0:
+    resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==}
+
+  /@types/diff@5.0.9:
+    resolution: {integrity: sha512-RWVEhh/zGXpAVF/ZChwNnv7r4rvqzJ7lYNSmZSVTxjV0PBLf6Qu7RNg+SUtkpzxmiNkjCx0Xn2tPp7FIkshJwQ==}
     dev: true
 
-  /@types/diff@5.0.2:
-    resolution: {integrity: sha512-uw8eYMIReOwstQ0QKF0sICefSy8cNO/v7gOTiIy9SbwuHyEecJUm7qlgueOO5S1udZ5I/irVydHVwMchgzbKTg==}
+  /@types/estree@1.0.5:
+    resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
+
+  /@types/node@20.11.17:
+    resolution: {integrity: sha512-QmgQZGWu1Yw9TDyAP9ZzpFJKynYNeOvwMJmaxABfieQoVoiVOS6MN1WSpqpRcbeA5+RW82kraAVxCCJg+780Qw==}
+    dependencies:
+      undici-types: 5.26.5
     dev: true
 
-  /@types/estree@1.0.1:
-    resolution: {integrity: sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==}
+  /@types/prismjs@1.26.3:
+    resolution: {integrity: sha512-A0D0aTXvjlqJ5ZILMz3rNfDBOx9hHxLZYv2by47Sm/pqW35zzjusrZTryatjN/Rf8Us2gZrJD+KeHbUSTux1Cw==}
+    dev: true
 
-  /@types/marked@4.0.8:
-    resolution: {integrity: sha512-HVNzMT5QlWCOdeuBsgXP8EZzKUf0+AXzN+sLmjvaB3ZlLqO+e4u0uXrdw9ub69wBKFs+c6/pA4r9sy6cCDvImw==}
+  /@types/pug@2.0.10:
+    resolution: {integrity: sha512-Sk/uYFOBAB7mb74XcpizmH0KOR2Pv3D2Hmrh1Dmy5BmK3MpdSa5kqZcg6EKBdklU0bFXX9gCfzvpnyUehrPIuA==}
     dev: true
 
-  /@types/node@18.15.3:
-    resolution: {integrity: sha512-p6ua9zBxz5otCmbpb5D3U4B5Nanw6Pk3PPyX05xnxbB/fRv71N7CPmORg7uAD5P70T0xmx1pzAx/FUfa5X+3cw==}
+  /@types/ws@8.5.10:
+    resolution: {integrity: sha512-vmQSUcfalpIq0R9q7uTo2lXs6eGIpt9wtnLdMv9LVpIjCA/+ufZRozlVoVelIYixx1ugCBKDhn89vnsEGOCx9A==}
+    dependencies:
+      '@types/node': 20.11.17
     dev: true
 
-  /@types/prismjs@1.26.0:
-    resolution: {integrity: sha512-ZTaqn/qSqUuAq1YwvOFQfVW1AR/oQJlLSZVustdjwI+GZ8kr0MSHBj0tsXPW1EqHubx50gtBEjbPGsdZwQwCjQ==}
+  /@typescript/twoslash@3.1.0:
+    resolution: {integrity: sha512-kTwMUQ8xtAZaC4wb2XuLkPqFVBj2dNBueMQ89NWEuw87k2nLBbuafeG5cob/QEr6YduxIdTVUjix0MtC7mPlmg==}
+    dependencies:
+      '@typescript/vfs': 1.3.5
+      debug: 4.3.4
+      lz-string: 1.5.0
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
-  /@types/pug@2.0.6:
-    resolution: {integrity: sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==}
+  /@typescript/vfs@1.3.4:
+    resolution: {integrity: sha512-RbyJiaAGQPIcAGWFa3jAXSuAexU4BFiDRF1g3hy7LmRqfNpYlTQWGXjcrOaVZjJ8YkkpuwG0FcsYvtWQpd9igQ==}
+    dependencies:
+      debug: 4.3.4
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
-  /@types/ws@8.5.4:
-    resolution: {integrity: sha512-zdQDHKUgcX/zBc4GrwsE/7dVdAD8JR4EuiAXiiUhhfyIJXXb2+PrGshFyeXWQPMmmZ2XxgaqclgpIC7eTXc1mg==}
+  /@typescript/vfs@1.3.5:
+    resolution: {integrity: sha512-pI8Saqjupf9MfLw7w2+og+fmb0fZS0J6vsKXXrp4/PDXEFvntgzXmChCXC/KefZZS0YGS6AT8e0hGAJcTsdJlg==}
     dependencies:
-      '@types/node': 18.15.3
+      debug: 4.3.4
+    transitivePeerDependencies:
+      - supports-color
     dev: true
 
-  /@vercel/nft@0.22.6:
-    resolution: {integrity: sha512-gTsFnnT4mGxodr4AUlW3/urY+8JKKB452LwF3m477RFUJTAaDmcz2JqFuInzvdybYIeyIv1sSONEJxsxnbQ5JQ==}
-    engines: {node: '>=14'}
+  /@vercel/nft@0.26.5:
+    resolution: {integrity: sha512-NHxohEqad6Ra/r4lGknO52uc/GrWILXAMs1BB4401GTqww0fw1bAqzpG1XHuDO+dprg4GvsD9ZLLSsdo78p9hQ==}
+    engines: {node: '>=16'}
     hasBin: true
     dependencies:
-      '@mapbox/node-pre-gyp': 1.0.10
+      '@mapbox/node-pre-gyp': 1.0.11
       '@rollup/pluginutils': 4.2.1
-      acorn: 8.8.2
+      acorn: 8.11.3
+      acorn-import-attributes: 1.9.5(acorn@8.11.3)
       async-sema: 3.1.1
       bindings: 1.5.0
       estree-walker: 2.0.2
       glob: 7.2.3
       graceful-fs: 4.2.11
       micromatch: 4.0.5
-      node-gyp-build: 4.6.0
+      node-gyp-build: 4.8.0
       resolve-from: 5.0.0
     transitivePeerDependencies:
       - encoding
       - supports-color
     dev: true
 
-  /@webcontainer/api@1.1.0:
-    resolution: {integrity: sha512-qYUuy6BJl0eUlorA9dQ2DLxQ2I9vduhnhilV+DL7E5SxqLH+IZ2miS666/Uro93S3R6hLUVqg9Y17YiFUd/Hmg==}
+  /@vercel/speed-insights@1.0.11(@sveltejs/kit@2.5.9)(svelte@4.2.10):
+    resolution: {integrity: sha512-l9hzSNmJvb2Yqpgd/BzpiT0J0aQDdtqxOf3Xm+iW4PICxVvhY1ef7Otdx4GXI+88dVkws57qMzXiShz19gXzSQ==}
+    requiresBuild: true
+    peerDependencies:
+      '@sveltejs/kit': ^1 || ^2
+      next: '>= 13'
+      react: ^18 || ^19
+      svelte: ^4
+      vue: ^3
+      vue-router: ^4
+    peerDependenciesMeta:
+      '@sveltejs/kit':
+        optional: true
+      next:
+        optional: true
+      react:
+        optional: true
+      svelte:
+        optional: true
+      vue:
+        optional: true
+      vue-router:
+        optional: true
+    dependencies:
+      '@sveltejs/kit': 2.5.9(@sveltejs/vite-plugin-svelte@3.1.0)(svelte@4.2.10)(vite@5.2.11)
+      svelte: 4.2.10
+    dev: false
+
+  /@webcontainer/api@1.1.9:
+    resolution: {integrity: sha512-Sp6PV0K9D/3f8fSbCubqhfmBFH8XbngZCBOCF+aExyGqnz2etmw+KYvbQ/JxYvYX5KPaSxM+asFQwoP2RHl5cg==}
     dev: false
 
   /abbrev@1.1.1:
     resolution: {integrity: sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==}
     dev: true
 
-  /acorn@8.8.2:
-    resolution: {integrity: sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==}
+  /acorn-import-attributes@1.9.5(acorn@8.11.3):
+    resolution: {integrity: sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==}
+    peerDependencies:
+      acorn: ^8
+    dependencies:
+      acorn: 8.11.3
+    dev: true
+
+  /acorn@8.11.3:
+    resolution: {integrity: sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==}
     engines: {node: '>=0.4.0'}
     hasBin: true
 
@@ -1053,8 +1335,8 @@ packages:
     resolution: {integrity: sha512-tLRNUXati5MFePdAk8dw7Qt7DpxPB60ofAgn8WRhW6a2rcimZnYBP9oxHiv0OHy+Wz7kPMG+t4LGdt31+4EmGg==}
     dev: true
 
-  /axobject-query@3.2.1:
-    resolution: {integrity: sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==}
+  /axobject-query@4.0.0:
+    resolution: {integrity: sha512-+60uv1hiVFhHZeO+Lz0RYzsVHy5Wr1ayX0mwda9KPDVLNJgZ1T9Ny7VmFbLDzxsH0D87I86vgj3gFrjTJUYznw==}
     dependencies:
       dequal: 2.0.3
 
@@ -1091,15 +1373,19 @@ packages:
       fill-range: 7.0.1
     dev: true
 
-  /buffer-crc32@0.2.13:
-    resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
+  /browserslist@4.22.3:
+    resolution: {integrity: sha512-UAp55yfwNv0klWNapjs/ktHoguxuQNGnOzxYmfnXIS+8AsRDZkSDxg7R1AX3GKzn078SBI5dzwzj/Yx0Or0e3A==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+    dependencies:
+      caniuse-lite: 1.0.30001585
+      electron-to-chromium: 1.4.664
+      node-releases: 2.0.14
+      update-browserslist-db: 1.0.13(browserslist@4.22.3)
     dev: true
 
-  /busboy@1.6.0:
-    resolution: {integrity: sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==}
-    engines: {node: '>=10.16.0'}
-    dependencies:
-      streamsearch: 1.1.0
+  /buffer-crc32@0.2.13:
+    resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
     dev: true
 
   /callsites@3.1.0:
@@ -1107,8 +1393,12 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /chokidar@3.5.3:
-    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
+  /caniuse-lite@1.0.30001585:
+    resolution: {integrity: sha512-yr2BWR1yLXQ8fMpdS/4ZZXpseBgE7o4g41x3a6AJOqZuOi+iE/WdJYAuZ6Y95i4Ohd2Y+9MzIWRR+uGABH4s3Q==}
+    dev: true
+
+  /chokidar@3.6.0:
+    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
     dependencies:
       anymatch: 3.1.3
@@ -1119,7 +1409,7 @@ packages:
       normalize-path: 3.0.0
       readdirp: 3.6.0
     optionalDependencies:
-      fsevents: 2.3.2
+      fsevents: 2.3.3
     dev: true
 
   /chownr@2.0.0:
@@ -1127,25 +1417,25 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /code-red@1.0.3:
-    resolution: {integrity: sha512-kVwJELqiILQyG5aeuyKFbdsI1fmQy1Cmf7dQ8eGmVuJoaRVdwey7WaMknr2ZFeVSYSKT0rExsa8EGw0aoI/1QQ==}
+  /code-red@1.0.4:
+    resolution: {integrity: sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==}
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
-      '@types/estree': 1.0.1
-      acorn: 8.8.2
+      '@types/estree': 1.0.5
+      acorn: 8.11.3
       estree-walker: 3.0.3
       periscopic: 3.1.0
 
-  /codemirror@6.0.1(@lezer/common@1.0.2):
+  /codemirror@6.0.1(@lezer/common@1.2.1):
     resolution: {integrity: sha512-J8j+nZ+CdWmIeFIGXEFbFPtpiYacFMDR8GlHK3IyHQJMCaVRfGx9NT+Hxivv1ckLWPvNdZqndbr/7lVhrf/Svg==}
     dependencies:
-      '@codemirror/autocomplete': 6.4.2(@codemirror/language@6.6.0)(@codemirror/state@6.2.0)(@codemirror/view@6.9.2)(@lezer/common@1.0.2)
-      '@codemirror/commands': 6.2.2
-      '@codemirror/language': 6.6.0
-      '@codemirror/lint': 6.2.0
-      '@codemirror/search': 6.3.0
-      '@codemirror/state': 6.2.0
-      '@codemirror/view': 6.9.2
+      '@codemirror/autocomplete': 6.12.0(@codemirror/language@6.10.1)(@codemirror/state@6.4.0)(@codemirror/view@6.24.0)(@lezer/common@1.2.1)
+      '@codemirror/commands': 6.3.3
+      '@codemirror/language': 6.10.1
+      '@codemirror/lint': 6.5.0
+      '@codemirror/search': 6.5.6
+      '@codemirror/state': 6.4.0
+      '@codemirror/view': 6.24.0
     transitivePeerDependencies:
       - '@lezer/common'
     dev: false
@@ -1156,20 +1446,19 @@ packages:
     dev: true
 
   /concat-map@0.0.1:
-    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+    resolution: {integrity: sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=}
     dev: true
 
   /console-control-strings@1.1.0:
     resolution: {integrity: sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==}
     dev: true
 
-  /cookie@0.5.0:
-    resolution: {integrity: sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==}
+  /cookie@0.6.0:
+    resolution: {integrity: sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==}
     engines: {node: '>= 0.6'}
-    dev: true
 
-  /crelt@1.0.5:
-    resolution: {integrity: sha512-+BO9wPPi+DWTDcNYhr/W90myha8ptzftZT+LwcmUbbok0rcP/fequmFYCw8NMoH7pkAZQzU78b3kYrlua5a9eA==}
+  /crelt@1.0.6:
+    resolution: {integrity: sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==}
     dev: false
 
   /css-tree@2.3.1:
@@ -1179,6 +1468,10 @@ packages:
       mdn-data: 2.0.30
       source-map-js: 1.0.2
 
+  /csstype@3.1.3:
+    resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
+    dev: false
+
   /debug@4.3.4:
     resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
     engines: {node: '>=6.0'}
@@ -1189,12 +1482,10 @@ packages:
         optional: true
     dependencies:
       ms: 2.1.2
-    dev: true
 
   /deepmerge@4.3.1:
     resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
     engines: {node: '>=0.10.0'}
-    dev: true
 
   /delegates@1.0.0:
     resolution: {integrity: sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==}
@@ -1209,20 +1500,28 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /detect-libc@2.0.1:
-    resolution: {integrity: sha512-463v3ZeIrcWtdgIg6vI6XUncguvr2TnGl4SzDXinkt9mSLpBJKXT3mW6xT3VQdDN11+WVs29pgvivTc4Lp8v+w==}
+  /detect-libc@1.0.3:
+    resolution: {integrity: sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==}
+    engines: {node: '>=0.10'}
+    hasBin: true
+
+  /detect-libc@2.0.2:
+    resolution: {integrity: sha512-UX6sGumvvqSaXgdKGUsgZWqcUyIXZ/vZTrlRT/iobiKhGL0zL4d3osHj3uqllWJK+i+sixDS/3COVEOFbupFyw==}
     engines: {node: '>=8'}
     dev: true
 
-  /devalue@4.3.2:
-    resolution: {integrity: sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==}
-    dev: true
+  /devalue@5.0.0:
+    resolution: {integrity: sha512-gO+/OMXF7488D+u3ue+G7Y4AA3ZmUnB3eHJXmBTgNHvr4ZNzl36A0ZtG+XCRNYCkYx/bFmw4qtkoFLa+wSrwAA==}
 
   /diff@5.1.0:
     resolution: {integrity: sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==}
     engines: {node: '>=0.3.1'}
     dev: true
 
+  /electron-to-chromium@1.4.664:
+    resolution: {integrity: sha512-k9VKKSkOSNPvSckZgDDl/IQx45E1quMjX8QfLzUsAs/zve8AyFDK+ByRynSP/OfEfryiKHpQeMf00z0leLCc3A==}
+    dev: true
+
   /emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
     dev: true
@@ -1235,69 +1534,74 @@ packages:
     resolution: {integrity: sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==}
     dev: true
 
-  /esbuild@0.17.19:
-    resolution: {integrity: sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==}
+  /esbuild@0.19.12:
+    resolution: {integrity: sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg==}
     engines: {node: '>=12'}
     hasBin: true
     requiresBuild: true
     optionalDependencies:
-      '@esbuild/android-arm': 0.17.19
-      '@esbuild/android-arm64': 0.17.19
-      '@esbuild/android-x64': 0.17.19
-      '@esbuild/darwin-arm64': 0.17.19
-      '@esbuild/darwin-x64': 0.17.19
-      '@esbuild/freebsd-arm64': 0.17.19
-      '@esbuild/freebsd-x64': 0.17.19
-      '@esbuild/linux-arm': 0.17.19
-      '@esbuild/linux-arm64': 0.17.19
-      '@esbuild/linux-ia32': 0.17.19
-      '@esbuild/linux-loong64': 0.17.19
-      '@esbuild/linux-mips64el': 0.17.19
-      '@esbuild/linux-ppc64': 0.17.19
-      '@esbuild/linux-riscv64': 0.17.19
-      '@esbuild/linux-s390x': 0.17.19
-      '@esbuild/linux-x64': 0.17.19
-      '@esbuild/netbsd-x64': 0.17.19
-      '@esbuild/openbsd-x64': 0.17.19
-      '@esbuild/sunos-x64': 0.17.19
-      '@esbuild/win32-arm64': 0.17.19
-      '@esbuild/win32-ia32': 0.17.19
-      '@esbuild/win32-x64': 0.17.19
-    dev: true
-
-  /esbuild@0.18.9:
-    resolution: {integrity: sha512-rFw+7KsO3vF/imkldsCcIGnQVJ11Zq5a178SVS0N0wwFQ/alzS8owG06rivQ8FEuc66SJupdhTuYT7mnvmidLA==}
+      '@esbuild/aix-ppc64': 0.19.12
+      '@esbuild/android-arm': 0.19.12
+      '@esbuild/android-arm64': 0.19.12
+      '@esbuild/android-x64': 0.19.12
+      '@esbuild/darwin-arm64': 0.19.12
+      '@esbuild/darwin-x64': 0.19.12
+      '@esbuild/freebsd-arm64': 0.19.12
+      '@esbuild/freebsd-x64': 0.19.12
+      '@esbuild/linux-arm': 0.19.12
+      '@esbuild/linux-arm64': 0.19.12
+      '@esbuild/linux-ia32': 0.19.12
+      '@esbuild/linux-loong64': 0.19.12
+      '@esbuild/linux-mips64el': 0.19.12
+      '@esbuild/linux-ppc64': 0.19.12
+      '@esbuild/linux-riscv64': 0.19.12
+      '@esbuild/linux-s390x': 0.19.12
+      '@esbuild/linux-x64': 0.19.12
+      '@esbuild/netbsd-x64': 0.19.12
+      '@esbuild/openbsd-x64': 0.19.12
+      '@esbuild/sunos-x64': 0.19.12
+      '@esbuild/win32-arm64': 0.19.12
+      '@esbuild/win32-ia32': 0.19.12
+      '@esbuild/win32-x64': 0.19.12
+    dev: true
+
+  /esbuild@0.20.2:
+    resolution: {integrity: sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==}
     engines: {node: '>=12'}
     hasBin: true
     requiresBuild: true
     optionalDependencies:
-      '@esbuild/android-arm': 0.18.9
-      '@esbuild/android-arm64': 0.18.9
-      '@esbuild/android-x64': 0.18.9
-      '@esbuild/darwin-arm64': 0.18.9
-      '@esbuild/darwin-x64': 0.18.9
-      '@esbuild/freebsd-arm64': 0.18.9
-      '@esbuild/freebsd-x64': 0.18.9
-      '@esbuild/linux-arm': 0.18.9
-      '@esbuild/linux-arm64': 0.18.9
-      '@esbuild/linux-ia32': 0.18.9
-      '@esbuild/linux-loong64': 0.18.9
-      '@esbuild/linux-mips64el': 0.18.9
-      '@esbuild/linux-ppc64': 0.18.9
-      '@esbuild/linux-riscv64': 0.18.9
-      '@esbuild/linux-s390x': 0.18.9
-      '@esbuild/linux-x64': 0.18.9
-      '@esbuild/netbsd-x64': 0.18.9
-      '@esbuild/openbsd-x64': 0.18.9
-      '@esbuild/sunos-x64': 0.18.9
-      '@esbuild/win32-arm64': 0.18.9
-      '@esbuild/win32-ia32': 0.18.9
-      '@esbuild/win32-x64': 0.18.9
+      '@esbuild/aix-ppc64': 0.20.2
+      '@esbuild/android-arm': 0.20.2
+      '@esbuild/android-arm64': 0.20.2
+      '@esbuild/android-x64': 0.20.2
+      '@esbuild/darwin-arm64': 0.20.2
+      '@esbuild/darwin-x64': 0.20.2
+      '@esbuild/freebsd-arm64': 0.20.2
+      '@esbuild/freebsd-x64': 0.20.2
+      '@esbuild/linux-arm': 0.20.2
+      '@esbuild/linux-arm64': 0.20.2
+      '@esbuild/linux-ia32': 0.20.2
+      '@esbuild/linux-loong64': 0.20.2
+      '@esbuild/linux-mips64el': 0.20.2
+      '@esbuild/linux-ppc64': 0.20.2
+      '@esbuild/linux-riscv64': 0.20.2
+      '@esbuild/linux-s390x': 0.20.2
+      '@esbuild/linux-x64': 0.20.2
+      '@esbuild/netbsd-x64': 0.20.2
+      '@esbuild/openbsd-x64': 0.20.2
+      '@esbuild/sunos-x64': 0.20.2
+      '@esbuild/win32-arm64': 0.20.2
+      '@esbuild/win32-ia32': 0.20.2
+      '@esbuild/win32-x64': 0.20.2
+
+  /escalade@3.1.2:
+    resolution: {integrity: sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==}
+    engines: {node: '>=6'}
     dev: true
 
   /esm-env@1.0.0:
     resolution: {integrity: sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==}
-    dev: true
 
   /estree-walker@2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
@@ -1306,10 +1610,10 @@ packages:
   /estree-walker@3.0.3:
     resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
     dependencies:
-      '@types/estree': 1.0.1
+      '@types/estree': 1.0.5
 
-  /fast-glob@3.2.12:
-    resolution: {integrity: sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==}
+  /fast-glob@3.3.2:
+    resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
     engines: {node: '>=8.6.0'}
     dependencies:
       '@nodelib/fs.stat': 2.0.5
@@ -1319,12 +1623,17 @@ packages:
       micromatch: 4.0.5
     dev: true
 
-  /fastq@1.15.0:
-    resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
+  /fastq@1.17.1:
+    resolution: {integrity: sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==}
     dependencies:
       reusify: 1.0.4
     dev: true
 
+  /fenceparser@1.1.1:
+    resolution: {integrity: sha512-VdkTsK7GWLT0VWMK5S5WTAPn61wJ98WPFwJiRHumhg4ESNUO/tnkU8bzzzc62o6Uk1SVhuZFLnakmDA4SGV7wA==}
+    engines: {node: '>=12'}
+    dev: true
+
   /file-uri-to-path@1.0.0:
     resolution: {integrity: sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==}
     dev: true
@@ -1336,6 +1645,10 @@ packages:
       to-regex-range: 5.0.1
     dev: true
 
+  /flexsearch@0.7.43:
+    resolution: {integrity: sha512-c5o/+Um8aqCSOXGcZoqZOm+NqtVwNsvVpWv6lfmSclU954O3wvQKxxK8zj74fPaSJbXpSLTs4PRhh+wnoCXnKg==}
+    dev: false
+
   /fs-minipass@2.1.0:
     resolution: {integrity: sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==}
     engines: {node: '>= 8'}
@@ -1355,6 +1668,13 @@ packages:
     dev: true
     optional: true
 
+  /fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+    requiresBuild: true
+    optional: true
+
   /gauge@3.0.2:
     resolution: {integrity: sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==}
     engines: {node: '>=10'}
@@ -1390,11 +1710,9 @@ packages:
 
   /globalyzer@0.1.0:
     resolution: {integrity: sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==}
-    dev: true
 
   /globrex@0.1.2:
     resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
-    dev: true
 
   /graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
@@ -1422,6 +1740,9 @@ packages:
       resolve-from: 4.0.0
     dev: true
 
+  /import-meta-resolve@4.1.0:
+    resolution: {integrity: sha512-I6fiaX09Xivtk+THaMfAwnA3MVA5Big1WHF1Dfx9hFuvNIWpXnorlkzhcQf6ehrqQiiZECRt1poOAkPmer3ruw==}
+
   /inflight@1.0.6:
     resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
     dependencies:
@@ -1462,15 +1783,106 @@ packages:
     engines: {node: '>=0.12.0'}
     dev: true
 
-  /is-reference@3.0.1:
-    resolution: {integrity: sha512-baJJdQLiYaJdvFbJqXrcGv3WU3QCzBlUcI5QhbesIm6/xPsvmO+2CDoi/GMOFBQEQm+PXkwOPrp9KK5ozZsp2w==}
+  /is-reference@3.0.2:
+    resolution: {integrity: sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==}
     dependencies:
-      '@types/estree': 1.0.1
+      '@types/estree': 1.0.5
+
+  /jsonc-parser@3.2.1:
+    resolution: {integrity: sha512-AilxAyFOAcK5wA1+LeaySVBrHsGQvUFCDWXKpZjzaL0PqW+xfBOttn8GNtWKFWqneyMZj41MWF9Kl6iPWLwgOA==}
+    dev: true
 
   /kleur@4.1.5:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
     engines: {node: '>=6'}
-    dev: true
+
+  /lightningcss-darwin-arm64@1.23.0:
+    resolution: {integrity: sha512-kl4Pk3Q2lnE6AJ7Qaij47KNEfY2/UXRZBT/zqGA24B8qwkgllr/j7rclKOf1axcslNXvvUdztjo4Xqh39Yq1aA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    optional: true
+
+  /lightningcss-darwin-x64@1.23.0:
+    resolution: {integrity: sha512-KeRFCNoYfDdcolcFXvokVw+PXCapd2yHS1Diko1z1BhRz/nQuD5XyZmxjWdhmhN/zj5sH8YvWsp0/lPLVzqKpg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    optional: true
+
+  /lightningcss-freebsd-x64@1.23.0:
+    resolution: {integrity: sha512-xhnhf0bWPuZxcqknvMDRFFo2TInrmQRWZGB0f6YoAsZX8Y+epfjHeeOIGCfAmgF0DgZxHwYc8mIR5tQU9/+ROA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    optional: true
+
+  /lightningcss-linux-arm-gnueabihf@1.23.0:
+    resolution: {integrity: sha512-fBamf/bULvmWft9uuX+bZske236pUZEoUlaHNBjnueaCTJ/xd8eXgb0cEc7S5o0Nn6kxlauMBnqJpF70Bgq3zg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
+  /lightningcss-linux-arm64-gnu@1.23.0:
+    resolution: {integrity: sha512-RS7sY77yVLOmZD6xW2uEHByYHhQi5JYWmgVumYY85BfNoVI3DupXSlzbw+b45A9NnVKq45+oXkiN6ouMMtTwfg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
+  /lightningcss-linux-arm64-musl@1.23.0:
+    resolution: {integrity: sha512-cU00LGb6GUXCwof6ACgSMKo3q7XYbsyTj0WsKHLi1nw7pV0NCq8nFTn6ZRBYLoKiV8t+jWl0Hv8KkgymmK5L5g==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
+  /lightningcss-linux-x64-gnu@1.23.0:
+    resolution: {integrity: sha512-q4jdx5+5NfB0/qMbXbOmuC6oo7caPnFghJbIAV90cXZqgV8Am3miZhC4p+sQVdacqxfd+3nrle4C8icR3p1AYw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
+  /lightningcss-linux-x64-musl@1.23.0:
+    resolution: {integrity: sha512-G9Ri3qpmF4qef2CV/80dADHKXRAQeQXpQTLx7AiQrBYQHqBjB75oxqj06FCIe5g4hNCqLPnM9fsO4CyiT1sFSQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    optional: true
+
+  /lightningcss-win32-x64-msvc@1.23.0:
+    resolution: {integrity: sha512-1rcBDJLU+obPPJM6qR5fgBUiCdZwZLafZM5f9kwjFLkb/UBNIzmae39uCSmh71nzPCTXZqHbvwu23OWnWEz+eg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    optional: true
+
+  /lightningcss@1.23.0:
+    resolution: {integrity: sha512-SEArWKMHhqn/0QzOtclIwH5pXIYQOUEkF8DgICd/105O+GCgd7jxjNod/QPnBCSWvpRHQBGVz5fQ9uScby03zA==}
+    engines: {node: '>= 12.0.0'}
+    dependencies:
+      detect-libc: 1.0.3
+    optionalDependencies:
+      lightningcss-darwin-arm64: 1.23.0
+      lightningcss-darwin-x64: 1.23.0
+      lightningcss-freebsd-x64: 1.23.0
+      lightningcss-linux-arm-gnueabihf: 1.23.0
+      lightningcss-linux-arm64-gnu: 1.23.0
+      lightningcss-linux-arm64-musl: 1.23.0
+      lightningcss-linux-x64-gnu: 1.23.0
+      lightningcss-linux-x64-musl: 1.23.0
+      lightningcss-win32-x64-msvc: 1.23.0
 
   /locate-character@3.0.0:
     resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==}
@@ -1482,29 +1894,38 @@ packages:
       yallist: 4.0.0
     dev: true
 
-  /magic-string@0.27.0:
-    resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
-    engines: {node: '>=12'}
+  /lz-string@1.5.0:
+    resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
+    hasBin: true
+    dev: true
+
+  /magic-string@0.30.10:
+    resolution: {integrity: sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==}
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
-    dev: true
 
-  /magic-string@0.30.0:
-    resolution: {integrity: sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==}
+  /magic-string@0.30.7:
+    resolution: {integrity: sha512-8vBuFF/I/+OSLRmdf2wwFCJCz+nSn0m6DPvGH1fS/KiQoSaR+sETbov0eIk9KhEKy8CYqIkIAnbohxT/4H0kuA==}
     engines: {node: '>=12'}
     dependencies:
-      '@jridgewell/sourcemap-codec': 1.4.14
+      '@jridgewell/sourcemap-codec': 1.4.15
 
   /make-dir@3.1.0:
     resolution: {integrity: sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==}
     engines: {node: '>=8'}
     dependencies:
-      semver: 6.3.0
+      semver: 6.3.1
     dev: true
 
-  /marked@4.2.12:
-    resolution: {integrity: sha512-yr8hSKa3Fv4D3jdZmtMMPghgVt6TWbk86WQaWhDloQjRSQhMMYCAro7jP7VDJrjjdV8pxVxMssXS8B8Y5DZ5aw==}
-    engines: {node: '>= 12'}
+  /marked@5.1.2:
+    resolution: {integrity: sha512-ahRPGXJpjMjwSOlBoTMZAK7ATXkli5qCPxZ21TG44rx1KEo44bii4ekgTDQPNRQ4Kh7JMb9Ub1PVk1NxRSsorg==}
+    engines: {node: '>= 16'}
+    hasBin: true
+    dev: false
+
+  /marked@8.0.1:
+    resolution: {integrity: sha512-eEbeEb/mJwh+sNLEhHOWtxMgjN/NEwZUBs1nkiIH2sTQTq07KmPMQ48ihyvo5+Ya56spVOPhunfGr6406crCVA==}
+    engines: {node: '>= 16'}
     hasBin: true
     dev: false
 
@@ -1524,12 +1945,6 @@ packages:
       picomatch: 2.3.1
     dev: true
 
-  /mime@3.0.0:
-    resolution: {integrity: sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==}
-    engines: {node: '>=10.0.0'}
-    hasBin: true
-    dev: true
-
   /min-indent@1.0.1:
     resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
     engines: {node: '>=4'}
@@ -1552,8 +1967,8 @@ packages:
       yallist: 4.0.0
     dev: true
 
-  /minipass@4.2.5:
-    resolution: {integrity: sha512-+yQl7SX3bIT83Lhb4BVorMAHVuqsskxRdlmO9kTpyukp8vsm2Sn/fUOV9xlnG8/a5JsypJzap21lz/y3FBMJ8Q==}
+  /minipass@5.0.0:
+    resolution: {integrity: sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==}
     engines: {node: '>=8'}
     dev: true
 
@@ -1581,25 +1996,26 @@ packages:
   /mri@1.2.0:
     resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
     engines: {node: '>=4'}
-    dev: true
 
-  /mrmime@1.0.1:
-    resolution: {integrity: sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==}
+  /mrmime@2.0.0:
+    resolution: {integrity: sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==}
     engines: {node: '>=10'}
-    dev: true
 
   /ms@2.1.2:
     resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
-    dev: true
 
-  /nanoid@3.3.6:
-    resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
+  /nanoid@3.3.7:
+    resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
-    dev: true
 
-  /node-fetch@2.6.9:
-    resolution: {integrity: sha512-DJm/CJkZkRjKKj4Zi4BsKVZh3ValV5IR5s7LVZnW+6YMh0W1BfNA8XSs6DLMGYlId5F3KnA70uu2qepcR08Qqg==}
+  /nanostores@0.8.1:
+    resolution: {integrity: sha512-1ZCfQtII2XeFDrtqXL2cdQ/diGrLxzRB3YMyQjn8m7GSGQrJfGST2iuqMpWnS/ZlifhtjgR/SX0Jy6Uij6lRLA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dev: false
+
+  /node-fetch@2.7.0:
+    resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
     engines: {node: 4.x || >=6.0.0}
     peerDependencies:
       encoding: ^0.1.0
@@ -1610,11 +2026,15 @@ packages:
       whatwg-url: 5.0.0
     dev: true
 
-  /node-gyp-build@4.6.0:
-    resolution: {integrity: sha512-NTZVKn9IylLwUzaKjkas1e4u2DLNcV4rdYagA4PWdPwW87Bi7z+BznyKSRwS/761tV/lzCGXplWsiaMjLqP2zQ==}
+  /node-gyp-build@4.8.0:
+    resolution: {integrity: sha512-u6fs2AEUljNho3EYTJNBfImO5QTo/J/1Etd+NVdCj7qWKUSN/bSLkZwhDv7I+w/MSC6qJ4cknepkAYykDdK8og==}
     hasBin: true
     dev: true
 
+  /node-releases@2.0.14:
+    resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==}
+    dev: true
+
   /nopt@5.0.0:
     resolution: {integrity: sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==}
     engines: {node: '>=6'}
@@ -1663,51 +2083,59 @@ packages:
   /periscopic@3.1.0:
     resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
     dependencies:
-      '@types/estree': 1.0.1
+      '@types/estree': 1.0.5
       estree-walker: 3.0.3
-      is-reference: 3.0.1
+      is-reference: 3.0.2
 
   /picocolors@1.0.0:
     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
-    dev: true
 
   /picomatch@2.3.1:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
     dev: true
 
-  /playwright-core@1.31.2:
-    resolution: {integrity: sha512-a1dFgCNQw4vCsG7bnojZjDnPewZcw7tZUNFN0ZkcLYKj+mPmXvg4MpaaKZ5SgqPsOmqIf2YsVRkgqiRDxD+fDQ==}
-    engines: {node: '>=14'}
+  /playwright-core@1.41.2:
+    resolution: {integrity: sha512-VaTvwCA4Y8kxEe+kfm2+uUUw5Lubf38RxF7FpBxLPmGe5sdNkSg5e3ChEigaGrX7qdqT3pt2m/98LiyvU2x6CA==}
+    engines: {node: '>=16'}
     hasBin: true
     dev: true
 
+  /playwright@1.41.2:
+    resolution: {integrity: sha512-v0bOa6H2GJChDL8pAeLa/LZC4feoAMbSQm1/jF/ySsWWoaNItvrMP7GEkvEEFyCTUYKMxjQKaTSg5up7nR6/8A==}
+    engines: {node: '>=16'}
+    hasBin: true
+    dependencies:
+      playwright-core: 1.41.2
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
   /port-authority@2.0.1:
     resolution: {integrity: sha512-Hz/WvSNt5+7x+Rq1Cn6DetJOZxKtLDehJ1mLCYge6ju4QvSF/PHvRgy94e1SKJVI96AJTcqEdNwkkaAFad+TXQ==}
     dev: false
 
-  /postcss@8.4.24:
-    resolution: {integrity: sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==}
+  /postcss@8.4.38:
+    resolution: {integrity: sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==}
     engines: {node: ^10 || ^12 || >=14}
     dependencies:
-      nanoid: 3.3.6
+      nanoid: 3.3.7
       picocolors: 1.0.0
-      source-map-js: 1.0.2
-    dev: true
+      source-map-js: 1.2.0
 
-  /prettier-plugin-svelte@2.10.1(prettier@2.8.5)(svelte@4.0.0):
-    resolution: {integrity: sha512-Wlq7Z5v2ueCubWo0TZzKc9XHcm7TDxqcuzRuGd0gcENfzfT4JZ9yDlCbEgxWgiPmLHkBjfOtpAWkcT28MCDpUQ==}
+  /prettier-plugin-svelte@3.1.2(prettier@3.2.5)(svelte@4.2.10):
+    resolution: {integrity: sha512-7xfMZtwgAWHMT0iZc8jN4o65zgbAQ3+O32V6W7pXrqNvKnHnkoyQCGCbKeUyXKZLbYE0YhFRnamfxfkEGxm8qA==}
     peerDependencies:
-      prettier: ^1.16.4 || ^2.0.0
-      svelte: ^3.2.0 || ^4.0.0-next.0
+      prettier: ^3.0.0
+      svelte: ^3.2.0 || ^4.0.0-next.0 || ^5.0.0-next.0
     dependencies:
-      prettier: 2.8.5
-      svelte: 4.0.0
+      prettier: 3.2.5
+      svelte: 4.2.10
     dev: true
 
-  /prettier@2.8.5:
-    resolution: {integrity: sha512-3gzuxrHbKUePRBB4ZeU08VNkUcqEHaUaouNt0m7LGP4Hti/NuB07C7PPTM/LkWqXoJYJn2McEo5+kxPNrtQkLQ==}
-    engines: {node: '>=10.13.0'}
+  /prettier@3.2.5:
+    resolution: {integrity: sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==}
+    engines: {node: '>=14'}
     hasBin: true
     dev: true
 
@@ -1750,6 +2178,11 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /resolve.exports@2.0.2:
+    resolution: {integrity: sha512-X2UW6Nw3n/aMgDVy+0rSqgHlv39WZAlZrXCdnbyEiKm17DSqHX4MmQMaST3FbeWR5FTuRcUwYAziZajji0Y7mg==}
+    engines: {node: '>=10'}
+    dev: false
+
   /reusify@1.0.4:
     resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
@@ -1757,6 +2190,7 @@ packages:
 
   /rimraf@2.7.1:
     resolution: {integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==}
+    deprecated: Rimraf versions prior to v4 are no longer supported
     hasBin: true
     dependencies:
       glob: 7.2.3
@@ -1769,13 +2203,30 @@ packages:
       glob: 7.2.3
     dev: true
 
-  /rollup@3.25.2:
-    resolution: {integrity: sha512-VLnkxZMDr3jpxgtmS8pQZ0UvhslmF4ADq/9w4erkctbgjCqLW9oa89fJuXEs4ZmgyoF7Dm8rMDKSS5b5u2hHUg==}
-    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
+  /rollup@4.17.2:
+    resolution: {integrity: sha512-/9ClTJPByC0U4zNLowV1tMBe8yMEAxewtR3cUNX5BoEpGH3dQEWpJLr6CLp0fPdYRF/fzVOgvDb1zXuakwF5kQ==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
+    dependencies:
+      '@types/estree': 1.0.5
     optionalDependencies:
-      fsevents: 2.3.2
-    dev: true
+      '@rollup/rollup-android-arm-eabi': 4.17.2
+      '@rollup/rollup-android-arm64': 4.17.2
+      '@rollup/rollup-darwin-arm64': 4.17.2
+      '@rollup/rollup-darwin-x64': 4.17.2
+      '@rollup/rollup-linux-arm-gnueabihf': 4.17.2
+      '@rollup/rollup-linux-arm-musleabihf': 4.17.2
+      '@rollup/rollup-linux-arm64-gnu': 4.17.2
+      '@rollup/rollup-linux-arm64-musl': 4.17.2
+      '@rollup/rollup-linux-powerpc64le-gnu': 4.17.2
+      '@rollup/rollup-linux-riscv64-gnu': 4.17.2
+      '@rollup/rollup-linux-s390x-gnu': 4.17.2
+      '@rollup/rollup-linux-x64-gnu': 4.17.2
+      '@rollup/rollup-linux-x64-musl': 4.17.2
+      '@rollup/rollup-win32-arm64-msvc': 4.17.2
+      '@rollup/rollup-win32-ia32-msvc': 4.17.2
+      '@rollup/rollup-win32-x64-msvc': 4.17.2
+      fsevents: 2.3.3
 
   /run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
@@ -1788,7 +2239,6 @@ packages:
     engines: {node: '>=6'}
     dependencies:
       mri: 1.2.0
-    dev: true
 
   /safe-buffer@5.2.1:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
@@ -1803,13 +2253,13 @@ packages:
       rimraf: 2.7.1
     dev: true
 
-  /semver@6.3.0:
-    resolution: {integrity: sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==}
+  /semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
     dev: true
 
-  /semver@7.3.8:
-    resolution: {integrity: sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==}
+  /semver@7.6.0:
+    resolution: {integrity: sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==}
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
@@ -1822,20 +2272,40 @@ packages:
 
   /set-cookie-parser@2.6.0:
     resolution: {integrity: sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==}
+
+  /shiki-twoslash@3.1.2(typescript@5.3.3):
+    resolution: {integrity: sha512-JBcRIIizi+exIA/OUhYkV6jtyeZco0ykCkIRd5sgwIt1Pm4pz+maoaRZpm6SkhPwvif4fCA7xOtJOykhpIV64Q==}
+    peerDependencies:
+      typescript: '>3'
+    dependencies:
+      '@typescript/twoslash': 3.1.0
+      '@typescript/vfs': 1.3.4
+      fenceparser: 1.1.1
+      shiki: 0.10.1
+      typescript: 5.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /shiki@0.10.1:
+    resolution: {integrity: sha512-VsY7QJVzU51j5o1+DguUd+6vmCmZ5v/6gYu4vyYAhzjuNQU6P/vmSy4uQaOhvje031qQMiW0d2BwgMH52vqMng==}
+    dependencies:
+      jsonc-parser: 3.2.1
+      vscode-oniguruma: 1.7.0
+      vscode-textmate: 5.2.0
     dev: true
 
   /signal-exit@3.0.7:
     resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
     dev: true
 
-  /sirv@2.0.2:
-    resolution: {integrity: sha512-4Qog6aE29nIjAOKe/wowFTxOdmbEZKb+3tsLljaBRzJwtqto0BChD2zzH0LhgCSXiI+V7X+Y45v14wBZQ1TK3w==}
+  /sirv@2.0.4:
+    resolution: {integrity: sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==}
     engines: {node: '>= 10'}
     dependencies:
-      '@polka/url': 1.0.0-next.21
-      mrmime: 1.0.1
-      totalist: 3.0.0
-    dev: true
+      '@polka/url': 1.0.0-next.24
+      mrmime: 2.0.0
+      totalist: 3.0.1
 
   /sorcery@0.11.0:
     resolution: {integrity: sha512-J69LQ22xrQB1cIFJhPfgtLuI6BpWRiWu1Y3vSsIwK/eAScqJxd/+CJlUuHQRdX2C9NGFamq+KqNywGgaThwfHw==}
@@ -1851,10 +2321,9 @@ packages:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
     engines: {node: '>=0.10.0'}
 
-  /streamsearch@1.1.0:
-    resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==}
-    engines: {node: '>=10.0.0'}
-    dev: true
+  /source-map-js@1.2.0:
+    resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==}
+    engines: {node: '>=0.10.0'}
 
   /string-width@4.2.3:
     resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
@@ -1885,25 +2354,25 @@ packages:
       min-indent: 1.0.1
     dev: true
 
-  /style-mod@4.0.2:
-    resolution: {integrity: sha512-C4myMmRTO8iaC5Gg+N1ftK2WT4eXUTMAa+HEFPPrfVeO/NtqLTtAmV1HbqnuGtLwCek44Ra76fdGUkSqjiMPcQ==}
+  /style-mod@4.1.0:
+    resolution: {integrity: sha512-Ca5ib8HrFn+f+0n4N4ScTIA9iTOQ7MaGS1ylHcoVqW9J7w2w8PzN6g9gKmTYgGEBH8e120+RCmhpje6jC5uGWA==}
     dev: false
 
-  /svelte-check@3.4.3(svelte@4.0.0):
-    resolution: {integrity: sha512-O07soQFY3X0VDt+bcGc6D5naz0cLtjwnmNP9JsEBPVyMemFEqUhL2OdLqvkl5H/u8Jwm50EiAU4BPRn5iin/kg==}
+  /svelte-check@3.7.1(svelte@4.2.10):
+    resolution: {integrity: sha512-U4uJoLCzmz2o2U33c7mPDJNhRYX/DNFV11XTUDlFxaKLsO7P+40gvJHMPpoRfa24jqZfST4/G9fGNcUGMO8NAQ==}
     hasBin: true
     peerDependencies:
-      svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0
+      svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
     dependencies:
-      '@jridgewell/trace-mapping': 0.3.17
-      chokidar: 3.5.3
-      fast-glob: 3.2.12
+      '@jridgewell/trace-mapping': 0.3.22
+      chokidar: 3.6.0
+      fast-glob: 3.3.2
       import-fresh: 3.3.0
       picocolors: 1.0.0
       sade: 1.8.1
-      svelte: 4.0.0
-      svelte-preprocess: 5.0.3(svelte@4.0.0)(typescript@5.1.3)
-      typescript: 5.1.3
+      svelte: 4.2.10
+      svelte-preprocess: 5.1.3(svelte@4.2.10)(typescript@5.3.3)
+      typescript: 5.3.3
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -1916,39 +2385,55 @@ packages:
       - sugarss
     dev: true
 
-  /svelte-hmr@0.15.2(svelte@4.0.0):
-    resolution: {integrity: sha512-q/bAruCvFLwvNbeE1x3n37TYFb3mTBJ6TrCq6p2CoFbSTNhDE9oAtEfpy+wmc9So8AG0Tja+X0/mJzX9tSfvIg==}
+  /svelte-hmr@0.16.0(svelte@4.2.10):
+    resolution: {integrity: sha512-Gyc7cOS3VJzLlfj7wKS0ZnzDVdv3Pn2IuVeJPk9m2skfhcu5bq3wtIZyQGggr7/Iim5rH5cncyQft/kRLupcnA==}
     engines: {node: ^12.20 || ^14.13.1 || >= 16}
     peerDependencies:
-      svelte: ^3.19.0 || ^4.0.0-next.0
+      svelte: ^3.19.0 || ^4.0.0
     dependencies:
-      svelte: 4.0.0
-    dev: true
+      svelte: 4.2.10
+
+  /svelte-json-tree@2.2.0(svelte@4.2.10):
+    resolution: {integrity: sha512-zcfepTrJ6xhpdgRZEujmiFh+ainRw7HO4Bsoh8PMAsm7fkgUPtnrZi3An8tmCFY8jajYhMrauHsd1S1XTeuiCw==}
+    peerDependencies:
+      svelte: ^4.0.0
+    dependencies:
+      svelte: 4.2.10
+    dev: false
 
-  /svelte-local-storage-store@0.4.0(svelte@4.0.0):
+  /svelte-local-storage-store@0.4.0(svelte@4.2.10):
     resolution: {integrity: sha512-ctPykTt4S3BE5bF0mfV0jKiUR1qlmqLvnAkQvYHLeb9wRyO1MdIFDVI23X+TZEFleATHkTaOpYZswIvf3b2tWA==}
     engines: {node: '>=0.14'}
     peerDependencies:
       svelte: ^3.48.0
     dependencies:
-      svelte: 4.0.0
+      svelte: 4.2.10
+    dev: false
+
+  /svelte-persisted-store@0.9.4(svelte@4.2.10):
+    resolution: {integrity: sha512-Em3cDSsd3fAkQhvNc4+V7ZT86GnIkFrlcKK/oNSHFhF5fbNoavdxvtTZ0pCF2ueG/Oqg5kSbAFxn0rkeICpHUA==}
+    engines: {node: '>=0.14'}
+    peerDependencies:
+      svelte: ^3.48.0 || ^4.0.0 || ^5.0.0-next.0
+    dependencies:
+      svelte: 4.2.10
     dev: true
 
-  /svelte-preprocess@5.0.3(svelte@4.0.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-GrHF1rusdJVbOZOwgPWtpqmaexkydznKzy5qIC2FabgpFyKN57bjMUUUqPRfbBXK5igiEWn1uO/DXsa2vJ5VHA==}
-    engines: {node: '>= 14.10.0'}
+  /svelte-preprocess@5.1.3(svelte@4.2.10)(typescript@5.3.3):
+    resolution: {integrity: sha512-xxAkmxGHT+J/GourS5mVJeOXZzne1FR5ljeOUAMXUkfEhkLEllRreXpbl3dIYJlcJRfL1LO1uIAPpBpBfiqGPw==}
+    engines: {node: '>= 16.0.0', pnpm: ^8.0.0}
     requiresBuild: true
     peerDependencies:
       '@babel/core': ^7.10.2
       coffeescript: ^2.5.1
       less: ^3.11.3 || ^4.0.0
       postcss: ^7 || ^8
-      postcss-load-config: ^2.1.0 || ^3.0.0 || ^4.0.0
+      postcss-load-config: ^2.1.0 || ^3.0.0 || ^4.0.0 || ^5.0.0
       pug: ^3.0.0
       sass: ^1.26.8
       stylus: ^0.55.0
       sugarss: ^2.0.0 || ^3.0.0 || ^4.0.0
-      svelte: ^3.23.0
+      svelte: ^3.23.0 || ^4.0.0-next.0 || ^4.0.0 || ^5.0.0-next.0
       typescript: '>=3.9.5 || ^4.0.0 || ^5.0.0'
     peerDependenciesMeta:
       '@babel/core':
@@ -1972,40 +2457,41 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@types/pug': 2.0.6
+      '@types/pug': 2.0.10
       detect-indent: 6.1.0
-      magic-string: 0.27.0
+      magic-string: 0.30.10
       sorcery: 0.11.0
       strip-indent: 3.0.0
-      svelte: 4.0.0
-      typescript: 5.1.3
+      svelte: 4.2.10
+      typescript: 5.3.3
     dev: true
 
-  /svelte@4.0.0:
-    resolution: {integrity: sha512-+yCYu3AEUu9n91dnQNGIbnVp8EmNQtuF/YImW4+FTXRHard7NMo+yTsWzggPAbj3fUEJ1FBJLkql/jkp6YB5pg==}
+  /svelte@4.2.10:
+    resolution: {integrity: sha512-Ep06yCaCdgG1Mafb/Rx8sJ1QS3RW2I2BxGp2Ui9LBHSZ2/tO/aGLc5WqPjgiAP6KAnLJGaIr/zzwQlOo1b8MxA==}
     engines: {node: '>=16'}
     dependencies:
       '@ampproject/remapping': 2.2.1
       '@jridgewell/sourcemap-codec': 1.4.15
-      '@jridgewell/trace-mapping': 0.3.18
-      acorn: 8.8.2
+      '@jridgewell/trace-mapping': 0.3.22
+      '@types/estree': 1.0.5
+      acorn: 8.11.3
       aria-query: 5.3.0
-      axobject-query: 3.2.1
-      code-red: 1.0.3
+      axobject-query: 4.0.0
+      code-red: 1.0.4
       css-tree: 2.3.1
       estree-walker: 3.0.3
-      is-reference: 3.0.1
+      is-reference: 3.0.2
       locate-character: 3.0.0
-      magic-string: 0.30.0
+      magic-string: 0.30.7
       periscopic: 3.1.0
 
-  /tar@6.1.13:
-    resolution: {integrity: sha512-jdIBIN6LTIe2jqzay/2vtYLlBHa3JF42ot3h1dW8Q0PaAG4v8rm0cvpVePtau5C6OKXGGcgO9q2AMNSWxiLqKw==}
+  /tar@6.2.0:
+    resolution: {integrity: sha512-/Wo7DcT0u5HUV486xg675HtjNd3BXZ6xDbzsCUZPt5iw8bTQ63bP0Raut3mvro9u+CUyq7YQd8Cx55fsZXxqLQ==}
     engines: {node: '>=10'}
     dependencies:
       chownr: 2.0.0
       fs-minipass: 2.1.0
-      minipass: 4.2.5
+      minipass: 5.0.0
       minizlib: 2.1.2
       mkdirp: 1.0.4
       yallist: 4.0.0
@@ -2016,7 +2502,6 @@ packages:
     dependencies:
       globalyzer: 0.1.0
       globrex: 0.1.2
-    dev: true
 
   /to-regex-range@5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
@@ -2025,45 +2510,47 @@ packages:
       is-number: 7.0.0
     dev: true
 
-  /totalist@3.0.0:
-    resolution: {integrity: sha512-eM+pCBxXO/njtF7vdFsHuqb+ElbxqtI4r5EAvk6grfAFyJ6IvWlSkfZ5T9ozC6xWw3Fj1fGoSmrl0gUs46JVIw==}
+  /totalist@3.0.1:
+    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
     engines: {node: '>=6'}
-    dev: true
 
   /tr46@0.0.3:
     resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
     dev: true
 
-  /typescript@5.0.2:
-    resolution: {integrity: sha512-wVORMBGO/FAs/++blGNeAVdbNKtIh1rbBL2EyQ1+J9lClJ93KiiKe8PmFIVdXhHcyv44SL9oglmfeSsndo0jRw==}
-    engines: {node: '>=12.20'}
+  /typescript@5.3.3:
+    resolution: {integrity: sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==}
+    engines: {node: '>=14.17'}
     hasBin: true
     dev: true
 
-  /typescript@5.1.3:
-    resolution: {integrity: sha512-XH627E9vkeqhlZFQuL+UsyAXEnibT0kWR2FWONlr4sTjvxyJYnyefgrkyECLzM5NenmKzRAy2rR/OlYLA1HkZw==}
-    engines: {node: '>=14.17'}
-    hasBin: true
+  /undici-types@5.26.5:
+    resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
     dev: true
 
-  /undici@5.22.1:
-    resolution: {integrity: sha512-Ji2IJhFXZY0x/0tVBXeQwgPlLWw13GVzpsWPQ3rV50IFMMof2I55PZZxtm4P6iNq+L5znYN9nSTAq0ZyE6lSJw==}
-    engines: {node: '>=14.0'}
+  /update-browserslist-db@1.0.13(browserslist@4.22.3):
+    resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
     dependencies:
-      busboy: 1.6.0
+      browserslist: 4.22.3
+      escalade: 3.1.2
+      picocolors: 1.0.0
     dev: true
 
   /util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
     dev: true
 
-  /vite@4.3.9:
-    resolution: {integrity: sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==}
-    engines: {node: ^14.18.0 || >=16.0.0}
+  /vite@5.2.11(lightningcss@1.23.0):
+    resolution: {integrity: sha512-HndV31LWW05i1BLPMUCE1B9E9GFbOu1MbenhS58FuK6owSO5qHm7GiCotrNY1YE5rMeQSFBGmT5ZaLEjFizgiQ==}
+    engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
-      '@types/node': '>= 14'
+      '@types/node': ^18.0.0 || >=20.0.0
       less: '*'
+      lightningcss: ^1.21.0
       sass: '*'
       stylus: '*'
       sugarss: '*'
@@ -2073,6 +2560,8 @@ packages:
         optional: true
       less:
         optional: true
+      lightningcss:
+        optional: true
       sass:
         optional: true
       stylus:
@@ -2082,26 +2571,33 @@ packages:
       terser:
         optional: true
     dependencies:
-      esbuild: 0.17.19
-      postcss: 8.4.24
-      rollup: 3.25.2
+      esbuild: 0.20.2
+      lightningcss: 1.23.0
+      postcss: 8.4.38
+      rollup: 4.17.2
     optionalDependencies:
-      fsevents: 2.3.2
-    dev: true
+      fsevents: 2.3.3
 
-  /vitefu@0.2.4(vite@4.3.9):
-    resolution: {integrity: sha512-fanAXjSaf9xXtOOeno8wZXIhgia+CZury481LsDaV++lSvcU2R9Ch2bPh3PYFyoHW+w9LqAeYRISVQjUIew14g==}
+  /vitefu@0.2.5(vite@5.2.11):
+    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
     peerDependencies:
-      vite: ^3.0.0 || ^4.0.0
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
     peerDependenciesMeta:
       vite:
         optional: true
     dependencies:
-      vite: 4.3.9
+      vite: 5.2.11(lightningcss@1.23.0)
+
+  /vscode-oniguruma@1.7.0:
+    resolution: {integrity: sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA==}
+    dev: true
+
+  /vscode-textmate@5.2.0:
+    resolution: {integrity: sha512-Uw5ooOQxRASHgu6C7GVvUxisKXfSgW4oFlO+aa+PAkgmH89O3CXxEEzNRNtHSqtXFTl0nAC1uYj0GMSH27uwtQ==}
     dev: true
 
-  /w3c-keyname@2.2.6:
-    resolution: {integrity: sha512-f+fciywl1SJEniZHD6H+kUO8gOnwIr7f4ijKA6+ZvJFjeGi1r4PDLl53Ayud9O/rk64RqgoQine0feoeOU0kXg==}
+  /w3c-keyname@2.2.8:
+    resolution: {integrity: sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==}
     dev: false
 
   /webidl-conversions@3.0.1:
@@ -2125,8 +2621,8 @@ packages:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
     dev: true
 
-  /ws@8.13.0:
-    resolution: {integrity: sha512-x9vcZYTrFPC7aSIbj7sRCYo7L/Xb8Iy+pW0ng0wt2vCJv7M9HOMy0UoN3rr+IFC7hb7vXoqS+P9ktyLLLhO+LA==}
+  /ws@8.16.0:
+    resolution: {integrity: sha512-HS0c//TP7Ina87TfiPUz1rQzMhHrl/SG2guqRcTOIUYD2q8uhUdNHZYJUaQ8aTGPzCh+c6oawMKW35nFl1dxyQ==}
     engines: {node: '>=10.0.0'}
     peerDependencies:
       bufferutil: ^4.0.1
diff --git a/src/app.css b/src/app.css
index ec2220b80..f2bbb57d1 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1,5 +1,3 @@
-@import 'http://github.com/@fontsource/roboto-mono';
-
 /* TODO move all this to site-kit */
 
 body {
@@ -25,6 +23,9 @@ button:focus-visible {
 pre.language-diff code {
 	color: rgba(0, 0, 0, 0.4);
 }
+.dark pre.language-diff code {
+	color: rgba(255, 255, 255, 0.4);
+}
 
 .language-diff .inserted,
 .language-diff .deleted {
diff --git a/src/lib/client/adapters/webcontainer/index.js b/src/lib/client/adapters/webcontainer/index.js
index 274ef154d..1d984d195 100644
--- a/src/lib/client/adapters/webcontainer/index.js
+++ b/src/lib/client/adapters/webcontainer/index.js
@@ -5,10 +5,6 @@ import * as yootils from 'yootils';
 import { escape_html, get_depth } from '../../../utils.js';
 import { ready } from '../common/index.js';
 
-/**
- * @typedef {import("../../../../routes/tutorial/[slug]/state.js").CompilerWarning} CompilerWarning
- */
-
 const converter = new AnsiToHtml({
 	fg: 'var(--sk-text-3)'
 });
@@ -21,7 +17,7 @@ let vm;
  * @param {import('svelte/store').Writable<Error | null>} error
  * @param {import('svelte/store').Writable<{ value: number, text: string }>} progress
  * @param {import('svelte/store').Writable<string[]>} logs
- * @param {import('svelte/store').Writable<Record<string, CompilerWarning[]>>} warnings
+ * @param {import('svelte/store').Writable<Record<string, import('$lib/types').Warning[]>>} warnings
  * @returns {Promise<import('$lib/types').Adapter>}
  */
 export async function create(base, error, progress, logs, warnings) {
@@ -48,9 +44,9 @@ export async function create(base, error, progress, logs, warnings) {
 		}
 	});
 
-	/** @type {Record<string, CompilerWarning[]>} */
+	/** @type {Record<string, import('$lib/types').Warning[]>} */
 	let $warnings;
-	warnings.subscribe((value) => $warnings = value);
+	warnings.subscribe((value) => ($warnings = value));
 
 	/** @type {any} */
 	let timeout;
@@ -67,21 +63,19 @@ export async function create(base, error, progress, logs, warnings) {
 				if (chunk === '\x1B[1;1H') {
 					// clear screen
 					logs.set([]);
-
 				} else if (chunk?.startsWith('svelte:warnings:')) {
-					/** @type {CompilerWarning} */
+					/** @type {import('$lib/types').Warning} */
 					const warn = JSON.parse(chunk.slice(16));
 					const current = $warnings[warn.filename];
 
 					if (!current) {
 						$warnings[warn.filename] = [warn];
-					// the exact same warning may be given multiple times in a row
-					} else if (!current.some((s) => (s.code === warn.code && s.pos === warn.pos))) {
+						// the exact same warning may be given multiple times in a row
+					} else if (!current.some((s) => s.code === warn.code && s.pos === warn.pos)) {
 						current.push(warn);
 					}
 
 					schedule_to_update_warning(100);
-
 				} else {
 					const log = converter.toHtml(escape_html(chunk)).replace(/\n/g, '<br>');
 					logs.update(($logs) => [...$logs, log]);
@@ -131,7 +125,7 @@ export async function create(base, error, progress, logs, warnings) {
 			await run_dev();
 
 			async function run_dev() {
-				const process = await vm.spawn('turbo', ['run', 'dev']);
+				const process = await vm.spawn('npm', ['run', 'dev']);
 
 				// TODO differentiate between stdout and stderr (sets `vite_error` to `true`)
 				// https://github.com/stackblitz/webcontainer-core/issues/971
@@ -179,16 +173,14 @@ export async function create(base, error, progress, logs, warnings) {
 				// Don't delete the node_modules folder when switching from one exercise to another
 				// where, as this crashes the dev server.
 				const to_delete = [
-					...Array.from(current_stubs.keys()).filter(
-						(s) => !s.startsWith('/node_modules')
-					),
+					...Array.from(current_stubs.keys()).filter((s) => !s.startsWith('/node_modules')),
 					...force_delete
 				];
 
 				// initialize warnings of written files
 				to_write
 					.filter((stub) => stub.type === 'file' && $warnings[stub.name])
-					.forEach((stub) => $warnings[stub.name] = []);
+					.forEach((stub) => ($warnings[stub.name] = []));
 				// remove warnings of deleted files
 				to_delete
 					.filter((stubname) => $warnings[stubname])
@@ -201,8 +193,8 @@ export async function create(base, error, progress, logs, warnings) {
 				// For some reason, server-ready is fired again when the vite dev server is restarted.
 				// We need to wait for it to finish before we can continue, else we might
 				// request files from Vite before it's ready, leading to a timeout.
-				const will_restart = launched &&
-					(to_write.some(is_config) || to_delete.some(is_config_path));
+				const will_restart =
+					launched && (to_write.some(is_config) || to_delete.some(is_config_path));
 				const promise = will_restart ? wait_for_restart_vite() : Promise.resolve();
 
 				for (const file of to_delete) {
@@ -223,14 +215,13 @@ export async function create(base, error, progress, logs, warnings) {
 			});
 		},
 		update: (file) => {
-
 			let queue = q_per_file.get(file.name);
 			if (queue) {
 				queue.push(file);
 				return Promise.resolve(false);
 			}
 
-			q_per_file.set(file.name, queue = [file]);
+			q_per_file.set(file.name, (queue = [file]));
 
 			return q.add(async () => {
 				/** @type {import('@webcontainer/api').FileSystemTree} */
@@ -257,10 +248,9 @@ export async function create(base, error, progress, logs, warnings) {
 				const will_restart = is_config(file);
 
 				while (queue && queue.length > 0) {
-
 					// if the file is updated many times rapidly, get the most recently updated one
 					const file = /** @type {import('$lib/types').FileStub} */ (queue.pop());
-					queue.length = 0
+					queue.length = 0;
 
 					tree[basename] = to_file(file);
 
@@ -280,7 +270,7 @@ export async function create(base, error, progress, logs, warnings) {
 					await new Promise((f) => setTimeout(f, 50));
 				}
 
-				q_per_file.delete(file.name)
+				q_per_file.delete(file.name);
 
 				return will_restart;
 			});
diff --git a/src/lib/components/Modal.svelte b/src/lib/components/Modal.svelte
index 8e3984273..a3aa16283 100644
--- a/src/lib/components/Modal.svelte
+++ b/src/lib/components/Modal.svelte
@@ -39,7 +39,7 @@
 	});
 </script>
 
-<div class="modal-background" />
+<div class="modal-background"></div>
 
 <dialog class="modal" tabindex="-1" bind:this={modal} on:close>
 	<slot />
diff --git a/src/lib/icons/arrow.svg b/src/lib/icons/arrow.svg
deleted file mode 100644
index 491dcb94e..000000000
--- a/src/lib/icons/arrow.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.5 6L15.5 12L9.5 18" stroke="#676778" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
diff --git a/src/lib/server/content.js b/src/lib/server/content.js
index 1f4f50652..2d7ce1c2e 100644
--- a/src/lib/server/content.js
+++ b/src/lib/server/content.js
@@ -1,7 +1,7 @@
 import { posixify } from '$lib/utils.js';
-import fs from 'node:fs';
+import { readFile, readdir, stat } from 'node:fs/promises';
 import path from 'node:path';
-import glob from 'tiny-glob/sync.js';
+import glob from 'tiny-glob';
 import { transform } from './markdown.js';
 
 const text_files = new Set([
@@ -20,8 +20,8 @@ const text_files = new Set([
 const excluded = new Set(['.DS_Store', '.gitkeep', '.svelte-kit', 'package-lock.json']);
 
 /** @param {string} file */
-function json(file) {
-	return JSON.parse(fs.readFileSync(file, 'utf-8'));
+async function json(file) {
+	return JSON.parse(await readFile(file, 'utf-8'));
 }
 
 /** @param {string} dir */
@@ -29,62 +29,92 @@ function is_valid(dir) {
 	return /^\d{2}-/.test(dir);
 }
 
+/**
+ * @param {string} path
+ */
+async function exists(path) {
+	try {
+		await stat(path);
+		return true;
+	} catch {
+		return false;
+	}
+}
+
 /**
  * @param {string} part
  * @param {string} chapter
  * @param {string} dir
  */
-function exists_readme(part, chapter, dir) {
-	return fs.existsSync(`content/tutorial/${part}/${chapter}/${dir}/README.md`);
+async function exists_readme(part, chapter, dir) {
+	return exists(`content/tutorial/${part}/${chapter}/${dir}/README.md`);
 }
 
 /**
- * @returns {import('$lib/types').PartStub[]}
+ * @returns {Promise<import('$lib/types').PartStub[]>}
  */
-export function get_index() {
-	const parts = fs.readdirSync('content/tutorial').filter(is_valid).map(posixify);
+export async function get_index() {
+	const parts = (await readdir('content/tutorial')).filter(is_valid).map(posixify);
+
+	/** @type {import('$lib/types').PartStub[]} */
+	const final_data = [];
 
-	return parts.map((part) => {
-		const chapters = fs.readdirSync(`content/tutorial/${part}`).filter(is_valid).map(posixify);
+	for (const part of parts) {
+		const chapters = (await readdir(`content/tutorial/${part}`)).filter(is_valid).map(posixify);
 
-		return {
+		const obj = /** @type {import('$lib/types').PartStub} */ ({
 			slug: part,
-			title: json(`content/tutorial/${part}/meta.json`).title,
-			chapters: chapters.map((chapter) => {
-				const exercises = fs
-					.readdirSync(`content/tutorial/${part}/${chapter}`)
-					.filter((dir) => is_valid(dir) && exists_readme(part, chapter, dir))
-					.map(posixify);
-
-				return {
-					slug: chapter,
-					title: json(`content/tutorial/${part}/${chapter}/meta.json`).title,
-					exercises: exercises.map((exercise) => {
-						const dir = `content/tutorial/${part}/${chapter}/${exercise}`;
-
-						const text = fs.readFileSync(`${dir}/README.md`, 'utf-8');
-						const { frontmatter } = extract_frontmatter(text, dir);
-						const { title } = frontmatter;
-
-						return {
-							slug: exercise.slice(3),
-							title
-						};
-					})
-				};
-			})
-		};
-	});
+			title: (await json(`content/tutorial/${part}/meta.json`)).title,
+			chapters: []
+		});
+
+		for (const chapter of chapters) {
+			let exercises = await readdir(`content/tutorial/${part}/${chapter}`);
+			for (const exercise of exercises) {
+				if (!(is_valid(exercise) && (await exists_readme(part, chapter, exercise)))) {
+					exercises = exercises.filter((e) => e !== exercise);
+				}
+			}
+			exercises = exercises.map(posixify);
+
+			const chapters_obj = /** @type {import('$lib/types').ChapterStub} */ ({
+				slug: chapter,
+				title: (await json(`content/tutorial/${part}/${chapter}/meta.json`)).title,
+				exercises: []
+			});
+
+			for (const exercise of exercises) {
+				const dir = `content/tutorial/${part}/${chapter}/${exercise}`;
+
+				const text = await readFile(`${dir}/README.md`, 'utf-8');
+				const { frontmatter } = extract_frontmatter(text, dir);
+				const { title } = frontmatter;
+
+				chapters_obj.exercises.push({
+					slug: exercise.slice(3),
+					title
+				});
+			}
+
+			obj.chapters.push(chapters_obj);
+		}
+
+		final_data.push(obj);
+	}
+
+	return final_data;
 }
 
 /**
  * @param {string} slug
- * @returns {import('$lib/types').Exercise | undefined}
+ * @returns {Promise<import('$lib/types').Exercise | undefined>}
  */
-export function get_exercise(slug) {
-	const exercises = glob('[0-9][0-9]-*/[0-9][0-9]-*/[0-9][0-9]-*/README.md', {
-		cwd: 'content/tutorial'
-	}).map(posixify);
+export async function get_exercise(slug) {
+	const exercises = (
+		await glob('[0-9][0-9]-*/[0-9][0-9]-*/[0-9][0-9]-*/README.md', {
+			cwd: 'content/tutorial'
+		})
+	).map(posixify);
 
 	/** @type {string[]} */
 	const chain = [];
@@ -96,24 +126,24 @@ export function get_exercise(slug) {
 
 		const dir = `content/tutorial/${part_dir}/${chapter_dir}/${exercise_dir}`;
 
-		if (fs.existsSync(`${dir}/app-a`)) {
+		if (await exists(`${dir}/app-a`)) {
 			chain.length = 0;
 			chain.push(`${dir}/app-a`);
 		}
 
 		if (exercise_slug === slug) {
 			const a = {
-				...walk('content/tutorial/common', {
+				...(await walk('content/tutorial/common', {
 					exclude: ['node_modules', 'static/tutorial', 'static/svelte-logo-mask.svg']
-				}),
-				...walk(`content/tutorial/${part_dir}/common`)
+				})),
+				...(await walk(`content/tutorial/${part_dir}/common`))
 			};
 
 			for (const dir of chain) {
-				Object.assign(a, walk(dir));
+				Object.assign(a, await walk(dir));
 			}
 
-			const b = walk(`${dir}/app-b`);
+			const b = await walk(`${dir}/app-b`);
 			const has_solution = Object.keys(b).length > 0;
 
 			// ensure no duplicate content
@@ -129,15 +159,17 @@ export function get_exercise(slug) {
 				}
 			}
 
-			const part_meta = json(`content/tutorial/${part_dir}/meta.json`);
-			const chapter_meta = json(`content/tutorial/${part_dir}/${chapter_dir}/meta.json`);
+			const part_meta = await json(`content/tutorial/${part_dir}/meta.json`);
+			const chapter_meta = await json(`content/tutorial/${part_dir}/${chapter_dir}/meta.json`);
 
 			const exercise_meta_file = `content/tutorial/${part_dir}/${chapter_dir}/${exercise_dir}/meta.json`;
-			const exercise_meta = fs.existsSync(exercise_meta_file) ? json(exercise_meta_file) : {};
+			const exercise_meta = (await exists(exercise_meta_file))
+				? await json(exercise_meta_file)
+				: {};
 
 			const scope = chapter_meta.scope ?? part_meta.scope;
 
-			const text = fs.readFileSync(`${dir}/README.md`, 'utf-8');
+			const text = await readFile(`${dir}/README.md`, 'utf-8');
 			const { frontmatter, markdown } = extract_frontmatter(text, dir);
 			const { title, path = '/', focus } = frontmatter;
 
@@ -158,12 +190,12 @@ export function get_exercise(slug) {
 
 				const dirs = next_exercise.split('/');
 				if (dirs[0] !== part_dir) {
-					title = json(`content/tutorial/${dirs[0]}/meta.json`).title;
+					title = (await json(`content/tutorial/${dirs[0]}/meta.json`)).title;
 				} else if (dirs[1] !== chapter_dir) {
-					title = json(`content/tutorial/${dirs[0]}/${dirs[1]}/meta.json`).title;
+					title = (await json(`content/tutorial/${dirs[0]}/${dirs[1]}/meta.json`)).title;
 				} else {
 					title = extract_frontmatter(
-						fs.readFileSync(`content/tutorial/${next_exercise}`, 'utf-8'),
+						await readFile(`content/tutorial/${next_exercise}`, 'utf-8'),
 						next_exercise
 					).frontmatter.title;
 				}
@@ -230,7 +262,8 @@ export function get_exercise(slug) {
 			return {
 				part: {
 					slug: part_dir,
-					title: `Part ${part_dir.slice(1, 2)}`
+					title: `Part ${part_dir.slice(1, 2)}`,
+					label: part_meta.title
 				},
 				chapter: {
 					slug: chapter_dir,
@@ -245,7 +278,8 @@ export function get_exercise(slug) {
 				next,
 				dir,
 				editing_constraints,
-				html: transform(markdown, {
+				markdown,
+				html: await transform(markdown, {
 					codespan: (text) =>
 						filenames.size > 1 && filenames.has(text)
 							? `<code data-file="${scope.prefix + text}">${text}</code>`
@@ -291,18 +325,18 @@ function extract_frontmatter(markdown, dir) {
  *   exclude?: string[]
  * }} options
  */
-function walk(cwd, options = {}) {
+async function walk(cwd, options = {}) {
 	/** @type {Record<string, import('$lib/types').FileStub | import('$lib/types').DirectoryStub>} */
 	const result = {};
 
-	if (!fs.existsSync(cwd)) return result;
+	if (!(await exists(cwd))) return result;
 
 	/**
 	 * @param {string} dir
 	 * @param {number} depth
 	 */
-	function walk_dir(dir, depth) {
-		const files = fs.readdirSync(path.join(cwd, dir)).map(posixify);
+	async function walk_dir(dir, depth) {
+		const files = (await readdir(path.join(cwd, dir))).map(posixify);
 
 		for (const basename of files) {
 			if (excluded.has(basename)) continue;
@@ -312,7 +346,7 @@ function walk(cwd, options = {}) {
 			if (options.exclude?.some((exclude) => posixify(name).endsWith(exclude))) continue;
 
 			const resolved = path.join(cwd, name);
-			const stats = fs.statSync(resolved);
+			const stats = await stat(resolved);
 
 			if (stats.isDirectory()) {
 				result[name] = {
@@ -321,10 +355,10 @@ function walk(cwd, options = {}) {
 					basename
 				};
 
-				walk_dir(name + '/', depth + 1);
+				await walk_dir(name + '/', depth + 1);
 			} else {
 				const text = text_files.has(path.extname(name) || path.basename(name));
-				const contents = fs.readFileSync(resolved, text ? 'utf-8' : 'base64');
+				const contents = await readFile(resolved, text ? 'utf-8' : 'base64');
 
 				result[name] = {
 					type: 'file',
@@ -337,5 +371,5 @@ function walk(cwd, options = {}) {
 		}
 	}
 
-	return walk_dir('/', 1), result;
+	return await walk_dir('/', 1), result;
 }
diff --git a/src/lib/server/markdown.js b/src/lib/server/markdown.js
index 33b7c353f..ebaec5639 100644
--- a/src/lib/server/markdown.js
+++ b/src/lib/server/markdown.js
@@ -3,7 +3,7 @@ import 'prismjs/components/prism-bash.js';
 import 'prismjs/components/prism-diff.js';
 import 'prismjs/components/prism-typescript.js';
 import 'prism-svelte';
-import { marked } from 'marked';
+import { Marked } from 'marked';
 import { escape_html } from '$lib/utils';
 
 const languages = {
@@ -108,21 +108,17 @@ const default_renderer = {
 	}
 };
 
-marked.use({
-	renderer: {}
-});
-
 /**
  * @param {string} markdown
  * @param {Partial<import('marked').Renderer>} options
  */
-export function transform(markdown, options) {
-	marked.use({
+export async function transform(markdown, options) {
+	const marked = new Marked({
 		renderer: {
 			...default_renderer,
 			...options
 		}
 	});
 
-	return marked(markdown);
+	return (await marked.parse(markdown)) ?? '';
 }
diff --git a/src/lib/types/index.d.ts b/src/lib/types/index.d.ts
index f0779b4a8..8c50af22d 100644
--- a/src/lib/types/index.d.ts
+++ b/src/lib/types/index.d.ts
@@ -31,6 +31,7 @@ export interface Exercise {
 	part: {
 		slug: string;
 		title: string;
+		label: string;
 	};
 	chapter: {
 		slug: string;
@@ -44,6 +45,7 @@ export interface Exercise {
 	slug: string;
 	prev: { slug: string } | null;
 	next: { slug: string; title: string } | null;
+	markdown: string;
 	html: string;
 	dir: string;
 	editing_constraints: {
@@ -76,3 +78,20 @@ export interface EditingConstraints {
 	create: Set<string>;
 	remove: Set<string>;
 }
+
+// TODO replace with `Warning` from `svelte/compiler`
+export interface Warning {
+	code: string;
+	start: { line: number; column: number; character: number };
+	end: { line: number; column: number; character: number };
+	pos: number;
+	filename: string;
+	frame: string;
+	message: string;
+}
+
+export interface MenuItem {
+	icon: string;
+	label: string;
+	fn: () => void;
+}
diff --git a/src/routes/+layout.js b/src/routes/+layout.js
deleted file mode 100644
index 189f71e2e..000000000
--- a/src/routes/+layout.js
+++ /dev/null
@@ -1 +0,0 @@
-export const prerender = true;
diff --git a/src/routes/+layout.server.js b/src/routes/+layout.server.js
new file mode 100644
index 000000000..83ed4d87b
--- /dev/null
+++ b/src/routes/+layout.server.js
@@ -0,0 +1,7 @@
+export const prerender = true;
+
+export const load = async ({ fetch }) => {
+	return {
+		links: await fetch('http://github.com/nav.json').then((r) => r.json())
+	};
+};
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 226b68bcc..e4296445f 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,35 +1,61 @@
 <script>
-	import { Icon, Nav, NavItem, Shell } from '@sveltejs/site-kit/components';
+	import { browser } from '$app/environment';
+	import { page } from '$app/stores';
+	import '@fontsource/roboto-mono';
+	import { Icon, Shell } from '@sveltejs/site-kit/components';
+	import { Nav, Separator } from '@sveltejs/site-kit/nav';
+	import { Search, SearchBox } from '@sveltejs/site-kit/search';
+	import { injectSpeedInsights } from '@vercel/speed-insights/sveltekit';
 	import '@sveltejs/site-kit/styles/index.css';
 	import '../app.css';
+
+	injectSpeedInsights();
+
+	export let data;
 </script>
 
 <Shell>
-	<Nav slot="top-nav">
-		<svelte:fragment slot="home">
+	<Nav title="" links={data.links} slot="top-nav">
+		<svelte:fragment slot="home-large">
 			<strong>learn</strong>.svelte.dev
 		</svelte:fragment>
 
-		<svelte:fragment slot="nav-right">
-			<NavItem external="https://svelte.dev/">Svelte</NavItem>
+		<svelte:fragment slot="home-small">
+			<strong>learn</strong>
+		</svelte:fragment>
+
+		<svelte:fragment slot="search">
+			{#if $page.url.pathname !== '/search'}
+				<Search />
+			{/if}
+		</svelte:fragment>
+
+		<svelte:fragment slot="external-links">
+			<a href="https://svelte.dev/">Svelte</a>
 
-			<NavItem external="https://kit.svelte.dev/">SvelteKit</NavItem>
+			<a href="https://kit.svelte.dev/">SvelteKit</a>
 
-			<NavItem external="https://svelte.dev/chat" title="Discord Chat">
-				<span slot="small">Discord</span>
-				<Icon name="message-square" />
-			</NavItem>
+			<Separator />
 
-			<NavItem external="https://github.com/sveltejs/svelte" title="GitHub Repo">
-				<span slot="small">GitHub</span>
-				<Icon name="github" />
-			</NavItem>
+			<a href="https://svelte.dev/chat" title="Discord Chat">
+				<span class="small">Discord</span>
+				<span class="large"><Icon name="discord" /></span>
+			</a>
+
+			<a href="https://github.com/sveltejs/learn.svelte.dev" title="GitHub Repo">
+				<span class="small">GitHub</span>
+				<span class="large"><Icon name="github" /></span>
+			</a>
 		</svelte:fragment>
 	</Nav>
 
 	<slot />
 </Shell>
 
+{#if browser}
+	<SearchBox />
+{/if}
+
 <style>
 	:global(body) {
 		margin: 0;
diff --git a/src/routes/+page.js b/src/routes/+page.server.js
similarity index 56%
rename from src/routes/+page.js
rename to src/routes/+page.server.js
index de2936142..2a4a26cfa 100644
--- a/src/routes/+page.js
+++ b/src/routes/+page.server.js
@@ -1,5 +1,5 @@
 import { redirect } from '@sveltejs/kit';
 
 export function load() {
-	throw redirect(307, '/tutorial/welcome-to-svelte');
+	redirect(307, '/tutorial/welcome-to-svelte');
 }
diff --git a/src/routes/content.json/+server.js b/src/routes/content.json/+server.js
new file mode 100644
index 000000000..39b402096
--- /dev/null
+++ b/src/routes/content.json/+server.js
@@ -0,0 +1,77 @@
+import { get_exercise, get_index } from '$lib/server/content.js';
+import { json } from '@sveltejs/kit';
+import { markedTransform } from '@sveltejs/site-kit/markdown';
+
+export const prerender = true;
+
+export const GET = async () => {
+	return json(await content());
+};
+
+async function content() {
+	/** @type {import('@sveltejs/site-kit/search').Block[]} */
+	const blocks = [];
+
+	for (const { chapters } of await get_index()) {
+		for (const { exercises } of chapters) {
+			for (const { slug, title } of exercises) {
+				const exercise_content = await get_exercise(slug);
+
+				if (exercise_content) {
+					exercise_content.markdown = exercise_content.markdown.replace(/(\+\+\+|---|:::)/g, '');
+
+					blocks.push({
+						href: `/tutorial/${slug}`,
+						breadcrumbs: [title],
+						content: await plaintext(exercise_content.markdown),
+						rank: 0
+					});
+				}
+			}
+		}
+	}
+
+	return { blocks };
+}
+
+/** @param {string} markdown */
+async function plaintext(markdown) {
+	/** @param {unknown} text */
+	const block = (text) => `${text}\n`;
+
+	/** @param {string} text */
+	const inline = (text) => text;
+
+	return (
+		await markedTransform(markdown, {
+			code: (source) => source.split('// ---cut---\n').pop() ?? '',
+			blockquote: block,
+			html: () => '\n',
+			heading: (text) => `${text}\n`,
+			hr: () => '',
+			list: block,
+			listitem: block,
+			checkbox: block,
+			paragraph: (text) => `${text}\n\n`,
+			table: block,
+			tablerow: block,
+			tablecell: (text, opts) => {
+				return text + ' ';
+			},
+			strong: inline,
+			em: inline,
+			codespan: inline,
+			br: () => '',
+			del: inline,
+			link: (href, title, text) => text,
+			image: (href, title, text) => text,
+			text: inline
+		})
+	)
+		.replace(/&lt;/g, '<')
+		.replace(/&gt;/g, '>')
+		.replace(/&#(\d+);/g, (match, code) => {
+			return String.fromCharCode(code);
+		})
+		.trim();
+}
diff --git a/src/routes/nav.json/+server.js b/src/routes/nav.json/+server.js
new file mode 100644
index 000000000..ec5c07491
--- /dev/null
+++ b/src/routes/nav.json/+server.js
@@ -0,0 +1,35 @@
+import { get_index } from '$lib/server/content.js';
+import { json } from '@sveltejs/kit';
+
+export const prerender = true;
+
+export const GET = async () => {
+	return json(await get_nav_list());
+};
+
+/**
+ * @returns {Promise<import('@sveltejs/site-kit').NavigationLink[]>}
+ */
+async function get_nav_list() {
+	const index = await get_index();
+
+	return [
+		{
+			title: 'Tutorial',
+			prefix: 'tutorial',
+			pathname: '/tutorial',
+			sections: index.map(({ chapters, title }) => ({
+				title,
+				sections: chapters.map(({ title, exercises }) => ({
+					title,
+					sections: exercises
+						.map(({ slug, title }) => ({
+							title,
+							path: `/tutorial/${slug}`
+						}))
+						.flat()
+				}))
+			}))
+		}
+	];
+}
diff --git a/src/routes/tutorial/+page.js b/src/routes/tutorial/+page.js
index de2936142..2a4a26cfa 100644
--- a/src/routes/tutorial/+page.js
+++ b/src/routes/tutorial/+page.js
@@ -1,5 +1,5 @@
 import { redirect } from '@sveltejs/kit';
 
 export function load() {
-	throw redirect(307, '/tutorial/welcome-to-svelte');
+	redirect(307, '/tutorial/welcome-to-svelte');
 }
diff --git a/src/routes/tutorial/[slug]/+layout.server.js b/src/routes/tutorial/[slug]/+layout.server.js
index 802dfa574..babbe323e 100644
--- a/src/routes/tutorial/[slug]/+layout.server.js
+++ b/src/routes/tutorial/[slug]/+layout.server.js
@@ -1,7 +1,7 @@
-import { get_index } from '$lib/server/content';
+import { get_index } from '$lib/server/content.js';
 
-export function load() {
+export async function load() {
 	return {
-		index: get_index()
+		index: await get_index()
 	};
 }
diff --git a/src/routes/tutorial/[slug]/+page.server.js b/src/routes/tutorial/[slug]/+page.server.js
index a25cd851c..8ddc853f4 100644
--- a/src/routes/tutorial/[slug]/+page.server.js
+++ b/src/routes/tutorial/[slug]/+page.server.js
@@ -1,19 +1,19 @@
-import { get_exercise } from '$lib/server/content';
+import { get_exercise } from '$lib/server/content.js';
 import { error, redirect } from '@sveltejs/kit';
 
 export function entries() {
 	return [{ slug: 'local-transitions' }];
 }
 
-export function load({ params }) {
+export async function load({ params }) {
 	if (params.slug === 'local-transitions') {
-		throw redirect(307, '/tutorial/global-transitions');
+		redirect(307, '/tutorial/global-transitions');
 	}
 
-	const exercise = get_exercise(params.slug);
+	const exercise = await get_exercise(params.slug);
 
 	if (!exercise) {
-		throw error(404, 'No such tutorial found');
+		error(404, 'No such tutorial found');
 	}
 
 	return {
diff --git a/src/routes/tutorial/[slug]/+page.svelte b/src/routes/tutorial/[slug]/+page.svelte
index 98c9001df..144581bff 100644
--- a/src/routes/tutorial/[slug]/+page.svelte
+++ b/src/routes/tutorial/[slug]/+page.svelte
@@ -123,6 +123,21 @@
 			history.pushState({}, '', `?${q}`);
 		}
 	}
+
+	/** @type {HTMLElement} */
+	let sidebar;
+
+	/** @type {import('./$types').Snapshot<number>} */
+	export const snapshot = {
+		capture: () => {
+			const scroll = sidebar.scrollTop;
+			sidebar.scrollTop = 0;
+			return scroll;
+		},
+		restore: (scroll) => {
+			sidebar.scrollTop = scroll;
+		}
+	};
 </script>
 
 <svelte:head>
@@ -164,6 +179,7 @@
 		<SplitPane id="main" type="horizontal" min="360px" max="50%" pos="33%">
 			<section slot="a" class="content">
 				<Sidebar
+					bind:sidebar
 					index={data.index}
 					exercise={data.exercise}
 					on:select={(e) => {
@@ -293,11 +309,10 @@
 		display: flex;
 		flex-direction: column;
 		position: relative;
-		min-height: 0;
+		min-height: 100%;
 		height: 100%;
-		max-height: 100%;
-		background: var(--sk-back-2);
-		--menu-width: 5.4rem;
+		background: var(--sk-back-3);
+		--menu-width: 5rem;
 	}
 
 	.navigator {
diff --git a/src/routes/tutorial/[slug]/Chrome.svelte b/src/routes/tutorial/[slug]/Chrome.svelte
index 166b5c3ac..a1722c960 100644
--- a/src/routes/tutorial/[slug]/Chrome.svelte
+++ b/src/routes/tutorial/[slug]/Chrome.svelte
@@ -14,7 +14,7 @@
 </script>
 
 <div class="chrome" class:loading>
-	<button disabled={loading} class="reload icon" on:click={() => dispatch('refresh')} aria-label="reload" />
+	<button disabled={loading} class="reload icon" on:click={() => dispatch('refresh')} aria-label="reload"></button>
 
 	<input
 		disabled={loading}
@@ -24,21 +24,21 @@
 			dispatch('change', { value: e.currentTarget.value });
 		}}
 		on:keydown={(e) => {
-			if (e.key === 'Enter') {
-				dispatch('change', { value: e.currentTarget.value });
-				e.currentTarget.blur();
-			}
+			if (e.key !== 'Enter') return;
+
+			dispatch('change', { value: e.currentTarget.value });
+			e.currentTarget.blur();
 		}}
 	/>
 
-	<a {href} class="new-tab icon" target="_blank" aria-label={href ? 'open in new tab' : undefined} tabindex="0" />
+	<a {href} class="new-tab icon" target="_blank" aria-label={href ? 'open in new tab' : undefined} tabindex="0"></a>
 
 	<button
 		disabled={loading}
 		class="terminal icon"
 		on:click={() => dispatch('toggle_terminal')}
 		aria-label="toggle terminal"
-	/>
+	></button>
 </div>
 
 <style>
diff --git a/src/routes/tutorial/[slug]/Editor.svelte b/src/routes/tutorial/[slug]/Editor.svelte
index 4778bdcdb..343a4f98b 100644
--- a/src/routes/tutorial/[slug]/Editor.svelte
+++ b/src/routes/tutorial/[slug]/Editor.svelte
@@ -1,24 +1,22 @@
 <script>
 	import { browser } from '$app/environment';
-	import { onMount, tick } from 'svelte';
-	import { basicSetup } from 'codemirror';
-	import { EditorView, keymap } from '@codemirror/view';
-	import { EditorState } from '@codemirror/state';
+	import { afterNavigate, beforeNavigate } from '$app/navigation';
+	import { acceptCompletion } from '@codemirror/autocomplete';
 	import { indentWithTab } from '@codemirror/commands';
+	import { html } from '@codemirror/lang-html';
+	import { javascript } from '@codemirror/lang-javascript';
 	import { indentUnit } from '@codemirror/language';
-	import { acceptCompletion } from '@codemirror/autocomplete';
 	import { setDiagnostics } from '@codemirror/lint';
-	import { javascript } from '@codemirror/lang-javascript';
-	import { html } from '@codemirror/lang-html';
+	import { EditorState } from '@codemirror/state';
+	import { EditorView, keymap } from '@codemirror/view';
 	import { svelte } from '@replit/codemirror-lang-svelte';
-	import { tags } from '@lezer/highlight';
-	import { HighlightStyle } from '@codemirror/language';
-	import { syntaxHighlighting } from '@codemirror/language';
-	import { afterNavigate, beforeNavigate } from '$app/navigation';
-	import { files, selected_file, selected_name, update_file } from './state.js';
+	import { svelteTheme } from '@sveltejs/repl/theme';
+	import { basicSetup } from 'codemirror';
+	import { onMount, tick } from 'svelte';
 	import { warnings } from './adapter.js';
 	import { autocomplete_for_svelte } from './autocompletion.js';
 	import './codemirror.css';
+	import { files, selected_file, selected_name, update_file } from './state.js';
 
 	/** @type {HTMLDivElement} */
 	let container;
@@ -40,15 +38,7 @@
 		EditorState.tabSize.of(2),
 		keymap.of([{ key: 'Tab', run: acceptCompletion }, indentWithTab]),
 		indentUnit.of('\t'),
-		syntaxHighlighting(
-			HighlightStyle.define([
-				// TODO add more styles
-				{ tag: tags.tagName, color: '#c05726' },
-				{ tag: tags.keyword, color: 'var(--sk-code-keyword)' },
-				{ tag: tags.comment, color: 'var(--sk-code-comment)' },
-				{ tag: tags.string, color: 'var(--sk-code-string)' }
-			])
-		)
+		svelteTheme
 	];
 
 	$: reset($files);
@@ -56,7 +46,6 @@
 	$: select_state($selected_name);
 
 	$: if (editor_view) {
-
 		if ($selected_name) {
 			const current_warnings = $warnings[$selected_name];
 
diff --git a/src/routes/tutorial/[slug]/Loading.svelte b/src/routes/tutorial/[slug]/Loading.svelte
index fb813058d..6f1488238 100644
--- a/src/routes/tutorial/[slug]/Loading.svelte
+++ b/src/routes/tutorial/[slug]/Loading.svelte
@@ -1,7 +1,8 @@
 <script>
-	import { afterNavigate } from '$app/navigation';
 	import { page } from '$app/stores';
 	import { Icon } from '@sveltejs/site-kit/components';
+	import { load_webcontainer, reset } from './adapter';
+	import { files } from './state';
 
 	/** @type {boolean} */
 	export let initial;
@@ -62,6 +63,23 @@
 						<code>chrome://settings/cookies</code> and add <code>learn.svelte.dev</code> to 'Sites that
 						can always use cookies'.
 					</p>
+					<!-- TODO: remove this when webcontainers are properly supported on iOS
+				see https://github.com/stackblitz/webcontainer-core/issues/1120 -->
+				{:else if /iphone/i.test(navigator.userAgent)}
+					<p>
+						We couldn't start the app. It seems that you're using iOS, which does not support
+						WebContainers.
+					</p>
+					<p>
+						If this is not the case, you can try loading it by <button
+							type="button"
+							on:click={async () => {
+								error = null;
+								load_webcontainer();
+								await reset($files);
+							}}>clicking here</button
+						>.
+					</p>
 				{:else}
 					<p>
 						We couldn't start the app. Please ensure third party cookies are enabled for this site.
@@ -70,7 +88,7 @@
 
 				{#if is_svelte}
 					<a href="https://svelte.dev/tutorial/%7B$page.data.exercise.slug%7D">
-						Go to the legacy svelte tutorial instead <Icon name="arrow-right" />
+						Or go to the legacy svelte tutorial instead <Icon name="arrow-right" />
 					</a>
 				{/if}
 			</div>
@@ -91,7 +109,7 @@
 
 		{#if initial}
 			<div class="progress-container">
-				<div class="progress" style="width: {progress * 100}%;" />
+				<div class="progress" style="width: {progress * 100}%;"></div>
 			</div>
 			<span>{status}</span>
 		{/if}
@@ -148,6 +166,16 @@
 		margin: 0 0 1em 0;
 	}
 
+	button {
+		color: var(--sk-theme-1);
+		padding: 0 0 1px;
+		position: relative;
+	}
+
+	button:hover {
+		text-decoration: underline;
+	}
+
 	small {
 		font-size: var(--sk-text-xs);
 		color: var(--sk-text-3);
@@ -163,11 +191,9 @@
 		height: 10rem;
 	}
 
-	@media (prefers-color-scheme: dark) {
-		.loading {
-			--faded: #444;
-			--progress: #555;
-			--cutout: var(--sk-back-2);
-		}
+	:global(.dark) .loading {
+		--faded: #444;
+		--progress: #555;
+		--cutout: var(--sk-back-2);
 	}
 </style>
diff --git a/src/routes/tutorial/[slug]/Menu.svelte b/src/routes/tutorial/[slug]/Menu.svelte
index 20b54c34b..83d6e365b 100644
--- a/src/routes/tutorial/[slug]/Menu.svelte
+++ b/src/routes/tutorial/[slug]/Menu.svelte
@@ -1,11 +1,11 @@
 <script>
 	import { page } from '$app/stores';
-	import arrow from '$lib/icons/arrow.svg';
-	import { slide } from 'svelte/transition';
-	import { browser } from '$app/environment';
-	import { afterNavigate } from '$app/navigation';
+	import { click_outside, focus_outside } from '@sveltejs/site-kit/actions';
 	import { Icon } from '@sveltejs/site-kit/components';
-	import { tick } from 'svelte';
+	import { open_nav } from '@sveltejs/site-kit/nav';
+	import { mql, reduced_motion, theme } from '@sveltejs/site-kit/stores';
+	import { expoOut } from 'svelte/easing';
+	import { slide } from 'svelte/transition';
 
 	/** @type {import('$lib/types').PartStub[]}*/
 	export let index;
@@ -13,202 +13,273 @@
 	/** @type {import('$lib/types').Exercise} */
 	export let current;
 
-	const duration = browser && matchMedia('(prefers-reduced-motion: reduce)').matches ? 0 : 200;
+	const is_mobile = mql('(max-width: 800px)');
 
-	let is_open = false;
-	let search = '';
+	const duration = $reduced_motion ? 0 : 200;
 
-	/** @type {HTMLInputElement} */
-	let search_input;
+	let is_open = false;
 
 	$: expanded_part = current.part.slug;
 	$: expanded_chapter = current.chapter.slug;
-
-	$: escaped = search.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&');
-	$: regex = new RegExp(`\\b${search.length >= 2 ? escaped : ''}`, 'i');
-
-	$: filtered = index
-		.map((part) => {
-			return {
-				slug: part.slug,
-				title: part.title,
-				chapters: part.chapters
-					.map((chapter) => ({
-						slug: chapter.slug,
-						title: chapter.title,
-						exercises: regex.test(chapter.title)
-							? chapter.exercises
-							: chapter.exercises.filter((exercise) => regex.test(exercise.title))
-					}))
-					.filter((chapter) => chapter.exercises.length > 0)
-			};
-		})
-		.filter((part) => part.chapters.length > 0 || regex.test(part.title));
-
-	afterNavigate(() => {
-		search = '';
-	});
-
-	/**
-	 * @param {HTMLElement} node
-	 */
-	function close_when_focus_leaves(node) {
-		function handle_focus_in() {
-			if (!node.contains(document.activeElement)) {
-				is_open = false;
-			}
-		}
-		document.addEventListener('focusin', handle_focus_in);
-
-		return {
-			destroy: () => {
-				document.removeEventListener('focusin', handle_focus_in);
-			}
-		};
-	}
 </script>
 
-<div use:close_when_focus_leaves>
-	<div class="menu-toggle-container">
-		<button
-			class="menu-toggle"
-			on:click={() => (is_open = !is_open)}
-			aria-label="Toggle menu"
-			aria-expanded={is_open}
+<svelte:window on:keydown={(e) => e.key === 'Escape' && (is_open = false)} />
+
+<div
+	class="container"
+	class:dark={$theme.current === 'dark'}
+	use:focus_outside={() => (is_open = false)}
+	use:click_outside={() => (is_open = false)}
+>
+	<header>
+		<a
+			class="prev-button"
+			href={current.prev ? `/tutorial/${current.prev.slug}` : undefined}
+			aria-label={current.prev && 'Previous'}
 		>
-			<Icon name={is_open ? 'close' : 'menu'} />
-		</button>
-	</div>
-
-	<nav class:open={is_open} aria-label="tutorial exercises">
-		<div class="controls">
-			<input
-				type="search"
-				placeholder="Search"
-				bind:this={search_input}
-				bind:value={search}
-				aria-hidden={!is_open ? 'true' : null}
-				tabindex={!is_open ? -1 : null}
-			/>
-		</div>
-
-		<div class="exercises">
-			<ul>
-				{#each filtered as part, i (part.slug)}
-					<li
-						class="part"
-						class:expanded={part.slug === expanded_part}
-						aria-current={part.slug === current.part.slug ? 'step' : undefined}
-						transition:slide={{ duration }}
-					>
-						<button
-							on:click={() => {
-								if (expanded_part !== part.slug) {
-									expanded_part = part.slug;
-									expanded_chapter = part.chapters[0].slug;
-								}
-							}}
-						>
-							Part {i + 1}: {part.title}
-						</button>
-
-						{#if search.length >= 2 || part.slug === expanded_part}
-							<ul class="chapter" transition:slide={{ duration }}>
-								{#each part.chapters as chapter (chapter.slug)}
-									<li
-										class="chapter"
-										class:expanded={chapter.slug === expanded_chapter}
-										aria-current={chapter.slug === current.chapter.slug ? 'step' : undefined}
+			<Icon name="arrow-left" size={16} />
+		</a>
+
+		<div class="menu" class:open={is_open}>
+			<button on:click={() => ($is_mobile ? open_nav() : (is_open = !is_open))}>
+				<h1>
+					<div class="mobile">
+						<div class="heading-row">
+							<strong>{current.title}</strong>
+						</div>
+						<div class="heading-row">
+							<span class="part-title">{current.part.label}</span>
+							<span class="separator">/</span>
+							<span class="chapter-title">{current.chapter.title}</span>
+						</div>
+					</div>
+
+					<div class="desktop">
+						<span class="part-title">{current.part.title}</span><span class="separator">/</span>
+						<span class="chapter-title">{current.chapter.title}</span><span class="separator">/</span
+						><strong>{current.title}</strong>
+					</div>
+
+					<span style="flex: 1 1 auto"></span>
+				</h1>
+
+				<span class="expand-icon" class:inverted={is_open}>
+					<Icon name="chevron-down" />
+				</span>
+			</button>
+
+			{#if is_open}
+				<nav
+					aria-label="tutorial exercises"
+					transition:slide={{ axis: 'y', easing: expoOut, duration: $reduced_motion ? 0 : 400 }}
+				>
+					<div class="exercises">
+						<ul>
+							{#each index as part, i (part.slug)}
+								<li
+									class="part"
+									class:expanded={part.slug === expanded_part}
+									aria-current={part.slug === current.part.slug ? 'step' : undefined}
+									transition:slide={{ duration }}
+								>
+									<button
+										on:click={() => {
+											if (expanded_part !== part.slug) {
+												expanded_part = part.slug;
+												expanded_chapter = part.chapters[0].slug;
+											}
+										}}
 									>
-										<button on:click={() => (expanded_chapter = chapter.slug)}>
-											<img src={arrow} alt="Arrow icon" />
-											{chapter.title}
-										</button>
-
-										{#if search.length >= 2 || chapter.slug === expanded_chapter}
-											<ul transition:slide={{ duration }}>
-												{#each chapter.exercises as exercise (exercise.slug)}
-													<li
-														transition:slide={{ duration }}
-														class="exercise"
-														aria-current={$page.url.pathname === `/tutorial/${exercise.slug}`
-															? 'page'
-															: undefined}
+										Part {i + 1}: {part.title}
+									</button>
+
+									{#if part.slug === expanded_part}
+										<ul class="chapter" transition:slide={{ duration }}>
+											{#each part.chapters as chapter (chapter.slug)}
+												<li
+													class="chapter"
+													class:expanded={chapter.slug === expanded_chapter}
+													aria-current={chapter.slug === current.chapter.slug ? 'step' : undefined}
+												>
+													<button
+														on:click={() => (expanded_chapter = chapter.slug)}
+														style="width: 100%; text-align: start;"
 													>
-														<a href="http://github.com/tutorial/%7Bexercise.slug%7D" on:click={() => (is_open = false)}>
-															{exercise.title}
-														</a>
-													</li>
-												{/each}
-											</ul>
-										{/if}
-									</li>
-								{/each}
-							</ul>
-						{/if}
-					</li>
-				{:else}
-					<li>No search results!</li>
-				{/each}
-			</ul>
+														<!-- <img src={arrow} alt="Arrow icon" /> -->
+														<Icon name="arrow-right-chevron" size={16} />
+														{chapter.title}
+													</button>
+
+													{#if chapter.slug === expanded_chapter}
+														<ul transition:slide={{ duration }}>
+															{#each chapter.exercises as exercise (exercise.slug)}
+																<li
+																	transition:slide={{ duration }}
+																	class="exercise"
+																	aria-current={$page.url.pathname === `/tutorial/${exercise.slug}`
+																		? 'page'
+																		: undefined}
+																>
+																	<a
+																		href="http://github.com/tutorial/%7Bexercise.slug%7D"
+																		on:click={() => (is_open = false)}
+																	>
+																		{exercise.title}
+																	</a>
+																</li>
+															{/each}
+														</ul>
+													{/if}
+												</li>
+											{/each}
+										</ul>
+									{/if}
+								</li>
+							{/each}
+						</ul>
+					</div>
+				</nav>
+			{/if}
 		</div>
-	</nav>
-</div>
 
-<header>
-	<a href={current.prev ? `/tutorial/${current.prev.slug}` : undefined} aria-label={current.prev && 'Previous'}>
-		<Icon name="arrow-left" size={16} />
-	</a>
-
-	<!-- we don't want this to be keyboard-navigable, because the menu button to the left does that job better -->
-	<!-- svelte-ignore a11y-click-events-have-key-events -->
-	<h1
-		on:click={async () => {
-			is_open = true;
-			await tick();
-			search_input.focus();
-		}}
-	>
-		{current.part.title} <span class="separator">/</span>
-		{current.chapter.title} <span class="separator">/</span>
-		<strong>{current.title}</strong>
-	</h1>
-
-	<a href={current.next ? `/tutorial/${current.next.slug}` : undefined} aria-label="Next">
-		<Icon name="arrow-right" size={16} />
-	</a>
-</header>
+		<a
+			class="next-button"
+			href={current.next ? `/tutorial/${current.next.slug}` : undefined}
+			aria-label="Next"
+		>
+			<Icon name="arrow-right" size={16} />
+		</a>
+	</header>
+</div>
 
 <style>
-	header {
+	.container {
+		--shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
+
+		position: relative;
+
 		display: flex;
+		justify-content: center;
+
+		border-right: 1px solid var(--sk-back-4);
+
+		width: 100%;
+		padding: 1rem 0;
+
+		background-color: transparent;
+
+		isolation: isolate;
+		z-index: 4;
+	}
+
+	.container.dark {
+		--shadow: 0 0 0 1px var(--sk-back-4);
+	}
+
+	header {
+		position: relative;
+		/* z-index: 2; */
+
+		display: grid;
+		grid-template-columns: 4rem minmax(0, 1fr) 4rem;
 		gap: 0.5rem;
 		align-items: center;
-		background: var(--sk-back-3);
-		border-bottom: 1px solid var(--sk-back-4);
-		border-right: 1px solid var(--sk-back-4);
-		padding: 0 0 0 var(--menu-width);
+
+		padding: 0;
+		padding-right: 4px;
 		height: var(--menu-width);
-		align-items: center;
+		width: 100%;
+	}
+
+	.menu.open {
+		border-radius: var(--sk-border-radius) var(--sk-border-radius) 0 0;
 	}
 
 	header strong,
-	header h1 {
-		font-size: 1.4rem;
+	h1 {
+		font-size: var(--sk-text-xs);
+	}
+
+	.menu {
+		font-size: var(--sk-text-s);
+		border: none;
 	}
 
 	header strong {
 		color: var(--sk-theme-1);
 	}
 
-	header h1 {
-		color: var(--sk-text-2);
+	.menu {
+		flex: 1;
+
+		position: relative;
+
+		top: 0.15rem;
+		height: 100%;
+		min-width: 0;
+		width: 100%;
+		max-width: 100%;
+
+		padding: 0 1.5rem;
+
+		transition: 0.4s var(--quint-out);
+		transition-property: background, box-shadow;
+
+		background-color: var(--sk-back-2);
+
+		border-radius: var(--sk-border-radius);
+		box-shadow: var(--shadow);
+
+		cursor: pointer;
+	}
+
+	.menu > button {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		gap: 0.4ch;
+		width: 100%;
+		height: 100%;
+	}
+
+	h1 {
+		display: flex;
+
+		width: 100%;
+		height: 100%;
+
+		z-index: 3;
+
+		overflow: hidden;
+
 		white-space: nowrap;
 		text-overflow: ellipsis;
-		overflow: hidden;
+		text-align: center;
+		color: var(--sk-text-2);
 		font-weight: 400;
-		flex: 1;
-		top: 0.15rem;
+	}
+
+	h1 .desktop {
+		display: flex;
+		gap: 0.5ch;
+		align-items: center;
+	}
+
+	h1 .mobile {
+		display: none;
+	}
+
+	/* .expand-icon {
+		padding: 0.5rem;
+	} */
+
+	.expand-icon :global(svg) {
+		transition: transform 0.4s var(--quint-out);
+		transform-origin: center;
+	}
+
+	.expand-icon.inverted :global(svg) {
+		transform: rotate3d(0, 0, 1, 180deg);
 	}
 
 	.separator {
@@ -225,66 +296,24 @@
 	}
 
 	nav {
-		--menu-width: 5.4rem;
 		--transform-transition: transform 0.2s;
 		position: absolute;
+		top: var(--menu-width);
+		left: 0;
 		width: 100%;
-		height: 100%;
-		/* when the nav is closing, wait to change visibility until the slide out completes */
-		transition: var(--transform-transition), visibility 0s 0.2s;
-		transform: translate(-100%, 0);
-		background: var(--sk-back-3);
-		z-index: 2;
-		/* filter: drop-shadow(2px 0 2px rgba(0, 0, 0, 0.1)); */
-		border-right: 1px solid var(--sk-back-4);
+		height: auto;
+		max-height: 70vh;
+		background: var(--sk-back-2);
+		z-index: -1;
+		box-shadow: var(--shadow);
+		border-radius: 0 0 var(--sk-border-radius) var(--sk-border-radius);
 		display: flex;
 		flex-direction: column;
-		visibility: hidden;
-	}
-
-	nav.open {
-		transform: none;
-		visibility: visible;
-		/* when the nav starts opening, don't transition visibility - set it right away */
-		transition: var(--transform-transition);
 	}
 
-	.controls {
-		height: var(--menu-width);
+	nav a {
+		justify-content: start !important;
 		display: flex;
-		border-bottom: 1px solid var(--sk-back-4);
-		padding: 0 0 0 var(--menu-width);
-	}
-
-	.controls input {
-		flex: 1;
-		border: none;
-		padding: 0.8rem 1rem 0.4rem 1rem;
-		font-family: inherit;
-		font-size: inherit;
-		background: var(--sk-back-2);
-		border: 2px solid transparent;
-		color: var(--sk-text-2);
-	}
-
-	.menu-toggle-container {
-		position: absolute;
-		left: 0;
-		top: 0;
-		width: var(--menu-width);
-		height: var(--menu-width);
-		z-index: 3;
-		border-right: 1px solid var(--sk-back-4);
-		border-bottom: 1px solid var(--sk-back-4);
-	}
-
-	.menu-toggle {
-		width: 100%;
-		height: 100%;
-		background: var(--sk-back-3);
-		border: 2px solid transparent;
-		box-sizing: border-box;
-		padding: 0.2rem 0 0 0;
 	}
 
 	.exercises {
@@ -301,7 +330,7 @@
 	}
 
 	ul.chapter {
-		padding: 0 0 0 3rem;
+		padding: 0 0 0 1rem;
 	}
 
 	li {
@@ -313,20 +342,21 @@
 		color: var(--sk-theme-1);
 	}
 
-	li img {
+	li :global(svg) {
 		position: absolute;
-		left: -2rem;
+		/* left: -2rem; */
 		top: 0.1rem;
 		width: 2rem;
 		height: 2rem;
 		transition: transform 0.2s;
+		stroke-width: 0 !important;
 	}
 
 	li.expanded > button {
 		font-weight: bold;
 	}
 
-	li.expanded > button > img {
+	li.expanded > button > :global(svg) {
 		transform: rotate(90deg);
 	}
 
@@ -351,12 +381,29 @@
 		box-sizing: border-box;
 	}
 
-	header a {
+	li button {
+		position: relative;
+
+		display: flex;
+		gap: 0.5rem;
+	}
+
+	li a {
+		padding-left: 2rem;
+	}
+
+	header > a {
 		height: 100%;
+		width: 100%;
+
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		padding: 0 1rem;
+
+		padding: 0;
+		padding: 0;
+		margin: 0;
+		border: 0;
 	}
 
 	a:focus-visible,
@@ -364,4 +411,60 @@
 		outline: none;
 		border: 2px solid var(--sk-theme-3);
 	}
+
+	@media screen and (max-width: 800px) {
+		.container {
+			border-right: none;
+		}
+
+		/* Remove all styles */
+		.menu {
+			box-shadow: none;
+			background-color: transparent;
+
+			padding: 0;
+
+			justify-content: start;
+		}
+
+		.expand-icon {
+			display: none;
+		}
+
+		h1 {
+			display: flex;
+			flex-direction: column;
+			column-gap: 0.5ch;
+			align-items: flex-start;
+			grid-template-rows: repeat(2, auto);
+
+			width: 100%;
+			height: max-content;
+		}
+
+		h1 .mobile {
+			display: block;
+		}
+
+		h1 .desktop {
+			display: none;
+		}
+
+		.heading-row {
+			display: flex;
+			gap: 0.5ch;
+			align-items: center;
+		}
+
+		h1 :where(.part-title, .chapter-title) {
+			grid-row: 2 / span 1;
+			font-size: var(--sk-text-xs);
+			color: var(--sk-text-3);
+		}
+
+		h1 strong {
+			font-size: var(--sk-text-s) !important;
+			line-height: 1;
+		}
+	}
 </style>
diff --git a/src/routes/tutorial/[slug]/Output.svelte b/src/routes/tutorial/[slug]/Output.svelte
index 0f2526e36..629a2cf5b 100644
--- a/src/routes/tutorial/[slug]/Output.svelte
+++ b/src/routes/tutorial/[slug]/Output.svelte
@@ -1,7 +1,7 @@
 <script>
 	import { browser, dev } from '$app/environment';
 	import { afterNavigate } from '$app/navigation';
-	import { theme } from '@sveltejs/site-kit/components';
+	import { theme } from '@sveltejs/site-kit/stores';
 	import { onMount } from 'svelte';
 	import Chrome from './Chrome.svelte';
 	import Loading from './Loading.svelte';
@@ -133,7 +133,7 @@
 
 <div class="content">
 	{#if browser}
-		<iframe bind:this={iframe} title="Output" on:load={set_iframe_visible} />
+		<iframe bind:this={iframe} title="Output" on:load={set_iframe_visible}></iframe>
 	{/if}
 
 	{#if paused || loading || $error}
diff --git a/src/routes/tutorial/[slug]/ScreenToggle.svelte b/src/routes/tutorial/[slug]/ScreenToggle.svelte
index 76355d308..d6d0a0313 100644
--- a/src/routes/tutorial/[slug]/ScreenToggle.svelte
+++ b/src/routes/tutorial/[slug]/ScreenToggle.svelte
@@ -42,6 +42,7 @@
 		height: 100%;
 		z-index: 2;
 		margin: 0 auto;
+		box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.07);
 	}
 
 	@media (min-width: 832px) {
diff --git a/src/routes/tutorial/[slug]/Sidebar.svelte b/src/routes/tutorial/[slug]/Sidebar.svelte
index 8b8a69176..63fbb2838 100644
--- a/src/routes/tutorial/[slug]/Sidebar.svelte
+++ b/src/routes/tutorial/[slug]/Sidebar.svelte
@@ -1,6 +1,5 @@
 <script>
 	import { createEventDispatcher } from 'svelte';
-	import { afterNavigate } from '$app/navigation';
 	import Modal from '$lib/components/Modal.svelte';
 	import Menu from './Menu.svelte';
 
@@ -10,83 +9,78 @@
 	/** @type {import('$lib/types').Exercise} */
 	export let exercise;
 
+	/** @type {HTMLElement} */
+	export let sidebar;
+
 	const dispatch = createEventDispatcher();
 
 	const namespace = 'learn.svelte.dev';
 	const copy_enabled = `${namespace}:copy_enabled`;
 
-	/** @type {HTMLElement} */
-	let sidebar;
-
 	let show_modal = false;
-
-	afterNavigate(async () => {
-		// TODO ideally we would associate scroll state with
-		// history. That's a little tricky to do right now,
-		// so for now just always reset sidebar scroll
-		sidebar.scrollTop = 0;
-	});
 </script>
 
 <Menu {index} current={exercise} />
 
-<div
-	bind:this={sidebar}
-	class="text"
-	on:copy={(e) => {
-		if (sessionStorage[copy_enabled]) return;
-
-		/** @type {HTMLElement | null} */
-		let node = /** @type {HTMLElement} */ (e.target);
+<section bind:this={sidebar}>
+	<div
+		class="text"
+		on:copy={(e) => {
+			if (sessionStorage[copy_enabled]) return;
 
-		while (node && node !== e.currentTarget) {
-			if (node.nodeName === 'PRE') {
-				show_modal = true;
+			/** @type {HTMLElement | null} */
+			let node = /** @type {HTMLElement} */ (e.target);
 
-				e.preventDefault();
-				return;
-			}
+			while (node && node !== e.currentTarget) {
+				if (node.nodeName === 'PRE') {
+					show_modal = true;
 
-			node = /** @type {HTMLElement | null} */ (node.parentNode);
-		}
-	}}
->
-	<!-- svelte-ignore a11y-click-events-have-key-events -->
-	<div
-		on:click={(e) => {
-			const node = /** @type {HTMLElement} */ (e.target);
-
-			if (node.nodeName === 'CODE') {
-				const { file } = node.dataset;
-				if (file) {
-					dispatch('select', { file });
+					e.preventDefault();
+					return;
 				}
-			}
 
-			if (node.nodeName === 'SPAN' && node.classList.contains('filename')) {
-				const file = exercise.scope.prefix + node.textContent;
-				dispatch('select', { file });
+				node = /** @type {HTMLElement | null} */ (node.parentNode);
 			}
 		}}
 	>
-		{@html exercise.html}
+		<!-- svelte-ignore a11y-click-events-have-key-events -->
+		<!-- svelte-ignore a11y-no-static-element-interactions -->
+		<div
+			on:click={(e) => {
+				const node = /** @type {HTMLElement} */ (e.target);
+
+				if (node.nodeName === 'CODE') {
+					const { file } = node.dataset;
+					if (file) {
+						dispatch('select', { file });
+					}
+				}
+
+				if (node.nodeName === 'SPAN' && node.classList.contains('filename')) {
+					const file = exercise.scope.prefix + node.textContent;
+					dispatch('select', { file });
+				}
+			}}
+		>
+			{@html exercise.html}
+		</div>
+
+		{#if exercise.next}
+			<p><a href="http://github.com/tutorial/%7Bexercise.next.slug%7D">Next: {exercise.next.title}</a></p>
+		{/if}
 	</div>
 
-	{#if exercise.next}
-		<p><a href="http://github.com/tutorial/%7Bexercise.next.slug%7D">Next: {exercise.next.title}</a></p>
-	{/if}
-</div>
-
-<footer>
-	<a
-		target="_blank"
-		rel="noreferrer"
-		class="edit"
-		href="https://github.com/sveltejs/learn.svelte.dev/tree/main/%7Bexercise.dir%7D"
-	>
-		Edit this page
-	</a>
-</footer>
+	<footer>
+		<a
+			target="_blank"
+			rel="noreferrer"
+			class="edit"
+			href="https://github.com/sveltejs/learn.svelte.dev/tree/main/%7Bexercise.dir%7D"
+		>
+			Edit this page
+		</a>
+	</footer>
+</section>
 
 {#if show_modal}
 	<Modal on:close={() => (show_modal = false)}>
@@ -113,9 +107,16 @@
 {/if}
 
 <style>
-	.text {
-		flex: 1 1;
+	section {
+		display: flex;
+		flex-direction: column;
+		flex: 1 1 auto;
+
 		overflow-y: auto;
+	}
+
+	.text {
+		flex: 1 1 auto;
 		padding: 2.2rem 3rem;
 		border-right: 1px solid var(--sk-back-4);
 		background: var(--sk-back-3);
@@ -152,7 +153,8 @@
 		background: rgba(255, 62, 0, 0.1);
 	}
 
-	.text :global([data-file]), .text :global(.filename) {
+	.text :global([data-file]),
+	.text :global(.filename) {
 		cursor: pointer;
 		background-image: url(http://github.com/$lib/icons/file-edit.svg);
 		background-repeat: no-repeat;
@@ -171,7 +173,8 @@
 	}
 
 	@media (prefers-color-scheme: dark) {
-		.text :global([data-file]), .text :global(.filename) {
+		.text :global([data-file]),
+		.text :global(.filename) {
 			background-image: url(http://github.com/$lib/icons/file-edit-inline-dark.svg);
 		}
 	}
@@ -181,7 +184,7 @@
 	}
 
 	footer {
-		padding: 1rem 3rem;
+		padding: 1rem 2.9rem;
 		display: flex;
 		justify-content: space-between;
 		background: var(--sk-back-3);
@@ -217,6 +220,12 @@
 		line-height: 1;
 	}
 
+	@media (max-width: 800px) {
+		.text {
+			border-right: none;
+		}
+	}
+
 	@media (min-width: 800px) {
 		.text :global(.mobile) {
 			display: none;
diff --git a/src/routes/tutorial/[slug]/adapter.js b/src/routes/tutorial/[slug]/adapter.js
index cca55d3ad..f133d4cc6 100644
--- a/src/routes/tutorial/[slug]/adapter.js
+++ b/src/routes/tutorial/[slug]/adapter.js
@@ -15,15 +15,28 @@ export const error = writable(null);
 /** @type {import('svelte/store').Writable<string[]>} */
 export const logs = writable([]);
 
-/** @type {import('svelte/store').Writable<Record<string, import('./state').CompilerWarning[]>>} */
+/** @type {import('svelte/store').Writable<Record<string, import('$lib/types').Warning[]>>} */
 export const warnings = writable({});
 
 /** @type {Promise<import('$lib/types').Adapter>} */
 let ready = new Promise(() => {});
 
+let initial_load = true;
+
 if (browser) {
+	load_webcontainer();
+	initial_load = false;
+}
+
+export function load_webcontainer() {
 	ready = new Promise(async (fulfil, reject) => {
 		try {
+			// TODO: remove this when webcontainers are properly supported on iOS
+			// see https://github.com/stackblitz/webcontainer-core/issues/1120
+			if (initial_load && /iphone/i.test(navigator.userAgent)) {
+				throw new Error('iOS does not support WebContainers');
+			}
+
 			const module = await import('$lib/client/adapters/webcontainer/index.js');
 			const adapter = await module.create(base, error, progress, logs, warnings);
 
diff --git a/src/routes/tutorial/[slug]/filetree/ContextMenu.svelte b/src/routes/tutorial/[slug]/filetree/ContextMenu.svelte
index d06288a65..5ebd23ac9 100644
--- a/src/routes/tutorial/[slug]/filetree/ContextMenu.svelte
+++ b/src/routes/tutorial/[slug]/filetree/ContextMenu.svelte
@@ -5,18 +5,14 @@
 	import { writable } from 'svelte/store';
 
 	/**
-	 * @typedef {{ icon: string; label: string; fn: () => void }} MenuItem
-	 */
-
-	/**
-	 * @type {import("svelte/store").Writable<{x: number; y: number; items: MenuItem[]} | null>}
+	 * @type {import("svelte/store").Writable<{x: number; y: number; items: import('$lib/types').MenuItem[]} | null>}
 	 */
 	let menu_items = writable(null);
 
 	/**
 	 * @param {number} x
 	 * @param {number} y
-	 * @param {MenuItem[]} items
+	 * @param {import('$lib/types').MenuItem[]} items
 	 */
 	export function open(x, y, items) {
 		if (items.length > 0) {
diff --git a/src/routes/tutorial/[slug]/filetree/File.svelte b/src/routes/tutorial/[slug]/filetree/File.svelte
index 6b65bf25b..e7652ae63 100644
--- a/src/routes/tutorial/[slug]/filetree/File.svelte
+++ b/src/routes/tutorial/[slug]/filetree/File.svelte
@@ -16,7 +16,7 @@
 
 	$: can_remove = !$solution[file.name];
 
-	/** @type {import('./ContextMenu.svelte').MenuItems} */
+	/** @type {import('$lib/types').MenuItem[]} */
 	$: actions = can_remove
 		? [
 				{
diff --git a/src/routes/tutorial/[slug]/filetree/Filetree.svelte b/src/routes/tutorial/[slug]/filetree/Filetree.svelte
index fa71de0aa..d432230cd 100644
--- a/src/routes/tutorial/[slug]/filetree/Filetree.svelte
+++ b/src/routes/tutorial/[slug]/filetree/Filetree.svelte
@@ -138,6 +138,7 @@
 	}
 </script>
 
+<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 <ul
 	class="filetree"
 	class:mobile
@@ -145,7 +146,7 @@
 		if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
 			e.preventDefault();
 			const lis = Array.from(e.currentTarget.querySelectorAll('li'));
-			const focused = lis.findIndex((li) => li.contains(e.target));
+			const focused = lis.findIndex((li) => li.contains(/** @type {HTMLElement} */ (e.target)));
 
 			const d = e.key === 'ArrowUp' ? -1 : +1;
 
diff --git a/src/routes/tutorial/[slug]/filetree/Folder.svelte b/src/routes/tutorial/[slug]/filetree/Folder.svelte
index c379eafe1..a1a8b1945 100644
--- a/src/routes/tutorial/[slug]/filetree/Folder.svelte
+++ b/src/routes/tutorial/[slug]/filetree/Folder.svelte
@@ -33,8 +33,11 @@
 		(child) => get_depth(child.name) === segments && child.type === 'directory'
 	);
 
-	$: child_files = /** @type {import('$lib/types').FileStub[]} */ (
-		children.filter((child) => get_depth(child.name) === segments && child.type === 'file')
+	// prettier-ignore
+	$: child_files = (
+		/** @type {import('$lib/types').FileStub[]} */ (
+			children.filter((child) => get_depth(child.name) === segments && child.type === 'file')
+		)
 	);
 
 	const can_create = { file: false, directory: false };
@@ -71,43 +74,45 @@
 	// fake root directory has no name
 	$: can_remove = directory.name ? !$solution[directory.name] : false;
 
-	/** @type {import('./ContextMenu.svelte').MenuItem[]} */
-	$: actions = [
-		can_create.file && {
-			icon: 'file-new',
-			label: 'New file',
-			fn: () => {
-				creating.set({
-					parent: directory.name,
-					type: 'file'
-				});
+	// prettier-ignore
+	$: actions = (
+		/** @type {import('$lib/types').MenuItem[]} */ ([
+			can_create.file && {
+				icon: 'file-new',
+				label: 'New file',
+				fn: () => {
+					creating.set({
+						parent: directory.name,
+						type: 'file'
+					});
+				}
+			},
+			can_create.directory && {
+				icon: 'folder-new',
+				label: 'New folder',
+				fn: () => {
+					creating.set({
+						parent: directory.name,
+						type: 'directory'
+					});
+				}
+			},
+			can_remove && {
+				icon: 'rename',
+				label: 'Rename',
+				fn: () => {
+					renaming = true;
+				}
+			},
+			can_remove && {
+				icon: 'delete',
+				label: 'Delete',
+				fn: () => {
+					remove(directory);
+				}
 			}
-		},
-		can_create.directory && {
-			icon: 'folder-new',
-			label: 'New folder',
-			fn: () => {
-				creating.set({
-					parent: directory.name,
-					type: 'directory'
-				});
-			}
-		},
-		can_remove && {
-			icon: 'rename',
-			label: 'Rename',
-			fn: () => {
-				renaming = true;
-			}
-		},
-		can_remove && {
-			icon: 'delete',
-			label: 'Delete',
-			fn: () => {
-				remove(directory);
-			}
-		}
-	].filter(Boolean);
+		].filter(Boolean))
+	);
 </script>
 
 <Item
diff --git a/src/routes/tutorial/[slug]/filetree/Item.svelte b/src/routes/tutorial/[slug]/filetree/Item.svelte
index a9f51bfc9..980bc17c4 100644
--- a/src/routes/tutorial/[slug]/filetree/Item.svelte
+++ b/src/routes/tutorial/[slug]/filetree/Item.svelte
@@ -14,7 +14,7 @@
 	/** @type {boolean} */
 	export let renaming;
 
-	/** @type {import('./ContextMenu.svelte').MenuItem[]} */
+	/** @type {import('$lib/types').MenuItem[]} */
 	export let actions = [];
 
 	const dispatch = createEventDispatcher();
@@ -39,6 +39,7 @@
 	}
 </script>
 
+<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 <li
 	aria-current={selected ? 'true' : undefined}
 	style="--depth: {depth}; --icon: url('http://github.com/%7Bicon%7D');"
@@ -86,7 +87,7 @@
 		{#if actions.length > 0}
 			<div class="actions">
 				{#each actions as action}
-					<button aria-label={action.label} class="icon {action.icon}" on:click={action.fn} />
+					<button aria-label={action.label} class="icon {action.icon}" on:click={action.fn}></button>
 				{/each}
 			</div>
 		{/if}
@@ -208,4 +209,4 @@
 	:global(.mobile-filetree) [aria-current='true']::after {
 		display: none;
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/routes/tutorial/[slug]/state.js b/src/routes/tutorial/[slug]/state.js
index 629a4d863..e321c3892 100644
--- a/src/routes/tutorial/[slug]/state.js
+++ b/src/routes/tutorial/[slug]/state.js
@@ -6,19 +6,6 @@ import * as adapter from './adapter.js';
  * @typedef {import('svelte/store').Writable<T>} Writable<T>
  */
 
-// TODO would be nice if svelte exported this type (maybe it does already?)
-/**
- * @typedef {{
- *   code: string;
- *   start: { line: number, column: number, character: number };
- *   end: { line: number, column: number, character: number };
- *   pos: number;
- *   filename: string;
- *   frame: string;
- *   message: string;
- * }} CompilerWarning
- */
-
 /** @type {Writable<import('$lib/types').Stub[]>} */
 export const files = writable([]);
 
@@ -98,4 +85,4 @@ export function create_directories(name, files) {
 	}
 
 	return directories;
-}
\ No newline at end of file
+}
diff --git a/static/robots.txt b/static/robots.txt
new file mode 100644
index 000000000..eb0536286
--- /dev/null
+++ b/static/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Disallow:
diff --git a/svelte.config.js b/svelte.config.js
index 819cf63b7..3b4551d49 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -6,6 +6,10 @@ const config = {
 	kit: {
 		adapter: adapter({ runtime: 'edge' }),
 
+		prerender: {
+			concurrency: 4
+		},
+
 		version: {
 			name: child_process.execSync('git rev-parse HEAD').toString().trim()
 		}
diff --git a/tests/env_file.spec.ts b/tests/env_file.spec.ts
index 7177e40cf..7a546b29c 100644
--- a/tests/env_file.spec.ts
+++ b/tests/env_file.spec.ts
@@ -1,7 +1,18 @@
-import { expect, test } from '@playwright/test';
+import { expect, test, type Page } from '@playwright/test';
 
 const iframe_selector = 'iframe[src*="webcontainer.io/"]';
 
+async function disableAnimations(page: Page) {
+	await page.addStyleTag({
+		content: `
+      *, *::before, *::after {
+        animation-duration: 0s !important;
+        transition-duration: 0s !important;
+      }
+    `
+	});
+}
+
 test.describe.configure({ mode: 'parallel' });
 
 test('.env file: no timeout error occurs when switching a tutorials without a .env file to one with it', async ({
@@ -11,15 +22,18 @@ test('.env file: no timeout error occurs when switching a tutorials without a .e
 
 	await page.goto('/tutorial/welcome-to-svelte');
 
+	// disable animations to prevent flakiness
+	await disableAnimations(page);
+
 	const iframe_locator = page.frameLocator(iframe_selector);
 
 	// wait for the iframe to load
 	await iframe_locator.getByText('Welcome!').waitFor();
 
 	// switch to another tutorial with a .env file
-	await page.click('header > h1', { delay: 200 });
-	await page.locator('button', { hasText: 'Part 4: Advanced SvelteKit' }).click({ delay: 200 });
-	await page.locator('button', { hasText: 'Environment variables' }).click({ delay: 200 });
+	await page.click('header > button > h1', { delay: 200 });
+	await page.getByRole('button', { name: 'Part 4: Advanced SvelteKit' }).click({ delay: 200 });
+	await page.getByRole('button', { name: 'Environment variables' }).click({ delay: 200 });
 	await page.locator('a', { hasText: '$env/static/private' }).click({ delay: 200 });
 
 	// wait for the iframe to load
@@ -41,15 +55,18 @@ test('.env file: environment variables are available when switching a tutorial w
 
 	await page.goto('/tutorial/welcome-to-svelte');
 
+	// disable animations to prevent flakiness
+	await disableAnimations(page);
+
 	const iframe_locator = page.frameLocator(iframe_selector);
 
 	// wait for the iframe to load
 	await iframe_locator.getByText('Welcome!').waitFor();
 
 	// switch to another tutorial with a .env file
-	await page.click('header > h1', { delay: 200 });
-	await page.locator('button', { hasText: 'Part 4: Advanced SvelteKit' }).click({ delay: 200 });
-	await page.locator('button', { hasText: 'Environment variables' }).click({ delay: 200 });
+	await page.click('header > button > h1', { delay: 200 });
+	await page.getByRole('button', { name: 'Part 4: Advanced SvelteKit' }).click({ delay: 200 });
+	await page.getByRole('button', { name: 'Environment variables' }).click({ delay: 200 });
 	await page.locator('a', { hasText: '$env/dynamic/private' }).click({ delay: 200 });
 
 	// wait for the iframe to load
diff --git a/vercel.json b/vercel.json
new file mode 100644
index 000000000..fb6340954
--- /dev/null
+++ b/vercel.json
@@ -0,0 +1,22 @@
+{
+	"$schema": "https://openapi.vercel.sh/vercel.json",
+	"headers": [
+		{
+			"source": "_app/immutable/workers/(.*)",
+			"headers": [
+				{
+					"key": "cross-origin-opener-policy",
+					"value": "same-origin"
+				},
+				{
+					"key": "cross-origin-embedder-policy",
+					"value": "require-corp"
+				},
+				{
+					"key": "cross-origin-resource-policy",
+					"value": "cross-origin"
+				}
+			]
+		}
+	]
+}
diff --git a/vite.config.js b/vite.config.js
index 1a3c3386d..bf5e4e7dc 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,14 +1,23 @@
-import path from 'path';
 import { sveltekit } from '@sveltejs/kit/vite';
+import browserslist from 'browserslist';
+import { browserslistToTargets } from 'lightningcss';
+import path from 'node:path';
 
 /** @type {import('vite').UserConfig} */
 export default {
+	logLevel: 'info',
+
+	css: {
+		transformer: 'lightningcss',
+		lightningcss: {
+			targets: browserslistToTargets(browserslist(['>0.2%', 'not dead']))
+		}
+	},
 	build: {
-		target: 'esnext'
+		target: 'esnext',
+		cssMinify: 'lightningcss'
 	},
 
-	logLevel: 'info',
-
 	plugins: [
 		// apply cross-origin isolation headers when previewing locally
 		{
@@ -28,10 +37,16 @@ export default {
 
 	server: {
 		fs: {
-			allow: [path.resolve('.apps')]
+			allow: [path.resolve('.apps')],
+			strict: false
 		},
 		watch: {
 			ignored: ['**/.apps/**']
+		},
+		headers: {
+			'cross-origin-opener-policy': 'same-origin',
+			'cross-origin-embedder-policy': 'require-corp',
+			'cross-origin-resource-policy': 'cross-origin'
 		}
 	},