diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 7b52141..cec8847 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -13,7 +13,7 @@ jobs:
   test:
     runs-on: ubuntu-latest
     container:
-      image: mcr.microsoft.com/playwright:v1.59.1-noble
+      image: mcr.microsoft.com/playwright:v1.60.0-noble
     services:
       db:
         image: postgres:15
diff --git a/messages/en.json b/messages/en.json
index 213407b..7910b08 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -1,6 +1,7 @@
 {
   "$schema": "https://inlang.com/schema/inlang-message-format",
   "navigation": {
+    "navigation": "Navigation",
     "home": "Home",
     "about": "About",
     "events": "Events",
diff --git a/messages/fi.json b/messages/fi.json
index 439d120..40ef7eb 100644
--- a/messages/fi.json
+++ b/messages/fi.json
@@ -1,6 +1,7 @@
 {
   "$schema": "https://inlang.com/schema/inlang-message-format",
   "navigation": {
+    "navigation": "Navigointi",
     "home": "Etusivu",
     "about": "Toiminta / Info",
     "events": "Tapahtumat",
diff --git a/messages/lt.json b/messages/lt.json
index b62d0d4..36e94d4 100644
--- a/messages/lt.json
+++ b/messages/lt.json
@@ -1,6 +1,7 @@
 {
   "$schema": "https://inlang.com/schema/inlang-message-format",
   "navigation": {
+    "navigation": "Meniu",
     "home": "Pagrindinis",
     "about": "Veikla / Info",
     "events": "Renginiai",
diff --git a/package-lock.json b/package-lock.json
index 3bdceda..48236e3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,7 +11,7 @@
         "@fontsource/courier-prime": "^5.2.8",
         "@friendofsvelte/toggle": "^0.0.4-svelte.5",
         "@inlang/paraglide-js": "^2.18.0",
-        "@lucide/svelte": "^1.14.0",
+        "@lucide/svelte": "^1.16.0",
         "@node-rs/argon2": "^2.0.2",
         "@oslojs/crypto": "^1.0.1",
         "@oslojs/encoding": "^1.1.0",
@@ -35,27 +35,27 @@
         "@eslint/js": "^10.0.1",
         "@fontsource/fira-mono": "^5.2.7",
         "@neoconfetti/svelte": "^2.2.2",
-        "@playwright/test": "^1.59.1",
+        "@playwright/test": "^1.60.0",
         "@sveltejs/adapter-auto": "^7.0.1",
         "@sveltejs/adapter-node": "^5.5.4",
-        "@sveltejs/kit": "^2.59.1",
+        "@sveltejs/kit": "^2.60.1",
         "@sveltejs/vite-plugin-svelte": "^7.1.2",
-        "@types/node": "^25.6.2",
+        "@types/node": "^25.8.0",
         "@types/rss": "^0.0.32",
         "@types/validator": "^13.15.10",
         "date-picker-svelte": "^2.17.0",
         "drizzle-kit": "^0.31.10",
-        "eslint": "^10.3.0",
+        "eslint": "^10.4.0",
         "eslint-config-prettier": "^10.1.8",
         "eslint-plugin-svelte": "^3.17.1",
         "globals": "^17.6.0",
         "prettier": "^3.8.3",
-        "prettier-plugin-svelte": "^3.5.1",
-        "svelte": "^5.55.5",
+        "prettier-plugin-svelte": "^3.5.2",
+        "svelte": "^5.55.7",
         "svelte-check": "^4.4.8",
         "typescript": "^6.0.3",
-        "typescript-eslint": "^8.59.2",
-        "vite": "^8.0.11"
+        "typescript-eslint": "^8.59.3",
+        "vite": "^8.0.13"
       }
     },
     "node_modules/@drizzle-team/brocli": {
@@ -611,9 +611,9 @@
       }
     },
     "node_modules/@eslint/config-helpers": {
-      "version": "0.5.5",
-      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.5.5.tgz",
-      "integrity": "sha512-eIJYKTCECbP/nsKaaruF6LW967mtbQbsw4JTtSVkUQc9MneSkbrgPJAbKl9nWr0ZeowV8BfsarBmPpBzGelA2w==",
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.6.0.tgz",
+      "integrity": "sha512-ii6Bw9jJ2zi2cWA2Z+9/QZ/+3DX6kwaV5Q986D/CdP3Lap3w/pgQZ373FV7byY/i7L4IRH/G43I5dz1ClsCbpA==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -893,9 +893,9 @@
       "license": "Apache-2.0"
     },
     "node_modules/@lucide/svelte": {
-      "version": "1.14.0",
-      "resolved": "https://registry.npmjs.org/@lucide/svelte/-/svelte-1.14.0.tgz",
-      "integrity": "sha512-MVuP5VRCBQa2OaIpaRbuEV4k5OV2dy9MyxA6Tf4Sz/IN0v3zzUU72ObHc9r2Zn/wSMXDg6lLrHrczqI7w7gCzQ==",
+      "version": "1.16.0",
+      "resolved": "https://registry.npmjs.org/@lucide/svelte/-/svelte-1.16.0.tgz",
+      "integrity": "sha512-AvvPJnaWxeiNkAljI5MsSEc84yHPLMaWQIAJOcbX7k9au/f9ITS7cxTTQiautDiOFKVOXiYdZ+d6mtl88J+Kbg==",
       "license": "ISC",
       "peerDependencies": {
         "svelte": "^5"
@@ -1204,9 +1204,9 @@
       "license": "MIT"
     },
     "node_modules/@oxc-project/types": {
-      "version": "0.128.0",
-      "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.128.0.tgz",
-      "integrity": "sha512-huv1Y/LzBJkBVHt3OlC7u0zHBW9qXf1FdD7sGmc1rXc2P1mTwHssYv7jyGx5KAACSCH+9B3Bhn6Z9luHRvf7pQ==",
+      "version": "0.130.0",
+      "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.130.0.tgz",
+      "integrity": "sha512-ibD2usx9JRu7f5pu2tMKMI4cpA4NgXJQoYRP4pQ7Pxmn1l6k/53qWtQWZayhYy3X4QZkt90Ot+mJEaeXouio6Q==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -1214,13 +1214,13 @@
       }
     },
     "node_modules/@playwright/test": {
-      "version": "1.59.1",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.59.1.tgz",
-      "integrity": "sha512-PG6q63nQg5c9rIi4/Z5lR5IVF7yU5MqmKaPOe0HSc0O2cX1fPi96sUQu5j7eo4gKCkB2AnNGoWt7y4/Xx3Kcqg==",
+      "version": "1.60.0",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.60.0.tgz",
+      "integrity": "sha512-O71yZIbAh/PxDMNGns37GHBIfrVkEVyn+AXyIa5dOTfb4/xNvRWV+Vv/NMbNCtODB/pO7vLlF2OTmMVLhmr7Ag==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "playwright": "1.59.1"
+        "playwright": "1.60.0"
       },
       "bin": {
         "playwright": "cli.js"
@@ -1237,9 +1237,9 @@
       "license": "MIT"
     },
     "node_modules/@rolldown/binding-android-arm64": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-rc.18.tgz",
-      "integrity": "sha512-lIDyUAfD7U3+BWKzdxMbJcsYHuqXqmGz40aeRqvuAm3y5TkJSYTBW2RDrn65DJFPQqVjUAUqq5uz8urzQ8aBdQ==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.1.tgz",
+      "integrity": "sha512-fJI3I0r3C3Oj/zdBCpaCmBRZYf07xpaq4yCfDDoSFm+beWNzbIl26puW8RraUdugoJw/95zerNOn6jasAhzSmg==",
       "cpu": [
         "arm64"
       ],
@@ -1254,9 +1254,9 @@
       }
     },
     "node_modules/@rolldown/binding-darwin-arm64": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-rc.18.tgz",
-      "integrity": "sha512-apJq2ktnGp27nSInMR5Vcj8kY6xJzDAvfdIFlpDcAK/w4cDO58qVoi1YQsES/SKiFNge/6e4CUzgjfHduYqWpQ==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.1.tgz",
+      "integrity": "sha512-cKnAhWEsV7TPcA/5EAteDp6KcJZBQ2G+BqE7zayMMi7kMvwRsbv7WT9aOnn0WNl4SKEIf43vjS31iUPu80nzXg==",
       "cpu": [
         "arm64"
       ],
@@ -1271,9 +1271,9 @@
       }
     },
     "node_modules/@rolldown/binding-darwin-x64": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0-rc.18.tgz",
-      "integrity": "sha512-5Ofot8xbs+pxRHJqm9/9N/4sTQOvdrwEsmPE9pdLEEoAbdZtG6F2LMDfO1sp6ZAtXJuJV/21ew2srq3W8NXB5g==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.1.tgz",
+      "integrity": "sha512-YKrVwQjIRBPo+5G/u03wGjbdy4q7pyzCe93DK9VJ7zkVmeg8LJ7GbgsiHWdR4xSoe4CAXRD7Bcjgbtr64bkXNg==",
       "cpu": [
         "x64"
       ],
@@ -1288,9 +1288,9 @@
       }
     },
     "node_modules/@rolldown/binding-freebsd-x64": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0-rc.18.tgz",
-      "integrity": "sha512-7h8eeOTT1eyqJyx64BFCnWZpNm486hGWt2sqeLLgDxA0xI1oGZ9H7gK1S85uNGmBhkdPwa/6reTxfFFKvIsebw==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.1.tgz",
+      "integrity": "sha512-z/oBsREo46SsFqBwYtFe0kpJeBijAT48O/WXLI4suiCLBkr03RTtTJMCzSdDd2znlh8VJizL09XVkQgk8IZonw==",
       "cpu": [
         "x64"
       ],
@@ -1305,9 +1305,9 @@
       }
     },
     "node_modules/@rolldown/binding-linux-arm-gnueabihf": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0-rc.18.tgz",
-      "integrity": "sha512-eRcm/HVt9U/JFu5RKAEKwGQYtDCKWLiaH6wOnsSEp6NMBb/3Os8LgHZlNyzMpFVNmiiMFlfb2zEnebfzJrHFmg==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.1.tgz",
+      "integrity": "sha512-ik8q7GM11zxvYxFc2PeDcT6TBvhCQMaUxfph/M5l9sKuTs/Sjg3L+Byw0F7w0ZVLBZmx30P+gG0ECzzN+MFcmQ==",
       "cpu": [
         "arm"
       ],
@@ -1322,9 +1322,9 @@
       }
     },
     "node_modules/@rolldown/binding-linux-arm64-gnu": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0-rc.18.tgz",
-      "integrity": "sha512-SOrT/cT4ukTmgnrEz/Hg3m7LBnuCLW9psDeMKrimRWY4I8DmnO7Lco8W2vtqPmMkbVu8iJ+g4GFLVLLOVjJ9DQ==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.1.tgz",
+      "integrity": "sha512-QoSx2EkyrrdZ6kcyE8stqZ62t0Yra8Fs5ia9lOxJrh6TMQJK7gQKmscdTHf7pOXKREKrVwOtJcQG3qVSfc866A==",
       "cpu": [
         "arm64"
       ],
@@ -1342,9 +1342,9 @@
       }
     },
     "node_modules/@rolldown/binding-linux-arm64-musl": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0-rc.18.tgz",
-      "integrity": "sha512-QWjdxN1HJCpBTAcZ5N5F7wju3gVPzRzSpmGzx7na0c/1qpN9CFil+xt+l9lV/1M6/gqHSNXCiqPfwhVJPeLnug==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.1.tgz",
+      "integrity": "sha512-uwNwFpwKeNiZawfAWBgg0VIztPTV3ihhh1vV334h9ivnNLorxnQMU6Fz8wG1Zb4Qh9LC1/MkcyT3YlDXG3Rsgg==",
       "cpu": [
         "arm64"
       ],
@@ -1362,9 +1362,9 @@
       }
     },
     "node_modules/@rolldown/binding-linux-ppc64-gnu": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.0-rc.18.tgz",
-      "integrity": "sha512-ugCOyj7a4d9h3q9B+wXmf6g3a68UsjGh6dob5DHevHGMwDUbhsYNbSPxJsENcIttJZ9jv7qGM2UesLw5jqIhdg==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.1.tgz",
+      "integrity": "sha512-zY1bul7OWr7DFBiJ++wofXvnr8B45ce3QsQUhKrIhXsygAh7bTkwyeM1bi1a2g5C/yC/N8TZyGDEoMfm/l9mpg==",
       "cpu": [
         "ppc64"
       ],
@@ -1382,9 +1382,9 @@
       }
     },
     "node_modules/@rolldown/binding-linux-s390x-gnu": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.0-rc.18.tgz",
-      "integrity": "sha512-kKWRhbsotpXkGbcd5dllUWg5gEXcDAa8u5YnP9AV5DYNbvJHGzzuwv7dpmhc8NqKMJldl0a+x76IHbspEpEmdA==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.1.tgz",
+      "integrity": "sha512-0frlsT/f4Ft6I7SMESTKnF3cZsdicQn1dCMkF/jT9wDLE+gGoiQfv1nmT9e+s7s/fekvvy6tZM2jHvI2tkbJDQ==",
       "cpu": [
         "s390x"
       ],
@@ -1402,9 +1402,9 @@
       }
     },
     "node_modules/@rolldown/binding-linux-x64-gnu": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0-rc.18.tgz",
-      "integrity": "sha512-uCo8ElcCIAMyYAZyuIZ81oFkhTSIllNvUCHCAlbhlN4ji3uC28h7IIdlXyIvGO7HsuqnV9p3rD/bpH7XhIyhRw==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.1.tgz",
+      "integrity": "sha512-XABVmGp9Tg0WspTVvwduTc4fpqy6JnAUrSQe6OuyqD/03nI7r0O9OWUkMIwFrjKAIqolvqoA4ZrJppgwE0Gxmw==",
       "cpu": [
         "x64"
       ],
@@ -1422,9 +1422,9 @@
       }
     },
     "node_modules/@rolldown/binding-linux-x64-musl": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0-rc.18.tgz",
