diff --git a/biome.json b/biome.json
index 6ff11a0..6b4b2c2 100644
--- a/biome.json
+++ b/biome.json
@@ -1,5 +1,5 @@
 {
-	"$schema": "https://biomejs.dev/schemas/2.5.7/schema.json",
+	"$schema": "https://biomejs.dev/schemas/2.5.8/schema.json",
 	"vcs": {
 		"enabled": true,
 		"clientKind": "git",
diff --git a/package-lock.json b/package-lock.json
index 7efd05f..fb529a1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,7 +8,7 @@
 			"name": "tinysub",
 			"version": "2.48.2",
 			"devDependencies": {
-				"@biomejs/biome": "2.5.7",
+				"@biomejs/biome": "2.5.8",
 				"@intergrav/famfamfam-silk-svg": "^1.0.0",
 				"@sveltejs/vite-plugin-svelte": "^7.3.0",
 				"@tsconfig/svelte": "^5.0.8",
@@ -17,12 +17,12 @@
 				"@vite-pwa/assets-generator": "^1.0.2",
 				"colorthief": "^3.5.0",
 				"heroicons": "^2.2.0",
-				"knip": "^6.32.0",
+				"knip": "^6.32.2",
 				"lucide-static": "^1.31.0",
 				"modern-normalize": "^3.0.1",
 				"spark-md5": "^3.0.2",
-				"svelte": "^5.56.8",
-				"svelte-check": "^4.7.5",
+				"svelte": "^5.56.9",
+				"svelte-check": "^4.7.6",
 				"typescript": "^6.0.3",
 				"virtua": "^0.50.1",
 				"vite": "^8.2.1",
@@ -1640,9 +1640,9 @@
 			}
 		},
 		"node_modules/@biomejs/biome": {
-			"version": "2.5.7",
-			"resolved": "https://registry.npmjs.org/@biomejs/biome/-/biome-2.5.7.tgz",
-			"integrity": "sha512-zr8K/DcY5tYsQOQwqMJ0AWElo6QgmgNI7idXgXLhevVszlt8RGVpesEJPqx3ThazLaOwjJ5Y8fz3BtH5fGZNsw==",
+			"version": "2.5.8",
+			"resolved": "https://registry.npmjs.org/@biomejs/biome/-/biome-2.5.8.tgz",
+			"integrity": "sha512-aeAeeJB9fSDc7Gq+2GqpQxA0qBj6gj1k2R6L1cYqGePKP/baIq1WX8y6B+D+nRsO5ViQL22K/8IwbqERW0q1nw==",
 			"dev": true,
 			"license": "MIT OR Apache-2.0",
 			"bin": {
@@ -1656,20 +1656,20 @@
 				"url": "https://opencollective.com/biome"
 			},
 			"optionalDependencies": {
-				"@biomejs/cli-darwin-arm64": "2.5.7",
-				"@biomejs/cli-darwin-x64": "2.5.7",
-				"@biomejs/cli-linux-arm64": "2.5.7",
-				"@biomejs/cli-linux-arm64-musl": "2.5.7",
-				"@biomejs/cli-linux-x64": "2.5.7",
-				"@biomejs/cli-linux-x64-musl": "2.5.7",
-				"@biomejs/cli-win32-arm64": "2.5.7",
-				"@biomejs/cli-win32-x64": "2.5.7"
+				"@biomejs/cli-darwin-arm64": "2.5.8",
+				"@biomejs/cli-darwin-x64": "2.5.8",
+				"@biomejs/cli-linux-arm64": "2.5.8",
+				"@biomejs/cli-linux-arm64-musl": "2.5.8",
+				"@biomejs/cli-linux-x64": "2.5.8",
+				"@biomejs/cli-linux-x64-musl": "2.5.8",
+				"@biomejs/cli-win32-arm64": "2.5.8",
+				"@biomejs/cli-win32-x64": "2.5.8"
 			}
 		},
 		"node_modules/@biomejs/cli-darwin-arm64": {
-			"version": "2.5.7",
-			"resolved": "https://registry.npmjs.org/@biomejs/cli-darwin-arm64/-/cli-darwin-arm64-2.5.7.tgz",
-			"integrity": "sha512-vxo/Ls3/PYdQWyLhYYcgMOCzQypAjcY+iihS8M0wW03l16TCLW4zqZzGo75gm1VdCMj38hTVZ31KBWrZ4G9dJw==",
+			"version": "2.5.8",
+			"resolved": "https://registry.npmjs.org/@biomejs/cli-darwin-arm64/-/cli-darwin-arm64-2.5.8.tgz",
+			"integrity": "sha512-mk1QON9PHllvvLN5gU3f4rMxeh4syK5p9OvKyWH6/W8ueh04uaC8TUXXByhGufWf/y5mQc03ZLM45zU+cmqMjA==",
 			"cpu": [
 				"arm64"
 			],
@@ -1684,9 +1684,9 @@
 			}
 		},
 		"node_modules/@biomejs/cli-darwin-x64": {
-			"version": "2.5.7",
-			"resolved": "https://registry.npmjs.org/@biomejs/cli-darwin-x64/-/cli-darwin-x64-2.5.7.tgz",
-			"integrity": "sha512-Cd3Ga61amT/Yl/0x8elP5hhGYaFy4bw6WuysTgf7oo8TA5tJ5A1k+DkVoJ2BHbTVil51gTX9VPzArnrlLJ3Kyg==",
+			"version": "2.5.8",
+			"resolved": "https://registry.npmjs.org/@biomejs/cli-darwin-x64/-/cli-darwin-x64-2.5.8.tgz",
+			"integrity": "sha512-bsGwFMBNyHPyiLSsQcZJxdoRrg1V4JL+d7wEsvUBczlP9U9lwM+7mzQHxI4o1mhBsTmdOBbAb6fHU3Z3snN45w==",
 			"cpu": [
 				"x64"
 			],
@@ -1701,9 +1701,9 @@
 			}
 		},
 		"node_modules/@biomejs/cli-linux-arm64": {
-			"version": "2.5.7",
-			"resolved": "https://registry.npmjs.org/@biomejs/cli-linux-arm64/-/cli-linux-arm64-2.5.7.tgz",
-			"integrity": "sha512-rR2QE0yF2GYSuYuKIa7pKvODGJqnOH+2eDREAM8wV+mWKSkMQKdAp4zXEZfTaxY8PMoNONnpgSWcBCyLDPDOKg==",
+			"version": "2.5.8",
+			"resolved": "https://registry.npmjs.org/@biomejs/cli-linux-arm64/-/cli-linux-arm64-2.5.8.tgz",
+			"integrity": "sha512-XmFiA0WPYFC+uiUDC8WRFzAIH9bo7vwQLav38Uoq4ETC+T/+uBi0TsYGJECkugY3r8USl3jc+Ae2/irAF6F2lQ==",
 			"cpu": [
 				"arm64"
 			],
@@ -1721,9 +1721,9 @@
 			}
 		},
 		"node_modules/@biomejs/cli-linux-arm64-musl": {
-			"version": "2.5.7",
-			"resolved": "https://registry.npmjs.org/@biomejs/cli-linux-arm64-musl/-/cli-linux-arm64-musl-2.5.7.tgz",
-			"integrity": "sha512-xPI5yB6XlpDbNkS+bm1t42olw5c4l3UrlOmLg7KtLJvjvkNF/1V4tnUgfkylGIeb3u/T+BzMGYqgQhzjAoJzuQ==",
+			"version": "2.5.8",
+			"resolved": "https://registry.npmjs.org/@biomejs/cli-linux-arm64-musl/-/cli-linux-arm64-musl-2.5.8.tgz",
+			"integrity": "sha512-VcJNbstduTHx83NGAdhp78/JOcP45BZHXL7yNsfI1uGzdUgegAz2s+mSoT7wK6PBNzLoqG0zDOXaz/RQYVtSiw==",
 			"cpu": [
 				"arm64"
 			],
@@ -1741,9 +1741,9 @@
 			}
 		},
 		"node_modules/@biomejs/cli-linux-x64": {
-			"version": "2.5.7",
-			"resolved": "https://registry.npmjs.org/@biomejs/cli-linux-x64/-/cli-linux-x64-2.5.7.tgz",
-			"integrity": "sha512-FQgqJhscrqJUFptGaRSUJWlXAExwWcDwLuK49dvKfkQ1bB5SEEyFssnsxQY83Xm6jR0EbbX3+8+D5bfvYqUG2Q==",
+			"version": "2.5.8",
+			"resolved": "https://registry.npmjs.org/@biomejs/cli-linux-x64/-/cli-linux-x64-2.5.8.tgz",
+			"integrity": "sha512-S5wcm9OBDvLHodD4PUaN488hCpco9QD/9ZxuYJiw4euWtr/oQvLR72z2ixItH8Wd5BCm6FZaeb+YNvOoM1xHtQ==",
 			"cpu": [
 				"x64"
 			],
@@ -1761,9 +1761,9 @@
 			}
 		},
 		"node_modules/@biomejs/cli-linux-x64-musl": {
-			"version": "2.5.7",
-			"resolved": "https://registry.npmjs.org/@biomejs/cli-linux-x64-musl/-/cli-linux-x64-musl-2.5.7.tgz",
-			"integrity": "sha512-rE5VZi+qtmPgQH+l7jVxYoZ18b/TiHEhulhMpjmCZH1PltSbjRcxNWywC3HZ9tYottG7ORkeTtoscBilKSBm0g==",
+			"version": "2.5.8",
+			"resolved": "https://registry.npmjs.org/@biomejs/cli-linux-x64-musl/-/cli-linux-x64-musl-2.5.8.tgz",
+			"integrity": "sha512-kKmiyokeISRGq2FLwvr+TzsgBusfxaZ0FZNLcOYOpCK/78tRrEjeEBLvq3xLZMpqbANgJdRPI7vZX8ZL37u9/w==",
 			"cpu": [
 				"x64"
 			],
@@ -1781,9 +1781,9 @@
 			}
 		},
 		"node_modules/@biomejs/cli-win32-arm64": {
-			"version": "2.5.7",
-			"resolved": "https://registry.npmjs.org/@biomejs/cli-win32-arm64/-/cli-win32-arm64-2.5.7.tgz",
-			"integrity": "sha512-Oq4x0CCwP4jirrcTywXs5kOGZ4v5vuEP+gWrbtjApOA2CL9F3F9GlIdQIci8AKSCa/zURanMRpX/4wQ7Am6hHg==",
+			"version": "2.5.8",
+			"resolved": "https://registry.npmjs.org/@biomejs/cli-win32-arm64/-/cli-win32-arm64-2.5.8.tgz",
+			"integrity": "sha512-nILH0mzm3Hi3iEdd7o7GpB8kBR/mSQwfQG/tyBqyNrY2GFtcgwfV9nV8xLmbtUpMNY/Oi0Ml1XgfR4flOdq+AA==",
 			"cpu": [
 				"arm64"
 			],
@@ -1798,9 +1798,9 @@
 			}
 		},
 		"node_modules/@biomejs/cli-win32-x64": {
-			"version": "2.5.7",
-			"resolved": "https://registry.npmjs.org/@biomejs/cli-win32-x64/-/cli-win32-x64-2.5.7.tgz",
-			"integrity": "sha512-V+0wu/nrj2S+MhP4EQ0uHNolP0IALEsz45pg0WoKkHfDeh0+ItHwP/p7bX5RPoMOl9NkpHYWdYPhIcy2mACHvQ==",
+			"version": "2.5.8",
+			"resolved": "https://registry.npmjs.org/@biomejs/cli-win32-x64/-/cli-win32-x64-2.5.8.tgz",
+			"integrity": "sha512-I2czzXTY61f3nFJxXoMDq80t7MivxDEnCjE+8sDKoFfcKMaoQdkqhIFQ3KyY0XLzeSpUBYeNAXgD+iOV/BU0VA==",
 			"cpu": [
 				"x64"
 			],
@@ -2369,9 +2369,9 @@
 			}
 		},
 		"node_modules/@napi-rs/wasm-runtime": {
-			"version": "1.2.2",
-			"resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.2.2.tgz",
-			"integrity": "sha512-JfB4kuJQjaoHuCTseIINHtHWeJnvgEcxjwA5t/Y00ZgaOO1Crz3fjT/p8kT28zA/Caz7oiUMn3d6H2yOVCVwuw==",
+			"version": "1.2.3",
+			"resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.2.3.tgz",
+			"integrity": "sha512-UMduMbqO5s5zF2NkNacMT/yK5Y5QiKvWr2+50bzIIxFDwVJ2h49b+oyjaCGPhJxd2/gC2x39EHv/gHVuu36x2Q==",
 			"dev": true,
 			"license": "MIT",
 			"optional": true,
@@ -2386,14 +2386,14 @@
 				"url": "https://github.com/sponsors/Brooooooklyn"
 			},
 			"peerDependencies": {
-				"@emnapi/core": "^1.7.1 || ^2.0.0-alpha.3",
-				"@emnapi/runtime": "^1.7.1 || ^2.0.0-alpha.3"
+				"@emnapi/core": "^1.7.1 || ^2.0.0-alpha.4",
+				"@emnapi/runtime": "^1.7.1 || ^2.0.0-alpha.4"
 			}
 		},
 		"node_modules/@oxc-parser/binding-android-arm-eabi": {
-			"version": "0.142.0",
-			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-android-arm-eabi/-/binding-android-arm-eabi-0.142.0.tgz",
-			"integrity": "sha512-ZiRGDutGsv1G6bL/ozy/koC0Sv39T1DqyoC4KD1DOy9ZoACm1O5UWhEK2c02Qdk+4lfLVkvFa/mQ0fm/4h1BtQ==",
+			"version": "0.143.0",
+			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-android-arm-eabi/-/binding-android-arm-eabi-0.143.0.tgz",
+			"integrity": "sha512-n9uozULWflPqBtdmI8lAabLqGKNgLVNN0ZH8HfgCwpKGNtzRzauB76jTiW/3YLkcA7N1zskpi9GdVnZuu1SAvg==",
 			"cpu": [
 				"arm"
 			],
@@ -2408,9 +2408,9 @@
 			}
 		},
 		"node_modules/@oxc-parser/binding-android-arm64": {
-			"version": "0.142.0",
-			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-android-arm64/-/binding-android-arm64-0.142.0.tgz",
-			"integrity": "sha512-WZkvGRLNQTz8lR9zP5nLjUdlroRCopBu3g9zF1p/laE6DzT1UbQo8Rdz5MWhaJUPYg/6gp+jo7HUgsyKaN1FtQ==",
+			"version": "0.143.0",
+			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-android-arm64/-/binding-android-arm64-0.143.0.tgz",
+			"integrity": "sha512-9BbdjHETk6O3zH/DDid9IgBtF0GlpLabNKN231uraXpRDSfY+iiZxTP5bk1Z63GBownVdhdINFIeddmMz4MzpQ==",
 			"cpu": [
 				"arm64"
 			],
@@ -2425,9 +2425,9 @@
 			}
 		},
 		"node_modules/@oxc-parser/binding-darwin-arm64": {
-			"version": "0.142.0",
-			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-darwin-arm64/-/binding-darwin-arm64-0.142.0.tgz",
-			"integrity": "sha512-l4khS8LQOOVYsGRVARo1gSaCT/aBSceUVXgtovWc2+drnxVuDr082WA3OCHVdVzIz5JIrP/y9CWsSKxBDNmYGg==",
+			"version": "0.143.0",
+			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-darwin-arm64/-/binding-darwin-arm64-0.143.0.tgz",
+			"integrity": "sha512-gh+6ecoHUy4/sUcolBl/1qPXKBbYNxFY0Pk0ujgQvINTMSftJY7o4yb8gOkDJPeZeB8+a+u7xTe6umoP8N5HFA==",
 			"cpu": [
 				"arm64"
 			],
@@ -2442,9 +2442,9 @@
 			}
 		},
 		"node_modules/@oxc-parser/binding-darwin-x64": {
-			"version": "0.142.0",
-			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-darwin-x64/-/binding-darwin-x64-0.142.0.tgz",
-			"integrity": "sha512-QBsNF3nqlXmcH2B1YOPqQYmCJoy4HuIjUxGbBO/k5JAJUl68ghU2psRY2zPk+RyBaWqKP/qfL4oaFgEMCdwskA==",
+			"version": "0.143.0",
+			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-darwin-x64/-/binding-darwin-x64-0.143.0.tgz",
+			"integrity": "sha512-qd1hl2d+lXgHv/VQ/M9qm8TrMC5T4RqDBwtOnl+1D0QMjwcz+8AaB4JSg8STgeag0GP6a6L74XEGAsrTSJWNzQ==",
 			"cpu": [
 				"x64"
 			],
@@ -2459,9 +2459,9 @@
 			}
 		},
 		"node_modules/@oxc-parser/binding-freebsd-x64": {
-			"version": "0.142.0",
-			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-freebsd-x64/-/binding-freebsd-x64-0.142.0.tgz",
-			"integrity": "sha512-b7Q7m4Cqc6XqNhri3R+QhU+GVy646Pn+bkdhrDdWym/Fdi0ZUa+d73H9dm5H91JtbtAQ/z1d8XKMW3oOV8a4tQ==",
+			"version": "0.143.0",
+			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-freebsd-x64/-/binding-freebsd-x64-0.143.0.tgz",
+			"integrity": "sha512-M5XXcNa7aOqLPKTR41msfghKu2yQ4xWvCm11/gwU0JzOzHNk5sgW//rVEjJ+LO48+VDAMzXTSzurUVxIDKwozw==",
 			"cpu": [
 				"x64"
 			],
@@ -2476,9 +2476,9 @@
 			}
 		},
 		"node_modules/@oxc-parser/binding-linux-arm-gnueabihf": {
-			"version": "0.142.0",
-			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-0.142.0.tgz",
-			"integrity": "sha512-3riVS5IhdH3uCZj1Y9ftDQlR0dvLsIlw/edrRqk8JhgNd5K0XSs+UBtgh50N13CAlW9/TXj6sVGXaKNBocd0Yg==",
+			"version": "0.143.0",
+			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-0.143.0.tgz",
+			"integrity": "sha512-T/GXusuOkPNQhCQCSBbcU/N8j0rAypuDBl1IyFK+lyYT594XsVz80clPC/OtbSSpBGyJxj8uYEfctxVuxVYoww==",
 			"cpu": [
 				"arm"
 			],
@@ -2493,9 +2493,9 @@
 			}
 		},
 		"node_modules/@oxc-parser/binding-linux-arm-musleabihf": {
-			"version": "0.142.0",
-			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-arm-musleabihf/-/binding-linux-arm-musleabihf-0.142.0.tgz",
-			"integrity": "sha512-NmXUOpgpTSkhl795TiXmWppTwmSJ92RC1qvD6e4XOF+slgmo3e6Ah+kEu+6AN8s7NAOEwqGmir58MgSQSWmBSA==",
+			"version": "0.143.0",
+			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-arm-musleabihf/-/binding-linux-arm-musleabihf-0.143.0.tgz",
+			"integrity": "sha512-oKu4RcBlXSqo3OC62dp6YTnQaZIurNDpCX3BnAM3+bJxt7s8J2TJKMnC0UYer1qhlRaDCg6wkTaTw+2IlsZ12w==",
 			"cpu": [
 				"arm"
 			],
@@ -2510,9 +2510,9 @@
 			}
 		},
 		"node_modules/@oxc-parser/binding-linux-arm64-gnu": {
-			"version": "0.142.0",
-			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-0.142.0.tgz",
-			"integrity": "sha512-gc0EXsKtXgerujmU2Bql3u1L1HsSQ2774R83idq/FoNMPVV/RY/1ErFsvnit7KoiP/sLvzQixeUo4Ut0ic0wmw==",
+			"version": "0.143.0",
+			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-0.143.0.tgz",
+			"integrity": "sha512-WJBbD186AZmMGaSIhlktC+rPl8L3peCTXAh88Ih9uEvK0en2mPojGyCGYiL6mHtV1RPV3JyfJW5t6n5hh0lXhA==",
 			"cpu": [
 				"arm64"
 			],
@@ -2530,9 +2530,9 @@
 			}
 		},
 		"node_modules/@oxc-parser/binding-linux-arm64-musl": {
-			"version": "0.142.0",
-			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-arm64-musl/-/binding-linux-arm64-musl-0.142.0.tgz",
-			"integrity": "sha512-F2XvmWSE0uWpie+jHKKIFgdVOe9ypGhkEZxKx5DuW215K6cbAC274yYaPkcM7EqY4Df3Weyhpcz3lsURyH2LVg==",
+			"version": "0.143.0",
+			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-arm64-musl/-/binding-linux-arm64-musl-0.143.0.tgz",
+			"integrity": "sha512-t1AcYOwEzgceadT4v5e+vaCCb0AncCA3v5AyzfBAz/tMq11qzVccXKzNHtkWdjBsgvTKwRkaUF3QvT4kot8vcQ==",
 			"cpu": [
 				"arm64"
 			],
@@ -2550,9 +2550,9 @@
 			}
 		},
 		"node_modules/@oxc-parser/binding-linux-ppc64-gnu": {
-			"version": "0.142.0",
-			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-0.142.0.tgz",
-			"integrity": "sha512-wLMbT21U/QxknQsk+VvNF0b9D2/aGWhcaQQQ+VYlE8FwD5+GoWZIPPXNzyHmkYyhm0KB3itL+TBavjMatqNnYA==",
+			"version": "0.143.0",
+			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-0.143.0.tgz",
+			"integrity": "sha512-RsnO/NoD8376LMJq8JS8TwI0ieNaFRTuNe2GVJntQg6gwZNMENZsEbknHdVwjpOmxdGLGodcwaGSbAeRr5Bgjw==",
 			"cpu": [
 				"ppc64"
 			],
@@ -2570,9 +2570,9 @@
 			}
 		},
 		"node_modules/@oxc-parser/binding-linux-riscv64-gnu": {
-			"version": "0.142.0",
-			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-riscv64-gnu/-/binding-linux-riscv64-gnu-0.142.0.tgz",
-			"integrity": "sha512-+G8F/4ckwT7FCJV4H2bt09xEzJbjNCfuL4Sp1AYNaFtFMVtgIGMuJlteT82U+K0UIZ/DzAR/LDlMFnEuajG7Kw==",
+			"version": "0.143.0",
+			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-riscv64-gnu/-/binding-linux-riscv64-gnu-0.143.0.tgz",
+			"integrity": "sha512-48fSVfR9TZi5CASZFyv0VC6z6BCoeihFsX031mAD/oSH7d9PYsPgIqza7d9mjP7Z2KTEpTFyH6SIu0Ui6R1vdg==",
 			"cpu": [
 				"riscv64"
 			],
@@ -2590,9 +2590,9 @@
 			}
 		},
 		"node_modules/@oxc-parser/binding-linux-riscv64-musl": {
-			"version": "0.142.0",
-			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-riscv64-musl/-/binding-linux-riscv64-musl-0.142.0.tgz",
-			"integrity": "sha512-hTsHtTLxMAfCo+rpF5K3qZJKW2NpPN/CHd4mYB3y7XlSdspHkd2gehDIofP64AacA9nWQw2tY3O7wR6UY8IVOA==",
+			"version": "0.143.0",
+			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-riscv64-musl/-/binding-linux-riscv64-musl-0.143.0.tgz",
+			"integrity": "sha512-T8CpdD+SfE01DnIOD4HpVxu0ZJOfMJ/VhCvikKfaXAxkZ+9veyLM/D2hpi7Y2hFUyPmVQO3FNZHmYzV/WlVR4g==",
 			"cpu": [
 				"riscv64"
 			],
@@ -2610,9 +2610,9 @@
 			}
 		},
 		"node_modules/@oxc-parser/binding-linux-s390x-gnu": {
-			"version": "0.142.0",
-			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-0.142.0.tgz",
-			"integrity": "sha512-6y7qYY3TCUDYjqswImdTGl92y+KA/80twALegQPN27kfY+bG7Ib1+L3jbmrCZQx6wrVnai9IPsEZp07I0hx7JQ==",
+			"version": "0.143.0",
+			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-0.143.0.tgz",
+			"integrity": "sha512-QLdeMsCcacenPEFsfxnBUDF1y6opyz5+fmOz9bfD5Y7fiGCMupUCuB3KTPQhNwshIG1P9fPqar9MHxuBDd4bwQ==",
 			"cpu": [
 				"s390x"
 			],
@@ -2630,9 +2630,9 @@
 			}
 		},
 		"node_modules/@oxc-parser/binding-linux-x64-gnu": {
-			"version": "0.142.0",
-			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-x64-gnu/-/binding-linux-x64-gnu-0.142.0.tgz",
-			"integrity": "sha512-i69kAWU+2LgoH5bR+zWiiu+UzAw7Oxkwv7COeJTeY19pn4e70nKQcr9Pm6cL2Z0Z54d+gl9qADlK/0yyuCPiBA==",
+			"version": "0.143.0",
+			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-x64-gnu/-/binding-linux-x64-gnu-0.143.0.tgz",
+			"integrity": "sha512-659ujfqLy6k7cuH3sbzhd8b+ztSq+i6E2E9pG78Q0BmHjAExfGIdgc8cGgMdwAozDXeZFHkJ+LXYJdWsaGdgyw==",
 			"cpu": [
 				"x64"
 			],
@@ -2650,9 +2650,9 @@
 			}
 		},
 		"node_modules/@oxc-parser/binding-linux-x64-musl": {
-			"version": "0.142.0",
-			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-x64-musl/-/binding-linux-x64-musl-0.142.0.tgz",
-			"integrity": "sha512-4SQs678MmjYVrmhAgCWD4o0vpaFszXw9xLX5p2Z9MMFcltxiLkA88wQjh80YHjPrXtpyZ2CWI5m+1yNKM0m2Pw==",
+			"version": "0.143.0",
+			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-x64-musl/-/binding-linux-x64-musl-0.143.0.tgz",
+			"integrity": "sha512-/Mw/9j4TfZcnKphPrzOE6t4MMknXadcAAuVUlDRTF/ETWB5xOgQvOJV2Mh9We/bWxZdoxaGAdc+hy4GuYwQ2yQ==",
 			"cpu": [
 				"x64"
 			],
@@ -2670,9 +2670,9 @@
 			}
 		},
 		"node_modules/@oxc-parser/binding-openharmony-arm64": {
-			"version": "0.142.0",
-			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-openharmony-arm64/-/binding-openharmony-arm64-0.142.0.tgz",
-			"integrity": "sha512-YHpx9N7Ln3a++Tc8rv+H7mrK1zyJQOAwCFg8LZ3lTs1T5afGWeZrLPhPT9HLnIwSjCyJqPWVMIrMxbjcmBr2oQ==",
+			"version": "0.143.0",
+			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-openharmony-arm64/-/binding-openharmony-arm64-0.143.0.tgz",
+			"integrity": "sha512-8rIKWR2BFuifbIK/1XB9wTaSdtuJ25dlE7ZQYDnEwj/2xH2vHsxnvIjHT3ZjSVuLLwGGlSslIG/fbOJ8TV8rTw==",
 			"cpu": [
 				"arm64"
 			],
@@ -2686,29 +2686,10 @@
 				"node": "^20.19.0 || >=22.12.0"
 			}
 		},
