Add eslint with eslint-plugin-better-tailwindcss

- Replace prettier-plugin-tailwindcss with eslint-plugin-better-tailwindcss
(the two disagreed on ordering — keep one source of truth for class order)
- ESLint flat config with svelte-eslint-parser + @typescript-eslint/parser,
scoped to non-shadcn source. Tailwind v4 entrypoint = src/routes/layout.css
- Disable no-unknown-classes (custom Svelte <style> classes like vs-beam) and
enforce-canonical-classes (h-full w-full ≠ size-full when parent is asymmetric)
- Auto-fix sorts every Tailwind class list and removes a few duplicates
- New scripts: bun run lint (prettier + eslint check), bun run lint:fix

.prettierrc

@@ -3,7 +3,7 @@
 	"singleQuote": true,
 	"trailingComma": "none",
 	"printWidth": 100,
-	"plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
+	"plugins": ["prettier-plugin-svelte"],
 	"overrides": [
 		{
 			"files": "*.svelte",

bun.lock

@@ -17,22 +17,26 @@
         "@sveltejs/vite-plugin-svelte": "^7.0.0",
         "@tailwindcss/vite": "^4.2.2",
         "@tanstack/table-core": "^8.21.3",
+        "@typescript-eslint/parser": "^8.59.1",
         "bits-ui": "^2.18.0",
         "clsx": "^2.1.1",
+        "eslint": "^10.2.1",
+        "eslint-plugin-better-tailwindcss": "^4.5.0",
         "mode-watcher": "^1.1.0",
         "phosphor-svelte": "^3.1.0",
         "prettier": "^3.8.3",
         "prettier-plugin-svelte": "^3.5.1",
-        "prettier-plugin-tailwindcss": "^0.8.0",
         "shadcn-svelte": "^1.2.7",
         "svelte": "^5.55.2",
         "svelte-check": "^4.4.6",
+        "svelte-eslint-parser": "^1.6.0",
         "svelte-sonner": "^1.1.1",
         "tailwind-merge": "^3.5.0",
         "tailwind-variants": "^3.2.2",
         "tailwindcss": "^4.2.2",
         "tw-animate-css": "^1.4.0",
         "typescript": "^6.0.2",
+        "typescript-eslint": "^8.59.1",
         "vite": "^8.0.7",
       },
     },
@@ -44,6 +48,22 @@
 
     "@emnapi/wasi-threads": ["@emnapi/wasi-threads@1.2.1", "", { "dependencies": { "tslib": "2.8.1" } }, "sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w=="],
 
+    "@eslint-community/eslint-utils": ["@eslint-community/eslint-utils@4.9.1", "", { "dependencies": { "eslint-visitor-keys": "^3.4.3" }, "peerDependencies": { "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0" } }, "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ=="],
+
+    "@eslint-community/regexpp": ["@eslint-community/regexpp@4.12.2", "", {}, "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew=="],
+
+    "@eslint/config-array": ["@eslint/config-array@0.23.5", "", { "dependencies": { "@eslint/object-schema": "^3.0.5", "debug": "^4.3.1", "minimatch": "^10.2.4" } }, "sha512-Y3kKLvC1dvTOT+oGlqNQ1XLqK6D1HU2YXPc52NmAlJZbMMWDzGYXMiPRJ8TYD39muD/OTjlZmNJ4ib7dvSrMBA=="],
+
+    "@eslint/config-helpers": ["@eslint/config-helpers@0.5.5", "", { "dependencies": { "@eslint/core": "^1.2.1" } }, "sha512-eIJYKTCECbP/nsKaaruF6LW967mtbQbsw4JTtSVkUQc9MneSkbrgPJAbKl9nWr0ZeowV8BfsarBmPpBzGelA2w=="],
+
+    "@eslint/core": ["@eslint/core@1.2.1", "", { "dependencies": { "@types/json-schema": "^7.0.15" } }, "sha512-MwcE1P+AZ4C6DWlpin/OmOA54mmIZ/+xZuJiQd4SyB29oAJjN30UW9wkKNptW2ctp4cEsvhlLY/CsQ1uoHDloQ=="],
+
+    "@eslint/css-tree": ["@eslint/css-tree@4.0.2", "", { "dependencies": { "mdn-data": "2.27.1", "source-map-js": "^1.2.1" } }, "sha512-eqSkC3mka2tiqOuPZKqvxNJoRzpxMss3Np3Yqi4sW7nTTRCpTKB2hzrY4JRsi0ZP3QbVfp23sgEm7VCoOjesmw=="],
+
+    "@eslint/object-schema": ["@eslint/object-schema@3.0.5", "", {}, "sha512-vqTaUEgxzm+YDSdElad6PiRoX4t8VGDjCtt05zn4nU810UIx/uNEV7/lZJ6KwFThKZOzOxzXy48da+No7HZaMw=="],
+
+    "@eslint/plugin-kit": ["@eslint/plugin-kit@0.7.1", "", { "dependencies": { "@eslint/core": "^1.2.1", "levn": "^0.4.1" } }, "sha512-rZAP3aVgB9ds9KOeUSL+zZ21hPmo8dh6fnIFwRQj5EAZl9gzR7wxYbYXYysAM8CTqGmUGyp2S4kUdV17MnGuWQ=="],
+
     "@floating-ui/core": ["@floating-ui/core@1.7.5", "", { "dependencies": { "@floating-ui/utils": "0.2.11" } }, "sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ=="],
 
     "@floating-ui/dom": ["@floating-ui/dom@1.7.6", "", { "dependencies": { "@floating-ui/core": "1.7.5", "@floating-ui/utils": "0.2.11" } }, "sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ=="],
@@ -54,6 +74,16 @@
 
     "@fontsource-variable/roboto-slab": ["@fontsource-variable/roboto-slab@5.2.8", "", {}, "sha512-cdvOSwocP50xS01gXqnGxw7uFcCZQgn1IDlqiAmNuZP4uEVScYAKMDC+aWsbP1grn9QdMJ2frhcuVBNXniBVGA=="],
 
+    "@humanfs/core": ["@humanfs/core@0.19.2", "", { "dependencies": { "@humanfs/types": "^0.15.0" } }, "sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA=="],
+
+    "@humanfs/node": ["@humanfs/node@0.16.8", "", { "dependencies": { "@humanfs/core": "^0.19.2", "@humanfs/types": "^0.15.0", "@humanwhocodes/retry": "^0.4.0" } }, "sha512-gE1eQNZ3R++kTzFUpdGlpmy8kDZD/MLyHqDwqjkVQI0JMdI1D51sy1H958PNXYkM2rAac7e5/CnIKZrHtPh3BQ=="],
+
+    "@humanfs/types": ["@humanfs/types@0.15.0", "", {}, "sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q=="],
+
+    "@humanwhocodes/module-importer": ["@humanwhocodes/module-importer@1.0.1", "", {}, "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA=="],
+
+    "@humanwhocodes/retry": ["@humanwhocodes/retry@0.4.3", "", {}, "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ=="],
+
     "@internationalized/date": ["@internationalized/date@3.12.1", "", { "dependencies": { "@swc/helpers": "0.5.21" } }, "sha512-6IedsVWXyq4P9Tj+TxuU8WGWM70hYLl12nbYU8jkikVpa6WXapFazPUcHUMDMoWftIDE2ILDkFFte6W2nFCkRQ=="],
 
     "@jridgewell/gen-mapping": ["@jridgewell/gen-mapping@0.3.13", "", { "dependencies": { "@jridgewell/sourcemap-codec": "1.5.5", "@jridgewell/trace-mapping": "0.3.31" } }, "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA=="],
@@ -70,6 +100,8 @@
 
     "@oxc-project/types": ["@oxc-project/types@0.127.0", "", {}, "sha512-aIYXQBo4lCbO4z0R3FHeucQHpF46l2LbMdxRvqvuRuW2OxdnSkcng5B8+K12spgLDj93rtN3+J2Vac/TIO+ciQ=="],
 
+    "@pkgr/core": ["@pkgr/core@0.2.9", "", {}, "sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA=="],
+
     "@polka/url": ["@polka/url@1.0.0-next.29", "", {}, "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww=="],
 
     "@rolldown/binding-android-arm64": ["@rolldown/binding-android-arm64@1.0.0-rc.17", "", { "os": "android", "cpu": "arm64" }, "sha512-s70pVGhw4zqGeFnXWvAzJDlvxhlRollagdCCKRgOsgUOH3N1l0LIxf83AtGzmb5SiVM4Hjl5HyarMRfdfj3DaQ=="],
@@ -156,28 +188,78 @@
 
     "@types/dom-webcodecs": ["@types/dom-webcodecs@0.1.13", "", {}, "sha512-O5hkiFIcjjszPIYyUSyvScyvrBoV3NOEEZx/pMlsu44TKzWNkLVBBxnxJz42in5n3QIolYOcBYFCPZZ0h8SkwQ=="],
 
+    "@types/esrecurse": ["@types/esrecurse@4.3.1", "", {}, "sha512-xJBAbDifo5hpffDBuHl0Y8ywswbiAp/Wi7Y/GtAgSlZyIABppyurxVueOPE8LUQOxdlgi6Zqce7uoEpqNTeiUw=="],
+
     "@types/estree": ["@types/estree@1.0.8", "", {}, "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="],
 
+    "@types/json-schema": ["@types/json-schema@7.0.15", "", {}, "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA=="],
+
     "@types/node": ["@types/node@24.12.2", "", { "dependencies": { "undici-types": "7.16.0" } }, "sha512-A1sre26ke7HDIuY/M23nd9gfB+nrmhtYyMINbjI1zHJxYteKR6qSMX56FsmjMcDb3SMcjJg5BiRRgOCC/yBD0g=="],
 
     "@types/trusted-types": ["@types/trusted-types@2.0.7", "", {}, "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw=="],
 