-      "integrity": "sha512-XNOQZtuE6yUIvx4rwGemwh8kpL1xvU41FXy/s9K7T/3JVcqGzo3NfKM2HrbrGgfPYGFW42f07Wk++aOC6B9NWA==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.1.tgz",
+      "integrity": "sha512-bV4fzswuzVcKD90o/VM6QqKxnxlDq0g2BISDLNVmxrnhpv1DDbyPhCIjYfvzYLV+MvkKKnQt2Q6AO86SEBULUQ==",
       "cpu": [
         "x64"
       ],
@@ -1442,9 +1442,9 @@
       }
     },
     "node_modules/@rolldown/binding-openharmony-arm64": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0-rc.18.tgz",
-      "integrity": "sha512-tSn/kzrfa7tNOXr7sEacDBN4YsIqTyLqh45IO0nHDwtpKIDNDJr+VFojt+4klSpChxB29JLyduSsE0MKEwa65A==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.1.tgz",
+      "integrity": "sha512-/Mh0Zhq3OP7fVs0kcQHZP6lZEthMGTaSf8UBQYSFEZDWGXXlEC+nJ6EqenaK2t4LBXMe3A+K/G2BVXXdtOr4PQ==",
       "cpu": [
         "arm64"
       ],
@@ -1459,9 +1459,9 @@
       }
     },
     "node_modules/@rolldown/binding-wasm32-wasi": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0-rc.18.tgz",
-      "integrity": "sha512-+J9YGmc+czgqlhYmwun3S3O0FIZhsH8ep2456xwjAdIOmuJxM7xz4P4PtrxU+Bz17a/5bqPA8o3HAAoX0teUdg==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.1.tgz",
+      "integrity": "sha512-+1xc9X45l8ufsBAm6Gjvx2qDRIY9lTVt0cgWNcJ+1gdhXvkbxePA60yRTwSTuXL09CMhyJmjpV7E3NoyxbqFQQ==",
       "cpu": [
         "wasm32"
       ],
@@ -1508,9 +1508,9 @@
       }
     },
     "node_modules/@rolldown/binding-win32-arm64-msvc": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0-rc.18.tgz",
-      "integrity": "sha512-zsu47DgU0FQzSwi6sU9dZoEdUv7pc1AptSEz/Z8HBg54sV0Pbs3N0+CrIbTsgiu6EyoaNN9CHboqbLaz9lhOyQ==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.1.tgz",
+      "integrity": "sha512-1D+UqZdfnuR+Jy1GgMJwi85bD40H21uNmOPRWQhw4oRSuolZ/B5rixZ45DK2KXOTCvmVCecauWgEhbw8bI7tOw==",
       "cpu": [
         "arm64"
       ],
@@ -1525,9 +1525,9 @@
       }
     },
     "node_modules/@rolldown/binding-win32-x64-msvc": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-rc.18.tgz",
-      "integrity": "sha512-7H+3yqGgmnlDTRRhw/xpYY9J1kf4GC681nVc4GqKhExZTDrVVrV2tsOR9kso0fvgBdcTCcQShx4SLLoHgaLwhg==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.1.tgz",
+      "integrity": "sha512-INAycaWuhlOK3wk4mRHGsdgwYWmd9cChdPdE9bwWmy6rn9VqVNYNFGhOdXrofXUxwHIncSiPNb8tNm8knDVIeQ==",
       "cpu": [
         "x64"
       ],
@@ -1542,9 +1542,9 @@
       }
     },
     "node_modules/@rolldown/pluginutils": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.18.tgz",
-      "integrity": "sha512-CUY5Mnhe64xQBGZEEXQ5WyZwsc1JU3vAZLIxtrsBt3LO6UOb+C8GunVKqe9sT8NeWb4lqSaoJtp2xo6GxT1MNw==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.1.tgz",
+      "integrity": "sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==",
       "dev": true,
       "license": "MIT"
     },
@@ -2101,9 +2101,9 @@
       }
     },
     "node_modules/@sveltejs/kit": {
-      "version": "2.59.1",
-      "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-2.59.1.tgz",
-      "integrity": "sha512-d8OON70AphLdDesuTIl//M2O6fRTIicX8aYv8vhCiYEhTTI2OboKqey0Hu1A4VFhqwgqtq0vKDmPFGkw8kKmgw==",
+      "version": "2.60.1",
+      "resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-2.60.1.tgz",
+      "integrity": "sha512-mQjlkNo+rJvpln7V2IGY2j99BqhcFbS4UN0AQNKNYfhBAFZTuCDAdW3a1sgf330mvtNvsBXn3HpAhcmvdJTcIQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2112,7 +2112,7 @@
         "@types/cookie": "^0.6.0",
         "acorn": "^8.14.1",
         "cookie": "^0.6.0",
-        "devalue": "^5.6.4",
+        "devalue": "^5.8.1",
         "esm-env": "^1.2.2",
         "kleur": "^4.1.5",
         "magic-string": "^0.30.5",
@@ -2233,13 +2233,13 @@
       "license": "MIT"
     },
     "node_modules/@types/node": {
-      "version": "25.6.2",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-25.6.2.tgz",
-      "integrity": "sha512-sokuT28dxf9JT5Kady1fsXOvI4HVpjZa95NKT5y9PNTIrs2AsobR4GFAA90ZG8M+nxVRLysCXsVj6eGC7Vbrlw==",
+      "version": "25.8.0",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-25.8.0.tgz",
+      "integrity": "sha512-TCFSk8IZh+iLX1xtksoBVtdmgL+1IX0fC9BeU4QqFSuNdN/K+HUlhqOzEmSYYpZUVsLYcPqc9KX+60iDuninSQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "undici-types": "~7.19.0"
+        "undici-types": ">=7.24.0 <7.24.7"
       }
     },
     "node_modules/@types/resolve": {
@@ -2276,17 +2276,17 @@
       "license": "MIT"
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.59.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.59.2.tgz",
-      "integrity": "sha512-j/bwmkBvHUtPNxzuWe5z6BEk3q54YRyGlBXkSsmfoih7zNrBvl5A9A98anlp/7JbyZcWIJ8KXo/3Tq/DjFLtuQ==",
+      "version": "8.59.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.59.3.tgz",
+      "integrity": "sha512-PwFvSKsXGShKGW6n5bZOhGHEcCZXM8HofLK9fNsEwZXzFRjoY+XT1Vsf1zgyXdwTr0ZYz1/2tkZ0DBTT9jZjhw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/regexpp": "^4.12.2",
-        "@typescript-eslint/scope-manager": "8.59.2",
-        "@typescript-eslint/type-utils": "8.59.2",
-        "@typescript-eslint/utils": "8.59.2",
-        "@typescript-eslint/visitor-keys": "8.59.2",
+        "@typescript-eslint/scope-manager": "8.59.3",
+        "@typescript-eslint/type-utils": "8.59.3",
+        "@typescript-eslint/utils": "8.59.3",
+        "@typescript-eslint/visitor-keys": "8.59.3",
         "ignore": "^7.0.5",
         "natural-compare": "^1.4.0",
         "ts-api-utils": "^2.5.0"
@@ -2299,7 +2299,7 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "@typescript-eslint/parser": "^8.59.2",
+        "@typescript-eslint/parser": "^8.59.3",
         "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
         "typescript": ">=4.8.4 <6.1.0"
       }
@@ -2315,16 +2315,16 @@
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "8.59.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.59.2.tgz",
-      "integrity": "sha512-plR3pp6D+SSUn1HM7xvSkx12/DhoHInI2YF35KAcVFNZvlC0gtrWqx7Qq1oH2Ssgi0vlFRCTbP+DZc7B9+TtsQ==",
+      "version": "8.59.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.59.3.tgz",
+      "integrity": "sha512-HPwA+hVkfcriajbNvTmZv4VRauibay+cWArYUYq7u7W7PmGShMxbPxLvrwDme55a6d5alG3nrYfhyJ/G28XlLg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.59.2",
-        "@typescript-eslint/types": "8.59.2",
-        "@typescript-eslint/typescript-estree": "8.59.2",
-        "@typescript-eslint/visitor-keys": "8.59.2",
+        "@typescript-eslint/scope-manager": "8.59.3",
+        "@typescript-eslint/types": "8.59.3",
+        "@typescript-eslint/typescript-estree": "8.59.3",
+        "@typescript-eslint/visitor-keys": "8.59.3",
         "debug": "^4.4.3"
       },
       "engines": {
@@ -2340,14 +2340,14 @@
       }
     },
     "node_modules/@typescript-eslint/project-service": {
-      "version": "8.59.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.59.2.tgz",
-      "integrity": "sha512-+2hqvEkeyf/0FBor67duF0Ll7Ot8jyKzDQOSrxazF/danillRq2DwR9dLptsXpoZQqxE1UisSmoZewrlPas9Vw==",
+      "version": "8.59.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.59.3.tgz",
+      "integrity": "sha512-ECiUWa/KYRGDFUqTNehaRgzDshnJfkTABJxVemHk4ko22gcr0ukloKjWvyQ64g8YCV/UI47kN1dbmjf/GaQYng==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/tsconfig-utils": "^8.59.2",
-        "@typescript-eslint/types": "^8.59.2",
+        "@typescript-eslint/tsconfig-utils": "^8.59.3",
+        "@typescript-eslint/types": "^8.59.3",
         "debug": "^4.4.3"
       },
       "engines": {
@@ -2362,14 +2362,14 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.59.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.59.2.tgz",
-      "integrity": "sha512-JzfyEpEtOU89CcFSwyNS3mu4MLvLSXqnmX05+aKBDM+TdR5jzcGOEBwxwGNxrEQ7p/z6kK2WyioCGBf2zZBnvg==",
+      "version": "8.59.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.59.3.tgz",
+      "integrity": "sha512-t2LvZnoEfzKtnPjgeEu41xw5gxq9mQVfYy4OoZ4Vlt0sk3JwxmhCca/AR7DwOiHrjWgjAj6as4AhRLKSDfvZIA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.59.2",
-        "@typescript-eslint/visitor-keys": "8.59.2"
+        "@typescript-eslint/types": "8.59.3",
+        "@typescript-eslint/visitor-keys": "8.59.3"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -2380,9 +2380,9 @@
       }
     },
     "node_modules/@typescript-eslint/tsconfig-utils": {
-      "version": "8.59.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.59.2.tgz",
-      "integrity": "sha512-BKK4alN7oi4C/zv4VqHQ+uRU+lTa6JGIZ7s1juw7b3RHo9OfKB+bKX3u0iVZetdsUCBBkSbdWbarJbmN0fTeSw==",
+      "version": "8.59.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.59.3.tgz",
+      "integrity": "sha512-PcIJHjmaREXLgIAIzLnSY9VucEzz8FKXsRgFa1DmdGCK/5tJpW03TKJF01Q6VZd1lLdz2sIKPWaDUZN9dp//dw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2397,15 +2397,15 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.59.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.59.2.tgz",
-      "integrity": "sha512-nhqaj1nmTdVVl/BP5omXNRGO38jn5iosis2vbdmupF2txCf8ylWT8lx+JlvMYYVqzGVKtjojUFoQ3JRWK+mfzQ==",
+      "version": "8.59.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.59.3.tgz",
+      "integrity": "sha512-g71d8QD8UaiHGvrJwyIS1hCX5r63w6Jll+4VEYhEAHXTDIqX1JgxhTAbEHtKntL9kuc4jRo7/GWw5xfCepSccQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.59.2",
-        "@typescript-eslint/typescript-estree": "8.59.2",
-        "@typescript-eslint/utils": "8.59.2",
+        "@typescript-eslint/types": "8.59.3",
+        "@typescript-eslint/typescript-estree": "8.59.3",
+        "@typescript-eslint/utils": "8.59.3",
         "debug": "^4.4.3",
         "ts-api-utils": "^2.5.0"
       },