-		"node_modules/@oxc-parser/binding-wasm32-wasi": {
-			"version": "0.142.0",
-			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-wasm32-wasi/-/binding-wasm32-wasi-0.142.0.tgz",
-			"integrity": "sha512-3pLDyY3+oogW73RM5uehNgAiR/Xfb7fvO2Q1Z1gIqZ2+50XDVQmBVlRkHXZTU4gKnQHpwETNsYQVsJ3joVB2iA==",
-			"cpu": [
-				"wasm32"
-			],
-			"dev": true,
-			"license": "MIT",
-			"optional": true,
-			"dependencies": {
-				"@emnapi/core": "1.11.2",
-				"@emnapi/runtime": "1.11.2",
-				"@napi-rs/wasm-runtime": "^1.1.6"
-			},
-			"engines": {
-				"node": "^20.19.0 || >=22.12.0"
-			}
-		},
 		"node_modules/@oxc-parser/binding-win32-arm64-msvc": {
-			"version": "0.142.0",
-			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-0.142.0.tgz",
-			"integrity": "sha512-Had/VeVY28Oyb0K+Q4FV8KCzoBycIh93oDK6pCbya9lkzdq+ikMHMgBubsdqqlybjJmQRawCQRrnBRHyQwYvcQ==",
+			"version": "0.143.0",
+			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-0.143.0.tgz",
+			"integrity": "sha512-5U9kQYMfRRI6Zq7KDxgbIP0RMnKrfn3gLepRMgJuRkPSUALTiRCk9d/uyhb4lGDjUdzwK7mBkKqhLgzBPCmLpQ==",
 			"cpu": [
 				"arm64"
 			],
@@ -2723,9 +2704,9 @@
 			}
 		},
 		"node_modules/@oxc-parser/binding-win32-ia32-msvc": {
-			"version": "0.142.0",
-			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-win32-ia32-msvc/-/binding-win32-ia32-msvc-0.142.0.tgz",
-			"integrity": "sha512-GGi3+YphVHavvgs6gum2UXoNCqzHAmPt/nXkn8ZQZstV2Q1qZD1Mn8fz/nWrDkefHQtrG/+1/XrbMxsBTo6Svw==",
+			"version": "0.143.0",
+			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-win32-ia32-msvc/-/binding-win32-ia32-msvc-0.143.0.tgz",
+			"integrity": "sha512-25P7AaHk4R88Yv2XH4gToDVmh0cOu+bEURQU10CRrmvgabfRArSGAP5osmwUKeSUHj0VS50upbpbRWWW/m7mHA==",
 			"cpu": [
 				"ia32"
 			],
@@ -2740,9 +2721,9 @@
 			}
 		},
 		"node_modules/@oxc-parser/binding-win32-x64-msvc": {
-			"version": "0.142.0",
-			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-win32-x64-msvc/-/binding-win32-x64-msvc-0.142.0.tgz",
-			"integrity": "sha512-Ny/Wv4Us1LGC/ljwNTp+Hx3r/pH15EFfeDF0p+n898gt+TtRd6C9SccHcuUhDiNTb8s5tt7jdeAMDRQZ4Vq6hg==",
+			"version": "0.143.0",
+			"resolved": "https://registry.npmjs.org/@oxc-parser/binding-win32-x64-msvc/-/binding-win32-x64-msvc-0.143.0.tgz",
+			"integrity": "sha512-ORMh3JE1s6V7ySicdRK7vgaDQnn5o+UHg9ct989PlWHbel8O9ARrmWXM6kZjrBMtNucxNayQ8g69G0VfWzhANw==",
 			"cpu": [
 				"x64"
 			],
@@ -2757,9 +2738,9 @@
 			}
 		},
 		"node_modules/@oxc-project/types": {
-			"version": "0.142.0",
-			"resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.142.0.tgz",
-			"integrity": "sha512-7W+2q5AKQVU36fkaryontrHn3YDt1RyUYXatw9i5H8ocYe2sPKSFB6eS8WNPeRKiN1qAWWZUPm7gwFzJGrccqQ==",
+			"version": "0.143.0",
+			"resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.143.0.tgz",
+			"integrity": "sha512-u6JZdLBTLotrNC9Vd6vPssINdzcCzleKAH6EJKImQb7GtYvX5keN2dxkoK44stCc4tffE6QQRtZTXVSzsLUlWA==",
 			"dev": true,
 			"license": "MIT",
 			"funding": {
@@ -3075,9 +3056,9 @@
 			}
 		},
 		"node_modules/@rolldown/binding-android-arm64": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.2.3.tgz",
-			"integrity": "sha512-zrJtHDcaZJ1Fp7xf4hNl+7seH9Cn/N5TwLYkhgXREtBwAd/jaqW3uqeHxpDugJLVICWg4eW44kOQEGJ1r6jCGw==",
+			"version": "1.2.4",
+			"resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.2.4.tgz",
+			"integrity": "sha512-jHC2cnyKz5xU2fhECtFl8OZ83cYNt13GZQD+0uMJ/X3o+ijmd56okHhTUwxVSHPx1IRVIJEZ1/1pPzeLCU6XKA==",
 			"cpu": [
 				"arm64"
 			],
@@ -3092,9 +3073,9 @@
 			}
 		},
 		"node_modules/@rolldown/binding-darwin-arm64": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.2.3.tgz",
-			"integrity": "sha512-ieIiibVCp0tX7TLu2cafoNPv8wJyYi01ekXpbf8q2j7F4rGAhhXb/eQh7ge9DRBY78GwmRQtvjZDux7EDbA8kA==",
+			"version": "1.2.4",
+			"resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.2.4.tgz",
+			"integrity": "sha512-Dc5mPD8F5F/FS8i01syd7FTF6yB2fVthH/TRkjwJkzUK6EpoxHtqvZQP5Zwq80/5z19TWYHIg1KOHboCgVx/aQ==",
 			"cpu": [
 				"arm64"
 			],
@@ -3109,9 +3090,9 @@
 			}
 		},
 		"node_modules/@rolldown/binding-darwin-x64": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.2.3.tgz",
-			"integrity": "sha512-Zh9tCon19eDXJoihx0rqKhMUlMYqzwj3aPsSuHmI4RWZh62dWUL+DJN4C5YQya5TcQBJU/Fe8+rY0jhXTQITqA==",
+			"version": "1.2.4",
+			"resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.2.4.tgz",
+			"integrity": "sha512-fpDm4oBo6SqLvWUYCmFhdde3U9KH2fRNNMeAnAPAIwxRL345xutL0EtEUcuoxsoazdJGv/MuDBQHlCDrtbvqOg==",
 			"cpu": [
 				"x64"
 			],
@@ -3126,9 +3107,9 @@
 			}
 		},
 		"node_modules/@rolldown/binding-freebsd-x64": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.2.3.tgz",
-			"integrity": "sha512-nGbJWewA1wrXXZiQhjAT5rhibGfns5ZNkDVqxsO6zJ3f3YvpoDNNmGMSbbhLuXKjNScaBJVOAboztAWVespQMg==",
+			"version": "1.2.4",
+			"resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.2.4.tgz",
+			"integrity": "sha512-rSJoreDE/HoIzoaib6MTp5jQtCTdMHKIvItAKT/ImS6Y6Ww76oUaeMyp4Vc/fAgd/ehji068IxetHXAnqUwN9A==",
 			"cpu": [
 				"x64"
 			],
@@ -3143,9 +3124,9 @@
 			}
 		},
 		"node_modules/@rolldown/binding-linux-arm-gnueabihf": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.2.3.tgz",
-			"integrity": "sha512-QNniJr5Kml0kDEB98jiDOJjXNroxIIi0IXIbdYzY26Xt1pVbeP62+KnoIZLwirOymX/0jDk/2gI/bNUv7A7OIw==",
+			"version": "1.2.4",
+			"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.2.4.tgz",
+			"integrity": "sha512-/jm8OGHgn7oGaJu3i/qZI9spUGcJ+y/lk43ttQ/iO1tOd9NissG6o97bighBCiL+BKRngmcDuR6ikfwYdJmVuQ==",
 			"cpu": [
 				"arm"
 			],
