diff --git a/package-lock.json b/package-lock.json
index 2d99cb8..d1c1b35 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22,7 +22,7 @@
                 "react": "^18.2.0",
                 "react-dom": "^18.2.0",
                 "solid-js": "^1.8.3",
-                "svelte": "^3.57.0",
+                "svelte": "^4.2.19",
                 "tailwindcss": "^3.2.7"
             },
             "devDependencies": {
@@ -1560,6 +1560,14 @@
             "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
             "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
         },
+        "node_modules/aria-query": {
+            "version": "5.3.0",
+            "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
+            "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
+            "dependencies": {
+                "dequal": "^2.0.3"
+            }
+        },
         "node_modules/array-iterate": {
             "version": "2.0.1",
             "resolved": "https://registry.npmjs.org/array-iterate/-/array-iterate-2.0.1.tgz",
@@ -1710,6 +1718,14 @@
                 "postcss": "^8.1.0"
             }
         },
+        "node_modules/axobject-query": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
+            "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
+            "engines": {
+                "node": ">= 0.4"
+            }
+        },
         "node_modules/b4a": {
             "version": "1.6.4",
             "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.6.4.tgz",
@@ -2122,6 +2138,18 @@
                 "node": ">=6"
             }
         },
+        "node_modules/code-red": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/code-red/-/code-red-1.0.4.tgz",
+            "integrity": "sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==",
+            "dependencies": {
+                "@jridgewell/sourcemap-codec": "^1.4.15",
+                "@types/estree": "^1.0.1",
+                "acorn": "^8.10.0",
+                "estree-walker": "^3.0.3",
+                "periscopic": "^3.1.0"
+            }
+        },
         "node_modules/color": {
             "version": "4.2.3",
             "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
@@ -2234,6 +2262,18 @@
                 "fastparse": "^1.1.2"
             }
         },
+        "node_modules/css-tree": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
+            "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
+            "dependencies": {
+                "mdn-data": "2.0.30",
+                "source-map-js": "^1.0.1"
+            },
+            "engines": {
+                "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+            }
+        },
         "node_modules/cssesc": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -3205,6 +3245,14 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
+        "node_modules/is-reference": {
+            "version": "3.0.2",
+            "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.2.tgz",
+            "integrity": "sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==",
+            "dependencies": {
+                "@types/estree": "*"
+            }
+        },
         "node_modules/is-stream": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-3.0.0.tgz",
@@ -3382,6 +3430,11 @@
                 "node": ">=4"
             }
         },
+        "node_modules/locate-character": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz",
+            "integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA=="
+        },
         "node_modules/locate-path": {
             "version": "6.0.0",
             "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
@@ -3843,6 +3896,11 @@
                 "@types/unist": "^2"
             }
         },
+        "node_modules/mdn-data": {
+            "version": "2.0.30",
+            "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
+            "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA=="
+        },
         "node_modules/merge-anything": {
             "version": "5.1.7",
             "resolved": "https://registry.npmjs.org/merge-anything/-/merge-anything-5.1.7.tgz",
@@ -4859,6 +4917,16 @@
             "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-6.2.1.tgz",
             "integrity": "sha512-JLyh7xT1kizaEvcaXOQwOc2/Yhw6KZOvPf1S8401UyLk86CU79LN3vl7ztXGm/pZ+YjoyAJ4rxmHwbkBXJX+yw=="
         },
+        "node_modules/periscopic": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/periscopic/-/periscopic-3.1.0.tgz",
+            "integrity": "sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==",
+            "dependencies": {
+                "@types/estree": "^1.0.0",
+                "estree-walker": "^3.0.0",
+                "is-reference": "^3.0.0"
+            }
+        },
         "node_modules/picocolors": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@@ -6514,11 +6582,27 @@
             }
         },
         "node_modules/svelte": {
-            "version": "3.59.2",
-            "resolved": "https://registry.npmjs.org/svelte/-/svelte-3.59.2.tgz",
-            "integrity": "sha512-vzSyuGr3eEoAtT/A6bmajosJZIUWySzY2CzB3w2pgPvnkUjGqlDnsNnA0PMO+mMAhuyMul6C2uuZzY6ELSkzyA==",
+            "version": "4.2.19",
+            "resolved": "https://registry.npmjs.org/svelte/-/svelte-4.2.19.tgz",
+            "integrity": "sha512-IY1rnGr6izd10B0A8LqsBfmlT5OILVuZ7XsI0vdGPEvuonFV7NYEUK4dAkm9Zg2q0Um92kYjTpS1CAP3Nh/KWw==",
+            "dependencies": {
+                "@ampproject/remapping": "^2.2.1",
+                "@jridgewell/sourcemap-codec": "^1.4.15",
+                "@jridgewell/trace-mapping": "^0.3.18",
+                "@types/estree": "^1.0.1",
+                "acorn": "^8.9.0",
+                "aria-query": "^5.3.0",
+                "axobject-query": "^4.0.0",
+                "code-red": "^1.0.3",
+                "css-tree": "^2.3.1",
+                "estree-walker": "^3.0.3",
+                "is-reference": "^3.0.1",
+                "locate-character": "^3.0.0",
+                "magic-string": "^0.30.4",
+                "periscopic": "^3.1.0"
+            },
             "engines": {
-                "node": ">= 8"
+                "node": ">=16"
             }
         },
         "node_modules/svelte-hmr": {
diff --git a/package.json b/package.json
index 1d1db44..147c449 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "solid-js": "^1.8.3",
-        "svelte": "^3.57.0",
+        "svelte": "^4.2.19",
         "tailwindcss": "^3.2.7"
     },
     "devDependencies": {