@@ -2422,9 +2422,9 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "8.59.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.59.2.tgz",
-      "integrity": "sha512-e82GVOE8Ps3E++Egvb6Y3Dw0S10u8NkQ9KXmtRhCWJJ8kDhOJTvtMAWnFL16kB1583goCWXsr0NieKCZMs2/0Q==",
+      "version": "8.59.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.59.3.tgz",
+      "integrity": "sha512-ePFoH0g4ludssdRFqqDxQePCxU4WQyRa9+XVwjm7yLn0FKhMeoetC+qBEEI1Eyb1pGSDveTIT09Bvw2WhlGayg==",
       "devOptional": true,
       "license": "MIT",
       "engines": {
@@ -2436,16 +2436,16 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.59.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.59.2.tgz",
-      "integrity": "sha512-o0XPGNwcWw+FIwStOWn+BwBuEmL6QXP0rsvAFg7ET1dey1Nr6Wb1ac8p5HEsK0ygO/6mUxlk+YWQD9xcb/nnXg==",
+      "version": "8.59.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.59.3.tgz",
+      "integrity": "sha512-CbRjVRAf7Lr9Kr8RopKcbY45p2VfmmHrm0ygOCYFi7oU8q19m0Fs/6iHS7kNOmwpp+ob07ZVcAqlxUod9lYdmg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/project-service": "8.59.2",
-        "@typescript-eslint/tsconfig-utils": "8.59.2",
-        "@typescript-eslint/types": "8.59.2",
-        "@typescript-eslint/visitor-keys": "8.59.2",
+        "@typescript-eslint/project-service": "8.59.3",
+        "@typescript-eslint/tsconfig-utils": "8.59.3",
+        "@typescript-eslint/types": "8.59.3",
+        "@typescript-eslint/visitor-keys": "8.59.3",
         "debug": "^4.4.3",
         "minimatch": "^10.2.2",
         "semver": "^7.7.3",
@@ -2464,16 +2464,16 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "8.59.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.59.2.tgz",
-      "integrity": "sha512-Juw3EinkXqjaffxz6roowvV7GZT/kET5vSKKZT6upl5TXdWkLkYmNPXwDDL2Vkt2DPn0nODIS4egC/0AGxKo/Q==",
+      "version": "8.59.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.59.3.tgz",
+      "integrity": "sha512-JAvT14goBzRzzzZyqq3P9BLArIxTtQURUtFgQ/V7FO+eU+Gg6ES+5ymOPP1wRxXcxAYeivCk4uS3jCKWI1K8Zg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.9.1",
-        "@typescript-eslint/scope-manager": "8.59.2",
-        "@typescript-eslint/types": "8.59.2",
-        "@typescript-eslint/typescript-estree": "8.59.2"
+        "@typescript-eslint/scope-manager": "8.59.3",
+        "@typescript-eslint/types": "8.59.3",
+        "@typescript-eslint/typescript-estree": "8.59.3"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -2488,13 +2488,13 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.59.2",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.59.2.tgz",
-      "integrity": "sha512-NwjLUnGy8/Zfx23fl50tRC8rYaYnM52xNRYFAXvmiil9yh1+K6aRVQMnzW6gQB/1DLgWt977lYQn7C+wtgXZiA==",
+      "version": "8.59.3",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.59.3.tgz",
+      "integrity": "sha512-f1UQF7ggd42YiwI5wGrRaPsa+P0CINBlrkLPmGfpq/u/I/oVtecoEIfFR9ag/oa1sLOsRNZ6xehf6qMZhQGBDg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.59.2",
+        "@typescript-eslint/types": "8.59.3",
         "eslint-visitor-keys": "^5.0.0"
       },
       "engines": {
@@ -2881,9 +2881,9 @@
       }
     },
     "node_modules/devalue": {
-      "version": "5.7.1",
-      "resolved": "https://registry.npmjs.org/devalue/-/devalue-5.7.1.tgz",
-      "integrity": "sha512-MUbZ586EgQqdRnC4yDrlod3BEdyvE4TapGYHMW2CiaW+KkkFmWEFqBUaLltEZCGi0iFXCEjRF0OjF0DV2QHjOA==",
+      "version": "5.8.1",
+      "resolved": "https://registry.npmjs.org/devalue/-/devalue-5.8.1.tgz",
+      "integrity": "sha512-4CXDYRBGqN+57wVJkuXBYmpAVUSg3L6JAQa/DFqm238G73E1wuyc/JhGQJzN7vUf/CMphYau2zXbfWzDR5aTEw==",
       "license": "MIT"
     },
     "node_modules/devlop": {
@@ -3571,16 +3571,16 @@
       }
     },
     "node_modules/eslint": {
-      "version": "10.3.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-10.3.0.tgz",
-      "integrity": "sha512-XbEXaRva5cF0ZQB8w6MluHA0kZZfV2DuCMJ3ozyEOHLwDpZX2Lmm/7Pp0xdJmI0GL1W05VH5VwIFHEm1Vcw2gw==",
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-10.4.0.tgz",
+      "integrity": "sha512-loXy6bWOoP3EP6JA7jo6p5jMpBJmHmsNZM5SFRHLdh1MGOPurMnNBj4ZlAbaqUAaQWbCr7jHV4P7gzAyryZWkQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.2",
         "@eslint/config-array": "^0.23.5",
-        "@eslint/config-helpers": "^0.5.5",
+        "@eslint/config-helpers": "^0.6.0",
         "@eslint/core": "^1.2.1",
         "@eslint/plugin-kit": "^0.7.1",
         "@humanfs/node": "^0.16.6",
@@ -4396,9 +4396,9 @@
       "license": "MIT"
     },
     "node_modules/kysely": {
-      "version": "0.28.16",
-      "resolved": "https://registry.npmjs.org/kysely/-/kysely-0.28.16.tgz",
-      "integrity": "sha512-3i5pmOiZvMDj00qhrIVbH0AnioVTx22DMP7Vn5At4yJO46iy+FM8Y/g61ltenLVSo3fiO8h8Q3QOFgf/gQ72ww==",
+      "version": "0.28.17",
+      "resolved": "https://registry.npmjs.org/kysely/-/kysely-0.28.17.tgz",
+      "integrity": "sha512-nbD8lB9EB3wNdMhOCdx5Li8DxnLbvKByylRLcJ1h+4SkrowVeECAyZlyiKMThF7xFdRz0jSQ2MoJr+wXux2y0Q==",
       "license": "MIT",
       "engines": {
         "node": ">=20.0.0"
@@ -5734,13 +5734,13 @@
       }
     },
     "node_modules/playwright": {
-      "version": "1.59.1",
-      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.59.1.tgz",
-      "integrity": "sha512-C8oWjPR3F81yljW9o5OxcWzfh6avkVwDD2VYdwIGqTkl+OGFISgypqzfu7dOe4QNLL2aqcWBmI3PMtLIK233lw==",
+      "version": "1.60.0",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.60.0.tgz",
+      "integrity": "sha512-hheHdokM8cdqCb0lcE3s+zT4t4W+vvjpGxsZlDnikarzx8tSzMebh3UiFtgqwFwnTnjYQcsyMF8ei2mCO/tpeA==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "playwright-core": "1.59.1"
+        "playwright-core": "1.60.0"
       },
       "bin": {
         "playwright": "cli.js"
@@ -5753,9 +5753,9 @@
       }
     },
     "node_modules/playwright-core": {
-      "version": "1.59.1",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.59.1.tgz",
-      "integrity": "sha512-HBV/RJg81z5BiiZ9yPzIiClYV/QMsDCKUyogwH9p3MCP6IYjUFu/MActgYAvK0oWyV9NlwM3GLBjADyWgydVyg==",
+      "version": "1.60.0",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.60.0.tgz",
+      "integrity": "sha512-9bW6zvX/m0lEbgTKJ6YppOKx8H3VOPBMOCFh2irXFOT4BbHgrx5hPjwJYLT40Lu+4qtD36qKc/Hn56StUW57IA==",
       "dev": true,
       "license": "Apache-2.0",
       "bin": {
@@ -5957,9 +5957,9 @@
       }
     },
     "node_modules/prettier-plugin-svelte": {
-      "version": "3.5.1",
-      "resolved": "https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-3.5.1.tgz",
-      "integrity": "sha512-65+fr5+cgIKWKiqM1Doum4uX6bY8iFCdztvvp2RcF+AJoieaw9kJOFMNcJo/bkmKYsxFaM9OsVZK/gWauG/5mg==",
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-3.5.2.tgz",
+      "integrity": "sha512-ItFouLvzSFE3ulNl4DKoWM3BGcbDCNVpIyy/Y3F2gC3aNiGLxtFUdffVqO5Z5hhYG+DFT5KULWaxmeFFpdbvaQ==",
       "dev": true,
       "license": "MIT",
       "peerDependencies": {
@@ -6144,14 +6144,14 @@
       }
     },
     "node_modules/rolldown": {
-      "version": "1.0.0-rc.18",
-      "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.0-rc.18.tgz",
-      "integrity": "sha512-phmyKBpuBdRYDf4hgyynGAYn/rDDe+iZXKVJ7WX5b1zQzpLkP5oJRPGsfJuHdzPMlyyEO/4sPW6yfSx2gf7lVg==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.1.tgz",
+      "integrity": "sha512-X0KQHljNnEkWNqqiz9zJrGunh1B0HgOxLXvnFpCOcadzcy5qohZ3tqMEUg00vncoRovXuK3ZqCT9KnnKzoInFQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@oxc-project/types": "=0.128.0",
-        "@rolldown/pluginutils": "1.0.0-rc.18"
+        "@oxc-project/types": "=0.130.0",
+        "@rolldown/pluginutils": "^1.0.0"
       },
       "bin": {
         "rolldown": "bin/cli.mjs"
@@ -6160,21 +6160,21 @@
         "node": "^20.19.0 || >=22.12.0"
       },
       "optionalDependencies": {
-        "@rolldown/binding-android-arm64": "1.0.0-rc.18",
-        "@rolldown/binding-darwin-arm64": "1.0.0-rc.18",
-        "@rolldown/binding-darwin-x64": "1.0.0-rc.18",
-        "@rolldown/binding-freebsd-x64": "1.0.0-rc.18",
-        "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-rc.18",
-        "@rolldown/binding-linux-arm64-gnu": "1.0.0-rc.18",
-        "@rolldown/binding-linux-arm64-musl": "1.0.0-rc.18",
-        "@rolldown/binding-linux-ppc64-gnu": "1.0.0-rc.18",
-        "@rolldown/binding-linux-s390x-gnu": "1.0.0-rc.18",
-        "@rolldown/binding-linux-x64-gnu": "1.0.0-rc.18",
-        "@rolldown/binding-linux-x64-musl": "1.0.0-rc.18",
-        "@rolldown/binding-openharmony-arm64": "1.0.0-rc.18",
-        "@rolldown/binding-wasm32-wasi": "1.0.0-rc.18",
-        "@rolldown/binding-win32-arm64-msvc": "1.0.0-rc.18",
-        "@rolldown/binding-win32-x64-msvc": "1.0.0-rc.18"
+        "@rolldown/binding-android-arm64": "1.0.1",
+        "@rolldown/binding-darwin-arm64": "1.0.1",
+        "@rolldown/binding-darwin-x64": "1.0.1",
+        "@rolldown/binding-freebsd-x64": "1.0.1",
+        "@rolldown/binding-linux-arm-gnueabihf": "1.0.1",
+        "@rolldown/binding-linux-arm64-gnu": "1.0.1",
+        "@rolldown/binding-linux-arm64-musl": "1.0.1",
+        "@rolldown/binding-linux-ppc64-gnu": "1.0.1",
+        "@rolldown/binding-linux-s390x-gnu": "1.0.1",
+        "@rolldown/binding-linux-x64-gnu": "1.0.1",
+        "@rolldown/binding-linux-x64-musl": "1.0.1",
+        "@rolldown/binding-openharmony-arm64": "1.0.1",
+        "@rolldown/binding-wasm32-wasi": "1.0.1",
+        "@rolldown/binding-win32-arm64-msvc": "1.0.1",
+        "@rolldown/binding-win32-x64-msvc": "1.0.1"
       }
     },
     "node_modules/rollup": {
@@ -6369,9 +6369,9 @@
       }
     },
     "node_modules/svelte": {
-      "version": "5.55.5",
-      "resolved": "https://registry.npmjs.org/svelte/-/svelte-5.55.5.tgz",
-      "integrity": "sha512-2uCs/LZ9us+AktdzYJM8OcxQ8qnPS1kpaO7syGT/MgO+6Qr1Ybl+TqPq+97u7PHqmmMlye5ZkoyXONy5mjjAbw==",
+      "version": "5.55.7",
+      "resolved": "https://registry.npmjs.org/svelte/-/svelte-5.55.7.tgz",
+      "integrity": "sha512-ymI5ykLPwIHW839E053FQbI1G+jnRFJEw3Kv5Y4njixVWywQBx+NUFpkkKyk5LIb36Fg9DVXSYpqiGekLD0hyw==",
       "license": "MIT",
       "dependencies": {
         "@jridgewell/remapping": "^2.3.4",
@@ -6383,7 +6383,7 @@
         "aria-query": "5.3.1",
         "axobject-query": "^4.1.0",
         "clsx": "^2.1.1",
-        "devalue": "^5.6.4",
+        "devalue": "^5.8.1",
         "esm-env": "^1.2.1",
         "esrap": "^2.2.4",
         "is-reference": "^3.0.3",
@@ -7081,16 +7081,16 @@
       }
     },
     "node_modules/typescript-eslint": {
-      "version": "8.59.2",
-      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.59.2.tgz",
-      "integrity": "sha512-pJw051uomb3ZeCzGTpRb8RbEqB5Y4WWet8gl/GcTlU35BSx0PVdZ86/bqkQCyKKuraVQEK7r6kBHQXF+fBhkoQ==",
+      "version": "8.59.3",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.59.3.tgz",
+      "integrity": "sha512-KgusgyDgG4LI8Ih/sWaCtZ06tckLAS5CvT5A4D1Q7bYVoAAyzwiZvE4BmwDHkhRVkvhRBepKeASoFzQetha7Fg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/eslint-plugin": "8.59.2",
-        "@typescript-eslint/parser": "8.59.2",
-        "@typescript-eslint/typescript-estree": "8.59.2",
-        "@typescript-eslint/utils": "8.59.2"
+        "@typescript-eslint/eslint-plugin": "8.59.3",
+        "@typescript-eslint/parser": "8.59.3",
+        "@typescript-eslint/typescript-estree": "8.59.3",
+        "@typescript-eslint/utils": "8.59.3"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -7105,9 +7105,9 @@
       }
     },
     "node_modules/undici-types": {
-      "version": "7.19.2",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.19.2.tgz",
-      "integrity": "sha512-qYVnV5OEm2AW8cJMCpdV20CDyaN3g0AjDlOGf1OW4iaDEx8MwdtChUp4zu4H0VP3nDRF/8RKWH+IPp9uW0YGZg==",
+      "version": "7.24.6",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.24.6.tgz",
+      "integrity": "sha512-WRNW+sJgj5OBN4/0JpHFqtqzhpbnV0GuB+OozA9gCL7a993SmU+1JBZCzLNxYsbMfIeDL+lTsphD5jN5N+n0zg==",
       "dev": true,
       "license": "MIT"
     },