@@ -3160,9 +3141,9 @@
 			}
 		},
 		"node_modules/@rolldown/binding-linux-arm64-gnu": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.2.3.tgz",
-			"integrity": "sha512-TkqEAcmmvH3I/q4114NB4RVt6241Dao48pF45uLcFGrwAaIn0iITgTAKP/dLjbN0R4buJjGb91+UHSoFmpgIWw==",
+			"version": "1.2.4",
+			"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.2.4.tgz",
+			"integrity": "sha512-tIP06BeD9EqvECBrPZ+sqdPlYrT+aYaAiu1wYziVx5elRK/ftm33JxVDy2bXGbr6J0CrtirCkR87/X5a2euEng==",
 			"cpu": [
 				"arm64"
 			],
@@ -3180,9 +3161,9 @@
 			}
 		},
 		"node_modules/@rolldown/binding-linux-arm64-musl": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.2.3.tgz",
-			"integrity": "sha512-NHqjnxpsndf4MPymxteFAWHHfkTL8HjWh1KB7z23ofZ6QO2euONuxDXjat69dKZRALnGypg8k8SsK8vZJoXv1Q==",
+			"version": "1.2.4",
+			"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.2.4.tgz",
+			"integrity": "sha512-Ql1Q0EQqVThvn9VAVlwNzsUvbSFtCMGjLpRRi4pk5i7NZZ4n5ISiLMjHYtus4VQ2PvkSw24zyaCVsiS+sXPj1w==",
 			"cpu": [
 				"arm64"
 			],
@@ -3200,9 +3181,9 @@
 			}
 		},
 		"node_modules/@rolldown/binding-linux-ppc64-gnu": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.2.3.tgz",
-			"integrity": "sha512-6tbrbwfz5GB9DQ4Jwo6hy9v+vR31xZlvzZ6n5Xut6Hhx5PvrA9q/HsK8KMaYQp063iqZGXwNvZtYNLD7EM/x0w==",
+			"version": "1.2.4",
+			"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.2.4.tgz",
+			"integrity": "sha512-GjbjXD4XXfN19D0LZNbmiCBUoDiRACsYHr0yaIbbn8aFsXjHZifcYqu/W5Er5X2X990WjHXFrxarn5chzItorQ==",
 			"cpu": [
 				"ppc64"
 			],
@@ -3220,9 +3201,9 @@
 			}
 		},
 		"node_modules/@rolldown/binding-linux-s390x-gnu": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.2.3.tgz",
-			"integrity": "sha512-oyuXxXmoZHjXC917IAPFAAv4wWAa0cM9afk8nx1+9/jNNOX1uPf8yDA6p7G0RypOfw/X0PQt5IfoquY1um+zSg==",
+			"version": "1.2.4",
+			"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.2.4.tgz",
+			"integrity": "sha512-p5WR0NOwaRmJ/B1b6IjEFLLivwEsf3PrdBIhRbhTCQisbo2SvHHpG4ELB/+FgQNnB88LTOF86upmJmbvZdQ2lw==",
 			"cpu": [
 				"s390x"
 			],
@@ -3240,9 +3221,9 @@
 			}
 		},
 		"node_modules/@rolldown/binding-linux-x64-gnu": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.2.3.tgz",
-			"integrity": "sha512-TytMwF2KVGqP2tgd0I1OY0PAv78dZRAYcF5ssDzjM34SUXCED3uXvSd5+lHoC0bTD6eEdFz7LdQNCO1y0oVk9w==",
+			"version": "1.2.4",
+			"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.2.4.tgz",
+			"integrity": "sha512-4/GyVjmhR+Tc6HLJvwc1sOhPqAZtySiSMesOZyX6JQ5XBxoTDEMKQzvo07NIK6nTon/SivlZqvhzvuVBNQhObQ==",
 			"cpu": [
 				"x64"
 			],
@@ -3260,9 +3241,9 @@
 			}
 		},
 		"node_modules/@rolldown/binding-linux-x64-musl": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.2.3.tgz",
-			"integrity": "sha512-/E9m3qstrJFVPoULV25mVQblSNExY2+kBsYe4sy0Tn0yOOgJ8wZbZt3KnRbF/XeU2Gl1STKUQnDNTqhIE5MD4A==",
+			"version": "1.2.4",
+			"resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.2.4.tgz",
+			"integrity": "sha512-l9eeLsCNvPpmSXUej0etw/J1eqV0Jj1D5G/xG6YTijmE6dkv6E2QezgWbTfQk63v952DPqrjOCoiqxq7Bw0YUQ==",
 			"cpu": [
 				"x64"
 			],
@@ -3280,9 +3261,9 @@
 			}
 		},
 		"node_modules/@rolldown/binding-openharmony-arm64": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.2.3.tgz",
-			"integrity": "sha512-Kr0OcsoQI816i6HOl3vFHpd1K0eZyh76zgfj4c1nTyaTsd5r2Mj1lwM4R90y/qaCfmTn9eHy0SKwi98eitRxug==",
+			"version": "1.2.4",
+			"resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.2.4.tgz",
+			"integrity": "sha512-e0F355MSTMm3+UOqtV3L24gFUp2N5m1f8L/7d56deik6va+AXdrt9F8LbzGpeWGWRbZEDq4m8NVnJDeBtf9DZg==",
 			"cpu": [
 				"arm64"
 			],
@@ -3297,9 +3278,9 @@
 			}
 		},
 		"node_modules/@rolldown/binding-win32-arm64-msvc": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.2.3.tgz",
-			"integrity": "sha512-hOtMwTqnME+/gJcH/PCZ0wn0zPUjiWOgkHpxbSJpfGKMezHltx1S7/k1SitzVa7Ww2cqrDDaFbZEhcJZO8o+Jw==",
+			"version": "1.2.4",
+			"resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.2.4.tgz",
+			"integrity": "sha512-AWLi0uBRYh6QlE7OKhiz+phZC0qwtij2QZmhmOdsLdFn64m7oMpooE9ICE3lhm9xMb4SpDo2WbHcxX1iFLFtqw==",
 			"cpu": [
 				"arm64"
 			],
@@ -3314,9 +3295,9 @@
 			}
 		},
 		"node_modules/@rolldown/binding-win32-x64-msvc": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.2.3.tgz",
-			"integrity": "sha512-ekcqMMkI2PlhYnfzQnB/cEdYUVVJViWvoUyLrbzgDoi3Snfc1mVBwdnc306ufA5ejy8JSPjT2RlW1nQSjW7efg==",
+			"version": "1.2.4",
+			"resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.2.4.tgz",
+			"integrity": "sha512-UwSDJOg3dqCAejWdxclJjCsh3Qq4vLYMDxmyHqo1btz3stK2VqgwNd3mm5tuIwzSlGIQ/1H9Hr+Zn09mrezNqQ==",
 			"cpu": [
 				"x64"
 			],
@@ -3857,9 +3838,9 @@
 			]
 		},
 		"node_modules/@sveltejs/acorn-typescript": {
-			"version": "1.0.12",
-			"resolved": "https://registry.npmjs.org/@sveltejs/acorn-typescript/-/acorn-typescript-1.0.12.tgz",
-			"integrity": "sha512-J1jNYG23QWd67UfrQSFHtjhV37r9mVi0gdc12A3MWPldOjRK35Xk+um+qACPVjgw3AleiqoyEAhok8Wm3q46NA==",
+			"version": "1.0.13",
+			"resolved": "https://registry.npmjs.org/@sveltejs/acorn-typescript/-/acorn-typescript-1.0.13.tgz",
+			"integrity": "sha512-wgKggnhZVL9Bfx1OaKKTrYY9BFRk6C8UAkQNUcIv1+llzYrIqy+RZm5HPKzn0NpEBvTVhTqB4kQyllZywsRBRQ==",
 			"dev": true,
 			"license": "MIT",
 			"peerDependencies": {
@@ -3867,9 +3848,9 @@
 			}
 		},
 		"node_modules/@sveltejs/load-config": {
-			"version": "0.2.2",
-			"resolved": "https://registry.npmjs.org/@sveltejs/load-config/-/load-config-0.2.2.tgz",
-			"integrity": "sha512-K7dsJDQxBOF+f+epuhMactcjK2VP4MRkLKtwSykNtEI+cKVEyzrmmhQ1pmoxI800m4JKcyJ05L2M4yPwAGiBNw==",
+			"version": "0.2.3",
+			"resolved": "https://registry.npmjs.org/@sveltejs/load-config/-/load-config-0.2.3.tgz",
+			"integrity": "sha512-VT3qmUb8pRV2QrZjd8iAmtg8lf4W0TIjZbvXtz5MKei/q96teWZgGJyyidJzOjzZzvdq616eSRVeMYIQChUTAQ==",
 			"dev": true,
 			"license": "MIT",
 			"engines": {
@@ -4197,9 +4178,9 @@
 			}
 		},
 		"node_modules/baseline-browser-mapping": {
-			"version": "2.11.13",
-			"resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.11.13.tgz",
-			"integrity": "sha512-k9HNuUVMlqVjQ9UHzfPjIqiDbWw7WqT1AoT7GL8VwvF3r0ZfArtgiSPAlmupyNquNgOJHTuH4CKYf8ttMTWBTQ==",
+			"version": "2.11.14",
+			"resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.11.14.tgz",
+			"integrity": "sha512-JyJ954WzuIR8/FFzX0o5krdSTrBAkcCSRfWSleRsIHSWV+cZe2FI1PKggVkFke1hBldRs+LRxUczzE9iPmgZww==",
 			"dev": true,
 			"license": "Apache-2.0",
 			"bin": {
@@ -4719,9 +4700,9 @@
 			}
 		},
 		"node_modules/electron-to-chromium": {
-			"version": "1.5.403",
-			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.403.tgz",
-			"integrity": "sha512-MQsYmdaLzvaCX5j+ZZBr5Fm6uCCnPQcRtlvmvRlWqrXy+BH2O4ffXIAScF+JQznQWB9brWp4lSD9Z4yNmaf2BA==",
+			"version": "1.5.407",
+			"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.407.tgz",
+			"integrity": "sha512-4R8XgQOdfxexCd/u63lRm6wCHjECwI45MV9wxAs2ggtfWe2hwlo1ql97jKsju2IcJ+jFSTwBssyYoiWhh7mauQ==",
 			"dev": true,
 			"license": "ISC"
 		},