+    "@typescript-eslint/eslint-plugin": ["@typescript-eslint/eslint-plugin@8.59.1", "", { "dependencies": { "@eslint-community/regexpp": "^4.12.2", "@typescript-eslint/scope-manager": "8.59.1", "@typescript-eslint/type-utils": "8.59.1", "@typescript-eslint/utils": "8.59.1", "@typescript-eslint/visitor-keys": "8.59.1", "ignore": "^7.0.5", "natural-compare": "^1.4.0", "ts-api-utils": "^2.5.0" }, "peerDependencies": { "@typescript-eslint/parser": "^8.59.1", "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0", "typescript": ">=4.8.4 <6.1.0" } }, "sha512-BOziFIfE+6osHO9FoJG4zjoHUcvI7fTNBSpdAwrNH0/TLvzjsk2oo8XSSOT2HhqUyhZPfHv4UOffoJ9oEEQ7Ag=="],
+
+    "@typescript-eslint/parser": ["@typescript-eslint/parser@8.59.1", "", { "dependencies": { "@typescript-eslint/scope-manager": "8.59.1", "@typescript-eslint/types": "8.59.1", "@typescript-eslint/typescript-estree": "8.59.1", "@typescript-eslint/visitor-keys": "8.59.1", "debug": "^4.4.3" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0", "typescript": ">=4.8.4 <6.1.0" } }, "sha512-HDQH9O/47Dxi1ceDhBXdaldtf/WV9yRYMjbjCuNk3qnaTD564qwv61Y7+gTxwxRKzSrgO5uhtw584igXVuuZkA=="],
+
+    "@typescript-eslint/project-service": ["@typescript-eslint/project-service@8.59.1", "", { "dependencies": { "@typescript-eslint/tsconfig-utils": "^8.59.1", "@typescript-eslint/types": "^8.59.1", "debug": "^4.4.3" }, "peerDependencies": { "typescript": ">=4.8.4 <6.1.0" } }, "sha512-+MuHQlHiEr00Of/IQbE/MmEoi44znZHbR/Pz7Opq4HryUOlRi+/44dro9Ycy8Fyo+/024IWtw8m4JUMCGTYxDg=="],
+
+    "@typescript-eslint/scope-manager": ["@typescript-eslint/scope-manager@8.59.1", "", { "dependencies": { "@typescript-eslint/types": "8.59.1", "@typescript-eslint/visitor-keys": "8.59.1" } }, "sha512-LwuHQI4pDOYVKvmH2dkaJo6YZCSgouVgnS/z7yBPKBMvgtBvyLqiLy9Z6b7+m/TRcX1NFYUqZetI5Y+aT4GEfg=="],
+
+    "@typescript-eslint/tsconfig-utils": ["@typescript-eslint/tsconfig-utils@8.59.1", "", { "peerDependencies": { "typescript": ">=4.8.4 <6.1.0" } }, "sha512-/0nEyPbX7gRsk0Uwfe4ALwwgxuA66d/l2mhRDNlAvaj4U3juhUtJNq0DsY8M2AYwwb9rEq2hrC3IcIcEt++iJA=="],
+
+    "@typescript-eslint/type-utils": ["@typescript-eslint/type-utils@8.59.1", "", { "dependencies": { "@typescript-eslint/types": "8.59.1", "@typescript-eslint/typescript-estree": "8.59.1", "@typescript-eslint/utils": "8.59.1", "debug": "^4.4.3", "ts-api-utils": "^2.5.0" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0", "typescript": ">=4.8.4 <6.1.0" } }, "sha512-klWPBR2ciQHS3f++ug/mVnWKPjBUo7icEL3FAO1lhAR1Z1i5NQYZ1EannMSRYcq5qCv5wNALlXr6fksRHyYl7w=="],
+
+    "@typescript-eslint/types": ["@typescript-eslint/types@8.59.1", "", {}, "sha512-ZDCjgccSdYPw5Bxh+my4Z0lJU96ZDN7jbBzvmEn0FZx3RtU1C7VWl6NbDx94bwY3V5YsgwRzJPOgeY2Q/nLG8A=="],
+
+    "@typescript-eslint/typescript-estree": ["@typescript-eslint/typescript-estree@8.59.1", "", { "dependencies": { "@typescript-eslint/project-service": "8.59.1", "@typescript-eslint/tsconfig-utils": "8.59.1", "@typescript-eslint/types": "8.59.1", "@typescript-eslint/visitor-keys": "8.59.1", "debug": "^4.4.3", "minimatch": "^10.2.2", "semver": "^7.7.3", "tinyglobby": "^0.2.15", "ts-api-utils": "^2.5.0" }, "peerDependencies": { "typescript": ">=4.8.4 <6.1.0" } }, "sha512-OUd+vJS05sSkOip+BkZ/2NS8RMxrAAJemsC6vU3kmfLyeaJT0TftHkV9mcx2107MmsBVXXexhVu4F0TZXyMl4g=="],
+
+    "@typescript-eslint/utils": ["@typescript-eslint/utils@8.59.1", "", { "dependencies": { "@eslint-community/eslint-utils": "^4.9.1", "@typescript-eslint/scope-manager": "8.59.1", "@typescript-eslint/types": "8.59.1", "@typescript-eslint/typescript-estree": "8.59.1" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0", "typescript": ">=4.8.4 <6.1.0" } }, "sha512-3pIeoXhCeYH9FSCBI8P3iNwJlGuzPlYKkTlen2O9T1DSeeg8UG8jstq6BLk+Mda0qup7mgk4z4XL4OzRaxZ8LA=="],
+
+    "@typescript-eslint/visitor-keys": ["@typescript-eslint/visitor-keys@8.59.1", "", { "dependencies": { "@typescript-eslint/types": "8.59.1", "eslint-visitor-keys": "^5.0.0" } }, "sha512-LdDNl6C5iJExcM0Yh0PwAIBb9PrSiCsWamF/JyEZawm3kFDnRoaq3LGE4bpyRao/fWeGKKyw7icx0YxrLFC5Cg=="],
+
+    "@valibot/to-json-schema": ["@valibot/to-json-schema@1.6.0", "", { "peerDependencies": { "valibot": "^1.3.0" } }, "sha512-d6rYyK5KVa2XdqamWgZ4/Nr+cXhxjy7lmpe6Iajw15J/jmU+gyxl2IEd1Otg1d7Rl3gOQL5reulnSypzBtYy1A=="],
+
     "acorn": ["acorn@8.16.0", "", { "bin": { "acorn": "bin/acorn" } }, "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw=="],
 
+    "acorn-jsx": ["acorn-jsx@5.3.2", "", { "peerDependencies": { "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0" } }, "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ=="],
+
+    "ajv": ["ajv@6.15.0", "", { "dependencies": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", "json-schema-traverse": "^0.4.1", "uri-js": "^4.2.2" } }, "sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw=="],
+
+    "ansi-styles": ["ansi-styles@4.3.0", "", { "dependencies": { "color-convert": "^2.0.1" } }, "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg=="],
+
     "aria-query": ["aria-query@5.3.1", "", {}, "sha512-Z/ZeOgVl7bcSYZ/u/rh0fOpvEpq//LZmdbkXyc7syVzjPAhfOa9ebsdTSjEBDU4vs5nC98Kfduj1uFo0qyET3g=="],
 
     "axobject-query": ["axobject-query@4.1.0", "", {}, "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ=="],
 
+    "balanced-match": ["balanced-match@4.0.4", "", {}, "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA=="],
+
     "bits-ui": ["bits-ui@2.18.0", "", { "dependencies": { "@floating-ui/core": "1.7.5", "@floating-ui/dom": "1.7.6", "esm-env": "1.2.2", "runed": "0.35.1", "svelte-toolbelt": "0.10.6", "tabbable": "6.4.0" }, "peerDependencies": { "@internationalized/date": "3.12.1", "svelte": "5.55.5" } }, "sha512-GLOBZRVy3hxNHIQ2MpD/+5aK9KcBFZRhUJtZ1UDABXdlVR4K6zFpgt4T+Rwuhf2sQzlc6yK1q/DprHPjwT4Pjw=="],
 
+    "brace-expansion": ["brace-expansion@5.0.5", "", { "dependencies": { "balanced-match": "^4.0.2" } }, "sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ=="],
+
+    "chalk": ["chalk@4.1.2", "", { "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" } }, "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA=="],
+
     "chokidar": ["chokidar@4.0.3", "", { "dependencies": { "readdirp": "4.1.2" } }, "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA=="],
 
     "clsx": ["clsx@2.1.1", "", {}, "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA=="],
 
+    "color-convert": ["color-convert@2.0.1", "", { "dependencies": { "color-name": "~1.1.4" } }, "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ=="],
+
+    "color-name": ["color-name@1.1.4", "", {}, "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="],
+
     "commander": ["commander@14.0.3", "", {}, "sha512-H+y0Jo/T1RZ9qPP4Eh1pkcQcLRglraJaSLoyOtHxu6AapkjWVCy2Sit1QQ4x3Dng8qDlSsZEet7g5Pq06MvTgw=="],
 
     "cookie": ["cookie@0.6.0", "", {}, "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw=="],
 
+    "cross-spawn": ["cross-spawn@7.0.6", "", { "dependencies": { "path-key": "^3.1.0", "shebang-command": "^2.0.0", "which": "^2.0.1" } }, "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA=="],
+
+    "cssesc": ["cssesc@3.0.0", "", { "bin": { "cssesc": "bin/cssesc" } }, "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg=="],
+
+    "debug": ["debug@4.4.3", "", { "dependencies": { "ms": "^2.1.3" } }, "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA=="],
+
+    "deep-is": ["deep-is@0.1.4", "", {}, "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ=="],
+
     "deepmerge": ["deepmerge@4.3.1", "", {}, "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A=="],
 
     "dequal": ["dequal@2.0.3", "", {}, "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA=="],
@@ -188,34 +270,94 @@
 
     "enhanced-resolve": ["enhanced-resolve@5.21.0", "", { "dependencies": { "graceful-fs": "4.2.11", "tapable": "2.3.3" } }, "sha512-otxSQPw4lkOZWkHpB3zaEQs6gWYEsmX4xQF68ElXC/TWvGxGMSGOvoNbaLXm6/cS/fSfHtsEdw90y20PCd+sCA=="],
 
+    "escape-string-regexp": ["escape-string-regexp@4.0.0", "", {}, "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="],
+
+    "eslint": ["eslint@10.2.1", "", { "dependencies": { "@eslint-community/eslint-utils": "^4.8.0", "@eslint-community/regexpp": "^4.12.2", "@eslint/config-array": "^0.23.5", "@eslint/config-helpers": "^0.5.5", "@eslint/core": "^1.2.1", "@eslint/plugin-kit": "^0.7.1", "@humanfs/node": "^0.16.6", "@humanwhocodes/module-importer": "^1.0.1", "@humanwhocodes/retry": "^0.4.2", "@types/estree": "^1.0.6", "ajv": "^6.14.0", "cross-spawn": "^7.0.6", "debug": "^4.3.2", "escape-string-regexp": "^4.0.0", "eslint-scope": "^9.1.2", "eslint-visitor-keys": "^5.0.1", "espree": "^11.2.0", "esquery": "^1.7.0", "esutils": "^2.0.2", "fast-deep-equal": "^3.1.3", "file-entry-cache": "^8.0.0", "find-up": "^5.0.0", "glob-parent": "^6.0.2", "ignore": "^5.2.0", "imurmurhash": "^0.1.4", "is-glob": "^4.0.0", "json-stable-stringify-without-jsonify": "^1.0.1", "minimatch": "^10.2.4", "natural-compare": "^1.4.0", "optionator": "^0.9.3" }, "peerDependencies": { "jiti": "*" }, "optionalPeers": ["jiti"], "bin": { "eslint": "bin/eslint.js" } }, "sha512-wiyGaKsDgqXvF40P8mDwiUp/KQjE1FdrIEJsM8PZ3XCiniTMXS3OHWWUe5FI5agoCnr8x4xPrTDZuxsBlNHl+Q=="],
+
+    "eslint-plugin-better-tailwindcss": ["eslint-plugin-better-tailwindcss@4.5.0", "", { "dependencies": { "@eslint/css-tree": "^4.0.1", "@valibot/to-json-schema": "^1.6.0", "enhanced-resolve": "^5.20.1", "jiti": "^2.6.1", "synckit": "^0.11.12", "tailwind-csstree": "^0.3.0", "tsconfig-paths-webpack-plugin": "^4.2.0", "valibot": "^1.3.1" }, "peerDependencies": { "eslint": "^7.0.0 || ^8.0.0 || ^9.0.0 || ^10.0.0", "oxlint": "^1.35.0", "tailwindcss": "^3.3.0 || ^4.1.17" }, "optionalPeers": ["eslint", "oxlint"] }, "sha512-EBNTx6OJYaWv7uUxHWTy1fhiNz2rZVkoeOHZzAJFwWaEPideBf04CMshrJ7YntG0KQzadlbRhHKYr32q5aBX4w=="],
+
+    "eslint-scope": ["eslint-scope@9.1.2", "", { "dependencies": { "@types/esrecurse": "^4.3.1", "@types/estree": "^1.0.8", "esrecurse": "^4.3.0", "estraverse": "^5.2.0" } }, "sha512-xS90H51cKw0jltxmvmHy2Iai1LIqrfbw57b79w/J7MfvDfkIkFZ+kj6zC3BjtUwh150HsSSdxXZcsuv72miDFQ=="],
+
+    "eslint-visitor-keys": ["eslint-visitor-keys@5.0.1", "", {}, "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA=="],
+
     "esm-env": ["esm-env@1.2.2", "", {}, "sha512-Epxrv+Nr/CaL4ZcFGPJIYLWFom+YeV1DqMLHJoEd9SYRxNbaFruBwfEX/kkHUJf55j2+TUbmDcmuilbP1TmXHA=="],
 
+    "espree": ["espree@11.2.0", "", { "dependencies": { "acorn": "^8.16.0", "acorn-jsx": "^5.3.2", "eslint-visitor-keys": "^5.0.1" } }, "sha512-7p3DrVEIopW1B1avAGLuCSh1jubc01H2JHc8B4qqGblmg5gI9yumBgACjWo4JlIc04ufug4xJ3SQI8HkS/Rgzw=="],
+
+    "esquery": ["esquery@1.7.0", "", { "dependencies": { "estraverse": "^5.1.0" } }, "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g=="],
+
     "esrap": ["esrap@2.2.5", "", { "dependencies": { "@jridgewell/sourcemap-codec": "1.5.5" } }, "sha512-/yLB1538mag+dn0wsePTe8C0rDIjUOaJpMs2McodSzmM2msWcZsBSdRtg6HOBt0A/r82BN+Md3pgwSc/uWt2Ig=="],
 
+    "esrecurse": ["esrecurse@4.3.0", "", { "dependencies": { "estraverse": "^5.2.0" } }, "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag=="],
+
+    "estraverse": ["estraverse@5.3.0", "", {}, "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA=="],
+
     "estree-walker": ["estree-walker@3.0.3", "", { "dependencies": { "@types/estree": "1.0.8" } }, "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g=="],
 
+    "esutils": ["esutils@2.0.3", "", {}, "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g=="],
+
+    "fast-deep-equal": ["fast-deep-equal@3.1.3", "", {}, "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="],
+
+    "fast-json-stable-stringify": ["fast-json-stable-stringify@2.1.0", "", {}, "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="],
+
+    "fast-levenshtein": ["fast-levenshtein@2.0.6", "", {}, "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw=="],
+
     "fdir": ["fdir@6.5.0", "", { "optionalDependencies": { "picomatch": "4.0.4" } }, "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg=="],
 
+    "file-entry-cache": ["file-entry-cache@8.0.0", "", { "dependencies": { "flat-cache": "^4.0.0" } }, "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ=="],
+
+    "find-up": ["find-up@5.0.0", "", { "dependencies": { "locate-path": "^6.0.0", "path-exists": "^4.0.0" } }, "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng=="],
+
+    "flat-cache": ["flat-cache@4.0.1", "", { "dependencies": { "flatted": "^3.2.9", "keyv": "^4.5.4" } }, "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw=="],
+
+    "flatted": ["flatted@3.4.2", "", {}, "sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA=="],
+
     "fsevents": ["fsevents@2.3.3", "", { "os": "darwin" }, "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw=="],
 
     "fzstd": ["fzstd@0.1.1", "", {}, "sha512-dkuVSOKKwh3eas5VkJy1AW1vFpet8TA/fGmVA5krThl8YcOVE/8ZIoEA1+U1vEn5ckxxhLirSdY837azmbaNHA=="],
 
+    "glob-parent": ["glob-parent@6.0.2", "", { "dependencies": { "is-glob": "^4.0.3" } }, "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A=="],
+
     "graceful-fs": ["graceful-fs@4.2.11", "", {}, "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="],
 
+    "has-flag": ["has-flag@4.0.0", "", {}, "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="],
+
     "hyparquet": ["hyparquet@1.25.6", "", {}, "sha512-Q9W5IjkVch3ZMnYd4qFv2q8suu5Jc36yt7J+zUNM9grwnP1S189icp0jdEQKM5HJvQkTVy8NMiQ8n/dM5QAt1A=="],
 
     "hyparquet-compressors": ["hyparquet-compressors@1.1.1", "", { "dependencies": { "fzstd": "0.1.1", "hysnappy": "1.0.0" } }, "sha512-yx7aA3Rhj0YycbdV71+XznQSLAefa4cT0urpgNXy4aM6eSeCknaVDNne8y45Uz74Fb15yyXUzOStlceOJBan7A=="],
 
     "hysnappy": ["hysnappy@1.0.0", "", {}, "sha512-MNrC4NfwDGPb889O6gIfEtbvEZCSWUsSEhsz4Oq2FRcpGtXHfeVz3KciSPp5Pnnz1NjFMgDQNfxdJozymJEDDA=="],
 
+    "ignore": ["ignore@5.3.2", "", {}, "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g=="],
+
+    "imurmurhash": ["imurmurhash@0.1.4", "", {}, "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA=="],
+
     "inline-style-parser": ["inline-style-parser@0.2.7", "", {}, "sha512-Nb2ctOyNR8DqQoR0OwRG95uNWIC0C1lCgf5Naz5H6Ji72KZ8OcFZLz2P5sNgwlyoJ8Yif11oMuYs5pBQa86csA=="],
 
+    "is-extglob": ["is-extglob@2.1.1", "", {}, "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ=="],
+
+    "is-glob": ["is-glob@4.0.3", "", { "dependencies": { "is-extglob": "^2.1.1" } }, "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg=="],
+
     "is-reference": ["is-reference@3.0.3", "", { "dependencies": { "@types/estree": "1.0.8" } }, "sha512-ixkJoqQvAP88E6wLydLGGqCJsrFUnqoH6HnaczB8XmDH1oaWU+xxdptvikTgaEhtZ53Ky6YXiBuUI2WXLMCwjw=="],
 
+    "isexe": ["isexe@2.0.0", "", {}, "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="],
+
     "jiti": ["jiti@2.6.1", "", { "bin": { "jiti": "lib/jiti-cli.mjs" } }, "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ=="],
 
+    "json-buffer": ["json-buffer@3.0.1", "", {}, "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ=="],
+
+    "json-schema-traverse": ["json-schema-traverse@0.4.1", "", {}, "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="],
+
+    "json-stable-stringify-without-jsonify": ["json-stable-stringify-without-jsonify@1.0.1", "", {}, "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw=="],
+
+    "json5": ["json5@2.2.3", "", { "bin": { "json5": "lib/cli.js" } }, "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg=="],
+
+    "keyv": ["keyv@4.5.4", "", { "dependencies": { "json-buffer": "3.0.1" } }, "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw=="],
+
     "kleur": ["kleur@4.1.5", "", {}, "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ=="],
 
+    "levn": ["levn@0.4.1", "", { "dependencies": { "prelude-ls": "^1.2.1", "type-check": "~0.4.0" } }, "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ=="],
+
     "lightningcss": ["lightningcss@1.32.0", "", { "dependencies": { "detect-libc": "2.1.2" }, "optionalDependencies": { "lightningcss-android-arm64": "1.32.0", "lightningcss-darwin-arm64": "1.32.0", "lightningcss-darwin-x64": "1.32.0", "lightningcss-freebsd-x64": "1.32.0", "lightningcss-linux-arm-gnueabihf": "1.32.0", "lightningcss-linux-arm64-gnu": "1.32.0", "lightningcss-linux-arm64-musl": "1.32.0", "lightningcss-linux-x64-gnu": "1.32.0", "lightningcss-linux-x64-musl": "1.32.0", "lightningcss-win32-arm64-msvc": "1.32.0", "lightningcss-win32-x64-msvc": "1.32.0" } }, "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ=="],
 
     "lightningcss-android-arm64": ["lightningcss-android-arm64@1.32.0", "", { "os": "android", "cpu": "arm64" }, "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg=="],
@@ -242,24 +384,46 @@
 
     "locate-character": ["locate-character@3.0.0", "", {}, "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA=="],
 
+    "locate-path": ["locate-path@6.0.0", "", { "dependencies": { "p-locate": "^5.0.0" } }, "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw=="],
+
     "lz-string": ["lz-string@1.5.0", "", { "bin": { "lz-string": "bin/bin.js" } }, "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ=="],
 
     "magic-string": ["magic-string@0.30.21", "", { "dependencies": { "@jridgewell/sourcemap-codec": "1.5.5" } }, "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ=="],
 
+    "mdn-data": ["mdn-data@2.27.1", "", {}, "sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ=="],
+
     "mediabunny": ["mediabunny@1.42.0", "", { "dependencies": { "@types/dom-mediacapture-transform": "0.1.11", "@types/dom-webcodecs": "0.1.13" } }, "sha512-s9ypTqLi6kbh95gC+YaJlG0PkLvMxu37Q/wO/pFZx0fUCA5Ym5mp+2dWoa83mKQ3Uo18aNlgev5iJ5ESZqWwgQ=="],
 
+    "minimatch": ["minimatch@10.2.5", "", { "dependencies": { "brace-expansion": "^5.0.5" } }, "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg=="],
+
+    "minimist": ["minimist@1.2.8", "", {}, "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA=="],
+
     "mode-watcher": ["mode-watcher@1.1.0", "", { "dependencies": { "runed": "0.25.0", "svelte-toolbelt": "0.7.1" }, "peerDependencies": { "svelte": "5.55.5" } }, "sha512-mUT9RRGPDYenk59qJauN1rhsIMKBmWA3xMF+uRwE8MW/tjhaDSCCARqkSuDTq8vr4/2KcAxIGVjACxTjdk5C3g=="],
 
     "mri": ["mri@1.2.0", "", {}, "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA=="],
 
     "mrmime": ["mrmime@2.0.1", "", {}, "sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ=="],
 
+    "ms": ["ms@2.1.3", "", {}, "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="],
+
     "nanoid": ["nanoid@3.3.11", "", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w=="],
 
+    "natural-compare": ["natural-compare@1.4.0", "", {}, "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw=="],
+
     "node-fetch-native": ["node-fetch-native@1.6.7", "", {}, "sha512-g9yhqoedzIUm0nTnTqAQvueMPVOuIY16bqgAJJC8XOOubYFNwz6IER9qs0Gq2Xd0+CecCKFjtdDTMA4u4xG06Q=="],
 
     "obug": ["obug@2.1.1", "", {}, "sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ=="],
 
+    "optionator": ["optionator@0.9.4", "", { "dependencies": { "deep-is": "^0.1.3", "fast-levenshtein": "^2.0.6", "levn": "^0.4.1", "prelude-ls": "^1.2.1", "type-check": "^0.4.0", "word-wrap": "^1.2.5" } }, "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g=="],
+
+    "p-limit": ["p-limit@3.1.0", "", { "dependencies": { "yocto-queue": "^0.1.0" } }, "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ=="],
+
+    "p-locate": ["p-locate@5.0.0", "", { "dependencies": { "p-limit": "^3.0.2" } }, "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw=="],
+
+    "path-exists": ["path-exists@4.0.0", "", {}, "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w=="],
+
+    "path-key": ["path-key@3.1.1", "", {}, "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q=="],
+
     "phosphor-svelte": ["phosphor-svelte@3.1.0", "", { "dependencies": { "estree-walker": "3.0.3", "magic-string": "0.30.21" }, "optionalDependencies": { "vite": "8.0.10" }, "peerDependencies": { "svelte": "5.55.5" } }, "sha512-nldtxx+XCgNREvrb7O5xgDsefytXpSkPTx8Rnu3f2qQCUZLDV1rLxYSd2Jcwckuo9lZB1qKMqGR17P4UDC0PrA=="],
 
     "picocolors": ["picocolors@1.1.1", "", {}, "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="],
@@ -268,11 +432,17 @@
 
     "postcss": ["postcss@8.5.12", "", { "dependencies": { "nanoid": "3.3.11", "picocolors": "1.1.1", "source-map-js": "1.2.1" } }, "sha512-W62t/Se6rA0Az3DfCL0AqJwXuKwBeYg6nOaIgzP+xZ7N5BFCI7DYi1qs6ygUYT6rvfi6t9k65UMLJC+PHZpDAA=="],
 
+    "postcss-scss": ["postcss-scss@4.0.9", "", { "peerDependencies": { "postcss": "^8.4.29" } }, "sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A=="],
+
+    "postcss-selector-parser": ["postcss-selector-parser@7.1.1", "", { "dependencies": { "cssesc": "^3.0.0", "util-deprecate": "^1.0.2" } }, "sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg=="],
+
+    "prelude-ls": ["prelude-ls@1.2.1", "", {}, "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g=="],
+
     "prettier": ["prettier@3.8.3", "", { "bin": { "prettier": "bin/prettier.cjs" } }, "sha512-7igPTM53cGHMW8xWuVTydi2KO233VFiTNyF5hLJqpilHfmn8C8gPf+PS7dUT64YcXFbiMGZxS9pCSxL/Dxm/Jw=="],
 
     "prettier-plugin-svelte": ["prettier-plugin-svelte@3.5.1", "", { "peerDependencies": { "prettier": "^3.0.0", "svelte": "^3.2.0 || ^4.0.0-next.0 || ^5.0.0-next.0" } }, "sha512-65+fr5+cgIKWKiqM1Doum4uX6bY8iFCdztvvp2RcF+AJoieaw9kJOFMNcJo/bkmKYsxFaM9OsVZK/gWauG/5mg=="],
 
-    "prettier-plugin-tailwindcss": ["prettier-plugin-tailwindcss@0.8.0", "", { "peerDependencies": { "@ianvs/prettier-plugin-sort-imports": "*", "@prettier/plugin-hermes": "*", "@prettier/plugin-oxc": "*", "@prettier/plugin-pug": "*", "@shopify/prettier-plugin-liquid": "*", "@trivago/prettier-plugin-sort-imports": "*", "@zackad/prettier-plugin-twig": "*", "prettier": "^3.0", "prettier-plugin-astro": "*", "prettier-plugin-css-order": "*", "prettier-plugin-jsdoc": "*", "prettier-plugin-marko": "*", "prettier-plugin-multiline-arrays": "*", "prettier-plugin-organize-attributes": "*", "prettier-plugin-organize-imports": "*", "prettier-plugin-sort-imports": "*", "prettier-plugin-svelte": "*" }, "optionalPeers": ["@ianvs/prettier-plugin-sort-imports", "@prettier/plugin-hermes", "@prettier/plugin-oxc", "@prettier/plugin-pug", "@shopify/prettier-plugin-liquid", "@trivago/prettier-plugin-sort-imports", "@zackad/prettier-plugin-twig", "prettier-plugin-astro", "prettier-plugin-css-order", "prettier-plugin-jsdoc", "prettier-plugin-marko", "prettier-plugin-multiline-arrays", "prettier-plugin-organize-attributes", "prettier-plugin-organize-imports", "prettier-plugin-sort-imports", "prettier-plugin-svelte"] }, "sha512-V8ITGH87yuBDF6JpEZTOVlUz/saAwqb8f3HRgUj8Lh+tGCcrmorhsLpYqzygwFwK0PE2Ib6Mv3M7T/uE2tZV1g=="],
+    "punycode": ["punycode@2.3.1", "", {}, "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg=="],
 
     "readdirp": ["readdirp@4.1.2", "", {}, "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg=="],
 
@@ -282,26 +452,42 @@
 
     "sade": ["sade@1.8.1", "", { "dependencies": { "mri": "1.2.0" } }, "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A=="],
 
+    "semver": ["semver@7.7.4", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA=="],
+
     "set-cookie-parser": ["set-cookie-parser@3.1.0", "", {}, "sha512-kjnC1DXBHcxaOaOXBHBeRtltsDG2nUiUni+jP92M9gYdW12rsmx92UsfpH7o5tDRs7I1ZZPSQJQGv3UaRfCiuw=="],
 
     "shadcn-svelte": ["shadcn-svelte@1.2.7", "", { "dependencies": { "commander": "14.0.3", "node-fetch-native": "1.6.7", "postcss": "8.5.12", "tailwind-merge": "3.5.0" }, "peerDependencies": { "svelte": "5.55.5" }, "bin": { "shadcn-svelte": "dist/index.mjs" } }, "sha512-mWuQk4H4gtV+J2wJQ7nEPKNnB/v86AALFryZU0SSM7ChHmJJMZ1kH+qIuxYKrXm9vOOOcSWHRsWzPDB71DnjYA=="],
 
+    "shebang-command": ["shebang-command@2.0.0", "", { "dependencies": { "shebang-regex": "^3.0.0" } }, "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA=="],
+
+    "shebang-regex": ["shebang-regex@3.0.0", "", {}, "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A=="],
+
     "sirv": ["sirv@3.0.2", "", { "dependencies": { "@polka/url": "1.0.0-next.29", "mrmime": "2.0.1", "totalist": "3.0.1" } }, "sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g=="],
 
     "source-map-js": ["source-map-js@1.2.1", "", {}, "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA=="],
 
+    "strip-bom": ["strip-bom@3.0.0", "", {}, "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA=="],
+
     "style-to-object": ["style-to-object@1.0.14", "", { "dependencies": { "inline-style-parser": "0.2.7" } }, "sha512-LIN7rULI0jBscWQYaSswptyderlarFkjQ+t79nzty8tcIAceVomEVlLzH5VP4Cmsv6MtKhs7qaAiwlcp+Mgaxw=="],
 
+    "supports-color": ["supports-color@7.2.0", "", { "dependencies": { "has-flag": "^4.0.0" } }, "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw=="],
+
     "svelte": ["svelte@5.55.5", "", { "dependencies": { "@jridgewell/remapping": "2.3.5", "@jridgewell/sourcemap-codec": "1.5.5", "@sveltejs/acorn-typescript": "1.0.9", "@types/estree": "1.0.8", "@types/trusted-types": "2.0.7", "acorn": "8.16.0", "aria-query": "5.3.1", "axobject-query": "4.1.0", "clsx": "2.1.1", "devalue": "5.7.1", "esm-env": "1.2.2", "esrap": "2.2.5", "is-reference": "3.0.3", "locate-character": "3.0.0", "magic-string": "0.30.21", "zimmerframe": "1.1.4" } }, "sha512-2uCs/LZ9us+AktdzYJM8OcxQ8qnPS1kpaO7syGT/MgO+6Qr1Ybl+TqPq+97u7PHqmmMlye5ZkoyXONy5mjjAbw=="],
 
     "svelte-check": ["svelte-check@4.4.6", "", { "dependencies": { "@jridgewell/trace-mapping": "0.3.31", "chokidar": "4.0.3", "fdir": "6.5.0", "picocolors": "1.1.1", "sade": "1.8.1" }, "peerDependencies": { "svelte": "5.55.5", "typescript": "6.0.3" }, "bin": { "svelte-check": "bin/svelte-check" } }, "sha512-kP1zG81EWaFe9ZyTv4ZXv44Csi6Pkdpb7S3oj6m+K2ec/IcDg/a8LsFsnVLqm2nxtkSwsd5xPj/qFkTBgXHXjg=="],
 
+    "svelte-eslint-parser": ["svelte-eslint-parser@1.6.0", "", { "dependencies": { "eslint-scope": "^8.2.0", "eslint-visitor-keys": "^4.0.0", "espree": "^10.0.0", "postcss": "^8.4.49", "postcss-scss": "^4.0.9", "postcss-selector-parser": "^7.0.0", "semver": "^7.7.2" }, "peerDependencies": { "svelte": "^3.37.0 || ^4.0.0 || ^5.0.0" }, "optionalPeers": ["svelte"] }, "sha512-qoB1ehychT6OxEtQAqc/guSqLS20SlA53Uijl7x375s8nlUT0lb9ol/gzraEEatQwsyPTJo87s2CmKL9Xab+Uw=="],
+
     "svelte-sonner": ["svelte-sonner@1.1.1", "", { "dependencies": { "runed": "0.28.0" }, "peerDependencies": { "svelte": "5.55.5" } }, "sha512-5cd3p7wa4cq0NsqslMwdlPb7x1JglEZ/GKrLePWNr5bCxR1nagAVrY01FRFrXfUGs41miLt3C327+8XJo5BzZw=="],
 
     "svelte-toolbelt": ["svelte-toolbelt@0.10.6", "", { "dependencies": { "clsx": "2.1.1", "runed": "0.35.1", "style-to-object": "1.0.14" }, "peerDependencies": { "svelte": "5.55.5" } }, "sha512-YWuX+RE+CnWYx09yseAe4ZVMM7e7GRFZM6OYWpBKOb++s+SQ8RBIMMe+Bs/CznBMc0QPLjr+vDBxTAkozXsFXQ=="],
 
+    "synckit": ["synckit@0.11.12", "", { "dependencies": { "@pkgr/core": "^0.2.9" } }, "sha512-Bh7QjT8/SuKUIfObSXNHNSK6WHo6J1tHCqJsuaFDP7gP0fkzSfTxI8y85JrppZ0h8l0maIgc2tfuZQ6/t3GtnQ=="],
+
     "tabbable": ["tabbable@6.4.0", "", {}, "sha512-05PUHKSNE8ou2dwIxTngl4EzcnsCDZGJ/iCLtDflR/SHB/ny14rXc+qU5P4mG9JkusiV7EivzY9Mhm55AzAvCg=="],
 
+    "tailwind-csstree": ["tailwind-csstree@0.3.1", "", { "peerDependencies": { "@eslint/css": ">=1.0.0" }, "optionalPeers": ["@eslint/css"] }, "sha512-v147gLOR+E+9H4dNaP9rBeS/S/CTQJMRItlX9jLOXjdBGfSRauLwiz7LBCViaQmn6URXIlOdN6iMzSzOaeoUUw=="],
+
     "tailwind-merge": ["tailwind-merge@3.5.0", "", {}, "sha512-I8K9wewnVDkL1NTGoqWmVEIlUcB9gFriAEkXkfCjX5ib8ezGxtR3xD7iZIxrfArjEsH7F1CHD4RFUtxefdqV/A=="],
 
     "tailwind-variants": ["tailwind-variants@3.2.2", "", { "optionalDependencies": { "tailwind-merge": "3.5.0" }, "peerDependencies": { "tailwindcss": "4.2.4" } }, "sha512-Mi4kHeMTLvKlM98XPnK+7HoBPmf4gygdFmqQPaDivc3DpYS6aIY6KiG/PgThrGvii5YZJqRsPz0aPyhoFzmZgg=="],
@@ -314,24 +500,56 @@
 
     "totalist": ["totalist@3.0.1", "", {}, "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ=="],
 
+    "ts-api-utils": ["ts-api-utils@2.5.0", "", { "peerDependencies": { "typescript": ">=4.8.4" } }, "sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA=="],
+
+    "tsconfig-paths": ["tsconfig-paths@4.2.0", "", { "dependencies": { "json5": "^2.2.2", "minimist": "^1.2.6", "strip-bom": "^3.0.0" } }, "sha512-NoZ4roiN7LnbKn9QqE1amc9DJfzvZXxF4xDavcOWt1BPkdx+m+0gJuPM+S0vCe7zTJMYUP0R8pO2XMr+Y8oLIg=="],
+
+    "tsconfig-paths-webpack-plugin": ["tsconfig-paths-webpack-plugin@4.2.0", "", { "dependencies": { "chalk": "^4.1.0", "enhanced-resolve": "^5.7.0", "tapable": "^2.2.1", "tsconfig-paths": "^4.1.2" } }, "sha512-zbem3rfRS8BgeNK50Zz5SIQgXzLafiHjOwUAvk/38/o1jHn/V5QAgVUcz884or7WYcPaH3N2CIfUc2u0ul7UcA=="],
+
     "tslib": ["tslib@2.8.1", "", {}, "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="],
 
     "tw-animate-css": ["tw-animate-css@1.4.0", "", {}, "sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ=="],
 
+    "type-check": ["type-check@0.4.0", "", { "dependencies": { "prelude-ls": "^1.2.1" } }, "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew=="],
+
     "typescript": ["typescript@6.0.3", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-y2TvuxSZPDyQakkFRPZHKFm+KKVqIisdg9/CZwm9ftvKXLP8NRWj38/ODjNbr43SsoXqNuAisEf1GdCxqWcdBw=="],
 
+    "typescript-eslint": ["typescript-eslint@8.59.1", "", { "dependencies": { "@typescript-eslint/eslint-plugin": "8.59.1", "@typescript-eslint/parser": "8.59.1", "@typescript-eslint/typescript-estree": "8.59.1", "@typescript-eslint/utils": "8.59.1" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0", "typescript": ">=4.8.4 <6.1.0" } }, "sha512-xqDcFVBmlrltH64lklOVp1wYxgJr6LVdg3NamBgH2OOQDLFdTKfIZXF5PfghrnXQKXZGTQs8tr1vL7fJvq8CTQ=="],
+
     "undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],
 
+    "uri-js": ["uri-js@4.4.1", "", { "dependencies": { "punycode": "^2.1.0" } }, "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg=="],
+
+    "util-deprecate": ["util-deprecate@1.0.2", "", {}, "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="],
+
+    "valibot": ["valibot@1.3.1", "", { "peerDependencies": { "typescript": ">=5" }, "optionalPeers": ["typescript"] }, "sha512-sfdRir/QFM0JaF22hqTroPc5xy4DimuGQVKFrzF1YfGwaS1nJot3Y8VqMdLO2Lg27fMzat2yD3pY5PbAYO39Gg=="],
+
     "vite": ["vite@8.0.10", "", { "dependencies": { "lightningcss": "1.32.0", "picomatch": "4.0.4", "postcss": "8.5.12", "rolldown": "1.0.0-rc.17", "tinyglobby": "0.2.16" }, "optionalDependencies": { "@types/node": "24.12.2", "fsevents": "2.3.3", "jiti": "2.6.1" }, "bin": { "vite": "bin/vite.js" } }, "sha512-rZuUu9j6J5uotLDs+cAA4O5H4K1SfPliUlQwqa6YEwSrWDZzP4rhm00oJR5snMewjxF5V/K3D4kctsUTsIU9Mw=="],
 
     "vitefu": ["vitefu@1.1.3", "", { "optionalDependencies": { "vite": "8.0.10" } }, "sha512-ub4okH7Z5KLjb6hDyjqrGXqWtWvoYdU3IGm/NorpgHncKoLTCfRIbvlhBm7r0YstIaQRYlp4yEbFqDcKSzXSSg=="],
 
+    "which": ["which@2.0.2", "", { "dependencies": { "isexe": "^2.0.0" }, "bin": { "node-which": "./bin/node-which" } }, "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA=="],
+
+    "word-wrap": ["word-wrap@1.2.5", "", {}, "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA=="],
+
+    "yocto-queue": ["yocto-queue@0.1.0", "", {}, "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q=="],
+
     "zimmerframe": ["zimmerframe@1.1.4", "", {}, "sha512-B58NGBEoc8Y9MWWCQGl/gq9xBCe4IiKM0a2x7GZdQKOW5Exr8S1W24J6OgM1njK8xCRGvAJIL/MxXHf6SkmQKQ=="],
 
+    "@eslint-community/eslint-utils/eslint-visitor-keys": ["eslint-visitor-keys@3.4.3", "", {}, "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag=="],
+
+    "@typescript-eslint/eslint-plugin/ignore": ["ignore@7.0.5", "", {}, "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg=="],
+
     "mode-watcher/runed": ["runed@0.25.0", "", { "dependencies": { "esm-env": "1.2.2" }, "peerDependencies": { "svelte": "5.55.5" } }, "sha512-7+ma4AG9FT2sWQEA0Egf6mb7PBT2vHyuHail1ie8ropfSjvZGtEAx8YTmUjv/APCsdRRxEVvArNjALk9zFSOrg=="],
 
     "mode-watcher/svelte-toolbelt": ["svelte-toolbelt@0.7.1", "", { "dependencies": { "clsx": "2.1.1", "runed": "0.23.4", "style-to-object": "1.0.14" }, "peerDependencies": { "svelte": "5.55.5" } }, "sha512-HcBOcR17Vx9bjaOceUvxkY3nGmbBmCBBbuWLLEWO6jtmWH8f/QoWmbyUfQZrpDINH39en1b8mptfPQT9VKQ1xQ=="],
 
+    "svelte-eslint-parser/eslint-scope": ["eslint-scope@8.4.0", "", { "dependencies": { "esrecurse": "^4.3.0", "estraverse": "^5.2.0" } }, "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg=="],
+
+    "svelte-eslint-parser/eslint-visitor-keys": ["eslint-visitor-keys@4.2.1", "", {}, "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ=="],
+
+    "svelte-eslint-parser/espree": ["espree@10.4.0", "", { "dependencies": { "acorn": "^8.15.0", "acorn-jsx": "^5.3.2", "eslint-visitor-keys": "^4.2.1" } }, "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ=="],
+
     "svelte-sonner/runed": ["runed@0.28.0", "", { "dependencies": { "esm-env": "1.2.2" }, "peerDependencies": { "svelte": "5.55.5" } }, "sha512-k2xx7RuO9hWcdd9f+8JoBeqWtYrm5CALfgpkg2YDB80ds/QE4w0qqu34A7fqiAwiBBSBQOid7TLxwxVC27ymWQ=="],
 
     "mode-watcher/svelte-toolbelt/runed": ["runed@0.23.4", "", { "dependencies": { "esm-env": "1.2.2" }, "peerDependencies": { "svelte": "5.55.5" } }, "sha512-9q8oUiBYeXIDLWNK5DfCWlkL0EW3oGbk845VdKlPeia28l751VpfesaB/+7pI6rnbx1I6rqoZ2fZxptOJLxILA=="],

eslint.config.js

@@ -0,0 +1,50 @@
+import eslintPluginBetterTailwindcss from 'eslint-plugin-better-tailwindcss';
+import tsParser from '@typescript-eslint/parser';
+import svelteParser from 'svelte-eslint-parser';
+
+const tailwindSettings = {
+	'better-tailwindcss': {
+		entryPoint: 'src/routes/layout.css'
+	}
+};
+
+const tailwindRules = {
+	...eslintPluginBetterTailwindcss.configs.recommended.rules,
+	// Prettier handles physical line wrapping
+	'better-tailwindcss/enforce-consistent-line-wrapping': 'off',
+	// Custom CSS classes in Svelte <style> blocks (vs-beam, mp-marker, vp-freeze, ...)
+	// trip this rule even though they're real classes
+	'better-tailwindcss/no-unknown-classes': 'off',
+	// `h-full w-full` ≠ `size-full` semantically when a parent is asymmetric
+	'better-tailwindcss/enforce-canonical-classes': 'off'
+};
+
+export default [
+	{
+		ignores: [
+			'node_modules/**',
+			'.svelte-kit/**',
+			'dist/**',
+			'build/**',
+			'static/**',
+			'src/lib/components/ui/**'
+		]
+	},
+	{
+		files: ['**/*.svelte'],
+		languageOptions: {
+			parser: svelteParser,
+			parserOptions: { parser: tsParser, extraFileExtensions: ['.svelte'] }
+		},
+		plugins: { 'better-tailwindcss': eslintPluginBetterTailwindcss },
+		settings: tailwindSettings,
+		rules: tailwindRules
+	},
+	{
+		files: ['**/*.{ts,js}'],
+		languageOptions: { parser: tsParser },
+		plugins: { 'better-tailwindcss': eslintPluginBetterTailwindcss },
+		settings: tailwindSettings,
+		rules: tailwindRules
+	}
+];

package.json

@@ -15,7 +15,8 @@
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"format": "prettier --write .",
-		"lint": "prettier --check ."
+		"lint": "prettier --check . && eslint .",
+		"lint:fix": "eslint --fix ."
 	},
 	"devDependencies": {
 		"@fontsource-variable/oxanium": "^5.2.8",
@@ -25,22 +26,26 @@
 		"@sveltejs/vite-plugin-svelte": "^7.0.0",
 		"@tailwindcss/vite": "^4.2.2",
 		"@tanstack/table-core": "^8.21.3",
+		"@typescript-eslint/parser": "^8.59.1",
 		"bits-ui": "^2.18.0",
 		"clsx": "^2.1.1",
+		"eslint": "^10.2.1",
+		"eslint-plugin-better-tailwindcss": "^4.5.0",
 		"mode-watcher": "^1.1.0",
 		"phosphor-svelte": "^3.1.0",
 		"prettier": "^3.8.3",
 		"prettier-plugin-svelte": "^3.5.1",
-		"prettier-plugin-tailwindcss": "^0.8.0",
 		"shadcn-svelte": "^1.2.7",
 		"svelte": "^5.55.2",
 		"svelte-check": "^4.4.6",
+		"svelte-eslint-parser": "^1.6.0",
 		"svelte-sonner": "^1.1.1",
 		"tailwind-merge": "^3.5.0",
 		"tailwind-variants": "^3.2.2",
 		"tailwindcss": "^4.2.2",
 		"tw-animate-css": "^1.4.0",
 		"typescript": "^6.0.2",
+		"typescript-eslint": "^8.59.1",
 		"vite": "^8.0.7"
 	},
 	"dependencies": {

src/lib/components/grid-tile.svelte

@@ -143,7 +143,7 @@
 	aria-disabled={!available}
 	class={cn(
 		'group relative aspect-video cursor-pointer overflow-hidden rounded-md border bg-black transition',
-		'data-[current=false]:border-border data-[current=false]:hover:border-foreground/40 aria-disabled:opacity-60',
+		'aria-disabled:opacity-60 data-[current=false]:border-border data-[current=false]:hover:border-foreground/40',
 		'data-[current=true]:ring-2 data-[side=CT]:data-[current=true]:border-sky-500 data-[side=CT]:data-[current=true]:ring-sky-500/40',
 		'data-[side=T]:data-[current=true]:border-amber-500 data-[side=T]:data-[current=true]:ring-amber-500/40'
 	)}
@@ -181,7 +181,7 @@
 
 	{#if isLeader}
 		<div
-			class="absolute top-1.5 right-1.5 grid h-5 w-5 place-items-center rounded bg-emerald-500/85 text-white shadow ring-1 ring-black/20"
+			class="absolute top-1.5 right-1.5 grid h-5 w-5 place-items-center rounded-sm bg-emerald-500/85 text-white shadow-sm ring-1 ring-black/20"
 			aria-label="Audio source"
 			title="Audio source"
 		>
@@ -191,7 +191,7 @@
 
 	{#if !available}
 		<div
-			class="absolute right-1.5 bottom-1.5 grid h-5 w-5 place-items-center rounded bg-rose-500/85 text-white shadow ring-1 ring-black/20"
+			class="absolute right-1.5 bottom-1.5 grid h-5 w-5 place-items-center rounded-sm bg-rose-500/85 text-white shadow-sm ring-1 ring-black/20"
 			aria-label="Player is dead"
 			title="Player is dead"
 		>

src/lib/components/header.svelte

@@ -9,11 +9,11 @@
 	import { site } from '$lib/site';
 </script>
 
-<header class="border-border/60 border-b">
+<header class="border-b border-border/60">
 	<div class="mx-auto flex h-12 w-full max-w-[1600px] items-center gap-3 px-4">
 		<a
 			href="/"
-			class="text-muted-foreground hover:text-foreground inline-flex items-center gap-1.5 text-xs font-medium transition"
+			class="inline-flex items-center gap-1.5 text-xs font-medium text-muted-foreground transition hover:text-foreground"
 			aria-label="Back to dataset home"
 		>
 			<CaretLeftIcon size={12} weight="bold" />

src/lib/components/match-info.svelte

@@ -23,19 +23,19 @@
 
 <div class="space-y-3">
 	<div>
-		<div class="text-muted-foreground text-xs tracking-wide uppercase">Event</div>
-		<div class="font-heading mt-0.5 text-sm font-semibold">{match.event}</div>
+		<div class="text-xs tracking-wide text-muted-foreground uppercase">Event</div>
+		<div class="mt-0.5 font-heading text-sm font-semibold">{match.event}</div>
 	</div>
 
 	<div class="border-y py-3">
 		<div class="grid grid-cols-[1fr_auto_1fr] items-center gap-3">
 			<div
 				data-winning={team1Wins}
-				class="data-[winning=false]:text-muted-foreground text-right text-sm font-medium"
+				class="text-right text-sm font-medium data-[winning=false]:text-muted-foreground"
 			>
 				{match.team1}
 			</div>
-			<div class="font-heading flex items-center gap-1 text-xl font-bold tabular-nums">
+			<div class="flex items-center gap-1 font-heading text-xl font-bold tabular-nums">
 				<span data-winning={team1Wins} class="data-[winning=true]:text-primary">{match.score1}</span
 				>
 				<span class="text-muted-foreground/40">:</span>
@@ -45,7 +45,7 @@
 			</div>
 			<div
 				data-winning={!team1Wins}
-				class="data-[winning=false]:text-muted-foreground text-left text-sm font-medium"
+				class="text-left text-sm font-medium data-[winning=false]:text-muted-foreground"
 			>
 				{match.team2}
 			</div>
@@ -53,7 +53,7 @@
 	</div>
 
 	<dl class="grid grid-cols-2 gap-x-3 gap-y-2 text-xs">
-		<dt class="text-muted-foreground inline-flex items-center gap-1">
+		<dt class="inline-flex items-center gap-1 text-muted-foreground">
 			<MapPinIcon size={12} weight="duotone" /> Map
 		</dt>
 		<dd class="text-right">
@@ -62,18 +62,18 @@
 			</Badge>
 		</dd>
 
-		<dt class="text-muted-foreground inline-flex items-center gap-1">
+		<dt class="inline-flex items-center gap-1 text-muted-foreground">
 			<FilmSlateIcon size={12} weight="duotone" /> Format
 		</dt>
 		<dd class="text-right font-medium uppercase">{match.format}</dd>
 
-		<dt class="text-muted-foreground inline-flex items-center gap-1">
+		<dt class="inline-flex items-center gap-1 text-muted-foreground">
 			<CalendarIcon size={12} weight="duotone" /> Played
 		</dt>
 		<dd class="text-right font-medium">{formatDateTime(match.match_date)}</dd>
 
 		{#if winnerSide === 'ct' || winnerSide === 't'}
-			<dt class="text-muted-foreground inline-flex items-center gap-1">
+			<dt class="inline-flex items-center gap-1 text-muted-foreground">
 				{#if winnerSide === 'ct'}
 					<ShieldIcon size={12} weight="duotone" />
 				{:else}
@@ -98,7 +98,7 @@
 			</dd>
 		{/if}
 
-		<dt class="text-muted-foreground inline-flex items-center gap-1">
+		<dt class="inline-flex items-center gap-1 text-muted-foreground">
 			<HashIcon size={12} weight="duotone" /> Rounds
 		</dt>
 		<dd class="text-right font-medium tabular-nums">{match.rounds_played}</dd>
@@ -106,7 +106,7 @@
 
 	{#if match.match_url}
 		<a
-			class="text-muted-foreground hover:text-foreground inline-flex items-center gap-1 text-xs underline-offset-2 hover:underline"
+			class="inline-flex items-center gap-1 text-xs text-muted-foreground underline-offset-2 hover:text-foreground hover:underline"
 			href={match.match_url}
 			target="_blank"
 			rel="noreferrer noopener"

src/lib/components/match-map.svelte

@@ -76,7 +76,7 @@
 </script>
 
 {#if error}
-	<div class="text-muted-foreground bg-muted/30 rounded-md border p-3 text-xs">
+	<div class="rounded-md border bg-muted/30 p-3 text-xs text-muted-foreground">
 		Map data unavailable: {error}
 	</div>
 {:else if !world}

src/lib/components/match-table/cells/date-cell.svelte

@@ -7,4 +7,4 @@
 	let { iso }: Props = $props();
 </script>
 
-<span class="text-muted-foreground text-xs whitespace-nowrap">{formatDate(iso)}</span>
+<span class="text-xs whitespace-nowrap text-muted-foreground">{formatDate(iso)}</span>

src/lib/components/match-table/cells/duration-cell.svelte

@@ -7,6 +7,6 @@
 	let { seconds }: Props = $props();
 </script>
 
-<span class="text-muted-foreground font-mono text-xs tabular-nums"
+<span class="font-mono text-xs text-muted-foreground tabular-nums"
 	>{formatLongDuration(seconds)}</span
 >

src/lib/components/match-table/cells/event-cell.svelte

@@ -9,6 +9,6 @@
 <div class="flex min-w-0 flex-col">
 	<span class="truncate text-sm font-medium" title={event}>{event}</span>
 	{#if format}
-		<span class="text-muted-foreground/70 text-[0.65rem] tracking-wide uppercase">{format}</span>
+		<span class="text-[0.65rem] tracking-wide text-muted-foreground/70 uppercase">{format}</span>
 	{/if}
 </div>

src/lib/components/match-table/cells/rounds-played-cell.svelte

@@ -7,7 +7,7 @@
 	let { rounds }: Props = $props();
 </script>
 
-<span class="text-muted-foreground inline-flex items-center gap-1 font-mono text-xs tabular-nums">
+<span class="inline-flex items-center gap-1 font-mono text-xs text-muted-foreground tabular-nums">
 	<FilmSlateIcon size={11} weight="duotone" />
 	{rounds}
 </span>

src/lib/components/match-table/cells/score-cell.svelte

@@ -10,14 +10,14 @@
 <div class="flex items-center justify-center gap-1 font-mono text-sm tabular-nums">
 	<span
 		data-winner={winner === 'team1'}
-		class="text-muted-foreground data-[winner=true]:text-primary data-[winner=true]:font-semibold"
+		class="text-muted-foreground data-[winner=true]:font-semibold data-[winner=true]:text-primary"
 	>
 		{score1}
 	</span>
-	<span class="text-muted-foreground/40 text-xs">:</span>
+	<span class="text-xs text-muted-foreground/40">:</span>
 	<span
 		data-winner={winner === 'team2'}
-		class="text-muted-foreground data-[winner=true]:text-primary data-[winner=true]:font-semibold"
+		class="text-muted-foreground data-[winner=true]:font-semibold data-[winner=true]:text-primary"
 	>
 		{score2}
 	</span>

src/lib/components/match-table/cells/teams-cell.svelte

@@ -20,7 +20,7 @@
 	>
 		{team1}
 	</span>
-	<span class="text-muted-foreground/40 shrink-0">vs</span>
+	<span class="shrink-0 text-muted-foreground/40">vs</span>
 	<span
 		data-winning={team2Wins}
 		class={cn('truncate font-medium', 'data-[winning=false]:text-muted-foreground')}

src/lib/components/match-table/cells/winner-side-cell.svelte

@@ -22,5 +22,5 @@
 		<SwordIcon size={11} weight="duotone" /> T
 	</Badge>
 {:else}
-	<span class="text-muted-foreground/60 text-xs">—</span>
+	<span class="text-xs text-muted-foreground/60">—</span>
 {/if}

src/lib/components/match-table/columns.ts

@@ -16,7 +16,6 @@ import type { MapRow, MatchRow, RoundRow } from './rows';
 import type { Match } from '$lib/types';
 
 declare module '@tanstack/table-core' {
-	// eslint-disable-next-line @typescript-eslint/no-unused-vars
 	interface ColumnMeta<TData extends RowData, TValue> {
 		label?: string;
 	}

src/lib/components/match-table/data-table-plain-header.svelte

@@ -12,7 +12,7 @@
 
 <span
 	class={cn(
-		'text-muted-foreground inline-block px-2 text-[0.7rem] font-medium tracking-wide uppercase',
+		'inline-block px-2 text-[0.7rem] font-medium tracking-wide text-muted-foreground uppercase',
 		align === 'end' && 'w-full text-right',
 		className
 	)}

src/lib/components/match-table/data-table-sort-header.svelte

@@ -29,7 +29,7 @@
 	size="sm"
 	onclick={() => column.toggleSorting(sort === 'asc')}
 	class={cn(
-		'text-muted-foreground hover:text-foreground -ml-2 h-7 px-2 text-[0.7rem] font-medium tracking-wide uppercase',
+		'-ml-2 h-7 px-2 text-[0.7rem] font-medium tracking-wide text-muted-foreground uppercase hover:text-foreground',
 		align === 'end' && '-mr-2 ml-0 w-full justify-end',
 		className
 	)}

src/lib/components/match-table/data-table-toolbar.svelte

@@ -30,7 +30,7 @@
 		<MagnifyingGlassIcon
 			size={14}
 			weight="bold"
-			class="text-muted-foreground absolute top-1/2 left-2.5 -translate-y-1/2"
+			class="absolute top-1/2 left-2.5 -translate-y-1/2 text-muted-foreground"
 		/>
 		<Input
 			placeholder={searchPlaceholder}

src/lib/components/match-table/match-table.svelte

@@ -162,7 +162,7 @@
 					<Table.Row>
 						<Table.Cell
 							colspan={columns.length}
-							class="text-muted-foreground h-24 text-center text-sm"
+							class="h-24 text-center text-sm text-muted-foreground"
 						>
 							{emptyMessage}
 						</Table.Cell>

src/lib/components/perspective-grid.svelte

@@ -107,7 +107,7 @@
 	}
 </script>
 
-<div class="bg-card max-h-[80vh] overflow-y-auto rounded-lg border shadow-sm">
+<div class="max-h-[80vh] overflow-y-auto rounded-lg border bg-card shadow-sm">
 	<div class="space-y-4 p-3">
 		{#if ctPlayers.length}
 			<div>

src/lib/components/player-grid.svelte

@@ -80,10 +80,10 @@
 		disabled={!available}
 		class={cn(
 			'group flex h-auto min-w-0 flex-1 basis-0 items-center justify-start gap-2 rounded-md border px-2 py-1.5 text-left text-sm transition',
-			'data-[state=on]:bg-accent data-[state=on]:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-40 data-[state=on]:border-current',
-			'data-[side=ct]:data-[state=on]:text-foreground data-[side=ct]:data-[state=on]:border-sky-500 data-[side=ct]:data-[state=on]:bg-sky-500/10',
-			'data-[side=t]:data-[state=on]:text-foreground data-[side=t]:data-[state=on]:border-amber-500 data-[side=t]:data-[state=on]:bg-amber-500/10',
-			'data-[ready=true]:ring-offset-background data-[ready=true]:ring-2 data-[ready=true]:ring-emerald-500/60 data-[ready=true]:ring-offset-1'
+			'disabled:cursor-not-allowed disabled:opacity-40 data-[state=on]:border-current data-[state=on]:bg-accent data-[state=on]:text-accent-foreground',
+			'data-[side=ct]:data-[state=on]:border-sky-500 data-[side=ct]:data-[state=on]:bg-sky-500/10 data-[side=ct]:data-[state=on]:text-foreground',
+			'data-[side=t]:data-[state=on]:border-amber-500 data-[side=t]:data-[state=on]:bg-amber-500/10 data-[side=t]:data-[state=on]:text-foreground',
+			'data-[ready=true]:ring-2 data-[ready=true]:ring-emerald-500/60 data-[ready=true]:ring-offset-1 data-[ready=true]:ring-offset-background'
 		)}
 	>
 		<span
@@ -95,7 +95,7 @@
 		<div class="min-w-0 flex-1">
 			<div class="truncate font-medium">Player {p.player}</div>
 			{#if !available}
-				<div class="text-muted-foreground text-[10px] tabular-nums">
+				<div class="text-[10px] text-muted-foreground tabular-nums">
 					died · {formatDuration(p.duration)}
 				</div>
 			{/if}
@@ -110,11 +110,11 @@
 
 <div class="space-y-2">
 	<div class="flex items-center justify-between gap-3">
-		<div class="text-muted-foreground text-xs tracking-wide uppercase">Player perspectives</div>
+		<div class="text-xs tracking-wide text-muted-foreground uppercase">Player perspectives</div>
 		<div class="flex items-center gap-2">
 			<Label
 				for="preload-all-players"
-				class="text-muted-foreground text-[11px] tracking-wide uppercase"
+				class="text-[11px] tracking-wide text-muted-foreground uppercase"
 			>
 				Preload all
 			</Label>

src/lib/components/round-list.svelte

@@ -29,9 +29,9 @@
 
 <div class="flex h-full min-h-0 flex-col">
 	<div
-		class="text-muted-foreground border-b px-2 py-2 text-[10px] font-semibold tracking-wide uppercase"
+		class="border-b px-2 py-2 text-[10px] font-semibold tracking-wide text-muted-foreground uppercase"
 	>
-		Rounds <span class="text-muted-foreground/50 ml-1">({rounds.length})</span>
+		Rounds <span class="ml-1 text-muted-foreground/50">({rounds.length})</span>
 	</div>
 	<ScrollArea class="min-h-0 flex-1">
 		<ToggleGroup.Root
@@ -47,12 +47,12 @@
 			{#each rounds as r, i (r.round)}
 				{#if i > 0 && isSideSwitchBefore(r.round)}
 					<div
-						class="text-muted-foreground/70 my-0.5 flex items-center gap-1.5 px-1 text-[9px] font-semibold tracking-wider uppercase"
+						class="my-0.5 flex items-center gap-1.5 px-1 text-[9px] font-semibold tracking-wider text-muted-foreground/70 uppercase"
 						aria-hidden="true"
 					>
-						<span class="bg-border h-px flex-1"></span>
+						<span class="h-px flex-1 bg-border"></span>
 						<span>{switchLabel(r.round)}</span>
-						<span class="bg-border h-px flex-1"></span>
+						<span class="h-px flex-1 bg-border"></span>
 					</div>
 				{/if}
 				<ToggleGroup.Item

src/lib/components/timeline-bar.svelte

@@ -42,7 +42,7 @@
 	data-disabled={disabled || undefined}
 	aria-disabled={disabled}
 	class={cn(
-		'bg-card flex items-center gap-3 rounded-lg border px-3 py-2 shadow-sm',
+		'flex items-center gap-3 rounded-lg border bg-card px-3 py-2 shadow-sm',
 		'data-[disabled]:pointer-events-none data-[disabled]:opacity-60'
 	)}
 >
@@ -60,7 +60,7 @@
 		{/if}
 	</Button>
 
-	<span class="text-foreground w-12 text-right font-mono text-[11px] tabular-nums">
+	<span class="w-12 text-right font-mono text-[11px] text-foreground tabular-nums">
 		{formatDuration(currentTime)}
 	</span>
 
@@ -68,7 +68,7 @@
 		<Playbar {currentTime} {duration} {bufferedRanges} {onSeek} {onScrubStart} {onScrubEnd} />
 	</div>
 
-	<span class="text-muted-foreground w-12 font-mono text-[11px] tabular-nums">
+	<span class="w-12 font-mono text-[11px] text-muted-foreground tabular-nums">
 		{formatDuration(duration)}
 	</span>
 

src/lib/components/video-player/playbar.svelte

@@ -109,26 +109,26 @@
 	onkeydown={onKeyDown}
 >
 	<div
-		class="bg-muted absolute inset-x-0 top-1/2 h-1 -translate-y-1/2 overflow-hidden rounded-full"
+		class="absolute inset-x-0 top-1/2 h-1 -translate-y-1/2 overflow-hidden rounded-full bg-muted"
 	>
 		{#each bufferedRanges as range, i (i)}
 			{@const left = (Math.max(0, range.start) / safeDuration) * 100}
 			{@const width = (Math.max(0, range.end - range.start) / safeDuration) * 100}
 			{#if width > 0}
 				<div
-					class="bg-muted-foreground/40 absolute inset-y-0"
+					class="absolute inset-y-0 bg-muted-foreground/40"
 					style:left="{left}%"
 					style:width="{width}%"
 				></div>
 			{/if}
 		{/each}
-		<div class="bg-primary absolute inset-y-0 left-0" style:width="{visiblePct}%"></div>
+		<div class="absolute inset-y-0 left-0 bg-primary" style:width="{visiblePct}%"></div>
 	</div>
 
 	<div
 		data-dragging={isDragging}
 		class={cn(
-			'bg-primary absolute top-1/2 size-3 -translate-x-1/2 -translate-y-1/2 rounded-full opacity-0 transition-opacity',
+			'absolute top-1/2 size-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary opacity-0 transition-opacity',
 			'group-hover/playbar:opacity-100 data-[dragging=true]:opacity-100'
 		)}
 		style:left="{visiblePct}%"
@@ -136,7 +136,7 @@
 
 	{#if hoverPercent != null && duration > 0}
 		<div
-			class="bg-foreground text-background pointer-events-none absolute -top-7 -translate-x-1/2 rounded px-1.5 py-0.5 font-mono text-[10px] tabular-nums shadow"
+			class="pointer-events-none absolute -top-7 -translate-x-1/2 rounded-sm bg-foreground px-1.5 py-0.5 font-mono text-[10px] text-background tabular-nums shadow-sm"
 			style:left="{hoverPercent * 100}%"
 		>
 			{formatDuration(hoverPercent * duration)}

src/lib/components/video-player/video-player.svelte

@@ -336,7 +336,7 @@
 			aria-label="Play"
 			onclick={togglePlay}
 		>
-			<span class="bg-primary text-primary-foreground rounded-full p-4 shadow-lg">
+			<span class="rounded-full bg-primary p-4 text-primary-foreground shadow-lg">
 				<PlayIcon size={28} weight="fill" />
 			</span>
 		</button>

src/lib/components/video-stage.svelte

@@ -79,11 +79,11 @@
 	});
 </script>
 
-<div class="bg-card overflow-hidden rounded-lg border shadow-sm">
+<div class="overflow-hidden rounded-lg border bg-card shadow-sm">
 	<AspectRatio ratio={16 / 9} class="bg-black">
 		{#if loading}
 			<Skeleton class="h-full w-full rounded-none" />
-			<div class="text-muted-foreground absolute inset-0 flex items-center justify-center">
+			<div class="absolute inset-0 flex items-center justify-center text-muted-foreground">
 				<div class="text-center">
 					<SpinnerIcon size={32} weight="duotone" class="mx-auto mb-2 animate-spin opacity-70" />
 					<p class="text-sm">Loading clip…</p>
@@ -91,17 +91,17 @@
 			</div>
 		{:else if error}
 			<div
-				class="text-muted-foreground absolute inset-0 flex items-center justify-center bg-black/40"
+				class="absolute inset-0 flex items-center justify-center bg-black/40 text-muted-foreground"
 			>
 				<div class="max-w-sm px-6 text-center">
-					<WarningCircleIcon size={32} weight="duotone" class="text-destructive mx-auto mb-2" />
-					<p class="text-foreground text-sm font-medium">Couldn't load clip</p>
-					<p class="text-muted-foreground mt-1 text-xs break-words">{error}</p>
+					<WarningCircleIcon size={32} weight="duotone" class="mx-auto mb-2 text-destructive" />
+					<p class="text-sm font-medium text-foreground">Couldn't load clip</p>
+					<p class="mt-1 text-xs break-words text-muted-foreground">{error}</p>
 				</div>
 			</div>
 		{:else if !chunks.length}
 			<div
-				class="text-muted-foreground absolute inset-0 flex items-center justify-center bg-black/40"
+				class="absolute inset-0 flex items-center justify-center bg-black/40 text-muted-foreground"
 			>
 				<div class="text-center">
 					<CrosshairIcon size={32} weight="duotone" class="mx-auto mb-2 opacity-50" />

src/routes/+layout.svelte

@@ -56,7 +56,7 @@
 <Toaster richColors position="bottom-right" />
 
 <Tooltip.Provider delayDuration={250}>
-	<div class="bg-background text-foreground min-h-screen">
+	<div class="min-h-screen bg-background text-foreground">
 		{@render children()}
 	</div>
 </Tooltip.Provider>

src/routes/+page.svelte

@@ -99,20 +99,20 @@
 <main class="mx-auto w-full max-w-[1600px] px-4 pb-16">
 	<!-- Paper-style hero -->
 	<section class="mx-auto max-w-3xl pt-16 pb-10 text-center md:pt-24">
-		<div class="text-primary/70 mb-3 text-xs font-semibold tracking-[0.2em] uppercase">
+		<div class="mb-3 text-xs font-semibold tracking-[0.2em] text-primary/70 uppercase">
 			HLTV · CS2 · Rendered POV Dataset
 		</div>
 		<h1 class="font-heading text-4xl font-semibold tracking-tight text-balance md:text-5xl">
 			Counter Strike 2 Dataset
 		</h1>
-		<div class="text-muted-foreground mt-5 flex items-center justify-center gap-3 text-sm">
-			<span class="text-foreground font-medium">{site.author}</span>
+		<div class="mt-5 flex items-center justify-center gap-3 text-sm text-muted-foreground">
+			<span class="font-medium text-foreground">{site.author}</span>
 			<a
 				href={site.websiteUrl}
 				target="_blank"
 				rel="noreferrer noopener"
 				aria-label="Personal website"
-				class="hover:text-foreground inline-flex items-center transition"
+				class="inline-flex items-center transition hover:text-foreground"
 			>
 				<GlobeIcon size={16} weight="duotone" />
 			</a>
@@ -121,7 +121,7 @@
 				target="_blank"
 				rel="noreferrer noopener"
 				aria-label="X / Twitter"
-				class="hover:text-foreground inline-flex items-center transition"
+				class="inline-flex items-center transition hover:text-foreground"
 			>
 				<XLogoIcon size={14} weight="fill" />
 			</a>
@@ -151,7 +151,7 @@
 			</Button>
 		</div>
 
-		<p class="text-muted-foreground mt-8 text-sm leading-relaxed text-pretty md:text-base">
+		<p class="mt-8 text-sm leading-relaxed text-pretty text-muted-foreground md:text-base">
 			A rendered dataset of professional Counter Strike 2 matches: every round captured from all ten
 			player POVs, frame-aligned, with spatialized audio, mouse/keyboard inputs, and per-tick world
 			state. Built from HLTV demos, served as parquet shards, and browsable here without downloading
@@ -162,23 +162,23 @@
 	<!-- Motivation -->
 	<section class="mx-auto max-w-5xl border-y py-10">
 		<h2
-			class="font-heading text-muted-foreground text-center text-xs font-semibold tracking-[0.2em] uppercase"
+			class="text-center font-heading text-xs font-semibold tracking-[0.2em] text-muted-foreground uppercase"
 		>
 			Motivation
 		</h2>
-		<p class="text-muted-foreground mx-auto mt-3 max-w-2xl text-center text-sm leading-relaxed">
+		<p class="mx-auto mt-3 max-w-2xl text-center text-sm leading-relaxed text-muted-foreground">
 			Pro CS2 demos are a goldmine of expert sequential decision-making — long horizons, partial
 			observability, dense visual signal, and 5v5 multi-agent dynamics. This dataset turns them into
 			trainable rendered video.
 		</p>
 		<div class="mt-8 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-5">
 			{#each motivations as m (m.title)}
-				<div class="bg-card rounded-md border p-3">
-					<m.icon size={18} weight="duotone" class="text-foreground/80 mb-2" />
+				<div class="rounded-md border bg-card p-3">
+					<m.icon size={18} weight="duotone" class="mb-2 text-foreground/80" />
 					<div class="font-heading text-sm font-semibold tracking-tight">
 						{m.title}
 					</div>
-					<p class="text-muted-foreground mt-1 text-xs leading-relaxed">
+					<p class="mt-1 text-xs leading-relaxed text-muted-foreground">
 						{m.body}
 					</p>
 				</div>
@@ -189,52 +189,52 @@
 	<!-- Recordings: what's in each chunk -->
 	<section class="mx-auto max-w-5xl pt-10">
 		<h2
-			class="font-heading text-muted-foreground text-center text-xs font-semibold tracking-[0.2em] uppercase"
+			class="text-center font-heading text-xs font-semibold tracking-[0.2em] text-muted-foreground uppercase"
 		>
 			What's recorded
 		</h2>
 		<div class="mt-6 grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4">
-			<div class="bg-card rounded-md border p-3">
-				<div class="text-muted-foreground text-[10px] font-semibold tracking-wider uppercase">
+			<div class="rounded-md border bg-card p-3">
+				<div class="text-[10px] font-semibold tracking-wider text-muted-foreground uppercase">
 					Video
 				</div>
-				<div class="font-heading mt-1 text-sm font-semibold">1280×720 · 32 fps</div>
-				<p class="text-muted-foreground mt-1 text-xs leading-relaxed">
+				<div class="mt-1 font-heading text-sm font-semibold">1280×720 · 32 fps</div>
+				<p class="mt-1 text-xs leading-relaxed text-muted-foreground">
 					Near-lossless H.264, one stream per player POV. 10 streams per round, all tick-aligned.
 				</p>
 			</div>
-			<div class="bg-card rounded-md border p-3">
-				<div class="text-muted-foreground text-[10px] font-semibold tracking-wider uppercase">
+			<div class="rounded-md border bg-card p-3">
+				<div class="text-[10px] font-semibold tracking-wider text-muted-foreground uppercase">
 					Inputs
 				</div>
-				<div class="font-heading mt-1 text-sm font-semibold">Keyboard + mouse</div>
-				<p class="text-muted-foreground mt-1 text-xs leading-relaxed">
+				<div class="mt-1 font-heading text-sm font-semibold">Keyboard + mouse</div>
+				<p class="mt-1 text-xs leading-relaxed text-muted-foreground">
 					Per-tick keystrokes, mouse delta, fire/jump/use, weapon switches — the actions a policy
 					has to predict.
 				</p>
 			</div>
-			<div class="bg-card rounded-md border p-3">
-				<div class="text-muted-foreground text-[10px] font-semibold tracking-wider uppercase">
+			<div class="rounded-md border bg-card p-3">
+				<div class="text-[10px] font-semibold tracking-wider text-muted-foreground uppercase">
 					World state
 				</div>
-				<div class="font-heading mt-1 text-sm font-semibold">Per-tick game state</div>
-				<p class="text-muted-foreground mt-1 text-xs leading-relaxed">
+				<div class="mt-1 font-heading text-sm font-semibold">Per-tick game state</div>
+				<p class="mt-1 text-xs leading-relaxed text-muted-foreground">
 					Positions, velocities, camera intrinsics, health, armor, ammo, weapons — for all 10
 					players, every tick.
 				</p>
 			</div>
-			<div class="bg-card rounded-md border p-3">
-				<div class="text-muted-foreground text-[10px] font-semibold tracking-wider uppercase">
+			<div class="rounded-md border bg-card p-3">
+				<div class="text-[10px] font-semibold tracking-wider text-muted-foreground uppercase">
 					G-buffers <span class="text-amber-600 dark:text-amber-400">· soon</span>
 				</div>
-				<div class="font-heading mt-1 text-sm font-semibold">Luminance · depth · vertex IDs</div>
-				<p class="text-muted-foreground mt-1 text-xs leading-relaxed">
+				<div class="mt-1 font-heading text-sm font-semibold">Luminance · depth · vertex IDs</div>
+				<p class="mt-1 text-xs leading-relaxed text-muted-foreground">
 					Per-pixel auxiliary channels for self-supervised pretraining and dense prediction heads.
 				</p>
 			</div>
 		</div>
 		<p
-			class="text-muted-foreground/80 mx-auto mt-4 max-w-2xl text-center text-[11px] leading-relaxed"
+			class="mx-auto mt-4 max-w-2xl text-center text-[11px] leading-relaxed text-muted-foreground/80"
 		>
 			Every signal — video, audio, inputs, world state — is sampled on the same CS2 tick clock. No
 			drift, no resampling artifacts.
@@ -244,31 +244,31 @@
 	<!-- Stats -->
 	<section class="mx-auto max-w-5xl pt-10">
 		<div class="grid grid-cols-2 gap-3 sm:grid-cols-4">
-			<div class="bg-card rounded-md border p-3">
-				<div class="text-muted-foreground text-xs tracking-wide uppercase">Matches</div>
-				<div class="font-heading mt-0.5 text-2xl tabular-nums">
+			<div class="rounded-md border bg-card p-3">
+				<div class="text-xs tracking-wide text-muted-foreground uppercase">Matches</div>
+				<div class="mt-0.5 font-heading text-2xl tabular-nums">
 					{totalMatches}
 				</div>
 			</div>
-			<div class="bg-card rounded-md border p-3">
-				<div class="text-muted-foreground text-xs tracking-wide uppercase">Maps rendered</div>
-				<div class="font-heading mt-0.5 text-2xl tabular-nums">
-					{totalMaps}<span class="text-muted-foreground/60 text-base font-medium"
+			<div class="rounded-md border bg-card p-3">
+				<div class="text-xs tracking-wide text-muted-foreground uppercase">Maps rendered</div>
+				<div class="mt-0.5 font-heading text-2xl tabular-nums">
+					{totalMaps}<span class="text-base font-medium text-muted-foreground/60"
 						>/{TARGET_MAPS}</span
 					>
 				</div>
 			</div>
-			<div class="bg-card rounded-md border p-3">
-				<div class="text-muted-foreground text-xs tracking-wide uppercase">Rounds</div>
-				<div class="font-heading mt-0.5 text-2xl tabular-nums">
+			<div class="rounded-md border bg-card p-3">
+				<div class="text-xs tracking-wide text-muted-foreground uppercase">Rounds</div>
+				<div class="mt-0.5 font-heading text-2xl tabular-nums">
 					{totalRounds}
 				</div>
 			</div>
-			<div class="bg-card rounded-md border p-3">
-				<div class="text-muted-foreground text-xs tracking-wide uppercase">Footage</div>
-				<div class="font-heading mt-0.5 text-2xl tabular-nums">
+			<div class="rounded-md border bg-card p-3">
+				<div class="text-xs tracking-wide text-muted-foreground uppercase">Footage</div>
+				<div class="mt-0.5 font-heading text-2xl tabular-nums">
 					{totalHours < 1 ? totalHours.toFixed(1) : Math.round(totalHours)}<span
-						class="text-muted-foreground/60 text-base font-medium">h/{TARGET_HOURS}h</span
+						class="text-base font-medium text-muted-foreground/60">h/{TARGET_HOURS}h</span
 					>
 				</div>
 			</div>
@@ -333,12 +333,12 @@
 	<!-- Citation -->
 	<section class="mx-auto mt-16 max-w-3xl">
 		<h2
-			class="font-heading text-muted-foreground text-center text-xs font-semibold tracking-[0.2em] uppercase"
+			class="text-center font-heading text-xs font-semibold tracking-[0.2em] text-muted-foreground uppercase"
 		>
 			BibTeX
 		</h2>
 		<pre
-			class="bg-card text-foreground/90 mt-3 overflow-x-auto rounded-md border p-4 text-left font-mono text-xs leading-relaxed">{`@misc{blanchon2026cs2dataset,
+			class="mt-3 overflow-x-auto rounded-md border bg-card p-4 text-left font-mono text-xs leading-relaxed text-foreground/90">{`@misc{blanchon2026cs2dataset,
   author       = {Julien Blanchon},
   title        = {Counter Strike 2 Dataset},
   year         = {2026},
@@ -349,7 +349,7 @@
 
 	<!-- Footer -->
 	<footer
-		class="text-muted-foreground mt-10 flex flex-col items-center gap-2 border-t pt-6 text-xs"
+		class="mt-10 flex flex-col items-center gap-2 border-t pt-6 text-xs text-muted-foreground"
 	>
 		<div class="flex flex-wrap justify-center gap-4">
 			<a

src/routes/match/[matchId]/[mapName]/+page.svelte

@@ -356,13 +356,13 @@
 	<div class="mb-5 flex flex-wrap items-end justify-between gap-3">
 		<div>
 			<div
-				class="text-muted-foreground/80 mb-1 text-[11px] font-semibold tracking-[0.18em] uppercase"
+				class="mb-1 text-[11px] font-semibold tracking-[0.18em] text-muted-foreground/80 uppercase"
 			>
 				{data.match.event}
 			</div>
 			<h1 class="font-heading text-2xl font-semibold tracking-tight md:text-3xl">
 				{data.match.team1}
-				<span class="text-muted-foreground/60 mx-2">vs</span>
+				<span class="mx-2 text-muted-foreground/60">vs</span>
 				{data.match.team2}
 			</h1>
 		</div>
@@ -383,7 +383,7 @@
 					{#each seriesMaps as m (m.map_name)}
 						<Select.Item value={m.map_name} class="pe-8">
 							<span class="capitalize">Map {m.map_index} · {prettyMap(m.map_name)}</span>
-							<span class="text-muted-foreground ml-auto pl-3 tabular-nums"
+							<span class="ml-auto pl-3 text-muted-foreground tabular-nums"
 								>{m.score1}-{m.score2}</span
 							>
 						</Select.Item>
@@ -399,7 +399,7 @@
 		class="grid grid-cols-1 gap-4 lg:grid-cols-[80px_minmax(0,1fr)_320px] data-[view=grid]:lg:grid-cols-[80px_minmax(0,1fr)_280px]"
 	>
 		<aside
-			class="bg-card flex h-[260px] flex-col rounded-lg border lg:sticky lg:top-2 lg:h-[calc(100vh-1rem)]"
+			class="flex h-[260px] flex-col rounded-lg border bg-card lg:sticky lg:top-2 lg:h-[calc(100vh-1rem)]"
 		>
 			<RoundList rounds={data.rounds} current={currentRoundNum} onSelect={selectRound} />
 		</aside>
@@ -490,7 +490,7 @@
 								{/each}
 							</div>
 						{:else if previews.length === 0}
-							<p class="text-muted-foreground text-xs">No previews available for this round.</p>
+							<p class="text-xs text-muted-foreground">No previews available for this round.</p>
 						{:else}
 							<PlayerGrid
 								{previews}
@@ -511,7 +511,7 @@
 		<aside class="flex flex-col gap-4">
 			<Card.Root>
 				<Card.Header class="px-3 pt-3 pb-1.5">
-					<Card.Title class="text-muted-foreground text-sm font-semibold tracking-wide uppercase">
+					<Card.Title class="text-sm font-semibold tracking-wide text-muted-foreground uppercase">
 						Map
 					</Card.Title>
 				</Card.Header>
@@ -531,7 +531,7 @@
 
 			<Card.Root>
 				<Card.Header class="pb-2">
-					<Card.Title class="text-muted-foreground text-sm font-semibold tracking-wide uppercase">
+					<Card.Title class="text-sm font-semibold tracking-wide text-muted-foreground uppercase">
 						Match
 					</Card.Title>
 				</Card.Header>