@@ -7300,16 +7300,16 @@
       }
     },
     "node_modules/vite": {
-      "version": "8.0.11",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-8.0.11.tgz",
-      "integrity": "sha512-Jz1mxtUBR5xTT65VOdJZUUeoyLtqljmFkiUXhPTLZka3RDc9vpi/xXkyrnsdRcm2lIi3l3GPMnAidTsEGIj3Ow==",
+      "version": "8.0.13",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-8.0.13.tgz",
+      "integrity": "sha512-MFtjBYgzmSxmgA4RAfjIyXWpGe1oALnjgUTzzV7QLx/TKxCzjtMH6Fd9/eVK+5Fg1qNoz5VAwsmMs/NofrmJvw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "lightningcss": "^1.32.0",
         "picomatch": "^4.0.4",
         "postcss": "^8.5.14",
-        "rolldown": "1.0.0-rc.18",
+        "rolldown": "1.0.1",
         "tinyglobby": "^0.2.16"
       },
       "bin": {
diff --git a/package.json b/package.json
index 09865b0..c0e56cf 100644
--- a/package.json
+++ b/package.json
@@ -22,33 +22,33 @@
     "@eslint/js": "^10.0.1",
     "@fontsource/fira-mono": "^5.2.7",
     "@neoconfetti/svelte": "^2.2.2",
-    "@playwright/test": "^1.59.1",
+    "@playwright/test": "^1.60.0",
     "@sveltejs/adapter-auto": "^7.0.1",
     "@sveltejs/adapter-node": "^5.5.4",
-    "@sveltejs/kit": "^2.59.1",
+    "@sveltejs/kit": "^2.60.1",
     "@sveltejs/vite-plugin-svelte": "^7.1.2",
-    "@types/node": "^25.6.2",
+    "@types/node": "^25.8.0",
     "@types/rss": "^0.0.32",
     "@types/validator": "^13.15.10",
     "date-picker-svelte": "^2.17.0",
     "drizzle-kit": "^0.31.10",
-    "eslint": "^10.3.0",
+    "eslint": "^10.4.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-svelte": "^3.17.1",
     "globals": "^17.6.0",
     "prettier": "^3.8.3",
-    "prettier-plugin-svelte": "^3.5.1",
-    "svelte": "^5.55.5",
+    "prettier-plugin-svelte": "^3.5.2",
+    "svelte": "^5.55.7",
     "svelte-check": "^4.4.8",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.59.2",
-    "vite": "^8.0.11"
+    "typescript-eslint": "^8.59.3",
+    "vite": "^8.0.13"
   },
   "dependencies": {
     "@fontsource/courier-prime": "^5.2.8",
     "@friendofsvelte/toggle": "^0.0.4-svelte.5",
     "@inlang/paraglide-js": "^2.18.0",
-    "@lucide/svelte": "^1.14.0",
+    "@lucide/svelte": "^1.16.0",
     "@node-rs/argon2": "^2.0.2",
     "@oslojs/crypto": "^1.0.1",
     "@oslojs/encoding": "^1.1.0",
diff --git a/src/app.css b/src/app.css
index bd0e9e7..1573cbd 100644
--- a/src/app.css
+++ b/src/app.css
@@ -4,12 +4,13 @@
    2. themes  - overrides must come after token defaults
    3. layout  - structure (references tokens for sizing vars)
    4. theme   - visuals (references tokens for all color/font values)
- */
+*/
 
 @import "$lib/styles/tokens.css";
 
 /* Themes */
 @import "$lib/styles/themes/dark.css";
+@import "$lib/styles/themes/greensteam.css";
 
 @import "$lib/styles/layout.css";
-@import "$lib/styles/theme.css";
+@import "$lib/styles/theme.css";
\ No newline at end of file
diff --git a/src/lib/components/blog/Post.svelte b/src/lib/components/blog/Post.svelte
index 1cd3aa0..22bac52 100644
--- a/src/lib/components/blog/Post.svelte
+++ b/src/lib/components/blog/Post.svelte
@@ -56,7 +56,7 @@
   ];
 </script>
 