@@ -4901,9 +4882,9 @@
 			"license": "MIT"
 		},
 		"node_modules/esrap": {
-			"version": "2.3.2",
-			"resolved": "https://registry.npmjs.org/esrap/-/esrap-2.3.2.tgz",
-			"integrity": "sha512-40GyiEJevYKXzYTHtZkFqAgTjLOuFcaXMao8TPyOlnWTlkHDlvZ6mPMJaJyOqVwrVCgomEG1WhJd81w0X+IcCw==",
+			"version": "2.3.4",
+			"resolved": "https://registry.npmjs.org/esrap/-/esrap-2.3.4.tgz",
+			"integrity": "sha512-CHnJXZDfBeOAjLIGNy/0BEsmDu5+irHgUXRW9pGptxCbO3uyjJ98crilzFgiBqizW94UodjX3GAPLg/dhEnUfA==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
@@ -6004,9 +5985,9 @@
 			}
 		},
 		"node_modules/knip": {
-			"version": "6.32.0",
-			"resolved": "https://registry.npmjs.org/knip/-/knip-6.32.0.tgz",
-			"integrity": "sha512-KDX9OmmOFmlvmxTkrx6Z0GHISMut+pXMSKR8eg84bovaxJKx2NdQD4JYCXveSbvieRe107W6vCD2xCpmz0qBYA==",
+			"version": "6.32.2",
+			"resolved": "https://registry.npmjs.org/knip/-/knip-6.32.2.tgz",
+			"integrity": "sha512-WXTXbmocrw7gqm1A1TQvFN0OgJ7hUSU6E1g6SPRIzzHFogUBhXByc7cYeOFVtJ2uODg7DP4VbESYBYnfbtBYsg==",
 			"dev": true,
 			"funding": [
 				{
@@ -6024,13 +6005,13 @@
 				"formatly": "^0.3.0",
 				"get-tsconfig": "4.14.1",
 				"jiti": "^2.7.0",
-				"oxc-parser": "^0.142.0",
+				"oxc-parser": "^0.143.0",
 				"oxc-resolver": "11.24.2",
 				"picomatch": "^4.0.5",
 				"smol-toml": "^1.7.1",
 				"strip-json-comments": "5.0.3",
 				"tinyglobby": "^0.2.17",
-				"unbash": "^4.0.4",
+				"unbash": "^4.0.9",
 				"yaml": "^2.9.0",
 				"zod": "^4.4.3"
 			},
@@ -6357,9 +6338,9 @@
 			"license": "ISC"
 		},
 		"node_modules/magic-string": {
-			"version": "1.1.0",
-			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-1.1.0.tgz",
-			"integrity": "sha512-kS3VHe0nEPST2saQV4Rbkchcd3UBRkVTQHo1D3h/ZTwFDhai/mfKkmtPAtD129EOI7K3HlHIsFOt0WrI2/oU9g==",
+			"version": "1.2.0",
+			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-1.2.0.tgz",
+			"integrity": "sha512-ptco+HFxTLgjafSLim2LojBSwfg5feBjd+SqyiwdGkzC38UPdZy3zgrHMI2CoTf5fJL38tbHMYWVzIH8BxGqJw==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
@@ -6539,13 +6520,13 @@
 			}
 		},
 		"node_modules/oxc-parser": {
-			"version": "0.142.0",
-			"resolved": "https://registry.npmjs.org/oxc-parser/-/oxc-parser-0.142.0.tgz",
-			"integrity": "sha512-kKR+jPiRJYJDexVoziIg/FVGvr1fT1FZSSJOk6tVoMKKSlsf1Cso+cgGCJkOEDWOP174vRntCPFKg+AS7InWvw==",
+			"version": "0.143.0",
+			"resolved": "https://registry.npmjs.org/oxc-parser/-/oxc-parser-0.143.0.tgz",
+			"integrity": "sha512-ov0NzaDCOInknS7mP1cwKdJERt3utPW8ldjtdUXQ8Ty0GEFD08wk422vCUN0d7pST6kqtV7dxoI9w1Zi0l/9TA==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
-				"@oxc-project/types": "^0.142.0"
+				"@oxc-project/types": "^0.143.0"
 			},
 			"engines": {
 				"node": "^20.19.0 || >=22.12.0"
@@ -6554,26 +6535,25 @@
 				"url": "https://github.com/sponsors/Boshen"
 			},
 			"optionalDependencies": {
-				"@oxc-parser/binding-android-arm-eabi": "0.142.0",
-				"@oxc-parser/binding-android-arm64": "0.142.0",
-				"@oxc-parser/binding-darwin-arm64": "0.142.0",
-				"@oxc-parser/binding-darwin-x64": "0.142.0",
-				"@oxc-parser/binding-freebsd-x64": "0.142.0",
-				"@oxc-parser/binding-linux-arm-gnueabihf": "0.142.0",
-				"@oxc-parser/binding-linux-arm-musleabihf": "0.142.0",
-				"@oxc-parser/binding-linux-arm64-gnu": "0.142.0",
-				"@oxc-parser/binding-linux-arm64-musl": "0.142.0",
-				"@oxc-parser/binding-linux-ppc64-gnu": "0.142.0",
-				"@oxc-parser/binding-linux-riscv64-gnu": "0.142.0",
-				"@oxc-parser/binding-linux-riscv64-musl": "0.142.0",
-				"@oxc-parser/binding-linux-s390x-gnu": "0.142.0",
-				"@oxc-parser/binding-linux-x64-gnu": "0.142.0",
-				"@oxc-parser/binding-linux-x64-musl": "0.142.0",
-				"@oxc-parser/binding-openharmony-arm64": "0.142.0",
-				"@oxc-parser/binding-wasm32-wasi": "0.142.0",
-				"@oxc-parser/binding-win32-arm64-msvc": "0.142.0",
-				"@oxc-parser/binding-win32-ia32-msvc": "0.142.0",
-				"@oxc-parser/binding-win32-x64-msvc": "0.142.0"
+				"@oxc-parser/binding-android-arm-eabi": "0.143.0",
+				"@oxc-parser/binding-android-arm64": "0.143.0",
+				"@oxc-parser/binding-darwin-arm64": "0.143.0",
+				"@oxc-parser/binding-darwin-x64": "0.143.0",
+				"@oxc-parser/binding-freebsd-x64": "0.143.0",
+				"@oxc-parser/binding-linux-arm-gnueabihf": "0.143.0",
+				"@oxc-parser/binding-linux-arm-musleabihf": "0.143.0",
+				"@oxc-parser/binding-linux-arm64-gnu": "0.143.0",
+				"@oxc-parser/binding-linux-arm64-musl": "0.143.0",
+				"@oxc-parser/binding-linux-ppc64-gnu": "0.143.0",
+				"@oxc-parser/binding-linux-riscv64-gnu": "0.143.0",
+				"@oxc-parser/binding-linux-riscv64-musl": "0.143.0",
+				"@oxc-parser/binding-linux-s390x-gnu": "0.143.0",
+				"@oxc-parser/binding-linux-x64-gnu": "0.143.0",
+				"@oxc-parser/binding-linux-x64-musl": "0.143.0",
+				"@oxc-parser/binding-openharmony-arm64": "0.143.0",
+				"@oxc-parser/binding-win32-arm64-msvc": "0.143.0",
+				"@oxc-parser/binding-win32-ia32-msvc": "0.143.0",
+				"@oxc-parser/binding-win32-x64-msvc": "0.143.0"
 			}
 		},
 		"node_modules/oxc-resolver": {
@@ -6906,13 +6886,13 @@
 			}
 		},
 		"node_modules/rolldown": {
-			"version": "1.2.3",
-			"resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.2.3.tgz",
-			"integrity": "sha512-rn9wpmxplLf7NLNyCk9FyWh3FM43DbY8jOzCdEPzH7uflhTftRbCEpqi6Ly2osgoU8OwObtmavMbWLaWy4LX7A==",
+			"version": "1.2.4",
+			"resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.2.4.tgz",
+			"integrity": "sha512-rSr7irW0K7QRWzjdJXqZowkcRdDtjRduh43rBltnVKd0VFq839l1lJoDvGJb6gl7+4rTTCrPWu+YfujUL8Ug7w==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
-				"@oxc-project/types": "=0.143.0",
+				"@oxc-project/types": "=0.144.0",
 				"@rolldown/pluginutils": "^1.0.0"
 			},
 			"bin": {
@@ -6922,26 +6902,26 @@
 				"node": "^20.19.0 || >=22.12.0"
 			},
 			"optionalDependencies": {
-				"@rolldown/binding-android-arm64": "1.2.3",
-				"@rolldown/binding-darwin-arm64": "1.2.3",
-				"@rolldown/binding-darwin-x64": "1.2.3",
-				"@rolldown/binding-freebsd-x64": "1.2.3",
-				"@rolldown/binding-linux-arm-gnueabihf": "1.2.3",
-				"@rolldown/binding-linux-arm64-gnu": "1.2.3",
-				"@rolldown/binding-linux-arm64-musl": "1.2.3",
-				"@rolldown/binding-linux-ppc64-gnu": "1.2.3",
-				"@rolldown/binding-linux-s390x-gnu": "1.2.3",
-				"@rolldown/binding-linux-x64-gnu": "1.2.3",
-				"@rolldown/binding-linux-x64-musl": "1.2.3",
-				"@rolldown/binding-openharmony-arm64": "1.2.3",
-				"@rolldown/binding-win32-arm64-msvc": "1.2.3",
-				"@rolldown/binding-win32-x64-msvc": "1.2.3"
+				"@rolldown/binding-android-arm64": "1.2.4",
+				"@rolldown/binding-darwin-arm64": "1.2.4",
+				"@rolldown/binding-darwin-x64": "1.2.4",
+				"@rolldown/binding-freebsd-x64": "1.2.4",
+				"@rolldown/binding-linux-arm-gnueabihf": "1.2.4",
+				"@rolldown/binding-linux-arm64-gnu": "1.2.4",
+				"@rolldown/binding-linux-arm64-musl": "1.2.4",
+				"@rolldown/binding-linux-ppc64-gnu": "1.2.4",
+				"@rolldown/binding-linux-s390x-gnu": "1.2.4",
+				"@rolldown/binding-linux-x64-gnu": "1.2.4",
+				"@rolldown/binding-linux-x64-musl": "1.2.4",
+				"@rolldown/binding-openharmony-arm64": "1.2.4",
+				"@rolldown/binding-win32-arm64-msvc": "1.2.4",
+				"@rolldown/binding-win32-x64-msvc": "1.2.4"
 			}
 		},
 		"node_modules/rolldown/node_modules/@oxc-project/types": {
-			"version": "0.143.0",
-			"resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.143.0.tgz",
-			"integrity": "sha512-u6JZdLBTLotrNC9Vd6vPssINdzcCzleKAH6EJKImQb7GtYvX5keN2dxkoK44stCc4tffE6QQRtZTXVSzsLUlWA==",
+			"version": "0.144.0",
+			"resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.144.0.tgz",
+			"integrity": "sha512-nuhZIOLuI6TFQ32I/WnUx+SCPY7SdSKwgnFHydAuoS1+Z4BRcaP+RRJmGzl9lw+0OFF7UmaESf7KQRXaNLHypg==",
 			"dev": true,
 			"license": "MIT",
 			"funding": {
@@ -7319,9 +7299,9 @@
 			}
 		},
 		"node_modules/smol-toml": {
-			"version": "1.7.1",
-			"resolved": "https://registry.npmjs.org/smol-toml/-/smol-toml-1.7.1.tgz",
-			"integrity": "sha512-PPlsspAZ4jbMBu5DMFhfUGDQLu/vrL4SyBROVS37x8ynnVmFIs1VPBz1Co8Xks3TvpIaZXmU85y4DrQ+UyVFoQ==",
+			"version": "1.8.0",
+			"resolved": "https://registry.npmjs.org/smol-toml/-/smol-toml-1.8.0.tgz",
+			"integrity": "sha512-kCZr2V3ch9i00x8zXRhjUNVcjG9ijES5dDudkXvUVCT5QlJNQWElSJdZqyPemffHoLNUYwOcou0Fy+ojN0uHSQ==",
 			"dev": true,
 			"license": "BSD-3-Clause",
 			"engines": {
@@ -7533,9 +7513,9 @@
 			}
 		},
 		"node_modules/svelte": {
-			"version": "5.56.8",
-			"resolved": "https://registry.npmjs.org/svelte/-/svelte-5.56.8.tgz",
-			"integrity": "sha512-PY8LOw7xP6c8IOiVqdo0sbbZVYhXRSfklOQLAUyGBKqjTX0wx/z4l/9J+PmBpmlLnxzEb1NqltxQ5/wZme/Cmg==",
+			"version": "5.56.9",
+			"resolved": "https://registry.npmjs.org/svelte/-/svelte-5.56.9.tgz",
+			"integrity": "sha512-VT8kSnlEg8069w7AiCcAk3Yf5xvMnrGTagVOmU/OpOLHaHnNqXhWZCH/4EVga/bT/HtWhvE6/fHrXLErx7OnJA==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
@@ -7561,14 +7541,14 @@
 			}
 		},
 		"node_modules/svelte-check": {
-			"version": "4.7.5",
-			"resolved": "https://registry.npmjs.org/svelte-check/-/svelte-check-4.7.5.tgz",
-			"integrity": "sha512-NnkHGCTPH6k4ka1E9IpTuNv40uLArHnX52kLEuaHSGqRlPYTnkbFs529jSWG+y+wDy+v+jA2PQ0soN1umVK+OA==",
+			"version": "4.7.6",
+			"resolved": "https://registry.npmjs.org/svelte-check/-/svelte-check-4.7.6.tgz",
+			"integrity": "sha512-t2scM//ZuVbSY/T2w6FSBw1v9s2NEmh/g+sy1lqtosW5ylBV5AF4wFb1Ts9Kf3MbfPDUDJDZ9L436YT0SPTdvw==",
 			"dev": true,
 			"license": "MIT",
 			"dependencies": {
 				"@jridgewell/trace-mapping": "^0.3.25",
-				"@sveltejs/load-config": "^0.2.2",
+				"@sveltejs/load-config": "^0.2.3",
 				"chokidar": "^4.0.1",
 				"fdir": "^6.2.0",
 				"picocolors": "^1.0.0",
@@ -7625,9 +7605,9 @@
 			}
 		},
 		"node_modules/terser": {
-			"version": "5.49.2",
-			"resolved": "https://registry.npmjs.org/terser/-/terser-5.49.2.tgz",
-			"integrity": "sha512-rGbJiKeQ4WDe3EXlDAIaQcwftVfv2Q8o1awFNfvXolJYKkb1AuZY1RTOmqx4LJXZENbWZA7eIsYGHuEzHsi1nQ==",
+			"version": "5.50.0",
+			"resolved": "https://registry.npmjs.org/terser/-/terser-5.50.0.tgz",
+			"integrity": "sha512-CN9BVxWhgS/hRxtUMjtC2uRWSTcSfQFHMDWma6sKKfIivCD91sM+FOPfvwoaRMqCSrUpe1nv3jDamd9eEQ4y+w==",
 			"dev": true,
 			"license": "BSD-2-Clause",
 			"dependencies": {
@@ -7926,9 +7906,9 @@
 			}
 		},
 		"node_modules/update-browserslist-db": {
-			"version": "1.3.0",
-			"resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.3.0.tgz",
-			"integrity": "sha512-x/M6q3w4Ybp91CNaS4S69UnliqR3BzRpOT6LWbksjth0S/+jhfaPJsWjt/TewpT8j9eLIojUf5jr29WextHroA==",
+			"version": "1.3.1",
+			"resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.3.1.tgz",
+			"integrity": "sha512-ZZ61DsRsOnakl74HAmp3oSN4aXUmEWXf+i/yv0h7tIBfICc3VdrFErQKUUKPgu3AMsTUMbcongALEN4l6GSUrQ==",
 			"dev": true,
 			"funding": [
 				{
diff --git a/package.json b/package.json
index 7e96752..cce2fc7 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,7 @@
 		"fix": "biome check --write"
 	},
 	"devDependencies": {
-		"@biomejs/biome": "2.5.7",
+		"@biomejs/biome": "2.5.8",
 		"@intergrav/famfamfam-silk-svg": "^1.0.0",
 		"@sveltejs/vite-plugin-svelte": "^7.3.0",
 		"@tsconfig/svelte": "^5.0.8",
@@ -23,12 +23,12 @@
 		"@vite-pwa/assets-generator": "^1.0.2",
 		"colorthief": "^3.5.0",
 		"heroicons": "^2.2.0",
-		"knip": "^6.32.0",
+		"knip": "^6.32.2",
 		"lucide-static": "^1.31.0",
 		"modern-normalize": "^3.0.1",
 		"spark-md5": "^3.0.2",
-		"svelte": "^5.56.8",
-		"svelte-check": "^4.7.5",
+		"svelte": "^5.56.9",
+		"svelte-check": "^4.7.6",
 		"typescript": "^6.0.3",
 		"virtua": "^0.50.1",
 		"vite": "^8.2.1",
diff --git a/src/App.svelte b/src/App.svelte
index ba14a34..375f70f 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -9,14 +9,18 @@ import {
 	retrySession,
 } from "./lib/auth.svelte.js";
 import Controls from "./lib/Controls.svelte";
+import CoverBackground from "./lib/CoverBackground.svelte";
+import { api, songArtId } from "./lib/client.svelte.js";
 import AuthModal from "./lib/dialogs/AuthModal.svelte";
 import UpdateModal from "./lib/dialogs/UpdateModal.svelte";
-import { loadLib } from "./lib/library.svelte.js";
+import { lib, loadLib } from "./lib/library.svelte.js";
 import { offlineManager } from "./lib/offline/offlineManager.svelte.js";
+import { player } from "./lib/player.svelte.js";
 import Queue from "./lib/Queue.svelte";
 import Sidebar from "./lib/Sidebar.svelte";
 import { settings } from "./lib/settings.svelte.js";
 import { ui } from "./lib/ui.svelte.js";
+import VisualizerHost from "./lib/VisualizerHost.svelte";
 
 type WindowControlsOverlayNavigator = Navigator & {
 	windowControlsOverlay?: EventTarget & { visible: boolean };
@@ -144,6 +148,29 @@ $effect(() => {
 
 <svelte:window onkeydown={onGlobalKey} />
 
+{#if player.track}
+	{@const artist =
+		settings.coverBackground === "artist" && player.track.artistId
+			? lib.artists.find(({ id }) => id === player.track?.artistId)
+			: undefined}
+	{@const artId = artist?.coverArt || songArtId(player.track)}
+	{#if artId}
+		{@const backgroundUrl = api.getCoverArt(
+			artId,
+			artist?.coverArt ? 128 : 512,
+		)}
+		<CoverBackground
+			className="app-background"
+			src={backgroundUrl}
+			fadeComplete
+		/>
+	{/if}
+{/if}
+
+{#if settings.visualizerLocation === "background"}
+	<VisualizerHost />
+{/if}
+
 <div class="titlebar-drag-region" aria-hidden="true"></div>
 <Sidebar />
 <Queue />
diff --git a/src/app.css b/src/app.css
index 4502dd0..bfb8033 100644
--- a/src/app.css
+++ b/src/app.css
@@ -86,6 +86,10 @@ button.pressable--gentle {
 html.animations {
 	&.dynamic-colors {
 		transition: background-color 300ms var(--ease-out-cubic);
+
+		:is(body, #queue, #queue .head, #controls) {
+			transition: background-color 300ms var(--ease-out-cubic);
+		}
 	}
 
 	img.image-loading {
@@ -161,6 +165,8 @@ html.animations {
 }
 
 html {
+	background-color: var(--bg);
+
 	--viewport-inline-size: calc(
 		100dvw -
 		var(--viewport-inset-left) -
@@ -174,21 +180,38 @@ html {
 
 	font-size: calc(var(--font-size) * env(preferred-text-scale, 1));
 	font-family: var(--font-family);
-	-webkit-user-select: none;
 	user-select: none;
 	-webkit-tap-highlight-color: transparent;
 	overscroll-behavior: none;
 }
 
-html.dynamic-colors {
-	background: var(--bg);
-}
-
 html.transparent-borders {
 	--border: none;
 	--border-subtle: none;
 }
 
+@media (prefers-reduced-transparency: no-preference) {
+	.scroll-fade {
+		--scroll-fade-size: 2rem;
+		--scroll-fade-top-offset: 0px;
+		--scroll-fade-top: 0px;
+		--scroll-fade-bottom: 0px;
+		mask-image: linear-gradient(
+			to bottom,
+			black 0,
+			black var(--scroll-fade-top-offset),
+			transparent var(--scroll-fade-top-offset),
+			black
+				calc(
+					var(--scroll-fade-top-offset) +
+					min(var(--scroll-fade-size), var(--scroll-fade-top))
+				),
+			black calc(100% - min(var(--scroll-fade-size), var(--scroll-fade-bottom))),
+			transparent
+		);
+	}
+}
+
 body {
 	background: transparent;
 	color: var(--text);
@@ -209,6 +232,20 @@ body {
 	inline-size: 100%;
 }
 
+.app-background {
+	position: fixed;
+	inset-inline-start: 0;
+	inset-block-start: 0;
+	z-index: -1;
+	inline-size: 100dvw;
+	block-size: 100dvh;
+	mask-image: linear-gradient(to top, black, transparent 75%);
+}
+
+.app-background > img {
+	object-position: center bottom;
+}
+
 #queue {
 	grid-area: queue;
 }
@@ -217,6 +254,15 @@ body {
 	grid-area: controls;
 }
 
+#queue,
+#controls {
+	background-color: color-mix(var(--bg) 25%, transparent);
+}
+
+html.transparent-borders :is(#queue, #controls) {
+	background-color: transparent;
+}
+
 #sidebar {
 	grid-area: sidebar;
 	position: relative;
@@ -226,13 +272,6 @@ body {
 }
 
 @media (width <= 32rem) {
-	html:not(.miniplayer) body {
-		background: var(--bg);
-	}
-
-	html.animations.dynamic-colors body {
-		transition: background-color 300ms var(--ease-out-cubic);
-	}
 	#sidebar {
 		display: contents;
 	}
diff --git a/src/lib/Controls.svelte b/src/lib/Controls.svelte
index f2d4270..7654a73 100644
--- a/src/lib/Controls.svelte
+++ b/src/lib/Controls.svelte
@@ -257,9 +257,6 @@ let menu = $state<{
 		border-block-start: var(--border);
 		gap: 0.5rem;
 		padding: 0.5rem 1rem;
-		:global(html:not(.dynamic-colors)) & {
-			background: var(--bg);
-		}
 
 		.playback-main {
 			display: contents;
@@ -346,9 +343,6 @@ let menu = $state<{
 		justify-content: space-between;
 		padding: 0.5rem 1rem;
 		gap: 0.5rem;
-		:global(html:not(.dynamic-colors)) & {
-			background: var(--bg);
-		}
 		border-block-start: var(--border-subtle);
 	}
 	.actions-section {
@@ -395,9 +389,6 @@ let menu = $state<{
 
 	#ratings {
 		display: flex;
-		:global(html:not(.dynamic-colors)) & {
-			background: var(--bg);
-		}
 		border-block-start: var(--border);
 		gap: 0.5rem;
 		padding: 0.5rem 1rem;
diff --git a/src/lib/CoverBackground.svelte b/src/lib/CoverBackground.svelte
new file mode 100644
index 0000000..d258eab
--- /dev/null
+++ b/src/lib/CoverBackground.svelte
@@ -0,0 +1,70 @@
+<script lang="ts">
+import { onMount } from "svelte";
+import { fadeImage, prefersReducedTransparency } from "./animations.js";
+import { settings } from "./settings.svelte.js";
+
+let {
+	src,
+	className,
+	fadeComplete = false,
+}: {
+	src: string;
+	className: string;
+	fadeComplete?: boolean;
+} = $props();
+
+let isResizing = $state(false);
+let resizeTimer: number | undefined;
+
+onMount(() => {
+	const handleResize = () => {
+		isResizing = true;
+		if (resizeTimer !== undefined) window.clearTimeout(resizeTimer);
+		resizeTimer = window.setTimeout(() => {
+			isResizing = false;
+			resizeTimer = undefined;
+		}, 200);
+	};
+
+	window.addEventListener("resize", handleResize);
+	return () => {
+		window.removeEventListener("resize", handleResize);
+		if (resizeTimer !== undefined) window.clearTimeout(resizeTimer);
+	};
+});
+</script>
+
+{#if settings.coverBackground !== "off" && !prefersReducedTransparency.current && !isResizing}
+	<div class={`cover-background ${className}`}>
+		{#key src}
+			<img
+				alt=""
+				src={src}
+				loading="lazy"
+				fetchpriority="low"
+				{@attach (image) => fadeImage(image, fadeComplete)}
+			/>
+		{/key}
+	</div>
+{/if}
+
+<style>
+	.cover-background {
+		transform: scale(1.1);
+		opacity: 0.25;
+		pointer-events: none;
+
+		> img {
+			display: block;
+			inline-size: 100%;
+			block-size: 100%;
+			object-fit: cover;
+			filter: blur(16px);
+		}
+
+	}
+
+	:global(html.dynamic-colors) .cover-background {
+		opacity: 0.5;
+	}
+</style>
diff --git a/src/lib/Library.svelte b/src/lib/Library.svelte
index 8e91b94..0b8512e 100644
--- a/src/lib/Library.svelte
+++ b/src/lib/Library.svelte
@@ -1,7 +1,11 @@
 <script lang="ts">
 import { untrack } from "svelte";
 import { Virtualizer, type VirtualizerHandle } from "virtua/svelte";
-import { animateActivation, animateButtonRejection } from "./animations.js";
+import {
+	animateActivation,
+	animateButtonRejection,
+	prefersReducedTransparency,
+} from "./animations.js";
 import { auth, isOwner } from "./auth.svelte.js";
 import {
 	type AlbumListParams,
@@ -29,6 +33,7 @@ import {
 } from "./library.svelte.js";
 import { offlineManager } from "./offline/offlineManager.svelte.js";
 import { insertAt, queue } from "./queue.svelte.js";
+import { scrollFade } from "./scrollFade.js";
 import { settings } from "./settings.svelte.js";
 import {
 	animateTreeEntries,
@@ -39,6 +44,9 @@ import { ui } from "./ui.svelte.js";
 
 const searchTypes = ["artist", "album", "song"] as const;
 type SearchType = (typeof searchTypes)[number];
+const scrollFadeEnabled = $derived(
+	settings.transparentOutlines && !prefersReducedTransparency.current,
+);
 type SectionName =
 	| "artists"
 	| "playlists"
@@ -686,7 +694,9 @@ function onKey(event: KeyboardEvent) {
 <nav
 	bind:this={libraryElement}
 	id="library"
+	class:scroll-fade={scrollFadeEnabled}
 	aria-label={t("common.library")}
+	use:scrollFade={scrollFadeEnabled}
 	onfocusin={() => (ui.activeContext = "library")}
 	onkeydown={onKey}
 	onclick={(e) => {
diff --git a/src/lib/NowPlaying.svelte b/src/lib/NowPlaying.svelte
index 6342db3..354c21a 100644
--- a/src/lib/NowPlaying.svelte
+++ b/src/lib/NowPlaying.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-import type { Component } from "svelte";
 import { cubicOut } from "svelte/easing";
 import { slide } from "svelte/transition";
 import { animationsEnabled, entryAnimation, fadeImage } from "./animations.js";
@@ -16,6 +15,7 @@ import { player } from "./player.svelte.js";
 import { queue, requestQueueScroll } from "./queue.svelte.js";
 import { settings } from "./settings.svelte.js";
 import { ui } from "./ui.svelte.js";
+import VisualizerHost from "./VisualizerHost.svelte";
 
 type LyricLine = { time: number; text: string };
 
@@ -57,7 +57,6 @@ function slideTrackOut(_: Element, direction: 1 | -1) {
 	};
 }
 
-let Visualizer = $state<Component | null>(null);
 let trackSlideDirection = $state<1 | -1>(1);
 let previousTrackId = player.track?.id;
 let previousQueuePosition = queue.pos;
@@ -152,14 +151,6 @@ $effect(() => {
 	}
 });
 
-$effect(() => {
-	if (!settings.visualizer || Visualizer) return;
-
-	void import("./Visualizer.svelte").then((mod) => {
-		Visualizer = mod.default;
-	});
-});
-
 let lyricsEl = $state<HTMLElement>();
 let syncedLyricsEl = $state<HTMLElement>();
 let previousSyncedLyricsHeight = 0;
@@ -226,8 +217,8 @@ $effect(() => {
 		}}
 	>
 		<section id="now-playing" aria-label={t("state.now_playing")}>
-			{#if settings.visualizer && !settings.visualizerInsideArtwork && Visualizer}
-				<Visualizer />
+			{#if settings.visualizerLocation === "now-playing"}
+				<VisualizerHost />
 			{/if}
 			<div class="track-stage">
 				{#key player.track.id}
@@ -261,8 +252,8 @@ $effect(() => {
 											class:hidden={showLyrics}
 										/>
 									{/if}
-									{#if settings.visualizer && settings.visualizerInsideArtwork && Visualizer}
-										<Visualizer />
+									{#if settings.visualizerLocation === "artwork"}
+										<VisualizerHost />
 									{/if}
 									{#if showLyrics}
 										<div
diff --git a/src/lib/Queue.svelte b/src/lib/Queue.svelte
index e2c8bce..1ae6af5 100644
--- a/src/lib/Queue.svelte
+++ b/src/lib/Queue.svelte
@@ -6,6 +6,7 @@ import {
 	animationsEnabled,
 	entryAnimation,
 	fadeImage,
+	prefersReducedTransparency,
 	subtleMoveAnimation,
 } from "./animations.js";
 import {
@@ -47,6 +48,7 @@ import {
 	toggleSelectionRange,
 	toggleStar,
 } from "./queue.svelte.js";
+import { scrollFade } from "./scrollFade.js";
 import { settings } from "./settings.svelte.js";
 import { nav, ui } from "./ui.svelte.js";
 
@@ -226,6 +228,9 @@ const columnTemplate = $derived.by(() => {
 	}
 	return template.join(" ");
 });
+const scrollFadeEnabled = $derived(
+	settings.transparentOutlines && !prefersReducedTransparency.current,
+);
 
 $effect(() => {
 	if (!ui.selectionMode) {
@@ -620,7 +625,10 @@ function showMenu(index: number, x?: number, y?: number) {
 <section
 	bind:this={queueElement}
 	id="queue"
+	class:scroll-fade={scrollFadeEnabled}
 	aria-label={t("common.queue")}
+	use:scrollFade={scrollFadeEnabled}
+	style:--scroll-fade-top-offset="{rowHeight}px"
 	style:--queue-columns={columnTemplate}
 	onclick={clearSel}
 	onkeydown={onKey}
@@ -957,10 +965,6 @@ function showMenu(index: number, x?: number, y?: number) {
 <style>
 	#queue {
 		overflow: hidden auto;
-
-		:global(html:not(.dynamic-colors)) & {
-			background: var(--bg);
-		}
 		&:not(:focus-within) .row.selected {
 			background: GrayText;
 			color: HighlightText;
@@ -988,13 +992,9 @@ function showMenu(index: number, x?: number, y?: number) {
 		position: sticky;
 		inset-block-start: 0;
 		z-index: 1;
-		background: var(--bg);
+		background-color: var(--bg);
 		border-block-end: var(--border-subtle);
 
-		:global(html.animations.dynamic-colors) & {
-			transition: background-color 300ms var(--ease-out-cubic);
-		}
-
 		&.selection {
 			grid-template-columns: repeat(2, minmax(0, 1fr));
 
diff --git a/src/lib/Visualizer.svelte b/src/lib/Visualizer.svelte
index 0838f41..e4dbcad 100644
--- a/src/lib/Visualizer.svelte
+++ b/src/lib/Visualizer.svelte
@@ -350,8 +350,19 @@ $effect(() => {
 	bind:clientHeight
 	{width}
 	{height}
+	class:background={settings.visualizerLocation === "background"}
 	style:opacity={player.paused ? 0 : settings.visualizerOpacity}
-	style:z-index={settings.visualizerOverlay ? 10 : 0}
+	style:z-index={
+		settings.visualizerOverlay
+			? 10
+			: settings.visualizerBlendMode === "normal"
+				? 0
+				: settings.visualizerLocation === "background"
+					? 2
+					: settings.visualizerLocation === "now-playing"
+						? 1
+						: 0
+	}
 	style:mix-blend-mode={settings.visualizerBlendMode}
 ></canvas>
 
@@ -363,5 +374,9 @@ $effect(() => {
 		block-size: 100%;
 		pointer-events: none;
 		color: var(--text);
+
+		&.background {
+			position: fixed;
+		}
 	}
 </style>
diff --git a/src/lib/VisualizerHost.svelte b/src/lib/VisualizerHost.svelte
new file mode 100644
index 0000000..1310c0d
--- /dev/null
+++ b/src/lib/VisualizerHost.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+import type { Component } from "svelte";
+import { settings } from "./settings.svelte.js";
+
+let Visualizer = $state<Component | null>(null);
+
+$effect(() => {
+	if (!settings.visualizer || Visualizer) return;
+
+	void import("./Visualizer.svelte").then((mod) => {
+		Visualizer = mod.default;
+	});
+});
+</script>
+
+{#if settings.visualizer && Visualizer}
+	<Visualizer />
+{/if}
diff --git a/src/lib/animations.ts b/src/lib/animations.ts
index 31e26e4..9da8ac7 100644
--- a/src/lib/animations.ts
+++ b/src/lib/animations.ts
@@ -1,9 +1,14 @@
 import { prefersReducedMotion } from "svelte/motion";
+import { MediaQuery } from "svelte/reactivity";
 import { settings } from "./settings.svelte.js";
 
 const activationTimers = new WeakMap<HTMLElement, number>();
 const imageFadeAnimations = new WeakMap<HTMLImageElement, Animation>();
 
+export const prefersReducedTransparency = new MediaQuery(
+	"(prefers-reduced-transparency: reduce)",
+);
+
 export const entryAnimation = {
 	duration: 150,
 	stagger: 20,
@@ -52,7 +57,7 @@ export function animateEntryRows(
 export const animationsEnabled = () =>
 	settings.animations && !prefersReducedMotion.current;
 
-export function fadeImage(image: HTMLImageElement) {
+export function fadeImage(image: HTMLImageElement, fadeComplete = false) {
 	if (!animationsEnabled()) return;
 
 	image.classList.add("image-loading");
@@ -78,8 +83,10 @@ export function fadeImage(image: HTMLImageElement) {
 	const fadeIn = () => reveal(true);
 	const show = () => reveal();
 	const frame = requestAnimationFrame(() => {
-		if (image.complete) show();
-		else {
+		if (image.complete) {
+			if (fadeComplete) fadeIn();
+			else show();
+		} else {
 			image.addEventListener("load", fadeIn);
 			image.addEventListener("error", show);
 		}
diff --git a/src/lib/app.svelte.ts b/src/lib/app.svelte.ts
index b55c7b9..15ea72f 100644
--- a/src/lib/app.svelte.ts
+++ b/src/lib/app.svelte.ts
@@ -82,6 +82,17 @@ export const init = async () => {
 		try {
 			const parsed = JSON.parse(storedSettings);
 			if (parsed && typeof parsed === "object") {
+				if (typeof parsed.coverBackground === "boolean") {
+					parsed.coverBackground = parsed.coverBackground ? "album" : "off";
+				}
+				if (
+					typeof parsed.visualizerInsideArtwork === "boolean" &&
+					parsed.visualizerLocation === undefined
+				) {
+					parsed.visualizerLocation = parsed.visualizerInsideArtwork
+						? "artwork"
+						: "now-playing";
+				}
 				if (
 					parsed.visualizerPlacement === "bottom" ||
 					parsed.visualizerPlacement === "right"
diff --git a/src/lib/dialogs/InfoModal.svelte b/src/lib/dialogs/InfoModal.svelte
index 766da9d..bef7b52 100644
--- a/src/lib/dialogs/InfoModal.svelte
+++ b/src/lib/dialogs/InfoModal.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-import { tick } from "svelte";
-import { fadeImage } from "../animations.js";
+import { fadeImage, prefersReducedTransparency } from "../animations.js";
+import CoverBackground from "../CoverBackground.svelte";
 import {
 	type Album,
 	type AlbumInfo,
@@ -27,6 +27,7 @@ import {
 	recursiveSongs,
 } from "../library.svelte.js";
 import { insertAt, queue } from "../queue.svelte.js";
+import { scrollFade } from "../scrollFade.js";
 import { settings } from "../settings.svelte.js";
 import { getDominantColor } from "../theme.svelte.js";
 import {
@@ -42,6 +43,7 @@ let albumItem = $state<Album | null>(null);
 let artistItem = $state<Artist | null>(null);
 let artistInfo = $state<ArtistInfo | null>(null);
 let songItem = $state<Song | null>(null);
+const scrollFadeEnabled = $derived(!prefersReducedTransparency.current);
 let artistAlbums = $state<Album[]>([]);
 let artistId = $state("");
 let artistLabel = $state("");
@@ -88,24 +90,12 @@ const ensureMiniNode = (key: string) => {
 	return miniNodes[key];
 };
 
-const updateSidebarMask = () => {
-	const sidebar = miniLibrary;
-	if (!sidebar) return;
-	const remaining = Math.max(
-		0,
-		sidebar.scrollHeight - sidebar.clientHeight - sidebar.scrollTop,
-	);
-	sidebar.style.setProperty("--sidebar-scroll-top", `${sidebar.scrollTop}px`);
-	sidebar.style.setProperty("--sidebar-scroll-bottom", `${remaining}px`);
-};
-
 const toggleSection = (section: keyof typeof sections, key: string) => {
 	const positions = !sections[section]
 		? captureTreeItemPositions(miniLibrary)
 		: undefined;
 	sections[section] = !sections[section];
 	if (sections[section]) animateTreeExpansion(miniLibrary, key, positions);
-	void tick().then(updateSidebarMask);
 };
 
 const toggleMiniNode = async (
@@ -123,7 +113,6 @@ const toggleMiniNode = async (
 			: undefined;
 	state.expanded = open || !state.expanded;
 	if (!state.expanded) {
-		void tick().then(updateSidebarMask);
 		return;
 	}
 	if (!state.items) {
@@ -141,7 +130,6 @@ const toggleMiniNode = async (
 	if (request !== requestId) return;
 	if (state.expanded && state.items)
 		animateTreeExpansion(miniLibrary, key, positions);
-	void tick().then(updateSidebarMask);
 };
 
 const addToQueue = async (
@@ -215,16 +203,21 @@ const infoImage = (info: AlbumInfo | ArtistInfo, size: number) => {
 	} catch {}
 	return image;
 };
-const applyModalTheme = async (event: Event, info: AlbumInfo | ArtistInfo) => {
+const applyModalTheme = async (
+	event: Event,
+	source: AlbumInfo | ArtistInfo | Song | null,
+) => {
+	const isCurrent = () =>
+		source === (albumInfo ?? artistInfo) || source === songItem;
 	if (
 		!settings.dynamicColors ||
 		!(event.currentTarget instanceof HTMLImageElement) ||
-		info !== (albumInfo ?? artistInfo)
+		!isCurrent()
 	)
 		return;
 	try {
 		const dominant = await getDominantColor(event.currentTarget);
-		if (!settings.dynamicColors || info !== (albumInfo ?? artistInfo)) return;
+		if (!settings.dynamicColors || !isCurrent()) return;
 		modalTheme = {
 			bg: dominant.css(),
 			text: dominant.textColor,
@@ -310,7 +303,6 @@ $effect(() => {
 					true,
 				);
 			loading = false;
-			void tick().then(updateSidebarMask);
 
 			const [artistResult, albumResult] = await Promise.allSettled([
 				item.type === "artist"
@@ -324,7 +316,6 @@ $effect(() => {
 			artistInfo =
 				artistResult.status === "fulfilled" ? artistResult.value : null;
 			albumInfo = albumResult.status === "fulfilled" ? albumResult.value : null;
-			void tick().then(updateSidebarMask);
 		} catch (err: unknown) {
 			if (id === requestId) error = String(err);
 		} finally {
@@ -480,18 +471,18 @@ $effect(() => {
 	title={`${t("common.info")}: ${ui.infoItem?.label ?? ""}`}
 >
 	<section>
-		{#if artistInfo || albumInfo}
+		{#if artistInfo || albumInfo || songItem}
 			{@const backgroundInfo = artistInfo ?? albumInfo}
-			{@const backgroundImage = backgroundInfo && infoImage(backgroundInfo, 512)}
+			{@const artId = songItem && songArtId(songItem)}
+			{@const backgroundImage = backgroundInfo
+				? infoImage(backgroundInfo, 512)
+				: artId
+					? api.getCoverArt(artId, 512)
+					: undefined}
 			{#if backgroundImage}
-				<img
-					class="info-background"
-					alt=""
-					aria-hidden="true"
+				<CoverBackground
+					className="info-background"
 					src={backgroundImage}
-					loading="lazy"
-					fetchpriority="low"
-					{@attach fadeImage}
 				/>
 			{/if}
 		{/if}
@@ -546,8 +537,10 @@ $effect(() => {
 										<img
 											class="artwork-image"
 											alt=""
+											crossorigin={settings.dynamicColors ? "anonymous" : undefined}
 											src={artwork}
 											srcset={`${artwork} 1x, ${artwork2x} 2x`}
+											onload={(event) => applyModalTheme(event, songItem)}
 											{@attach fadeImage}
 										/>
 									{/if}
@@ -657,8 +650,9 @@ $effect(() => {
 					{#if ui.infoItem?.type === "artist" || albumItem || artistAlbums.length || artistInfo?.similarArtist?.length || (songItem && extensions.has("sonicsimilarity"))}
 						<aside
 							bind:this={miniLibrary}
+							class:scroll-fade={scrollFadeEnabled}
 							aria-label={t("common.library")}
-							onscroll={updateSidebarMask}
+							use:scrollFade={scrollFadeEnabled}
 						>
 							{#if songItem && extensions.has("sonicsimilarity")}
 								{@const song = songItem}
@@ -830,7 +824,7 @@ $effect(() => {
 		inline-size: min(80dvw, 48rem, var(--viewport-inline-size));
 		block-size: min(70dvh, var(--viewport-block-size));
 		min-block-size: 0;
-		overflow: auto;
+		overflow: clip;
 		container-type: inline-size;
 	}
 	.info-content {
@@ -843,6 +837,7 @@ $effect(() => {
 		padding: 1rem;
 		position: relative;
 		z-index: 1;
+		overflow: auto;
 	}
 	.info-layout {
 		display: flex;
@@ -868,38 +863,10 @@ $effect(() => {
 			position: absolute;
 			inset-block: 0;
 			inset-inline-end: 0;
-			inline-size: var(--info-sidebar-width);
-			overflow-y: auto;
-			--sidebar-mask-size: 1rem;
-			--sidebar-scroll-top: 0px;
-			--sidebar-scroll-bottom: 0px;
-			--sidebar-mask-top: min(
-				var(--sidebar-mask-size),
-				var(--sidebar-scroll-top)
-			);
-			--sidebar-mask-bottom: min(
-				var(--sidebar-mask-size),
-				var(--sidebar-scroll-bottom)
-			);
-
-			@media (prefers-reduced-transparency: no-preference) {
-				mask-image: linear-gradient(
-					to bottom,
-					transparent,
-					black var(--sidebar-mask-top),
-					black calc(100% - var(--sidebar-mask-bottom)),
-					transparent
-				);
-				-webkit-mask-image: linear-gradient(
-					to bottom,
-					transparent,
-					black var(--sidebar-mask-top),
-					black calc(100% - var(--sidebar-mask-bottom)),
-					transparent
-				);
+				inline-size: var(--info-sidebar-width);
+				overflow-y: auto;
 			}
-			}
-		}
+	}
 	@media (width <= 32rem) {
 		:global(.info-modal) {
 			inline-size: var(--viewport-inline-size);
@@ -1020,25 +987,17 @@ $effect(() => {
 		inline-size: 48px;
 		border-radius: var(--radius-sm);
 	}
-	.info-background {
-		display: none;
-
-		@media (prefers-reduced-transparency: no-preference) {
-			display: block;
-			position: absolute;
-			inset-inline: 0;
-			inset-block-start: 0;
-			z-index: 0;
-			inline-size: 100%;
-			block-size: auto;
-			max-block-size: 100%;
-			object-fit: cover;
-			object-position: right top;
-			opacity: 0.25;
-			pointer-events: none;
-			mask-image: linear-gradient(to bottom, black 35%, transparent);
-			-webkit-mask-image: linear-gradient(to bottom, black 35%, transparent);
-			filter: blur(16px);
-		}
+	:global(.info-background) {
+		position: absolute;
+		inset-inline: 0;
+		inset-block-start: 0;
+		z-index: 0;
+		inline-size: 100%;
+		block-size: 100%;
+		transform-origin: center top;
+		mask-image: linear-gradient(to bottom, black, transparent 75%);
+	}
+	:global(.info-background > img) {
+		object-position: center top;
 	}
 </style>
diff --git a/src/lib/dialogs/SettingsModal.svelte b/src/lib/dialogs/SettingsModal.svelte
index 9446659..33c28e3 100644
--- a/src/lib/dialogs/SettingsModal.svelte
+++ b/src/lib/dialogs/SettingsModal.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 import { prefersReducedMotion } from "svelte/motion";
+import { prefersReducedTransparency } from "../animations.js";
 import { logout } from "../auth.svelte.js";
 import CommitRange from "../components/CommitRange.svelte";
 import { deploymentConfig } from "../deploymentConfig.js";
@@ -231,6 +232,17 @@ const columnSettings = [
 					<span>{t("settings.rounded_corners")}</span>
 					<input type="checkbox" bind:checked={settings.roundedCorners} />
 				</div>
+				<div class="row">
+					<span>{t("settings.cover_background")}</span>
+					<select
+						bind:value={settings.coverBackground}
+						disabled={prefersReducedTransparency.current}
+					>
+						<option value="off">{t("common.off")}</option>
+						<option value="album">{t("common.album")}</option>
+						<option value="artist">{t("common.artist")}</option>
+					</select>
+				</div>
 				<div class="row">
 					<span>{t("settings.dynamic_colors")}</span>
 					<input type="checkbox" bind:checked={settings.dynamicColors} />
@@ -399,18 +411,21 @@ const columnSettings = [
 							<span>{t("settings.center_text")}</span>
 							<input
 								type="checkbox"
-								disabled={settings.visualizerInsideArtwork ||
+								disabled={settings.visualizerLocation === "artwork" ||
 									settings.visualizerOrientation !== "horizontal" ||
 									settings.visualizerPlacement !== "center"}
 								bind:checked={settings.visualizerCenterText}
 							/>
 						</div>
 						<div class="row">
-							<span>{t("settings.inside_artwork")}</span>
-							<input
-								type="checkbox"
-								bind:checked={settings.visualizerInsideArtwork}
-							/>
+							<span>{t("settings.location")}</span>
+							<select bind:value={settings.visualizerLocation}>
+								<option value="artwork">{t("settings.location_artwork")}</option>
+								<option value="now-playing">
+									{t("settings.location_now_playing")}
+								</option>
+								<option value="background">{t("settings.location_background")}</option>
+							</select>
 						</div>
 						<div class="row">
 							<span
diff --git a/src/lib/languages/locales/ar.ts b/src/lib/languages/locales/ar.ts
index 9abd912..2ae4a48 100644
--- a/src/lib/languages/locales/ar.ts
+++ b/src/lib/languages/locales/ar.ts
@@ -172,6 +172,7 @@ const ar: BaseDict = {
 	settings: {
 		appearance: "المظهر",
 		animations: "الرسوم المتحركة",
+		cover_background: "خلفية الغلاف",
 		artwork_sizes: "أحجام الأغلفة",
 		auto_sync: "المزامنة التلقائية",
 		auto_sync_all: "الكل",
@@ -206,7 +207,6 @@ const ar: BaseDict = {
 		general: "عام",
 		icon_pack: "حزمة الأيقونات",
 		icon_size: "حجم الأيقونة",
-		inside_artwork: "داخل الغلاف الفني",
 		library_actions: "أزرار الإجراءات",
 		opacity: "الشفافية",
 		orientation: "الاتجاه",
@@ -241,6 +241,10 @@ const ar: BaseDict = {
 		transparent_sidebar: "شريط جانبي شفاف",
 		volume_bar: "شريط مستوى الصوت",
 		visualizer: "المصور الموسيقي",
+		location: "الموقع",
+		location_artwork: "العمل الفني",
+		location_now_playing: "قيد التشغيل",
+		location_background: "الخلفية",
 		webkit_warning: "قد لا يعمل في متصفح Safari/WebKit",
 		work_offline: "العمل دون اتصال",
 	},
diff --git a/src/lib/languages/locales/bn.ts b/src/lib/languages/locales/bn.ts
index 71f463d..1dc5bfb 100644
--- a/src/lib/languages/locales/bn.ts
+++ b/src/lib/languages/locales/bn.ts
@@ -172,6 +172,7 @@ const bn: BaseDict = {
 	settings: {
 		appearance: "বাহ্যিক রূপ",
 		animations: "অ্যানিমেশন",
+		cover_background: "কভার ব্যাকগ্রাউন্ড",
 		artwork_sizes: "আর্টওয়ার্কের আকার",
 		auto_sync: "স্বয়ংক্রিয় সিঙ্ক",
 		auto_sync_all: "সব",
@@ -206,7 +207,6 @@ const bn: BaseDict = {
 		general: "সাধারণ",
 		icon_pack: "আইকন प্যাক",
 		icon_size: "আইকন সাইজ",
-		inside_artwork: "আর্টওয়ার্কের ভেতরে",
 		library_actions: "অ্যাকশন বাটন",
 		opacity: "স্বচ্ছতা",
 		orientation: "অভিযোজন",
@@ -241,6 +241,10 @@ const bn: BaseDict = {
 		transparent_sidebar: "স্বচ্ছ সাইডবার",
 		volume_bar: "ভলিউম বার",
 		visualizer: "ভিজুয়ালাইজার",
+		location: "অবস্থান",
+		location_artwork: "আর্টওয়ার্ক",
+		location_now_playing: "এখন চলছে",
+		location_background: "ব্যাকগ্রাউন্ড",
 		webkit_warning: "সফারিতে কাজ নাও করতে পারে",
 		work_offline: "অফলাইনে কাজ করুন",
 	},
diff --git a/src/lib/languages/locales/cs.ts b/src/lib/languages/locales/cs.ts
index 38f0b27..3561f1b 100644
--- a/src/lib/languages/locales/cs.ts
+++ b/src/lib/languages/locales/cs.ts
@@ -172,6 +172,7 @@ const cs: BaseDict = {
 	settings: {
 		appearance: "Vzhled",
 		animations: "Animace",
+		cover_background: "Pozadí obalu",
 		artwork_sizes: "Velikosti obalů",
 		auto_sync: "Automatická synchronizace",
 		auto_sync_all: "Vše",
@@ -206,7 +207,6 @@ const cs: BaseDict = {
 		general: "Obecné",
 		icon_pack: "Sada ikon",
 		icon_size: "Velikost ikon",
-		inside_artwork: "Uvnitř obalu",
 		library_actions: "Tlačítka akcí",
 		opacity: "Krytí",
 		orientation: "Orientace",
@@ -241,6 +241,10 @@ const cs: BaseDict = {
 		transparent_sidebar: "Průhledný boční panel",
 		volume_bar: "Ukazatel hlasitosti",
 		visualizer: "Vizualizér",
+		location: "Umístění",
+		location_artwork: "Obal alba",
+		location_now_playing: "Právě hraje",
+		location_background: "Pozadí",
 		webkit_warning: "V Safari/WebKit nemusí fungovat",
 		work_offline: "Pracujte offline",
 	},
diff --git a/src/lib/languages/locales/da.ts b/src/lib/languages/locales/da.ts
index 1e81514..32ca00f 100644
--- a/src/lib/languages/locales/da.ts
+++ b/src/lib/languages/locales/da.ts
@@ -172,6 +172,7 @@ const da: BaseDict = {
 	settings: {
 		appearance: "Udseende",
 		animations: "Animationer",
+		cover_background: "Coverbaggrund",
 		artwork_sizes: "Omslagsstørrelser",
 		auto_sync: "Automatisk synkronisering",
 		auto_sync_all: "Alle",
@@ -206,7 +207,6 @@ const da: BaseDict = {
 		general: "Generelt",
 		icon_pack: "Ikonpakke",
 		icon_size: "Ikonstørrelse",
-		inside_artwork: "Inden i cover",
 		library_actions: "Handlingsknapper",
 		opacity: "Opacitet",
 		orientation: "Orientering",
@@ -241,6 +241,10 @@ const da: BaseDict = {
 		transparent_sidebar: "Transparent sidebjælke",
 		volume_bar: "Lydstyrkelinje",
 		visualizer: "Visualizer",
+		location: "Placering",
+		location_artwork: "Omslag",
+		location_now_playing: "Afspiller nu",
+		location_background: "Baggrund",
 		webkit_warning: "Fungerer muligvis ikke i Safari/WebKit",
 		work_offline: "Arbejd offline",
 	},
diff --git a/src/lib/languages/locales/de.ts b/src/lib/languages/locales/de.ts
index 498715c..3de5268 100644
--- a/src/lib/languages/locales/de.ts
+++ b/src/lib/languages/locales/de.ts
@@ -172,6 +172,7 @@ const de: BaseDict = {
 	settings: {
 		appearance: "Erscheinungsbild",
 		animations: "Animationen",
+		cover_background: "Cover-Hintergrund",
 		artwork_sizes: "Cover-Größen",
 		auto_sync: "Automatische Synchronisierung",
 		auto_sync_all: "Alle",
@@ -207,7 +208,6 @@ const de: BaseDict = {
 		general: "Allgemein",
 		icon_pack: "Symbolpaket",
 		icon_size: "Symbolgröße",
-		inside_artwork: "Im Albumcover",
 		library_actions: "Aktionsschaltflächen",
 		opacity: "Deckkraft",
 		orientation: "Ausrichtung",
@@ -242,6 +242,10 @@ const de: BaseDict = {
 		transparent_sidebar: "Transparente Seitenleiste",
 		volume_bar: "Lautstärkebalken",
 		visualizer: "Visualizer",
+		location: "Position",
+		location_artwork: "Cover",
+		location_now_playing: "Aktuelle Wiedergabe",
+		location_background: "Hintergrund",
 		webkit_warning: "Funktioniert in Safari/WebKit möglicherweise nicht",
 		work_offline: "Offline arbeiten",
 	},
diff --git a/src/lib/languages/locales/el.ts b/src/lib/languages/locales/el.ts
index e54469a..acecf1f 100644
--- a/src/lib/languages/locales/el.ts
+++ b/src/lib/languages/locales/el.ts
@@ -173,6 +173,7 @@ const el: BaseDict = {
 	settings: {
 		appearance: "Εμφάνιση",
 		animations: "Κινήσεις",
+		cover_background: "Φόντο εξωφύλλου",
 		artwork_sizes: "Μεγέθη εξωφύλλων",
 		auto_sync: "Αυτόματος συγχρονισμός",
 		auto_sync_all: "Όλα",
@@ -208,7 +209,6 @@ const el: BaseDict = {
 		general: "Γενικά",
 		icon_pack: "Πακέτο εικονιδίων",
 		icon_size: "Μέγεθος εικονιδίων",
-		inside_artwork: "Μέσα στο εξώφυλλο",
 		library_actions: "Κουμπιά ενεργειών",
 		opacity: "Αδιαφάνεια",
 		orientation: "Προσανατολισμός",
@@ -243,6 +243,10 @@ const el: BaseDict = {
 		transparent_sidebar: "Διαφανής πλευρική στήλη",
 		volume_bar: "Γραμμή έντασης",
 		visualizer: "Οπτικοποίηση",
+		location: "Τοποθεσία",
+		location_artwork: "Εξώφυλλο",
+		location_now_playing: "Αναπαράγεται τώρα",
+		location_background: "Φόντο",
 		webkit_warning: "Ενδέχεται να μην λειτουργεί στο Safari/WebKit",
 		work_offline: "Εργασία εκτός σύνδεσης",
 	},
diff --git a/src/lib/languages/locales/en.ts b/src/lib/languages/locales/en.ts
index ab74af8..525bae2 100644
--- a/src/lib/languages/locales/en.ts
+++ b/src/lib/languages/locales/en.ts
@@ -170,6 +170,7 @@ const en = {
 	settings: {
 		appearance: "Appearance",
 		animations: "Animations",
+		cover_background: "Cover Background",
 
 		artwork_sizes: "Artwork Sizes",
 		auto_sync: "Auto Sync",
@@ -205,7 +206,6 @@ const en = {
 		general: "General",
 		icon_pack: "Icon Pack",
 		icon_size: "Icon Size",
-		inside_artwork: "Inside Artwork",
 		library_actions: "Action Buttons",
 		opacity: "Opacity",
 		orientation: "Orientation",
@@ -240,6 +240,10 @@ const en = {
 		transparent_sidebar: "Transparent Sidebar",
 		volume_bar: "Volume Bar",
 		visualizer: "Visualizer",
+		location: "Location",
+		location_artwork: "Artwork",
+		location_now_playing: "Now Playing",
+		location_background: "Background",
 		webkit_warning: "May not work in Safari/WebKit",
 		work_offline: "Work Offline",
 	},
diff --git a/src/lib/languages/locales/es.ts b/src/lib/languages/locales/es.ts
index fbc199f..a1e2ba5 100644
--- a/src/lib/languages/locales/es.ts
+++ b/src/lib/languages/locales/es.ts
@@ -172,6 +172,7 @@ const es: BaseDict = {
 	settings: {
 		appearance: "Apariencia",
 		animations: "Animaciones",
+		cover_background: "Fondo de portada",
 		artwork_sizes: "Tamaño de carátulas",
 		auto_sync: "Sincronización automática",
 		auto_sync_all: "Todo",
@@ -207,7 +208,6 @@ const es: BaseDict = {
 		general: "General",
 		icon_pack: "Paquete de iconos",
 		icon_size: "Tamaño de icono",
-		inside_artwork: "Dentro de la carátula",
 		library_actions: "Botones de acción",
 		opacity: "Opacidad",
 		orientation: "Orientación",
@@ -242,6 +242,10 @@ const es: BaseDict = {
 		transparent_sidebar: "Barra lateral transparente",
 		volume_bar: "Barra de volumen",
 		visualizer: "Visualizador",
+		location: "Ubicación",
+		location_artwork: "Carátula",
+		location_now_playing: "Reproduciendo ahora",
+		location_background: "Fondo",
 		webkit_warning: "Puede no funcionar en Safari/WebKit",
 		work_offline: "Trabajar sin conexión",
 	},
diff --git a/src/lib/languages/locales/fi.ts b/src/lib/languages/locales/fi.ts
index c0db182..eba663d 100644
--- a/src/lib/languages/locales/fi.ts
+++ b/src/lib/languages/locales/fi.ts
@@ -173,6 +173,7 @@ const fi: BaseDict = {
 	settings: {
 		appearance: "Ulkoasu",
 		animations: "Animaatiot",
+		cover_background: "Kansitausta",
 		artwork_sizes: "Kansikuvan koot",
 		auto_sync: "Automaattinen synkronointi",
 		auto_sync_all: "Kaikki",
@@ -207,7 +208,6 @@ const fi: BaseDict = {
 		general: "Yleiset",
 		icon_pack: "Kuvakepaketti",
 		icon_size: "Kuvakkeen koko",
-		inside_artwork: "Kannen sisällä",
 		library_actions: "Toimintopainikkeet",
 		opacity: "Peittävyys",
 		orientation: "Suunta",
@@ -242,6 +242,10 @@ const fi: BaseDict = {
 		transparent_sidebar: "Läpinäkyvä sivupalkki",
 		volume_bar: "Äänenvoimakkuuspalkki",
 		visualizer: "Visualisointi",
+		location: "Sijainti",
+		location_artwork: "Kansikuva",
+		location_now_playing: "Nyt toistetaan",
+		location_background: "Tausta",
 		webkit_warning: "Ei välttämättä toimi Safari/WebKitssa",
 		work_offline: "Työskentele offline-tilassa",
 	},
diff --git a/src/lib/languages/locales/fr.ts b/src/lib/languages/locales/fr.ts
index ddfdb46..250aca6 100644
--- a/src/lib/languages/locales/fr.ts
+++ b/src/lib/languages/locales/fr.ts
@@ -172,6 +172,7 @@ const fr: BaseDict = {
 	settings: {
 		appearance: "Apparence",
 		animations: "Animations",
+		cover_background: "Arrière-plan de la pochette",
 		artwork_sizes: "Taille des pochettes",
 		auto_sync: "Synchronisation automatique",
 		auto_sync_all: "Tout",
@@ -207,7 +208,6 @@ const fr: BaseDict = {
 		general: "Général",
 		icon_pack: 'Pack d"icônes',
 		icon_size: "Taille des icônes",
-		inside_artwork: "Dans la pochette",
 		library_actions: "Boutons d'action",
 		opacity: "Opacité",
 		orientation: "Orientation",
@@ -242,6 +242,10 @@ const fr: BaseDict = {
 		transparent_sidebar: "Barre latérale transparente",
 		volume_bar: "Barre de volume",
 		visualizer: "Visualiseur",
+		location: "Emplacement",
+		location_artwork: "Pochette",
+		location_now_playing: "Lecture en cours",
+		location_background: "Arrière-plan",
 		webkit_warning: "Peut ne pas fonctionner dans Safari/WebKit",
 		work_offline: "Travailler hors ligne",
 	},
diff --git a/src/lib/languages/locales/he.ts b/src/lib/languages/locales/he.ts
index 928b0ba..f480eba 100644
--- a/src/lib/languages/locales/he.ts
+++ b/src/lib/languages/locales/he.ts
@@ -172,6 +172,7 @@ const he: BaseDict = {
 	settings: {
 		appearance: "מראה",
 		animations: "הנפשות",
+		cover_background: "רקע עטיפה",
 		artwork_sizes: "גודל עטיפות",
 		auto_sync: "סנכרון אוטומטי",
 		auto_sync_all: "הכול",
@@ -206,7 +207,6 @@ const he: BaseDict = {
 		general: "כללי",
 		icon_pack: "חבילת אייקונים",
 		icon_size: "גודל אייקון",
-		inside_artwork: "בתוך עטיפת האלבום",
 		library_actions: "כפתורי פעולה",
 		opacity: "אטימות",
 		orientation: "כיוון",
@@ -241,6 +241,10 @@ const he: BaseDict = {
 		transparent_sidebar: "סרגל צד שקוף",
 		volume_bar: "סרגל עוצמת קול",
 		visualizer: "ויזואלייזר",
+		location: "מיקום",
+		location_artwork: "עטיפה",
+		location_now_playing: "מתנגן עכשיו",
+		location_background: "רקע",
 		webkit_warning: "עשוי שלא לעבוד בספארי",
 		work_offline: "עבוד במצב לא מקוון",
 	},
diff --git a/src/lib/languages/locales/hi.ts b/src/lib/languages/locales/hi.ts
index fd04283..a97e5f9 100644
--- a/src/lib/languages/locales/hi.ts
+++ b/src/lib/languages/locales/hi.ts
@@ -171,6 +171,7 @@ const hi: BaseDict = {
 	settings: {
 		appearance: "रूप-रंग",
 		animations: "एनीमेशन",
+		cover_background: "कवर पृष्ठभूमि",
 		artwork_sizes: "आर्टवर्क का आकार",
 		auto_sync: "स्वतः सिंक",
 		auto_sync_all: "सभी",
@@ -205,7 +206,6 @@ const hi: BaseDict = {
 		general: "सामान्य",
 		icon_pack: "आइकन पैक",
 		icon_size: "आइकन का आकार",
-		inside_artwork: "आर्टवर्क के अंदर",
 		library_actions: "एक्शन बटन",
 		opacity: "ओपेसिटी",
 		orientation: "ओरिएंटेशन",
@@ -240,6 +240,10 @@ const hi: BaseDict = {
 		transparent_sidebar: "पारदर्शी साइडबार",
 		volume_bar: "वॉल्यूम पट्टी",
 		visualizer: "विज़ुअलाइज़र",
+		location: "स्थान",
+		location_artwork: "आर्टवर्क",
+		location_now_playing: "अभी चल रहा है",
+		location_background: "पृष्ठभूमि",
 		webkit_warning: "सफ़ारी में काम नहीं कर सकता है",
 		work_offline: "ऑफ़लाइन कार्य करें",
 	},
diff --git a/src/lib/languages/locales/id.ts b/src/lib/languages/locales/id.ts
index b82ce2d..7639c93 100644
--- a/src/lib/languages/locales/id.ts
+++ b/src/lib/languages/locales/id.ts
@@ -172,6 +172,7 @@ const id: BaseDict = {
 	settings: {
 		appearance: "Tampilan",
 		animations: "Animasi",
+		cover_background: "Latar belakang sampul",
 		artwork_sizes: "Ukuran gambar",
 		auto_sync: "Sinkronisasi Otomatis",
 		auto_sync_all: "Semua",
@@ -206,7 +207,6 @@ const id: BaseDict = {
 		general: "Umum",
 		icon_pack: "Paket ikon",
 		icon_size: "Ukuran ikon",
-		inside_artwork: "Di Dalam Sampul",
 		library_actions: "Tombol Aksi",
 		opacity: "Opasitas",
 		orientation: "Orientasi",
@@ -241,6 +241,10 @@ const id: BaseDict = {
 		transparent_sidebar: "Bilah sisi transparan",
 		volume_bar: "Bilah volume",
 		visualizer: "Visualizer",
+		location: "Lokasi",
+		location_artwork: "Sampul",
+		location_now_playing: "Sedang diputar",
+		location_background: "Latar belakang",
 		webkit_warning: "Mungkin tidak berfungsi di Safari/WebKit",
 		work_offline: "Bekerja Offline",
 	},
diff --git a/src/lib/languages/locales/it.ts b/src/lib/languages/locales/it.ts
index 4fa47b4..d284451 100644
--- a/src/lib/languages/locales/it.ts
+++ b/src/lib/languages/locales/it.ts
@@ -172,6 +172,7 @@ const it: BaseDict = {
 	settings: {
 		appearance: "Aspetto",
 		animations: "Animazioni",
+		cover_background: "Sfondo copertina",
 		artwork_sizes: "Dimensioni copertine",
 		auto_sync: "Sincronizzazione automatica",
 		auto_sync_all: "Tutte",
@@ -207,7 +208,6 @@ const it: BaseDict = {
 		general: "Generale",
 		icon_pack: "Pacchetto di icone",
 		icon_size: "Dimensione delle icone",
-		inside_artwork: "Dentro alla copertina",
 		library_actions: "Pulsanti di azione",
 		opacity: "Opacità",
 		orientation: "Orientamento",
@@ -242,6 +242,10 @@ const it: BaseDict = {
 		transparent_sidebar: "Barra laterale trasparente",
 		volume_bar: "Barra del volume",
 		visualizer: "Visualizzatore",
+		location: "Posizione",
+		location_artwork: "Copertina",
+		location_now_playing: "In riproduzione",
+		location_background: "Sfondo",
 		webkit_warning: "Potrebbe non funzionare in Safari/WebKit",
 		work_offline: "Lavora offline",
 	},
diff --git a/src/lib/languages/locales/ja.ts b/src/lib/languages/locales/ja.ts
index 69f3e8c..d963bac 100644
--- a/src/lib/languages/locales/ja.ts
+++ b/src/lib/languages/locales/ja.ts
@@ -172,6 +172,7 @@ const ja: BaseDict = {
 	settings: {
 		appearance: "外観",
 		animations: "アニメーション",
+		cover_background: "カバー背景",
 		artwork_sizes: "アートワークのサイズ",
 		auto_sync: "自動同期",
 		auto_sync_all: "すべて",
@@ -207,7 +208,6 @@ const ja: BaseDict = {
 		general: "全般",
 		icon_pack: "アイコンパック",
 		icon_size: "アイコンのサイズ",
-		inside_artwork: "アートワーク内",
 		library_actions: "アクションボタン",
 		opacity: "不透明度",
 		orientation: "向き",
@@ -242,6 +242,10 @@ const ja: BaseDict = {
 		transparent_sidebar: "サイドバーを透過",
 		volume_bar: "音量バー",
 		visualizer: "ビジュアライザ",
+		location: "位置",
+		location_artwork: "アートワーク",
+		location_now_playing: "再生中",
+		location_background: "背景",
 		webkit_warning: "Safari/WebKitでは動作しない可能性があります",
 		work_offline: "オフラインで作業する",
 	},
diff --git a/src/lib/languages/locales/ko.ts b/src/lib/languages/locales/ko.ts
index 1944189..0f580aa 100644
--- a/src/lib/languages/locales/ko.ts
+++ b/src/lib/languages/locales/ko.ts
@@ -171,6 +171,7 @@ const ko: BaseDict = {
 	settings: {
 		appearance: "외관",
 		animations: "애니메이션",
+		cover_background: "커버 배경",
 		artwork_sizes: "앨범 아트 크기",
 		auto_sync: "자동 동기화",
 		auto_sync_all: "모두",
@@ -205,7 +206,6 @@ const ko: BaseDict = {
 		general: "일반",
 		icon_pack: "아이콘 팩",
 		icon_size: "아이콘 크기",
-		inside_artwork: "아트워크 내부",
 		library_actions: "액션 버튼",
 		opacity: "불투명도",
 		orientation: "방향",
@@ -240,6 +240,10 @@ const ko: BaseDict = {
 		transparent_sidebar: "투명한 사이드바",
 		volume_bar: "볼륨 표시줄",
 		visualizer: "비주얼라이저",
+		location: "위치",
+		location_artwork: "앨범 아트",
+		location_now_playing: "현재 재생 중",
+		location_background: "배경",
 		webkit_warning: "Safari/WebKit에서는 작동하지 않을 수 있습니다",
 		work_offline: "오프라인으로 작업",
 	},
diff --git a/src/lib/languages/locales/nl.ts b/src/lib/languages/locales/nl.ts
index a2d2896..318ccae 100644
--- a/src/lib/languages/locales/nl.ts
+++ b/src/lib/languages/locales/nl.ts
@@ -173,6 +173,7 @@ const nl: BaseDict = {
 	settings: {
 		appearance: "Uiterlijk",
 		animations: "Animaties",
+		cover_background: "Coverachtergrond",
 		artwork_sizes: "Grootte albumhoezen",
 		auto_sync: "Automatisch synchroniseren",
 		auto_sync_all: "Alles",
@@ -208,7 +209,6 @@ const nl: BaseDict = {
 		general: "Algemeen",
 		icon_pack: "Icoonpakket",
 		icon_size: "Icoongrootte",
-		inside_artwork: "Binnen albumhoes",
 		library_actions: "Actieknoppen",
 		opacity: "Dekking",
 		orientation: "Oriëntatie",
@@ -243,6 +243,10 @@ const nl: BaseDict = {
 		transparent_sidebar: "Transparante zijbalk",
 		volume_bar: "Volumebalk",
 		visualizer: "Visualizer",
+		location: "Locatie",
+		location_artwork: "Albumhoes",
+		location_now_playing: "Nu aan het afspelen",
+		location_background: "Achtergrond",
 		webkit_warning: "Werkt mogelijk niet in Safari/WebKit",
 		work_offline: "Offline werken",
 	},
diff --git a/src/lib/languages/locales/no.ts b/src/lib/languages/locales/no.ts
index 83e2fc0..69021fc 100644
--- a/src/lib/languages/locales/no.ts
+++ b/src/lib/languages/locales/no.ts
@@ -172,6 +172,7 @@ const no: BaseDict = {
 	settings: {
 		appearance: "Utseende",
 		animations: "Animasjoner",
+		cover_background: "Coverbakgrunn",
 		artwork_sizes: "Størrelse på omslag",
 		auto_sync: "Automatisk synkronisering",
 		auto_sync_all: "Alle",
@@ -206,7 +207,6 @@ const no: BaseDict = {
 		general: "Generelt",
 		icon_pack: "Ikonpakke",
 		icon_size: "Ikonstørrelse",
-		inside_artwork: "Inne i coveret",
 		library_actions: "Handlingsknapper",
 		opacity: "Opasitet",
 		orientation: "Orientering",
@@ -241,6 +241,10 @@ const no: BaseDict = {
 		transparent_sidebar: "Transparent sidemeny",
 		volume_bar: "Volumlinje",
 		visualizer: "Visualizer",
+		location: "Plassering",
+		location_artwork: "Omslag",
+		location_now_playing: "Spilles nå",
+		location_background: "Bakgrunn",
 		webkit_warning: "Kan hende ikke fungerer i Safari/WebKit",
 		work_offline: "Arbeid frakoblet",
 	},
diff --git a/src/lib/languages/locales/pl.ts b/src/lib/languages/locales/pl.ts
index 130d76e..bfaf253 100644
--- a/src/lib/languages/locales/pl.ts
+++ b/src/lib/languages/locales/pl.ts
@@ -172,6 +172,7 @@ const pl: BaseDict = {
 	settings: {
 		appearance: "Wygląd",
 		animations: "Animacje",
+		cover_background: "Tło okładki",
 		artwork_sizes: "Rozmiary okładek",
 		auto_sync: "Automatyczna synchronizacja",
 		auto_sync_all: "Wszystkie",
@@ -206,7 +207,6 @@ const pl: BaseDict = {
 		general: "Ogólne",
 		icon_pack: "Zestaw ikon",
 		icon_size: "Rozmiar ikon",
-		inside_artwork: "Wewnątrz okładki",
 		library_actions: "Przyciski akcji",
 		opacity: "Krycie",
 		orientation: "Orientacja",
@@ -241,6 +241,10 @@ const pl: BaseDict = {
 		transparent_sidebar: "Przezroczysty panel boczny",
 		volume_bar: "Pasek głośności",
 		visualizer: "Wizualizacja",
+		location: "Lokalizacja",
+		location_artwork: "Okładka",
+		location_now_playing: "Teraz odtwarzane",
+		location_background: "Tło",
 		webkit_warning: "Może nie działać w Safari/WebKit",
 		work_offline: "Pracuj offline",
 	},
diff --git a/src/lib/languages/locales/pt.ts b/src/lib/languages/locales/pt.ts
index ec9ba21..f20b9a4 100644
--- a/src/lib/languages/locales/pt.ts
+++ b/src/lib/languages/locales/pt.ts
@@ -172,6 +172,7 @@ const pt: BaseDict = {
 	settings: {
 		appearance: "Aparência",
 		animations: "Animações",
+		cover_background: "Fundo da capa",
 		artwork_sizes: "Tamanho das capas",
 		auto_sync: "Sincronização automática",
 		auto_sync_all: "Todas",
@@ -207,7 +208,6 @@ const pt: BaseDict = {
 		general: "Geral",
 		icon_pack: "Pacote de ícones",
 		icon_size: "Tamanho do ícone",
-		inside_artwork: "Dentro da capa",
 		library_actions: "Botões de ação",
 		opacity: "Opacidade",
 		orientation: "Orientação",
@@ -242,6 +242,10 @@ const pt: BaseDict = {
 		transparent_sidebar: "Lateral transparente",
 		volume_bar: "Barra de volume",
 		visualizer: "Visualizador",
+		location: "Localização",
+		location_artwork: "Capa",
+		location_now_playing: "Reproduzindo agora",
+		location_background: "Fundo",
 		webkit_warning: "Pode não funcionar no Safari/WebKit",
 		work_offline: "Trabalhar offline",
 	},
diff --git a/src/lib/languages/locales/ro.ts b/src/lib/languages/locales/ro.ts
index 0bddc20..fbae2c2 100644
--- a/src/lib/languages/locales/ro.ts
+++ b/src/lib/languages/locales/ro.ts
@@ -172,6 +172,7 @@ const ro: BaseDict = {
 	settings: {
 		appearance: "Aspect",
 		animations: "Animații",
+		cover_background: "Fundal copertă",
 		artwork_sizes: "Dimensiuni coperți",
 		auto_sync: "Sincronizare automată",
 		auto_sync_all: "Toate",
@@ -206,7 +207,6 @@ const ro: BaseDict = {
 		general: "Generale",
 		icon_pack: "Pachet de pictograme",
 		icon_size: "Dimensiunea pictogramei",
-		inside_artwork: "În interiorul coperții",
 		library_actions: "Butoane de acțiune",
 		opacity: "Opacitate",
 		orientation: "Orientare",
@@ -241,6 +241,10 @@ const ro: BaseDict = {
 		transparent_sidebar: "Bară laterală transparentă",
 		volume_bar: "Bară de volum",
 		visualizer: "Visualizator",
+		location: "Locație",
+		location_artwork: "Copertă",
+		location_now_playing: "Redat acum",
+		location_background: "Fundal",
 		webkit_warning: "S-ar putea să nu funcționeze în Safari/WebKit",
 		work_offline: "Lucrează offline",
 	},
diff --git a/src/lib/languages/locales/ru.ts b/src/lib/languages/locales/ru.ts
index e855873..1090b29 100644
--- a/src/lib/languages/locales/ru.ts
+++ b/src/lib/languages/locales/ru.ts
@@ -172,6 +172,7 @@ const ru: BaseDict = {
 	settings: {
 		appearance: "Внешний вид",
 		animations: "Анимации",
+		cover_background: "Фон обложки",
 		artwork_sizes: "Размер обложек",
 		auto_sync: "Автосинхронизация",
 		auto_sync_all: "Всё",
@@ -206,7 +207,6 @@ const ru: BaseDict = {
 		general: "Основные",
 		icon_pack: "Пакет иконок",
 		icon_size: "Размер иконки",
-		inside_artwork: "Внутри обложки",
 		library_actions: "Кнопки действий",
 		opacity: "Непрозрачность",
 		orientation: "Ориентация",
@@ -241,6 +241,10 @@ const ru: BaseDict = {
 		transparent_sidebar: "Прозрачная боковая панель",
 		volume_bar: "Шкала громкости",
 		visualizer: "Визуализатор",
+		location: "Расположение",
+		location_artwork: "Обложка",
+		location_now_playing: "Сейчас играет",
+		location_background: "Фон",
 		webkit_warning: "Может не работать в Safari/WebKit",
 		work_offline: "Работать офлайн",
 	},
diff --git a/src/lib/languages/locales/sv.ts b/src/lib/languages/locales/sv.ts
index eec884d..6caf4f3 100644
--- a/src/lib/languages/locales/sv.ts
+++ b/src/lib/languages/locales/sv.ts
@@ -172,6 +172,7 @@ const sv: BaseDict = {
 	settings: {
 		appearance: "Utseende",
 		animations: "Animationer",
+		cover_background: "Omslagsbakgrund",
 		artwork_sizes: "Storlek på omslag",
 		auto_sync: "Automatisk synkronisering",
 		auto_sync_all: "Alla",
@@ -206,7 +207,6 @@ const sv: BaseDict = {
 		general: "Allmänt",
 		icon_pack: "Ikonpaket",
 		icon_size: "Ikonstorlek",
-		inside_artwork: "Inuti skivomslaget",
 		library_actions: "Åtgärdsknappar",
 		opacity: "Opacitet",
 		orientation: "Orientering",
@@ -241,6 +241,10 @@ const sv: BaseDict = {
 		transparent_sidebar: "Transparent sidopanel",
 		volume_bar: "Volymindikator",
 		visualizer: "Visualizer",
+		location: "Plats",
+		location_artwork: "Omslag",
+		location_now_playing: "Spelas nu",
+		location_background: "Bakgrund",
 		webkit_warning: "Kanske inte fungerar i Safari/WebKit",
 		work_offline: "Arbeta offline",
 	},
diff --git a/src/lib/languages/locales/th.ts b/src/lib/languages/locales/th.ts
index bff0b9c..d7674cc 100644
--- a/src/lib/languages/locales/th.ts
+++ b/src/lib/languages/locales/th.ts
@@ -171,6 +171,7 @@ const th: BaseDict = {
 	settings: {
 		appearance: "รูปลักษณ์",
 		animations: "ภาพเคลื่อนไหว",
+		cover_background: "พื้นหลังปกอัลบั้ม",
 		artwork_sizes: "ขนาดรูปหน้าปก",
 		auto_sync: "ซิงก์อัตโนมัติ",
 		auto_sync_all: "ทั้งหมด",
@@ -205,7 +206,6 @@ const th: BaseDict = {
 		general: "ทั่วไป",
 		icon_pack: "แพ็คไอคอน",
 		icon_size: "ขนาดไอคอน",
-		inside_artwork: "ภายในอาร์ตเวิร์ก",
 		library_actions: "ปุ่มการดำเนินการ",
 		opacity: "ความทึบแสง",
 		orientation: "การจัดวาง",
@@ -240,6 +240,10 @@ const th: BaseDict = {
 		transparent_sidebar: "แถบด้านข้างโปร่งใส",
 		volume_bar: "แถบระดับเสียง",
 		visualizer: "เครื่องสร้างภาพเสียง",
+		location: "ตำแหน่ง",
+		location_artwork: "ปกอัลบั้ม",
+		location_now_playing: "กำลังเล่น",
+		location_background: "พื้นหลัง",
 		webkit_warning: "อาจไม่ทำงานใน Safari/WebKit",
 		work_offline: "ทำงานออฟไลน์",
 	},
diff --git a/src/lib/languages/locales/tl.ts b/src/lib/languages/locales/tl.ts
index b85a27c..3d75a28 100644
--- a/src/lib/languages/locales/tl.ts
+++ b/src/lib/languages/locales/tl.ts
@@ -172,6 +172,7 @@ const tl: BaseDict = {
 	settings: {
 		appearance: "Itsura",
 		animations: "Mga animasyon",
+		cover_background: "Background ng cover",
 		artwork_sizes: "Mga sukat ng artwork",
 		auto_sync: "Awtomatikong pag-sync",
 		auto_sync_all: "Lahat",
@@ -207,7 +208,6 @@ const tl: BaseDict = {
 		general: "Pangkalahatan",
 		icon_pack: "Icon pack",
 		icon_size: "Laki ng icon",
-		inside_artwork: "Sa loob ng Artwork",
 		library_actions: "Mga Button ng Aksyon",
 		opacity: "Opacity",
 		orientation: "Oryentasyon",
@@ -242,6 +242,10 @@ const tl: BaseDict = {
 		transparent_sidebar: "Transparent na sidebar",
 		volume_bar: "Bar ng volume",
 		visualizer: "Visualizer",
+		location: "Lokasyon",
+		location_artwork: "Artwork",
+		location_now_playing: "Kasalukuyang tumutugtog",
+		location_background: "Background",
 		webkit_warning: "Maaaring hindi gumana sa Safari/WebKit",
 		work_offline: "Magtrabaho Offline",
 	},
diff --git a/src/lib/languages/locales/tr.ts b/src/lib/languages/locales/tr.ts
index 11c3c36..b1ac98e 100644
--- a/src/lib/languages/locales/tr.ts
+++ b/src/lib/languages/locales/tr.ts
@@ -172,6 +172,7 @@ const tr: BaseDict = {
 	settings: {
 		appearance: "Görünüm",
 		animations: "Animasyonlar",
+		cover_background: "Kapak arka planı",
 		artwork_sizes: "Kapak boyutları",
 		auto_sync: "Otomatik Senkronizasyon",
 		auto_sync_all: "Tümü",
@@ -206,7 +207,6 @@ const tr: BaseDict = {
 		general: "Genel",
 		icon_pack: "Simge paketi",
 		icon_size: "Simge boyutu",
-		inside_artwork: "Kapak resminin içinde",
 		library_actions: "Eylem Düğmeleri",
 		opacity: "Opaklık",
 		orientation: "Yönelim",
@@ -241,6 +241,10 @@ const tr: BaseDict = {
 		transparent_sidebar: "Şeffaf yan panel",
 		volume_bar: "Ses düzeyi çubuğu",
 		visualizer: "Görselleştirici",
+		location: "Konum",
+		location_artwork: "Kapak",
+		location_now_playing: "Şimdi oynatılıyor",
+		location_background: "Arka plan",
 		webkit_warning: 'Safari/WebKit"de çalışmayabilir',
 		work_offline: "Çevrimdışı Çalış",
 	},
diff --git a/src/lib/languages/locales/uk.ts b/src/lib/languages/locales/uk.ts
index a55fa66..ad5e9b3 100644
--- a/src/lib/languages/locales/uk.ts
+++ b/src/lib/languages/locales/uk.ts
@@ -172,6 +172,7 @@ const uk: BaseDict = {
 	settings: {
 		appearance: "Зовнішній вигляд",
 		animations: "Анімації",
+		cover_background: "Фон обкладинки",
 		artwork_sizes: "Розміри обкладинок",
 		auto_sync: "Автосинхронізація",
 		auto_sync_all: "Все",
@@ -206,7 +207,6 @@ const uk: BaseDict = {
 		general: "Загальні",
 		icon_pack: "Пакет іконок",
 		icon_size: "Розмір іконок",
-		inside_artwork: "Всередині обкладинки",
 		library_actions: "Кнопки дій",
 		opacity: "Непрозорість",
 		orientation: "Орієнтація",
@@ -241,6 +241,10 @@ const uk: BaseDict = {
 		transparent_sidebar: "Прозора бічна панель",
 		volume_bar: "Шкала гучності",
 		visualizer: "Візуалізатор",
+		location: "Розташування",
+		location_artwork: "Обкладинка",
+		location_now_playing: "Зараз відтворюється",
+		location_background: "Фон",
 		webkit_warning: "Може не працювати в Safari/WebKit",
 		work_offline: "Працюйте офлайн",
 	},
diff --git a/src/lib/languages/locales/vi.ts b/src/lib/languages/locales/vi.ts
index 5911dd7..a6ca2ab 100644
--- a/src/lib/languages/locales/vi.ts
+++ b/src/lib/languages/locales/vi.ts
@@ -172,6 +172,7 @@ const vi: BaseDict = {
 	settings: {
 		appearance: "Diện mạo",
 		animations: "Hoạt ảnh",
+		cover_background: "Nền ảnh bìa",
 		artwork_sizes: "Kích thước ảnh bìa",
 		auto_sync: "Tự động đồng bộ",
 		auto_sync_all: "Tất cả",
@@ -207,7 +208,6 @@ const vi: BaseDict = {
 		general: "Chung",
 		icon_pack: "Gói biểu tượng",
 		icon_size: "Kích thước biểu tượng",
-		inside_artwork: "Trong ảnh bìa",
 		library_actions: "Nút hành động",
 		opacity: "Độ mờ",
 		orientation: "Hướng",
@@ -242,6 +242,10 @@ const vi: BaseDict = {
 		transparent_sidebar: "Thanh bên trong suốt",
 		volume_bar: "Thanh âm lượng",
 		visualizer: "Trình trực quan hóa",
+		location: "Vị trí",
+		location_artwork: "Ảnh bìa",
+		location_now_playing: "Đang phát",
+		location_background: "Nền",
 		webkit_warning: "Có thể không hoạt động trên Safari/WebKit",
 		work_offline: "Làm việc ngoại tuyến",
 	},
diff --git a/src/lib/languages/locales/zhcn.ts b/src/lib/languages/locales/zhcn.ts
index d8f6801..98a7cee 100644
--- a/src/lib/languages/locales/zhcn.ts
+++ b/src/lib/languages/locales/zhcn.ts
@@ -167,6 +167,7 @@ const zhcn: BaseDict = {
 	settings: {
 		appearance: "外观",
 		animations: "动画",
+		cover_background: "封面背景",
 		artwork_sizes: "封面尺寸",
 		auto_sync: "自动同步",
 		auto_sync_all: "全部",
@@ -201,7 +202,6 @@ const zhcn: BaseDict = {
 		general: "常规",
 		icon_pack: "图标包",
 		icon_size: "图标大小",
-		inside_artwork: "置于封面内",
 		library_actions: "操作按钮",
 		opacity: "不透明度",
 		orientation: "方向",
@@ -236,6 +236,10 @@ const zhcn: BaseDict = {
 		transparent_sidebar: "透明侧边栏",
 		volume_bar: "音量条",
 		visualizer: "音乐谱面",
+		location: "位置",
+		location_artwork: "封面",
+		location_now_playing: "正在播放",
+		location_background: "背景",
 		webkit_warning: "可能在 Safari/WebKit 中无法正常工作",
 		work_offline: "离线工作",
 	},
diff --git a/src/lib/languages/locales/zhtw.ts b/src/lib/languages/locales/zhtw.ts
index e639849..44242c8 100644
--- a/src/lib/languages/locales/zhtw.ts
+++ b/src/lib/languages/locales/zhtw.ts
@@ -167,6 +167,7 @@ const zhtw: BaseDict = {
 	settings: {
 		appearance: "外觀",
 		animations: "動畫",
+		cover_background: "封面背景",
 		artwork_sizes: "封面尺寸",
 		auto_sync: "自動同步",
 		auto_sync_all: "全部",
@@ -201,7 +202,6 @@ const zhtw: BaseDict = {
 		general: "一般",
 		icon_pack: "圖標包",
 		icon_size: "圖標大小",
-		inside_artwork: "置於封面內",
 		library_actions: "操作按鈕",
 		opacity: "不透明度",
 		orientation: "方向",
@@ -236,6 +236,10 @@ const zhtw: BaseDict = {
 		transparent_sidebar: "透明側邊欄",
 		volume_bar: "音量條",
 		visualizer: "音樂譜面",
+		location: "位置",
+		location_artwork: "封面",
+		location_now_playing: "正在播放",
+		location_background: "背景",
 		webkit_warning: "可能在 Safari/WebKit 中無法正常工作",
 		work_offline: "離線工作",
 	},
diff --git a/src/lib/scrollFade.ts b/src/lib/scrollFade.ts
new file mode 100644
index 0000000..459bd45
--- /dev/null
+++ b/src/lib/scrollFade.ts
@@ -0,0 +1,54 @@
+export const scrollFade = (element: HTMLElement, enabled = true) => {
+	const update = () => {
+		const remaining = Math.max(
+			0,
+			element.scrollHeight - element.clientHeight - element.scrollTop,
+		);
+		element.style.setProperty("--scroll-fade-top", `${element.scrollTop}px`);
+		element.style.setProperty("--scroll-fade-bottom", `${remaining}px`);
+	};
+
+	let cleanup: (() => void) | undefined;
+	const enable = () => {
+		if (cleanup) return;
+
+		let frame: number | undefined;
+		const scheduleUpdate = () => {
+			if (frame !== undefined) return;
+			frame = requestAnimationFrame(() => {
+				frame = undefined;
+				update();
+			});
+		};
+
+		const resizeObserver = new ResizeObserver(scheduleUpdate);
+		const mutationObserver = new MutationObserver(scheduleUpdate);
+		resizeObserver.observe(element);
+		mutationObserver.observe(element, { childList: true, subtree: true });
+		element.addEventListener("scroll", scheduleUpdate, { passive: true });
+		update();
+
+		cleanup = () => {
+			if (frame !== undefined) cancelAnimationFrame(frame);
+			resizeObserver.disconnect();
+			mutationObserver.disconnect();
+			element.removeEventListener("scroll", scheduleUpdate);
+			element.style.removeProperty("--scroll-fade-top");
+			element.style.removeProperty("--scroll-fade-bottom");
+		};
+	};
+	const disable = () => {
+		cleanup?.();
+		cleanup = undefined;
+	};
+
+	if (enabled) enable();
+
+	return {
+		update(nextEnabled: boolean) {
+			if (nextEnabled) enable();
+			else disable();
+		},
+		destroy: disable,
+	};
+};
diff --git a/src/lib/settings.svelte.ts b/src/lib/settings.svelte.ts
index 051abc8..7cf9ff1 100644
--- a/src/lib/settings.svelte.ts
+++ b/src/lib/settings.svelte.ts
@@ -5,6 +5,7 @@ import { ui } from "./ui.svelte.js";
 type ReplayGainMode = "off" | "track" | "album";
 type DownloadsAutoSyncMode = "none" | "scrobbles" | "all";
 type ProgressBarStyle = "native" | "simple" | "triangle";
+type CoverBackgroundMode = "off" | "album" | "artist";
 
 type SettingDef<T> = {
 	default: T;
@@ -30,6 +31,10 @@ const settingDefs = {
 	artSong: { default: 16 },
 	artNow: { default: 128 },
 	animations: { default: true },
+	coverBackground: {
+		default: "album" as CoverBackgroundMode,
+		validate: oneOf("off", "album", "artist"),
+	},
 	dynamicColors: { default: false },
 	dynamicFavicon: { default: false },
 	downloads: { default: false },
@@ -116,10 +121,13 @@ const settingDefs = {
 	},
 	visualizerCenterText: { default: false },
 	visualizerOpacity: { default: 0.75 },
-	visualizerOverlay: { default: true },
+	visualizerOverlay: { default: false },
 	visualizerSize: { default: 0.5 },
 	visualizerStroke: { default: 2 },
-	visualizerInsideArtwork: { default: true },
+	visualizerLocation: {
+		default: "artwork" as "artwork" | "now-playing" | "background",
+		validate: oneOf("artwork", "now-playing", "background"),
+	},
 	visualizerBlendMode: {
 		default: "difference" as "normal" | "difference" | "overlay",
 		validate: oneOf("normal", "difference", "overlay"),
diff --git a/vite.config.ts b/vite.config.ts
index 25a639c..33aedf8 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -65,6 +65,9 @@ export default defineConfig(({ mode }) => {
 				},
 			}),
 		],
+		css: {
+			transformer: "lightningcss",
+		},
 		build: {
 			assetsInlineLimit: 0,
 			target: env.VITE_TINYSUB_BUILD_TARGET || undefined,