-<post>
+<post data-name={title}>
   {#if !isEditing}
     {#if page.params.slug !== slug}
       <h2 class="title">
diff --git a/src/lib/components/common/AddCommentForm.svelte b/src/lib/components/common/AddCommentForm.svelte
index ae16171..d25b93d 100644
--- a/src/lib/components/common/AddCommentForm.svelte
+++ b/src/lib/components/common/AddCommentForm.svelte
@@ -17,6 +17,7 @@
   method="POST"
   action="?/add_comment"
   autocomplete="off"
+  data-name={m.add_comment()}
   use:enhance
 >
   <label for="author">{m["form.name"]()}</label>
diff --git a/src/lib/components/common/RecentComments.svelte b/src/lib/components/common/RecentComments.svelte
index e69d24d..bb96812 100644
--- a/src/lib/components/common/RecentComments.svelte
+++ b/src/lib/components/common/RecentComments.svelte
@@ -9,7 +9,7 @@
   import { resolve } from "$app/paths";
 </script>
 
-<div id="recent-comments">
+<div id="recent-comments" data-name={m.recent_comments()}>
   <h3><strong>{m.recent_comments()}</strong></h3>
   <ul>
     {#each recentComments as comment (comment.id)}
diff --git a/src/lib/components/common/ThemeToggle.svelte b/src/lib/components/common/ThemeToggle.svelte
index ca004a0..2007c1b 100644
--- a/src/lib/components/common/ThemeToggle.svelte
+++ b/src/lib/components/common/ThemeToggle.svelte
@@ -1,21 +1,34 @@
-<script>
-  import { appearance } from "@friendofsvelte/toggle";
+<script lang="ts">
   import { scale } from "svelte/transition";
   import { TrackAppearance } from "$lib/components";
-  import { SprayCan, SquareTerminal } from "@lucide/svelte";
+  import { theme } from "$lib/stores/theme";
+
+  import { SprayCan, SquareTerminal, Gamepad2 } from "@lucide/svelte";
+
+  function cycleTheme() {
+    if ($theme === "light") {
+      theme.set("dark");
+    } else if ($theme === "dark") {
+      theme.set("greensteam");
+    } else {
+      theme.set("light");
+    }
+  }
 </script>
 
 <TrackAppearance />
-{#if appearance.dark !== null}
-  <button
-    class:isHackerMode={appearance.dark}
-    in:scale
-    onclick={() => (appearance.dark = !appearance.dark)}
-  >
-    {#if appearance.dark}
-      <SprayCan />
-    {:else}
-      <SquareTerminal />
-    {/if}
-  </button>
-{/if}
+
+<button
+  class:isHackerMode={$theme === "dark"}
+  class:isGreenSteam={$theme === "greensteam"}
+  in:scale
+  onclick={cycleTheme}
+>
+  {#if $theme === "dark"}
+    <Gamepad2 />
+  {:else if $theme === "greensteam"}
+    <SprayCan />
+  {:else if $theme === "light"}
+    <SquareTerminal />
+  {/if}
+</button>
diff --git a/src/lib/components/common/TrackAppearance.svelte b/src/lib/components/common/TrackAppearance.svelte
index 2d4863a..9860334 100644
--- a/src/lib/components/common/TrackAppearance.svelte
+++ b/src/lib/components/common/TrackAppearance.svelte
@@ -1,30 +1,29 @@
 <script lang="ts">
-  import { appearance } from "@friendofsvelte/toggle";
   import { onMount } from "svelte";
+  import { theme, type ThemeMode } from "$lib/stores/theme";
 
-  const init = () => {
-    if (document.documentElement.classList.contains("dark")) {
-      appearance.dark = true;
-    } else if (document.documentElement.classList.contains("light")) {
-      appearance.dark = false;
-    }
+  function applyTheme(mode: ThemeMode) {
+    const root = document.documentElement;
 
-    if (appearance.dark === null) {
-      appearance.dark = false;
-    }
-  };
-  const track = () => {
-    if (appearance.dark != null) {
-      document.cookie = `appearanceMode=${appearance.dark ? "dark" : "light"}; path=/; max-age=31536000; SameSite=Lax`;
-      if (appearance.dark) {
-        document.documentElement.classList.add("dark");
-        document.documentElement.classList.remove("light");
-      } else {
-        document.documentElement.classList.remove("dark");
-        document.documentElement.classList.add("light");
-      }
+    root.classList.remove("light", "dark", "greensteam");
+    root.classList.add(mode);
+
+    document.cookie = `appearanceMode=${mode}; path=/; max-age=31536000; SameSite=Lax`;
+  }
+
+  onMount(() => {
+    const root = document.documentElement;
+
+    if (root.classList.contains("greensteam")) {
+      theme.set("greensteam");
+    } else if (root.classList.contains("dark")) {
+      theme.set("dark");
+    } else {
+      theme.set("light");
     }
-  };
-  $effect(track);
-  onMount(init);
+  });
+
+  $effect(() => {
+    applyTheme($theme);
+  });
 </script>
diff --git a/src/lib/components/crew/CrewMenu.svelte b/src/lib/components/crew/CrewMenu.svelte
index 14df488..0b45b45 100644
--- a/src/lib/components/crew/CrewMenu.svelte
+++ b/src/lib/components/crew/CrewMenu.svelte
@@ -5,7 +5,7 @@
   import { MegaphoneOff, UserPen, Users } from "@lucide/svelte";
 </script>
 
-<div id="crew-nav">
+<div id="crew-nav" data-name="Menu">
   <nav>
     <ul class="navlist-items">
       <li aria-current={page.url.pathname === "/crew" ? "page" : undefined}>
diff --git a/src/lib/components/events/Event.svelte b/src/lib/components/events/Event.svelte
index d932996..a24f280 100644
--- a/src/lib/components/events/Event.svelte
+++ b/src/lib/components/events/Event.svelte
@@ -67,7 +67,7 @@
   }
 </script>
 
-<event>
+<event data-name={event.title}>
   {#if detailed && imageFilename}
     <img
       class="detailed"
diff --git a/src/lib/stores/theme.ts b/src/lib/stores/theme.ts
new file mode 100644
index 0000000..3e6a2b8
--- /dev/null
+++ b/src/lib/stores/theme.ts
@@ -0,0 +1,5 @@
+import { writable } from "svelte/store";
+
+export type ThemeMode = "light" | "dark" | "greensteam";
+
+export const theme = writable<ThemeMode>("light");
diff --git a/src/lib/styles/theme.css b/src/lib/styles/theme.css
index 26524b0..0149aa3 100644
--- a/src/lib/styles/theme.css
+++ b/src/lib/styles/theme.css
@@ -1,4 +1,4 @@
-/*  theme.css 
+/* 
    Visual styles only: color, background, border, shadow, font-family,
    border-radius, text-decoration, opacity, transition.
 */
diff --git a/src/lib/styles/themes/greensteam.css b/src/lib/styles/themes/greensteam.css
new file mode 100644
index 0000000..d431dea
--- /dev/null
+++ b/src/lib/styles/themes/greensteam.css
@@ -0,0 +1,759 @@
+/* 
+   Green Steam theme — a recreation of the early Steam UI aesthetic.
+   Original: https://github.com/leonill007/vgui.css
+*/
+
+/* Token Overrides */
+
+html.greensteam {
+  --font-body: "Trebuchet MS", "Verdana", sans-serif;
+
+  --color-bg: #3e4637;
+  --color-text: #d8ded3;
+  --color-text-2: #c4b550;
+  --color-text-3: #899281;
+
+  --link-color: #aaaaaa;
+  --link-hover-color: #d8ded3;
+
+  --form-bg-color: #3e4637;
+  --form-border-color: #899281;
+  --form-border-subtle: #292d23;
+  --border-subtle: rgba(255, 255, 255, 0.075);
+
+  --pre-bg: #3e4637;
+  --pre-shadow: none;
+
+  /* Bevel system */
+  --color-border-light: #899281; /* top / left of raised elements */
+  --color-border-dark: #292d23; /* bottom / right of raised elements */
+  --color-surface-raised: #4c5844;
+
+  --color-selection: #96892d;
+}
+
+/* Base Element Overrides */
+
+html.greensteam body {
+  font-family: var(--font-body);
+  font-size: 14px;
+  image-rendering: pixelated;
+}
+
+html.greensteam ::selection {
+  background-color: var(--color-selection);
+}
+
+html.greensteam h1,
+html.greensteam h2 {
+  color: var(--color-text-2);
+}
+
+html.greensteam h1 {
+  font-size: 18px;
+}
+html.greensteam h2 {
+  font-size: 16px;
+}
+
+html.greensteam p {
+  color: var(--color-text);
+}
+
+/* Links: hover is underline only, no background swap */
+html.greensteam a {
+  color: var(--link-color);
+  text-decoration: none;
+}
+html.greensteam a:hover {
+  background: none;
+  color: var(--link-color);
+  text-decoration: underline;
+}
+
+html.greensteam hr {
+  border: none;
+  height: 1px;
+  background-color: var(--color-bg);
+}
+
+html.greensteam code {
+  background: var(--color-bg);
+  padding: 0 3px;
+}
+
+html.greensteam pre {
+  background-color: var(--pre-bg);
+  box-shadow: none;
+  font-family: monospace;
+}
+
+html.greensteam img {
+  object-fit: contain;
+  border: solid 2px #7b8484;
+  border-radius: 0 !important;
+}
+
+html.greensteam header img {
+  padding-top: 0;
+  filter: none;
+}
+
+html.greensteam div.site-description {
+  padding-top: 12.37rem !important;
+}
+
+html.greensteam event img,
+html.greensteam div#user-info {
+  border-top: solid 1px var(--color-border-dark);
+  border-bottom: solid 1px var(--color-border-light);
+  border-left: solid 1px var(--color-border-dark);
+  border-right: solid 1px var(--color-border-light);
+  padding: 8px 12px;
+  width: -webkit-fill-available;
+}
+
+html.greensteam fieldset {
+  border-top: solid 1px var(--color-border-dark);
+  border-bottom: solid 1px var(--color-border-light);
+  border-left: solid 1px var(--color-border-dark);
+  border-right: solid 1px var(--color-border-light);
+}
+
+/* Buttons */
+
+html.greensteam button,
+html.greensteam input[type="button"],
+html.greensteam input[type="reset"],
+html.greensteam input[type="submit"],
+html.greensteam input[type="color"],
+html.greensteam ::-webkit-file-upload-button,
+html.greensteam ::file-selector-button,
+html.greensteam .greensteam-button,
+html.greenstream button.post.action,
+html.greensteam div.text-block a {
+  color: white !important;
+  background-color: var(--color-surface-raised);
+  height: 25px;
+  cursor: pointer;
+  border-top: solid 1px var(--color-border-light) !important;
+  border-bottom: solid 1px var(--color-border-dark) !important;
+  border-left: solid 1px var(--color-border-light) !important;
+  border-right: solid 1px var(--color-border-dark) !important;
+  font-weight: normal;
+  text-align: left;
+  -webkit-font-smoothing: none;
+}
+
+html.greensteam button:hover,
+html.greensteam div.text-block a:hover {
+  background: var(--color-surface-raised);
+  color: white;
+  text-decoration: none;
+}
+
+html.greensteam button:active,
+html.greenstream button.post.action:active,
+html.greensteam input[type="button"]:active,
+html.greensteam input[type="reset"]:active,
+html.greensteam input[type="submit"]:active,
+html.greensteam input[type="color"]:active,
+html.greensteam ::-webkit-file-upload-button:active,
+html.greensteam ::file-selector-button:active,
+html.greensteam .greensteam-button:active,
+html.greensteam div.text-block a:active {
+  border-top: solid 1px var(--color-border-dark) !important;
+  border-bottom: solid 1px var(--color-border-light) !important;
+  border-left: solid 1px var(--color-border-dark) !important;
+  border-right: solid 1px var(--color-border-light) !important;
+}
+
+html.greensteam button:focus,
+html.greensteam input[type="button"]:focus,
+html.greensteam input[type="reset"]:focus,
+html.greensteam input[type="submit"]:focus,
+html.greensteam ::file-selector-button:focus,
+html.greensteam .greensteam-button:focus,
+html.greensteam div.text-block a:focus {
+  outline: 1px dashed var(--color-border-dark);
+  outline-offset: -4px;
+}
+
+html.greensteam button.new-event,
+html.greensteam button.new-post {
+  width: fit-content;
+}
+
+html.greensteam ul.feed-items {
+  flex-direction: row;
+  position: unset;
+}
+
+html.greensteam ul.feed-items button {
+  border-radius: 0;
+}
+
+/* Form Inputs */
+
+html.greensteam input[type="checkbox"] {
+  vertical-align: middle;
+  appearance: none;
+  width: 15px;
+  height: 15px;
+  border-top: solid 1px var(--color-border-dark);
+  border-bottom: solid 1px var(--color-border-light);
+  border-left: solid 1px var(--color-border-dark);
+  border-right: solid 1px var(--color-border-light);
+}
+html.greensteam input[type="checkbox"]:focus {
+  outline: 1px dotted black;
+  outline-offset: -2px;
+}
+html.greensteam input[type="checkbox"]:checked {
+  background-image: url("/styles/greensteam/checkmark.png");
+}
+
+html.greensteam input[type="radio"] {
+  vertical-align: text-bottom;
+  appearance: none;
+  width: 15px;
+  height: 15px;
+  background-image: url("/styles/greensteam/radio_off.png");
+}
+html.greensteam input[type="radio"]:focus {
+  outline: 1px dotted black;
+}
+html.greensteam input[type="radio"]:checked {
+  background-image: url("/styles/greensteam/radio_on.png");
+}
+
+html.greensteam input[type="text"],
+html.greensteam input[type="tel"],
+html.greensteam input[type="search"],
+html.greensteam input[type="password"],
+html.greensteam input[type="email"],
+html.greensteam input[type="url"],
+html.greensteam input[type="number"],
+html.greensteam input[type="date"],
+html.greensteam input[type="datetime-local"],
+html.greensteam input[type="month"],
+html.greensteam input[type="week"],
+html.greensteam input[type="time"],
+html.greensteam input[list],
+html.greensteam input,
+html.greensteam select,
+html.greensteam textarea {
+  border-top: solid 1px var(--color-border-dark) !important;
+  border-bottom: solid 1px var(--color-border-light) !important;
+  border-left: solid 1px var(--color-border-dark) !important;
+  border-right: solid 1px var(--color-border-light) !important;
+  border-radius: unset !important;
+  color: inherit;
+  background: var(--form-bg-color);
+  font-size: 11pt !important;
+}
+
+html.greensteam input[type="text"]:focus,
+html.greensteam input[type="tel"]:focus,
+html.greensteam input[type="search"]:focus,
+html.greensteam input[type="password"]:focus,
+html.greensteam input[type="email"]:focus,
+html.greensteam input[type="url"]:focus,
+html.greensteam input[type="number"]:focus,
+html.greensteam input[type="date"]:focus,
+html.greensteam input[type="datetime-local"]:focus,
+html.greensteam input[type="month"]:focus,
+html.greensteam input[type="week"]:focus,
+html.greensteam input[type="time"]:focus,
+html.greensteam input[list]:focus,
+html.greensteam input:focus,
+html.greensteam select:focus,
+html.greensteam textarea:focus {
+  outline: 1px dotted black;
+  outline-offset: -3px;
+}
+
+html.greensteam ::-webkit-calendar-picker-indicator {
+  filter: brightness(0) invert() brightness(70%);
+}
+
+/* Range Slider  */
+
+html.greensteam input[type="range"] {
+  appearance: none;
+  min-width: 200px;
+  color: #b8c4ad;
+  background: none;
+  position: relative;
+}
+
+html.greensteam input[type="range"]::before,
+html.greensteam input[type="range"]::after {
+  display: inline;
+  position: absolute;
+  font-size: 10px;
+  top: 10px;
+  font-family: monospace;
+}
+html.greensteam input[type="range"]::before {
+  left: 0;
+  content: attr(min);
+}
+html.greensteam input[type="range"]::after {
+  right: 0;
+  content: attr(max);
+}
+
+html.greensteam input[type="range"]::-webkit-slider-runnable-track,
+html.greensteam input[type="range"]::-moz-range-track,
+html.greensteam input[type="range"]::-moz-range-progress {
+  background: black;
+  height: 4px;
+  border-top: solid 1px var(--color-border-dark);
+  border-bottom: solid 1px var(--color-border-light);
+  border-left: solid 1px var(--color-border-dark);
+  border-right: solid 1px var(--color-border-light);
+  margin: 6px 0;
+}
+
+html.greensteam input[type="range"]::-webkit-slider-thumb,
+html.greensteam input[type="range"]::-moz-range-thumb {
+  appearance: none;
+  background: var(--color-surface-raised);
+  border-top: solid 1px var(--color-border-light);
+  border-bottom: solid 1px var(--color-border-dark);
+  border-left: solid 1px var(--color-border-light);
+  border-right: solid 1px var(--color-border-dark);
+  width: 8px;
+  height: 16px;
+  position: relative;
+  top: -7px;
+  border-radius: 0;
+}
+
+html.greensteam input[type="range"]:focus {
+  outline: 1px dotted black;
+  outline-offset: 2px;
+}
+
+html.greensteam input[type="range"].ticks {
+  background: url("/styles/greensteam/sliderticks.png") repeat-x;
+  background-position: bottom left 2px;
+  background-size: 19px 5px;
+}
+html.greensteam input[type="range"].ticks::before,
+html.greensteam input[type="range"].ticks::after {
+  top: 16px;
+}
+
+/* Progress Bar */
+
+html.greensteam progress {
+  -webkit-appearance: none;
+  appearance: none;
+  display: block;
+  width: 90%;
+  margin: 18px auto 12px;
+  height: 26px;
+  box-sizing: border-box;
+  border-top: solid 1px var(--color-border-dark);
+  border-bottom: solid 1px var(--color-border-light);
+  border-left: solid 1px var(--color-border-dark);
+  border-right: solid 1px var(--color-border-light);
+  background: var(--form-bg-color);
+}
+html.greensteam progress::-webkit-progress-bar {
+  background: var(--form-bg-color);
+  padding: 4px;
+}
+html.greensteam progress::-webkit-progress-value {
+  height: 16px;
+  background: repeating-linear-gradient(
+    to right,
+    #96892d,
+    #96892d 8px,
+    var(--form-bg-color) 1px,
+    var(--form-bg-color) 12px
+  );
+}
+html.greensteam progress::-moz-progress-bar {
+  height: 16px;
+  background: repeating-linear-gradient(
+    to right,
+    #96892d,
+    #96892d 8px,
+    var(--form-bg-color) 1px,
+    var(--form-bg-color) 12px
+  );
+  margin-top: 4px;
+  margin-left: 4px;
+}
+
+/* Scrollbar */
+
+html.greensteam ::-webkit-scrollbar,
+html.greensteam ::-webkit-scrollbar-corner {
+  width: 18px;
+  background-color: #5a6a50;
+}
+html.greensteam ::-webkit-scrollbar-thumb {
+  background-color: var(--color-surface-raised);
+  border-top: solid 1px var(--color-border-light);
+  border-bottom: solid 1px var(--color-border-dark);
+  border-left: solid 1px var(--color-border-light);
+  border-right: solid 1px var(--color-border-dark);
+}
+html.greensteam ::-webkit-scrollbar-button {
+  width: 18px;
+  height: 18px;
+  border-top: solid 1px var(--color-border-light);
+  border-bottom: solid 1px var(--color-border-dark);
+  border-left: solid 1px var(--color-border-light);
+  border-right: solid 1px var(--color-border-dark);
+  background: var(--color-surface-raised);
+}
+html.greensteam ::-webkit-scrollbar-button:active {
+  border-top: solid 1px var(--color-border-dark);
+  border-bottom: solid 1px var(--color-border-light);
+  border-left: solid 1px var(--color-border-dark);
+  border-right: solid 1px var(--color-border-light);
+}
+html.greensteam ::-webkit-scrollbar-button:vertical:increment {
+  background:
+    url("/styles/greensteam/scroll_down.png") no-repeat center,
+    var(--color-surface-raised);
+}
+html.greensteam ::-webkit-scrollbar-button:vertical:decrement {
+  background:
+    url("/styles/greensteam/scroll_up.png") no-repeat center,
+    var(--color-surface-raised);
+}
+html.greensteam ::-webkit-scrollbar-button:horizontal:increment {
+  background:
+    url("/styles/greensteam/scroll_right.png") no-repeat center,
+    var(--color-surface-raised);
+}
+html.greensteam ::-webkit-scrollbar-button:horizontal:decrement {
+  background:
+    url("/styles/greensteam/scroll_left.png") no-repeat center,
+    var(--color-surface-raised);
+}
+
+/* Navbar */
+
+html.greensteam nav {
+  list-style: none;
+  background: var(--color-surface-raised);
+}
+html.greensteam nav li {
+  text-align: left;
+  cursor: pointer;
+}
+html.greensteam nav li a {
+  display: block;
+  padding: 8px 15px;
+  color: var(--color-text-2);
+  text-decoration: none;
+}
+html.greensteam nav li a:hover {
+  color: #e3e41f;
+  background: #5a6a50;
+  text-decoration: none;
+}
+html.greensteam nav li:hover ul.dropdown {
+  display: block;
+}
+html.greensteam nav li ul.dropdown {
+  display: none;
+  list-style: none;
+  border-bottom: solid 1px var(--color-border-dark);
+  border-left: solid 1px var(--color-border-light);
+  border-right: solid 1px var(--color-border-dark);
+  padding: 0;
+  min-width: 150px;
+  background: var(--color-surface-raised);
+  position: absolute;
+  top: 23px;
+  z-index: 1;
+}
+html.greensteam nav li ul.dropdown li {
+  display: block;
+}
+
+/* Window & Box Components */
+
+html.greensteam row {
+  backdrop-filter: none;
+  border: 0;
+}
+
+html.greensteam sidebar {
+  border: 0;
+}
+
+html.greensteam div#navigation,
+html.greensteam [data-name]:not(#recent post),
+html.greensteam .box {
+  position: relative;
+  background-color: var(--color-surface-raised);
+  border-top: solid 1px var(--color-border-light);
+  border-bottom: solid 1px var(--color-border-dark);
+  border-left: solid 1px var(--color-border-light);
+  border-right: solid 1px var(--color-border-dark);
+  padding: 10px;
+  box-sizing: border-box;
+  margin: 0 0 20px;
+}
+
+html.greensteam event {
+  display: block;
+}
+
+html.greensteam div[data-name] h1,
+html.greensteam section:has(post[data-name]) h1,
+html.greensteam section:has(event[data-name]) h1,
+html.greensteam section:not(:has(li event)) event[data-name] h2,
+html.greensteam section:has(form[data-name]) h3,
+html.greensteam h2#comments,
+html.greensteam
+  div#comments-list:not(:has(div.text-block)):not(:has(div.comment)),
+html.greensteam div[data-name] h2:not(post h2),
+html.greensteam div[data-name] h3 {
+  display: none;
+}
+
+html.greensteam h2 a:hover {
+  text-decoration: none;
+}
+
+html.greensteam h2 a:hover strong {
+  background: none;
+  color: none;
+  text-decoration: none;
+}
+
+html.greensteam post:not(#recent post) {
+  display: block;
+}
+
+html.greensteam .titlebar,
+html.greensteam [data-name]:not(#recent post)::before,
+html.greensteam .box:not(.headless)::before {
+  display: block;
+  position: relative;
+  margin-bottom: 1em;
+  width: 100%;
+  height: 18px;
+  line-height: 18px;
+  text-indent: 24px;
+  background-image:
+    url("/styles/greensteam/steamico.png"),
+    url("/styles/greensteam/minimize.png"), url("/styles/greensteam/close.png");
+  background-repeat: no-repeat;
+  background-position:
+    top left,
+    top right 20px,
+    top right;
+  box-sizing: border-box;
+  padding-right: 44px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+html.greensteam div.event-heading .draft {
+  color: white;
+}
+
+html.greensteam event h2.title span.today {
+  display: inline;
+  color: white;
+  position: absolute;
+  top: 7em;
+  left: -16px;
+}
+
+html.greensteam event::before,
+html.greensteam [data-name]:not(#recent post)::before,
+html.greensteam .box:not(.headless)::before {
+  content: attr(data-name);
+}
+
+/* Titlebar text + label typography */
+html.greensteam .box::before,
+html.greensteam [data-name]::before,
+html.greensteam h1,
+html.greensteam h2:not(.title),
+html.greensteam .titlebar,
+html.greensteam legend {
+  text-transform: uppercase;
+  letter-spacing: 2px;
+  font-size: 12px;
+  color: white;
+  font-weight: bold;
+}
+
+/* Resize handle */
+html.greensteam [data-name]:not(#recent post)::after,
+html.greensteam .box:not(.no-resize)::after {
+  width: 12px;
+  height: 12px;
+  display: block;
+  margin: 0 0 0 auto;
+  position: relative;
+  bottom: -7px;
+  right: -7px;
+  cursor: nwse-resize;
+  content: "";
+  background-image: url("/styles/greensteam/resize.png");
+}
+
+html.greensteam .box.half,
+html.greensteam .box-row .box {
+  max-width: 380px;
+  width: 100%;
+  align-self: flex-start;
+}
+
+html.greensteam .box-row {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: stretch;
+  max-width: 780px;
+}
+
+/* Hide ::before text — the absolutely-positioned h2.title link replaces it */
+html.greensteam post[data-name]:not(#recent post)::before,
+html.greensteam div#recent::before,
+html.greensteam event[data-name]::before {
+  color: transparent;
+}
+
+/* Restore when no link is present in the titlebar */
+html.greensteam post[data-name]:not(#recent post):not(:has(h2.title))::before,
+html.greensteam event[data-name]:not(:has(h2.title a))::before {
+  color: white;
+}
+
+/* Shared layout for all three titlebar link contexts */
+html.greensteam post:not(#recent post) h2.title,
+html.greensteam div#recent post h2.title,
+html.greensteam event h2.title {
+  position: absolute;
+  top: 10px;
+  left: 34px;
+  right: 50px;
+  height: 18px;
+  line-height: 18px;
+  margin: 0;
+  overflow: visible;
+  z-index: 1;
+}
+
+html.greensteam post:not(#recent post) h2.title a,
+html.greensteam div#recent post h2.title a,
+html.greensteam event h2.title a {
+  display: block;
+  height: 18px;
+  line-height: 18px;
+  color: white;
+  font-size: 12px;
+  font-weight: bold;
+  text-transform: uppercase;
+  letter-spacing: 2px;
+  text-decoration: none;
+}
+
+html.greensteam post:not(#recent post) h2.title a:hover,
+html.greensteam div#recent post h2.title a:hover,
+html.greensteam event h2.title a:hover {
+  background: none;
+  color: var(--color-text-2);
+  text-decoration: none;
+}
+
+/* Override the general h2 strong decoration for .title, show as plain text */
+html.greensteam post h2.title strong,
+html.greensteam event h2.title strong {
+  display: inline !important;
+  color: inherit !important;
+  font-weight: inherit;
+  position: static;
+}
+
+/* Border Utilities */
+
+html.greensteam .border {
+  border-top: solid 1px var(--color-border-light);
+  border-bottom: solid 1px var(--color-border-dark);
+  border-left: solid 1px var(--color-border-light);
+  border-right: solid 1px var(--color-border-dark);
+}
+
+html.greensteam .border-inverted {
+  border-top: solid 1px var(--color-border-dark);
+  border-bottom: solid 1px var(--color-border-light);
+  border-left: solid 1px var(--color-border-dark);
+  border-right: solid 1px var(--color-border-light);
+}
+
+html.greensteam .inset,
+html.greensteam nav,
+html.greensteam div.content,
+html.greensteam div.event-description,
+html.greensteam .box.inset {
+  margin-top: 1em;
+  padding: 1em;
+  background-color: var(--color-bg);
+  border-top: solid 1px var(--color-border-dark);
+  border-bottom: solid 1px var(--color-border-light);
+  border-left: solid 1px var(--color-border-dark);
+  border-right: solid 1px var(--color-border-light);
+}
+
+html.greensteam div.event-description {
+  margin-right: 1em;
+}
+
+html.greensteam div.content p:first-child {
+  margin-top: 0;
+}
+
+html.greensteam .inset code,
+html.greensteam .box.inset code {
+  background-color: var(--color-surface-raised);
+}
+
+html.greensteam .rounded,
+html.greensteam .box.rounded {
+  border: none;
+  border-radius: 10px;
+}
+
+html.greensteam .inset .rounded {
+  background-color: #4a5942;
+}
+html.greensteam .inset .rounded code {
+  background-color: var(--color-bg);
+}
+
+html.greensteam mobile {
+  width: fit-content;
+  /* display: flex; */
+  align-self: center;
+}
+
+@media screen and (max-width: 780px) {
+  html.greensteam:not(.dark) header .site-description {
+    padding-top: 25.33% !important;
+    font-size: 1.8vw !important;
+    padding-left: 3.5em !important;
+  }
+}
+
+@media screen and (max-width: 850px) {
+  html.greensteam event h2.title span.today {
+    left: -2em !important;
+  }
+}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 7d73d7b..3d79891 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -14,6 +14,7 @@
   import type { RecentCommentsData, UserInfoData } from "$lib/types";
   import { locales, setLocale } from "$lib/paraglide/runtime";
   import { page } from "$app/state";
+  import { m } from "$lib/paraglide/messages";
 
   let { data, children }: LayoutProps = $props();
   let user: UserInfoData = $derived(data.user);
@@ -28,7 +29,7 @@
   <Header />
   <main>
     <row>
-      <mobile>
+      <mobile data-name={m["navigation.navigation"]()}>
         <div id="locale">
           {#each locales as locale (locale)}
             <button onclick={() => setLocale(locale)}>{locale}</button>
@@ -48,7 +49,7 @@
             <button onclick={() => setLocale(locale)}>{locale}</button>
           {/each}
         </div>
-        <div id="navigation">
+        <div id="navigation" data-name={m["navigation.navigation"]()}>
           {#if user}
             <UserInfo {user} />
           {/if}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index e2d8a79..8921fd9 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -11,7 +11,7 @@
   let post = $derived(data.recentPost[0]);
   let isOverflowing = $state(false);
 
-  const isTextClamped = (elm) => elm.scrollHeight > elm.clientHeight;
+  const isTextClamped = (elm) => elm?.scrollHeight > elm?.clientHeight;
 
   onMount(() => {
     const element = document.querySelector(".content.preview");
@@ -29,7 +29,7 @@
     <strong>{m.recent_news()}</strong>
   </h2>
 
-  <div id="recent">
+  <div id="recent" data-name={post.title}>
     <Post {...post} preview={true} />
 
     <div class={isOverflowing ? "text-block" : "text-block opaque"}>
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
index 341bad3..949f466 100644
--- a/src/routes/about/+page.svelte
+++ b/src/routes/about/+page.svelte
@@ -7,208 +7,212 @@
   <MetaTags title="About" description="Lithuania underground scene" />
 </svelte:head>
 
-<h1>Lithuania underground scene</h1>
+<div class="box" data-name="Lithuania underground scene">
+  <h1>Lithuania underground scene</h1>
 
-{#if getLocale() === "lt"}
-  <ul>
-    <li>
-      <a href="https://mp3.hardcore.lt"
-        >Muzikos archyvas: nuo pirmų pankroko įrašų kasetėje, iki dabar</a
+  {#if getLocale() === "lt"}
+    <ul>
+      <li>
+        <a href="https://mp3.hardcore.lt"
+          >Muzikos archyvas: nuo pirmų pankroko įrašų kasetėje, iki dabar</a
+        >
+      </li>
+    </ul>
+
+    <h2>Vilnius</h2>
+    <p>
+      Paslaptingoji driskių skylė <strong
+        ><a href="https://oldschool.hardcore.lt/xi20/xi20.html">XI20</a></strong
+      >.
+    </p>
+    <p>
+      Jei nori pasirodyti su grupe, rašyk: <strong>1120 (A) hardcore.lt</strong>
+    </p>
+    <p>
+      Pasiklydai, ieškai kaip ateiti? - Klausk pažįstamų pankų, arba rašyk <strong
+        >tourist (A) hardcore.lt</strong
+      >
+    </p>
+    <p>
+      <a href="https://instagram.com/retrito.smarsas">RETRITO SMARSAS</a> - DIY erdvė
+      menininkams
+    </p>
+    <p>
+      <a href="https://kirtimukc.lt">Kirtimų Kultūros Centras</a> - dažnai
+      vykstantys nišiniai garso meno ir muzikos koncertai. Susisiek su jais, jei
+      groji noise arba folk muziką:
+      <strong>renginiai (A) kirtimukc.lt</strong>
+    </p>
+    <p>
+      <a href="https://www.facebook.com/pg/facialtumourbooking/about/"
+        >Facial Tumour Booking</a
+      > - underground muzikos booking crew
+    </p>
+    <h2>Kaunas</h2>
+    <p>
+      Metalistų/"apolitiškas" baras <a
+        href="https://www.facebook.com/LemmyKlubasKaunas/">Lemmy</a
+      >
+    </p>
+    <h2>Alytus</h2>
+    <p>
+      <strong
+        ><a
+          href="http://www.facebook.com/groups/259810918716/"
+          target="_blank"
+          rel="noopener">Fenix baras</a
+        ></strong
       >
-    </li>
-  </ul>
+    </p>
+    <h2>Aplink pasaulį</h2>
+    <p>
+      Gidas apie underground vietas, koncertų organizatorius ir pan. Rytų
+      Europoje, kurį parengė noise-guru Arma: <a
+        href="http://www.arma.lt/p/geography-of-sound.html"
+        >http://www.arma.lt/p/geography-of-sound.html</a
+      >
+    </p>
+    <p class="align-right"><em>Atnaujinta: Lapkritis 2020</em></p>
+  {:else if getLocale() === "fi"}
+    <ul>
+      <li>
+        <a href="https://mp3.hardcore.lt">
+          Musiikkiarkisto: ensimmäisestä kasetille äänitetystä punkista tähän
+          päivään
+        </a>
+      </li>
+    </ul>
 
-  <h2>Vilnius</h2>
-  <p>
-    Paslaptingoji driskių skylė <strong
-      ><a href="https://oldschool.hardcore.lt/xi20/xi20.html">XI20</a></strong
-    >.
-  </p>
-  <p>
-    Jei nori pasirodyti su grupe, rašyk: <strong>1120 (A) hardcore.lt</strong>
-  </p>
-  <p>
-    Pasiklydai, ieškai kaip ateiti? - Klausk pažįstamų pankų, arba rašyk <strong
-      >tourist (A) hardcore.lt</strong
-    >
-  </p>
-  <p>
-    <a href="https://instagram.com/retrito.smarsas">RETRITO SMARSAS</a> - DIY erdvė
-    menininkams
-  </p>
-  <p>
-    <a href="https://kirtimukc.lt">Kirtimų Kultūros Centras</a> - dažnai
-    vykstantys nišiniai garso meno ir muzikos koncertai. Susisiek su jais, jei
-    groji noise arba folk muziką:
-    <strong>renginiai (A) kirtimukc.lt</strong>
-  </p>
-  <p>
-    <a href="https://www.facebook.com/pg/facialtumourbooking/about/"
-      >Facial Tumour Booking</a
-    > - underground muzikos booking crew
-  </p>
-  <h2>Kaunas</h2>
-  <p>
-    Metalistų/"apolitiškas" baras <a
-      href="https://www.facebook.com/LemmyKlubasKaunas/">Lemmy</a
-    >
-  </p>
-  <h2>Alytus</h2>
-  <p>
-    <strong
-      ><a
-        href="http://www.facebook.com/groups/259810918716/"
-        target="_blank"
-        rel="noopener">Fenix baras</a
-      ></strong
-    >
-  </p>
-  <h2>Aplink pasaulį</h2>
-  <p>
-    Gidas apie underground vietas, koncertų organizatorius ir pan. Rytų
-    Europoje, kurį parengė noise-guru Arma: <a
-      href="http://www.arma.lt/p/geography-of-sound.html"
-      >http://www.arma.lt/p/geography-of-sound.html</a
-    >
-  </p>
-  <p class="align-right"><em>Atnaujinta: Lapkritis 2020</em></p>
-{:else if getLocale() === "fi"}
-  <ul>
-    <li>
-      <a href="https://mp3.hardcore.lt">
-        Musiikkiarkisto: ensimmäisestä kasetille äänitetystä punkista tähän
-        päivään
-      </a>
-    </li>
-  </ul>
+    <h2>Vilna</h2>
+    <p>
+      "Se" tee-se-itse -underground-tila on
+      <strong
+        ><a href="https://oldschool.hardcore.lt/xi20/xi20.html">XI20</a></strong
+      >. Punkista avantgarde-jazziin, hardcoresta noiseen.
+    </p>
+    <p>
+      Jos haluat soittaa XI20:ssa bändisi kanssa, ota yhteyttä:
+      <strong>1120 (A) hardcore.lt</strong>
+    </p>
+    <p>
+      Myös matkaajat ovat tervetulleita: kysy paikallisilta miten löytää paikka
+      tai jos olet epätoivoinen, kysy ohjeita osoitteesta
+      <strong>tourist (A) hardcore.lt</strong>
+    </p>
+    <p>
+      Siistimpään ja taiteellisempaan meininkiin tsekkaa
+      <a href="https://instagram.com/retrito.smarsas">RETRITO SMARSAS</a>
+    </p>
+    <p>
+      <a href="https://kirtimukc.lt">KKC</a> eli Kirtimų Kultūros Centras on
+      kaupungin pyörittämä kulttuurikeskus, jota vetävät innostuneet ihmiset.
+      Ota heihin yhteyttä jos teet noisea tai kansanmusiikkia:
+      <strong>renginiai (A) kirtimukc.lt</strong>
+    </p>
+    <p>
+      <a href="https://www.facebook.com/pg/facialtumourbooking/about/">
+        Facial Tumour Booking
+      </a> – keikkajärkkäritiimi synkälle underground-musiikille
+    </p>
 
-  <h2>Vilna</h2>
-  <p>
-    "Se" tee-se-itse -underground-tila on
-    <strong
-      ><a href="https://oldschool.hardcore.lt/xi20/xi20.html">XI20</a></strong
-    >. Punkista avantgarde-jazziin, hardcoresta noiseen.
-  </p>
-  <p>
-    Jos haluat soittaa XI20:ssa bändisi kanssa, ota yhteyttä:
-    <strong>1120 (A) hardcore.lt</strong>
-  </p>
-  <p>
-    Myös matkaajat ovat tervetulleita: kysy paikallisilta miten löytää paikka
-    tai jos olet epätoivoinen, kysy ohjeita osoitteesta
-    <strong>tourist (A) hardcore.lt</strong>
-  </p>
-  <p>
-    Siistimpään ja taiteellisempaan meininkiin tsekkaa
-    <a href="https://instagram.com/retrito.smarsas">RETRITO SMARSAS</a>
-  </p>
-  <p>
-    <a href="https://kirtimukc.lt">KKC</a> eli Kirtimų Kultūros Centras on
-    kaupungin pyörittämä kulttuurikeskus, jota vetävät innostuneet ihmiset. Ota
-    heihin yhteyttä jos teet noisea tai kansanmusiikkia:
-    <strong>renginiai (A) kirtimukc.lt</strong>
-  </p>
-  <p>
-    <a href="https://www.facebook.com/pg/facialtumourbooking/about/">
-      Facial Tumour Booking
-    </a> – keikkajärkkäritiimi synkälle underground-musiikille
-  </p>
+    <h2>Kaunas</h2>
+    <p>
+      Metallipainotteinen/"epäpoliittinen" paikka
+      <a href="https://www.facebook.com/LemmyKlubasKaunas/">Lemmy</a>
+    </p>
 
-  <h2>Kaunas</h2>
-  <p>
-    Metallipainotteinen/"epäpoliittinen" paikka
-    <a href="https://www.facebook.com/LemmyKlubasKaunas/">Lemmy</a>
-  </p>
+    <h2>Alytus</h2>
+    <p>
+      Siellä on <strong>
+        <a
+          href="http://www.facebook.com/groups/259810918716/"
+          target="_blank"
+          rel="noopener"
+        >
+          Fenix-baari
+        </a>
+      </strong>
+    </p>
 
-  <h2>Alytus</h2>
-  <p>
-    Siellä on <strong>
-      <a
-        href="http://www.facebook.com/groups/259810918716/"
-        target="_blank"
-        rel="noopener"
-      >
-        Fenix-baari
+    <h2>Maailma</h2>
+    <p>
+      Itä-Euroopan underground-tilojen, promoottoreiden jne. opas noise-guru
+      Arman kokoamana:
+      <a href="http://www.arma.lt/p/geography-of-sound.html">
+        http://www.arma.lt/p/geography-of-sound.html
       </a>
-    </strong>
-  </p>
+    </p>
 
-  <h2>Maailma</h2>
-  <p>
-    Itä-Euroopan underground-tilojen, promoottoreiden jne. opas noise-guru Arman
-    kokoamana:
-    <a href="http://www.arma.lt/p/geography-of-sound.html">
-      http://www.arma.lt/p/geography-of-sound.html
-    </a>
-  </p>
+    <p class="align-right"><em>viimeksi päivitetty: marraskuu 2020</em></p>
+  {:else}
+    <ul>
+      <li>
+        <a href="https://mp3.hardcore.lt"
+          >Music archive: since first tape-recorded punk till now</a
+        >
+      </li>
+    </ul>
 
-  <p class="align-right"><em>viimeksi päivitetty: marraskuu 2020</em></p>
-{:else}
-  <ul>
-    <li>
-      <a href="https://mp3.hardcore.lt"
-        >Music archive: since first tape-recorded punk till now</a
+    <h2>Vilnius</h2>
+    <p>
+      "The" DIY underground venue is <strong
+        ><a href="https://oldschool.hardcore.lt/xi20/xi20.html">XI20</a></strong
+      >. From punk to vanguard jazz, hardcore to noise.
+    </p>
+    <p>
+      If you want to play at XI20 with your band please contact: <strong
+        >1120 (A) hardcore.lt</strong
       >
-    </li>
-  </ul>
-
-  <h2>Vilnius</h2>
-  <p>
-    "The" DIY underground venue is <strong
-      ><a href="https://oldschool.hardcore.lt/xi20/xi20.html">XI20</a></strong
-    >. From punk to vanguard jazz, hardcore to noise.
-  </p>
-  <p>
-    If you want to play at XI20 with your band please contact: <strong
-      >1120 (A) hardcore.lt</strong
-    >
-  </p>
-  <p>
-    Travellers are also welcome: ask locals how to find the place or if you are
-    desperate ask for directions at <strong>tourist (A) hardcore.lt</strong>
-  </p>
-  <p>
-    For cleaner artsier vibes check out <a
-      href="https://instagram.com/retrito.smarsas">RETRITO SMARSAS</a
-    >
-  </p>
-  <p>
-    <a href="https://kirtimukc.lt">KKC</a> aka Kirtimų Kultūros Centras is a
-    city-run cultural center staffed by enthusiastic people. Get in touch with
-    them if you're noise or folk act:
-    <strong>renginiai (A) kirtimukc.lt</strong>
-  </p>
-  <p>
-    <a href="https://www.facebook.com/pg/facialtumourbooking/about/"
-      >Facial Tumour Booking</a
-    > -- booking crew for dark underground music
-  </p>
-  <h2>Kaunas</h2>
-  <p>
-    Metalhead/"apolitical" venue <a
-      href="https://www.facebook.com/LemmyKlubasKaunas/">Lemmy</a
-    >
-  </p>
-  <h2>Alytus</h2>
-  <p>
-    There is a <strong
-      ><a
-        href="http://www.facebook.com/groups/259810918716/"
-        target="_blank"
-        rel="noopener">Fenix bar</a
-      ></strong
-    >
-  </p>
-  <h2>World</h2>
-  <p>
-    There’s a guide to underground venues/promoters/etc in Eastern Europe, made
-    by the noise-guru Arma: <a
-      href="http://www.arma.lt/p/geography-of-sound.html"
-      >http://www.arma.lt/p/geography-of-sound.html</a
-    >
-  </p>
-  <p class="align-right"><em>last update: November 2020</em></p>
-{/if}
+    </p>
+    <p>
+      Travellers are also welcome: ask locals how to find the place or if you
+      are desperate ask for directions at <strong
+        >tourist (A) hardcore.lt</strong
+      >
+    </p>
+    <p>
+      For cleaner artsier vibes check out <a
+        href="https://instagram.com/retrito.smarsas">RETRITO SMARSAS</a
+      >
+    </p>
+    <p>
+      <a href="https://kirtimukc.lt">KKC</a> aka Kirtimų Kultūros Centras is a
+      city-run cultural center staffed by enthusiastic people. Get in touch with
+      them if you're noise or folk act:
+      <strong>renginiai (A) kirtimukc.lt</strong>
+    </p>
+    <p>
+      <a href="https://www.facebook.com/pg/facialtumourbooking/about/"
+        >Facial Tumour Booking</a
+      > -- booking crew for dark underground music
+    </p>
+    <h2>Kaunas</h2>
+    <p>
+      Metalhead/"apolitical" venue <a
+        href="https://www.facebook.com/LemmyKlubasKaunas/">Lemmy</a
+      >
+    </p>
+    <h2>Alytus</h2>
+    <p>
+      There is a <strong
+        ><a
+          href="http://www.facebook.com/groups/259810918716/"
+          target="_blank"
+          rel="noopener">Fenix bar</a
+        ></strong
+      >
+    </p>
+    <h2>World</h2>
+    <p>
+      There’s a guide to underground venues/promoters/etc in Eastern Europe,
+      made by the noise-guru Arma: <a
+        href="http://www.arma.lt/p/geography-of-sound.html"
+        >http://www.arma.lt/p/geography-of-sound.html</a
+      >
+    </p>
+    <p class="align-right"><em>last update: November 2020</em></p>
+  {/if}
+</div>
 
 <style>
   h2 {
diff --git a/src/routes/blog/+page.svelte b/src/routes/blog/+page.svelte
index 6618a2f..e559905 100644
--- a/src/routes/blog/+page.svelte
+++ b/src/routes/blog/+page.svelte
@@ -59,7 +59,7 @@
       ><FilePlusCorner /> {m.add_new()}</button
     >
   {:else}
-    <div transition:slide>
+    <div transition:slide data-name={m.add_new_post()}>
       <h2><strong>{m.add_new_post()}</strong></h2>
       <div>
         <PostEntryForm
diff --git a/src/routes/blog/[slug]/+page.svelte b/src/routes/blog/[slug]/+page.svelte
index 570cd5a..740487e 100644
--- a/src/routes/blog/[slug]/+page.svelte
+++ b/src/routes/blog/[slug]/+page.svelte
@@ -22,7 +22,7 @@
   <strong><h2 id="comments">{m.comment_plural()}</h2></strong>
 
   {#key post.id}
-    <div id="comments-list">
+    <div id="comments-list" data-name={m.comment_plural()}>
       {#each comments as comment (comment.id)}
         <Comment {...comment} />
       {:else}
diff --git a/src/routes/contacts/+page.svelte b/src/routes/contacts/+page.svelte
index 89fd1b3..0f2e79c 100644
--- a/src/routes/contacts/+page.svelte
+++ b/src/routes/contacts/+page.svelte
@@ -8,52 +8,55 @@
   <MetaTags title={m["navigation.contacts"]()} />
 </svelte:head>
 
-<h1>{m["navigation.contacts"]()}</h1>
+<div class="box" data-name={m["navigation.contacts"]()}>
+  <h1>{m["navigation.contacts"]()}</h1>
 
-{#if getLocale() === "lt"}
-  <p>
-    Norėtum tapti hardcore.lt korespondentu arba turi įdomios medžiagos, kuria
-    mielai pasidalintum? <br />
-    Rašyk puslapio administratoriams:
-  </p>
+  {#if getLocale() === "lt"}
+    <p>
+      Norėtum tapti hardcore.lt korespondentu arba turi įdomios medžiagos, kuria
+      mielai pasidalintum? <br />
+      Rašyk puslapio administratoriams:
+    </p>
 
-  <strong>vilnius (a) hardcore.lt</strong>
+    <strong>vilnius (a) hardcore.lt</strong>
 
-  <p>XI20:</p>
+    <p>XI20:</p>
 
-  <strong>1120 (a) hardcore.lt</strong>
+    <strong>1120 (a) hardcore.lt</strong>
 
-  <p>Klausimai? Ieškai vietinės chebros?</p>
+    <p>Klausimai? Ieškai vietinės chebros?</p>
 
-  <strong>nomad (a) hardcore.lt</strong>
-{:else if getLocale() === "fi"}
-  <p>
-    Onko sinulla jotain mielenkiintoista, mitä haluaisit jakaa kanssamme? <br />
-    Lähetä sähköpostia verkkosivuvastaaville:
-  </p>
+    <strong>nomad (a) hardcore.lt</strong>
+  {:else if getLocale() === "fi"}
+    <p>
+      Onko sinulla jotain mielenkiintoista, mitä haluaisit jakaa kanssamme? <br
+      />
+      Lähetä sähköpostia verkkosivuvastaaville:
+    </p>
 
-  <strong>vilnius (a) hardcore.lt</strong>
+    <strong>vilnius (a) hardcore.lt</strong>
 
-  <p>Jos haluat soittaa bändisi kanssa XI20:ssa, kirjoita osoitteeseen:</p>
+    <p>Jos haluat soittaa bändisi kanssa XI20:ssa, kirjoita osoitteeseen:</p>
 
-  <strong>1120 (a) hardcore.lt</strong>
+    <strong>1120 (a) hardcore.lt</strong>
 
-  <p>Kysymyksiä? Eksyitkö? Haluatko tavata paikallisia punkkareita?</p>
+    <p>Kysymyksiä? Eksyitkö? Haluatko tavata paikallisia punkkareita?</p>
 
-  <strong>nomad (a) hardcore.lt</strong>
-{:else}
-  <p>
-    Do you have anything interesting you'd like to share with us? <br />
-    E-mail the webmasters:
-  </p>
+    <strong>nomad (a) hardcore.lt</strong>
+  {:else}
+    <p>
+      Do you have anything interesting you'd like to share with us? <br />
+      E-mail the webmasters:
+    </p>
 
-  <strong>vilnius (a) hardcore.lt</strong>
+    <strong>vilnius (a) hardcore.lt</strong>
 
-  <p>XI20:</p>
+    <p>XI20:</p>
 
-  <strong>1120 (a) hardcore.lt</strong>
+    <strong>1120 (a) hardcore.lt</strong>
 
-  <p>Questions? Lost? Need to meet local punx?</p>
+    <p>Questions? Lost? Need to meet local punx?</p>
 
-  <strong>nomad (a) hardcore.lt</strong>
-{/if}
+    <strong>nomad (a) hardcore.lt</strong>
+  {/if}
+</div>
diff --git a/src/routes/crew/+page.svelte b/src/routes/crew/+page.svelte
index 488a8c0..01605ba 100644
--- a/src/routes/crew/+page.svelte
+++ b/src/routes/crew/+page.svelte
@@ -6,51 +6,54 @@
 
   let { data, form }: { data: PageServerData; form: ActionData } = $props();
   let displayChangePasswordForm: boolean = $state(false);
+  let helloMsg: string = $derived(`${m.hello()}, ${data.user.username}!`);
 </script>
 
 <svelte:head>
   <MetaTags title="Crew" />
 </svelte:head>
 
-<h2>{m.hello()}, {data.user.username}!</h2>
-<div class="user-info text-block">
-  {m.your_userid()}
-  <pre class="inline">{data.user.id}</pre>
-</div>
+<div data-name={helloMsg}>
+  <h2>{helloMsg}</h2>
+  <div class="user-info text-block">
+    {m.your_userid()}
+    <pre class="inline">{data.user.id}</pre>
+  </div>
 
-<div>
-  <form method="post" action="?/logout" use:enhance>
-    <button>{m.sign_out()}</button>
-  </form>
-</div>
+  <div>
+    <form method="post" action="?/logout" use:enhance>
+      <button>{m.sign_out()}</button>
+    </form>
+  </div>
 
-{#if displayChangePasswordForm}
-  <br /><br />
-  <h2>{m["password_form.change_password"]()}</h2>
-  <form method="post" action="?/change_password" use:enhance>
-    <label for="password">{m["password_form.current_password"]()}</label>
-    <input type="password" name="password" />
-    <label for="newPassword">{m["password_form.new_password"]()}</label>
-    <input type="password" name="newPass" />
-    <label for="newPassRepeat">{m["password_form.repeat_password"]()}</label>
-    <input type="password" name="newPassRepeat" />
-    <br />
-    <button>{m.submit_form()}</button>
-    <button type="button" onclick={() => (displayChangePasswordForm = false)}
-      >{m.cancel()}</button
-    >
-  </form>
-  {#if form?.msg}
-    <div class="field-error">
-      <strong>
-        {form?.msg ?? ""}
-      </strong>
+  {#if displayChangePasswordForm}
+    <br /><br />
+    <h2>{m["password_form.change_password"]()}</h2>
+    <form method="post" action="?/change_password" use:enhance>
+      <label for="password">{m["password_form.current_password"]()}</label>
+      <input type="password" name="password" />
+      <label for="newPassword">{m["password_form.new_password"]()}</label>
+      <input type="password" name="newPass" />
+      <label for="newPassRepeat">{m["password_form.repeat_password"]()}</label>
+      <input type="password" name="newPassRepeat" />
+      <br />
+      <button>{m.submit_form()}</button>
+      <button type="button" onclick={() => (displayChangePasswordForm = false)}
+        >{m.cancel()}</button
+      >
+    </form>
+    {#if form?.msg}
+      <div class="field-error">
+        <strong>
+          {form?.msg ?? ""}
+        </strong>
+      </div>
+    {/if}
+  {:else}
+    <div>
+      <button type="button" onclick={() => (displayChangePasswordForm = true)}
+        >{m["password_form.change_password"]()}</button
+      >
     </div>
   {/if}
-{:else}
-  <div>
-    <button type="button" onclick={() => (displayChangePasswordForm = true)}
-      >{m["password_form.change_password"]()}</button
-    >
-  </div>
-{/if}
+</div>
diff --git a/src/routes/crew/jail/+page.svelte b/src/routes/crew/jail/+page.svelte
index 913371d..db1b134 100644
--- a/src/routes/crew/jail/+page.svelte
+++ b/src/routes/crew/jail/+page.svelte
@@ -13,18 +13,20 @@
   <MetaTags title="Blocked IPs" />
 </svelte:head>
 
-<h2>{m.blocked_ips_heading()}</h2>
+<div data-name={m.blocked_ips_heading()}>
+  <h2>{m.blocked_ips_heading()}</h2>
 
-{#if banlist.length > 0}
-  <div>{m.blocked_ips_description()}</div>
-{:else}
-  <div>{m.blocked_ips_no_entries()}</div>
-{/if}
+  {#if banlist.length > 0}
+    <div>{m.blocked_ips_description()}</div>
+  {:else}
+    <div>{m.blocked_ips_no_entries()}</div>
+  {/if}
 
-<ul>
-  {#each banlist as ban (ban.id)}
-    <li>
-      <BannedAddress {...ban} />
-    </li>
-  {/each}
-</ul>
+  <ul>
+    {#each banlist as ban (ban.id)}
+      <li>
+        <BannedAddress {...ban} />
+      </li>
+    {/each}
+  </ul>
+</div>
diff --git a/src/routes/crew/login/+page.svelte b/src/routes/crew/login/+page.svelte
index 0ed863a..bf4904d 100644
--- a/src/routes/crew/login/+page.svelte
+++ b/src/routes/crew/login/+page.svelte
@@ -13,20 +13,22 @@
   <MetaTags title="Login" />
 </svelte:head>
 
-<h1>Crew?</h1>
-{#if canRegister}
-  {m.register_user_first_time()}
-{/if}
-<form method="post" action="?/login" use:enhance>
-  <label for="username">{m.username()}</label>
-  <input name="username" />
-  <label for="password">{m.password()}</label>
-  <input type="password" name="password" />
-  <br />
+<div data-name="Crew">
+  <h1>Crew?</h1>
   {#if canRegister}
-    <button formaction="?/register">{m.register()}</button>
-  {:else}
-    <button>{m.login()}</button>
+    {m.register_user_first_time()}
   {/if}
-</form>
-<p class="field-error">{form?.message ?? ""}</p>
+  <form method="post" action="?/login" use:enhance>
+    <label for="username">{m.username()}</label>
+    <input name="username" />
+    <label for="password">{m.password()}</label>
+    <input type="password" name="password" />
+    <br />
+    {#if canRegister}
+      <button formaction="?/register">{m.register()}</button>
+    {:else}
+      <button>{m.login()}</button>
+    {/if}
+  </form>
+  <p class="field-error">{form?.message ?? ""}</p>
+</div>
diff --git a/src/routes/crew/users/+page.svelte b/src/routes/crew/users/+page.svelte
index 814af5e..073b8e2 100644
--- a/src/routes/crew/users/+page.svelte
+++ b/src/routes/crew/users/+page.svelte
@@ -13,42 +13,44 @@
   <MetaTags title="Users" />
 </svelte:head>
 
-<h2>{m.users()}</h2>
-{#if users.length > 0}
-  <div>{m.list_of_users()}</div>
-{/if}
+<div data-name={m.users()}>
+  <h2>{m.users()}</h2>
+  {#if users.length > 0}
+    <div>{m.list_of_users()}</div>
+  {/if}
 
-<ul>
-  {#each users as user (user.id)}
-    <li>{user.username}</li>
-  {/each}
-</ul>
+  <ul>
+    {#each users as user (user.id)}
+      <li>{user.username}</li>
+    {/each}
+  </ul>
 
-{#if displayRegisterForm}
-  <hr class="long" />
-  <h2>{m.register_user()}</h2>
-  <form method="post" action="?/register" use:enhance>
-    <label for="username">{m.username()}</label>
-    <input name="username" />
-    <label for="password">{m.password()}</label>
-    <input type="password" name="password" />
-    <br />
-    <button>{m.submit_form()}</button>
-    <button type="button" onclick={() => (displayRegisterForm = false)}
-      >{m.cancel()}</button
-    >
-  </form>
-  {#if form?.message}
-    <div class="field-error">
-      <strong>
-        {form?.message ?? ""}
-      </strong>
+  {#if displayRegisterForm}
+    <hr class="long" />
+    <h2>{m.register_user()}</h2>
+    <form method="post" action="?/register" use:enhance>
+      <label for="username">{m.username()}</label>
+      <input name="username" />
+      <label for="password">{m.password()}</label>
+      <input type="password" name="password" />
+      <br />
+      <button>{m.submit_form()}</button>
+      <button type="button" onclick={() => (displayRegisterForm = false)}
+        >{m.cancel()}</button
+      >
+    </form>
+    {#if form?.message}
+      <div class="field-error">
+        <strong>
+          {form?.message ?? ""}
+        </strong>
+      </div>
+    {/if}
+  {:else}
+    <div>
+      <button type="button" onclick={() => (displayRegisterForm = true)}
+        >{m.register_user()}</button
+      >
     </div>
   {/if}
-{:else}
-  <div>
-    <button type="button" onclick={() => (displayRegisterForm = true)}
-      >{m.register_user()}</button
-    >
-  </div>
-{/if}
+</div>
diff --git a/src/routes/events/+page.svelte b/src/routes/events/+page.svelte
index 0b91464..0dc799e 100644
--- a/src/routes/events/+page.svelte
+++ b/src/routes/events/+page.svelte
@@ -103,7 +103,11 @@
       onclick={() => (entryMode = true)}><CalendarPlus /> {m.add_new()}</button
     >
   {:else}
-    <div transition:slide class="event-entry-form">
+    <div
+      transition:slide
+      class="event-entry-form"
+      data-name={m.add_new_event()}
+    >
       <h2><strong>{m.add_new_event()}</strong></h2>
       <div class="form-row">
         <EventEntryForm
diff --git a/src/routes/events/[slug]/+page.svelte b/src/routes/events/[slug]/+page.svelte
index 31edc00..e889e5d 100644
--- a/src/routes/events/[slug]/+page.svelte
+++ b/src/routes/events/[slug]/+page.svelte
@@ -29,7 +29,7 @@
   <strong><h2 id="comments">{m.comment_plural()}</h2></strong>
 
   {#key event.id}
-    <div id="comments-list">
+    <div id="comments-list" data-name={m.comment_plural()}>
       {#each comments as comment (comment.id)}
         <Comment {...comment} />
       {:else}
diff --git a/src/routes/xi20-guidelines/+page.svelte b/src/routes/xi20-guidelines/+page.svelte
index 03d41f5..a79cee0 100644
--- a/src/routes/xi20-guidelines/+page.svelte
+++ b/src/routes/xi20-guidelines/+page.svelte
@@ -5,29 +5,36 @@
   import contentLt from "./xi20-guidelines-lt.md?raw";
   import contentEn from "./xi20-guidelines-en.md?raw";
   import contentFi from "./xi20-guidelines-fi.md?raw";
+
+  const title = $derived(
+    getLocale() === "lt"
+      ? "Vienuolika sakinių apie tūsą XI20 arba kaip nebūti dalbajobu"
+      : getLocale() === "fi"
+        ? "Yksitoista lausetta bilettämisestä XI20:ssä eli miten olla olematta idiootti"
+        : "Eleven sentences on partying at XI20 or how not to be a dumbfuck",
+  );
 </script>
 
 <svelte:head>
-  <MetaTags
-    title="XI20 Guidelines"
-    description="Eleven sentences on partying at XI20 or how not to be a dumbfuck"
-  />
+  <MetaTags {title} description={title} />
 </svelte:head>
 
-{#if getLocale() === "lt"}
-  <h1>VIENUOLIKA SAKINIŲ APIE TŪSĄ XI20 ARBA KAIP NEBŪTI DALBAJOBU</h1>
-  <Markdown md={contentLt} />
-{/if}
+<div class="box" data-name={title}>
+  {#if getLocale() === "lt"}
+    <h1>VIENUOLIKA SAKINIŲ APIE TŪSĄ XI20 ARBA KAIP NEBŪTI DALBAJOBU</h1>
+    <Markdown md={contentLt} />
+  {/if}
 
-{#if getLocale() === "en"}
-  <h1>ELEVEN SENTENCES ON PARTYING AT XI20 OR HOW NOT TO BE A DUMBFUCK</h1>
-  <Markdown md={contentEn} />
-{/if}
+  {#if getLocale() === "en"}
+    <h1>ELEVEN SENTENCES ON PARTYING AT XI20 OR HOW NOT TO BE A DUMBFUCK</h1>
+    <Markdown md={contentEn} />
+  {/if}
 
-{#if getLocale() === "fi"}
-  <h1>
-    YKSITOISTA LAUSETTA BILETTÄMISESTÄ XI20:SSÄ ELI MITEN OLLA OLEMATTAA
-    IDIOOTTI
-  </h1>
-  <Markdown md={contentFi} />
-{/if}
+  {#if getLocale() === "fi"}
+    <h1>
+      YKSITOISTA LAUSETTA BILETTÄMISESTÄ XI20:SSÄ ELI MITEN OLLA OLEMATTAA
+      IDIOOTTI
+    </h1>
+    <Markdown md={contentFi} />
+  {/if}
+</div>
diff --git a/static/styles/greensteam/checkmark.png b/static/styles/greensteam/checkmark.png
new file mode 100644
index 0000000..9689a33
Binary files /dev/null and b/static/styles/greensteam/checkmark.png differ
diff --git a/static/styles/greensteam/close.png b/static/styles/greensteam/close.png
new file mode 100644
index 0000000..c2880ad
Binary files /dev/null and b/static/styles/greensteam/close.png differ
diff --git a/static/styles/greensteam/close2.png b/static/styles/greensteam/close2.png
new file mode 100644
index 0000000..fbc5175
Binary files /dev/null and b/static/styles/greensteam/close2.png differ
diff --git a/static/styles/greensteam/minimize.png b/static/styles/greensteam/minimize.png
new file mode 100644
index 0000000..48511b2
Binary files /dev/null and b/static/styles/greensteam/minimize.png differ
diff --git a/static/styles/greensteam/minimize2.png b/static/styles/greensteam/minimize2.png
new file mode 100644
index 0000000..3c3d7ca
Binary files /dev/null and b/static/styles/greensteam/minimize2.png differ
diff --git a/static/styles/greensteam/radio_off.png b/static/styles/greensteam/radio_off.png
new file mode 100644
index 0000000..658e1ca
Binary files /dev/null and b/static/styles/greensteam/radio_off.png differ
diff --git a/static/styles/greensteam/radio_on.png b/static/styles/greensteam/radio_on.png
new file mode 100644
index 0000000..24ce46d
Binary files /dev/null and b/static/styles/greensteam/radio_on.png differ
diff --git a/static/styles/greensteam/resize.png b/static/styles/greensteam/resize.png
new file mode 100644
index 0000000..e877855
Binary files /dev/null and b/static/styles/greensteam/resize.png differ
diff --git a/static/styles/greensteam/scroll_down.png b/static/styles/greensteam/scroll_down.png
new file mode 100644
index 0000000..905851e
Binary files /dev/null and b/static/styles/greensteam/scroll_down.png differ
diff --git a/static/styles/greensteam/scroll_left.png b/static/styles/greensteam/scroll_left.png
new file mode 100644
index 0000000..5d95d7c
Binary files /dev/null and b/static/styles/greensteam/scroll_left.png differ
diff --git a/static/styles/greensteam/scroll_right.png b/static/styles/greensteam/scroll_right.png
new file mode 100644
index 0000000..15f2cc8
Binary files /dev/null and b/static/styles/greensteam/scroll_right.png differ
diff --git a/static/styles/greensteam/scroll_up.png b/static/styles/greensteam/scroll_up.png
new file mode 100644
index 0000000..99289e7
Binary files /dev/null and b/static/styles/greensteam/scroll_up.png differ
diff --git a/static/styles/greensteam/sliderticks.png b/static/styles/greensteam/sliderticks.png
new file mode 100644
index 0000000..578bb98
Binary files /dev/null and b/static/styles/greensteam/sliderticks.png differ
diff --git a/static/styles/greensteam/steamico.png b/static/styles/greensteam/steamico.png
new file mode 100644
index 0000000..b1c684b
Binary files /dev/null and b/static/styles/greensteam/steamico.png differ