diff --git a/app/entities/follow/page.mdx b/app/entities/follow/page.mdx
index 7287542..2b9e17f 100644
--- a/app/entities/follow/page.mdx
+++ b/app/entities/follow/page.mdx
@@ -89,6 +89,6 @@ Once a follow relationship is established, the **followee**'s instance should se
     <a href="/graphs/how-follows-work.svg" target="_blank">View the full-size graph</a>
 </p>
 
-<div className="bg-zinc-800 rounded border border-zinc-900/5 dark:border-white/5 p-4">
+<div className="bg-zinc-800 rounded-sm border border-zinc-900/5 dark:border-white/5 p-4">
     <img src="/graphs/how-follows-work.svg" alt="How Follows Work" className="w-full" />
 </div>
diff --git a/app/page.tsx b/app/page.tsx
index d3d541d..000635e 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -269,7 +269,7 @@ const Page: FC = () => {
                         src={fastlyLogo}
                         alt="Fastly logo"
                         height={144}
-                        className="p-10 rounded border border-zinc-900/10 dark:border-white/10"
+                        className="p-10 rounded-sm border border-zinc-900/10 dark:border-white/10"
                         unoptimized={true}
                     />
                 </p>
diff --git a/bun.lock b/bun.lock
index c9f2794..c2a2245 100644
--- a/bun.lock
+++ b/bun.lock
@@ -11,6 +11,7 @@
         "@mdx-js/react": "^3.1.0",
         "@next/mdx": "^15.3.2",
         "@sindresorhus/slugify": "^2.2.1",
+        "@tailwindcss/postcss": "^4.1.6",
         "@tailwindcss/typography": "^0.5.16",
         "@types/mdx": "^2.0.13",
         "@types/node": "^22.15.17",
@@ -18,7 +19,6 @@
         "@types/react-dom": "^19.1.5",
         "@types/react-highlight-words": "^0.20.0",
         "acorn": "^8.14.1",
-        "autoprefixer": "^10.4.21",
         "clsx": "^2.1.1",
         "fast-glob": "^3.3.3",
         "flexsearch": "^0.8.164",
@@ -35,7 +35,7 @@
         "remark-mdx": "^3.1.0",
         "shiki": "^3.4.0",
         "simple-functional-loader": "^1.2.1",
-        "tailwindcss": "^3.4.17",
+        "tailwindcss": "^4.1.6",
         "typescript": "^5.8.3",
         "unist-util-filter": "^5.0.1",
         "unist-util-visit": "^5.0.0",
@@ -90,6 +90,8 @@
 
     "@alloc/quick-lru": ["@alloc/quick-lru@5.2.0", "", {}, "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw=="],
 
+    "@ampproject/remapping": ["@ampproject/remapping@2.3.0", "", { "dependencies": { "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw=="],
+
     "@biomejs/biome": ["@biomejs/biome@1.9.4", "", { "optionalDependencies": { "@biomejs/cli-darwin-arm64": "1.9.4", "@biomejs/cli-darwin-x64": "1.9.4", "@biomejs/cli-linux-arm64": "1.9.4", "@biomejs/cli-linux-arm64-musl": "1.9.4", "@biomejs/cli-linux-x64": "1.9.4", "@biomejs/cli-linux-x64-musl": "1.9.4", "@biomejs/cli-win32-arm64": "1.9.4", "@biomejs/cli-win32-x64": "1.9.4" }, "bin": { "biome": "bin/biome" } }, "sha512-1rkd7G70+o9KkTn5KLmDYXihGoTaIGO9PIIN2ZB7UJxFrWw04CZHPYiMRjYsaDvVV7hP1dYNRLxSANLaBFGpog=="],
 
     "@biomejs/cli-darwin-arm64": ["@biomejs/cli-darwin-arm64@1.9.4", "", { "os": "darwin", "cpu": "arm64" }, "sha512-bFBsPWrNvkdKrNCYeAp+xo2HecOGPAy9WyNyB/jKnnedgzl4W4Hb9ZMzYNbf8dMCGmUdSavlYHiR01QaYR58cw=="],
@@ -170,7 +172,7 @@
 
     "@img/sharp-win32-x64": ["@img/sharp-win32-x64@0.34.1", "", { "os": "win32", "cpu": "x64" }, "sha512-hw1iIAHpNE8q3uMIRCgGOeDoz9KtFNarFLQclLxr/LK1VBkj8nby18RjFvr6aP7USRYAjTZW6yisnBWMX571Tw=="],
 
-    "@isaacs/cliui": ["@isaacs/cliui@8.0.2", "", { "dependencies": { "string-width": "^5.1.2", "string-width-cjs": "npm:string-width@^4.2.0", "strip-ansi": "^7.0.1", "strip-ansi-cjs": "npm:strip-ansi@^6.0.1", "wrap-ansi": "^8.1.0", "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0" } }, "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA=="],
+    "@isaacs/fs-minipass": ["@isaacs/fs-minipass@4.0.1", "", { "dependencies": { "minipass": "^7.0.4" } }, "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w=="],
 
     "@jridgewell/gen-mapping": ["@jridgewell/gen-mapping@0.3.8", "", { "dependencies": { "@jridgewell/set-array": "^1.2.1", "@jridgewell/sourcemap-codec": "^1.4.10", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA=="],
 
@@ -216,8 +218,6 @@
 
     "@nodelib/fs.walk": ["@nodelib/fs.walk@1.2.8", "", { "dependencies": { "@nodelib/fs.scandir": "2.1.5", "fastq": "^1.6.0" } }, "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg=="],
 
-    "@pkgjs/parseargs": ["@pkgjs/parseargs@0.11.0", "", {}, "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg=="],
-
     "@polka/url": ["@polka/url@1.0.0-next.29", "", {}, "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww=="],
 
     "@react-aria/focus": ["@react-aria/focus@3.20.2", "", { "dependencies": { "@react-aria/interactions": "^3.25.0", "@react-aria/utils": "^3.28.2", "@react-types/shared": "^3.29.0", "@swc/helpers": "^0.5.0", "clsx": "^2.0.0" }, "peerDependencies": { "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1", "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1" } }, "sha512-Q3rouk/rzoF/3TuH6FzoAIKrl+kzZi9LHmr8S5EqLAOyP9TXIKG34x2j42dZsAhrw7TbF9gA8tBKwnCNH4ZV+Q=="],
@@ -258,6 +258,36 @@
 
     "@swc/helpers": ["@swc/helpers@0.5.15", "", { "dependencies": { "tslib": "^2.8.0" } }, "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g=="],
 
+    "@tailwindcss/node": ["@tailwindcss/node@4.1.6", "", { "dependencies": { "@ampproject/remapping": "^2.3.0", "enhanced-resolve": "^5.18.1", "jiti": "^2.4.2", "lightningcss": "1.29.2", "magic-string": "^0.30.17", "source-map-js": "^1.2.1", "tailwindcss": "4.1.6" } }, "sha512-ed6zQbgmKsjsVvodAS1q1Ld2BolEuxJOSyyNc+vhkjdmfNUDCmQnlXBfQkHrlzNmslxHsQU/bFmzcEbv4xXsLg=="],
+
+    "@tailwindcss/oxide": ["@tailwindcss/oxide@4.1.6", "", { "dependencies": { "detect-libc": "^2.0.4", "tar": "^7.4.3" }, "optionalDependencies": { "@tailwindcss/oxide-android-arm64": "4.1.6", "@tailwindcss/oxide-darwin-arm64": "4.1.6", "@tailwindcss/oxide-darwin-x64": "4.1.6", "@tailwindcss/oxide-freebsd-x64": "4.1.6", "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.6", "@tailwindcss/oxide-linux-arm64-gnu": "4.1.6", "@tailwindcss/oxide-linux-arm64-musl": "4.1.6", "@tailwindcss/oxide-linux-x64-gnu": "4.1.6", "@tailwindcss/oxide-linux-x64-musl": "4.1.6", "@tailwindcss/oxide-wasm32-wasi": "4.1.6", "@tailwindcss/oxide-win32-arm64-msvc": "4.1.6", "@tailwindcss/oxide-win32-x64-msvc": "4.1.6" } }, "sha512-0bpEBQiGx+227fW4G0fLQ8vuvyy5rsB1YIYNapTq3aRsJ9taF3f5cCaovDjN5pUGKKzcpMrZst/mhNaKAPOHOA=="],
+
+    "@tailwindcss/oxide-android-arm64": ["@tailwindcss/oxide-android-arm64@4.1.6", "", { "os": "android", "cpu": "arm64" }, "sha512-VHwwPiwXtdIvOvqT/0/FLH/pizTVu78FOnI9jQo64kSAikFSZT7K4pjyzoDpSMaveJTGyAKvDjuhxJxKfmvjiQ=="],
+
+    "@tailwindcss/oxide-darwin-arm64": ["@tailwindcss/oxide-darwin-arm64@4.1.6", "", { "os": "darwin", "cpu": "arm64" }, "sha512-weINOCcqv1HVBIGptNrk7c6lWgSFFiQMcCpKM4tnVi5x8OY2v1FrV76jwLukfT6pL1hyajc06tyVmZFYXoxvhQ=="],
+
+    "@tailwindcss/oxide-darwin-x64": ["@tailwindcss/oxide-darwin-x64@4.1.6", "", { "os": "darwin", "cpu": "x64" }, "sha512-3FzekhHG0ww1zQjQ1lPoq0wPrAIVXAbUkWdWM8u5BnYFZgb9ja5ejBqyTgjpo5mfy0hFOoMnMuVDI+7CXhXZaQ=="],
+
+    "@tailwindcss/oxide-freebsd-x64": ["@tailwindcss/oxide-freebsd-x64@4.1.6", "", { "os": "freebsd", "cpu": "x64" }, "sha512-4m5F5lpkBZhVQJq53oe5XgJ+aFYWdrgkMwViHjRsES3KEu2m1udR21B1I77RUqie0ZYNscFzY1v9aDssMBZ/1w=="],
+
+    "@tailwindcss/oxide-linux-arm-gnueabihf": ["@tailwindcss/oxide-linux-arm-gnueabihf@4.1.6", "", { "os": "linux", "cpu": "arm" }, "sha512-qU0rHnA9P/ZoaDKouU1oGPxPWzDKtIfX7eOGi5jOWJKdxieUJdVV+CxWZOpDWlYTd4N3sFQvcnVLJWJ1cLP5TA=="],
+
+    "@tailwindcss/oxide-linux-arm64-gnu": ["@tailwindcss/oxide-linux-arm64-gnu@4.1.6", "", { "os": "linux", "cpu": "arm64" }, "sha512-jXy3TSTrbfgyd3UxPQeXC3wm8DAgmigzar99Km9Sf6L2OFfn/k+u3VqmpgHQw5QNfCpPe43em6Q7V76Wx7ogIQ=="],
+
+    "@tailwindcss/oxide-linux-arm64-musl": ["@tailwindcss/oxide-linux-arm64-musl@4.1.6", "", { "os": "linux", "cpu": "arm64" }, "sha512-8kjivE5xW0qAQ9HX9reVFmZj3t+VmljDLVRJpVBEoTR+3bKMnvC7iLcoSGNIUJGOZy1mLVq7x/gerVg0T+IsYw=="],
+
+    "@tailwindcss/oxide-linux-x64-gnu": ["@tailwindcss/oxide-linux-x64-gnu@4.1.6", "", { "os": "linux", "cpu": "x64" }, "sha512-A4spQhwnWVpjWDLXnOW9PSinO2PTKJQNRmL/aIl2U/O+RARls8doDfs6R41+DAXK0ccacvRyDpR46aVQJJCoCg=="],
+
+    "@tailwindcss/oxide-linux-x64-musl": ["@tailwindcss/oxide-linux-x64-musl@4.1.6", "", { "os": "linux", "cpu": "x64" }, "sha512-YRee+6ZqdzgiQAHVSLfl3RYmqeeaWVCk796MhXhLQu2kJu2COHBkqlqsqKYx3p8Hmk5pGCQd2jTAoMWWFeyG2A=="],
+
+    "@tailwindcss/oxide-wasm32-wasi": ["@tailwindcss/oxide-wasm32-wasi@4.1.6", "", { "dependencies": { "@emnapi/core": "^1.4.3", "@emnapi/runtime": "^1.4.3", "@emnapi/wasi-threads": "^1.0.2", "@napi-rs/wasm-runtime": "^0.2.9", "@tybys/wasm-util": "^0.9.0", "tslib": "^2.8.0" }, "cpu": "none" }, "sha512-qAp4ooTYrBQ5pk5jgg54/U1rCJ/9FLYOkkQ/nTE+bVMseMfB6O7J8zb19YTpWuu4UdfRf5zzOrNKfl6T64MNrQ=="],
+
+    "@tailwindcss/oxide-win32-arm64-msvc": ["@tailwindcss/oxide-win32-arm64-msvc@4.1.6", "", { "os": "win32", "cpu": "arm64" }, "sha512-nqpDWk0Xr8ELO/nfRUDjk1pc9wDJ3ObeDdNMHLaymc4PJBWj11gdPCWZFKSK2AVKjJQC7J2EfmSmf47GN7OuLg=="],
+
+    "@tailwindcss/oxide-win32-x64-msvc": ["@tailwindcss/oxide-win32-x64-msvc@4.1.6", "", { "os": "win32", "cpu": "x64" }, "sha512-5k9xF33xkfKpo9wCvYcegQ21VwIBU1/qEbYlVukfEIyQbEA47uK8AAwS7NVjNE3vHzcmxMYwd0l6L4pPjjm1rQ=="],
+
+    "@tailwindcss/postcss": ["@tailwindcss/postcss@4.1.6", "", { "dependencies": { "@alloc/quick-lru": "^5.2.0", "@tailwindcss/node": "4.1.6", "@tailwindcss/oxide": "4.1.6", "postcss": "^8.4.41", "tailwindcss": "4.1.6" } }, "sha512-ELq+gDMBuRXPJlpE3PEen+1MhnHAQQrh2zF0dI1NXOlEWfr2qWf2CQdr5jl9yANv8RErQaQ2l6nIFO9OSCVq/g=="],
+
     "@tailwindcss/typography": ["@tailwindcss/typography@0.5.16", "", { "dependencies": { "lodash.castarray": "^4.4.0", "lodash.isplainobject": "^4.0.6", "lodash.merge": "^4.6.2", "postcss-selector-parser": "6.0.10" }, "peerDependencies": { "tailwindcss": ">=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1" } }, "sha512-0wDLwCVF5V3x3b1SGXPCDcdsbDHMBe+lkFzBRaHeLvNi+nrrnZ1lA18u+OTWO8iSWU2GxUOCvlXtDuqftc1oiA=="],
 
     "@tanstack/react-virtual": ["@tanstack/react-virtual@3.13.6", "", { "dependencies": { "@tanstack/virtual-core": "3.13.6" }, "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-WT7nWs8ximoQ0CDx/ngoFP7HbQF9Q2wQe4nh2NB+u2486eX3nZRE40P9g6ccCVq7ZfTSH5gFOuCoVH5DLNS/aA=="],
@@ -298,38 +328,16 @@
 
     "algoliasearch": ["algoliasearch@5.23.4", "", { "dependencies": { "@algolia/client-abtesting": "5.23.4", "@algolia/client-analytics": "5.23.4", "@algolia/client-common": "5.23.4", "@algolia/client-insights": "5.23.4", "@algolia/client-personalization": "5.23.4", "@algolia/client-query-suggestions": "5.23.4", "@algolia/client-search": "5.23.4", "@algolia/ingestion": "1.23.4", "@algolia/monitoring": "1.23.4", "@algolia/recommend": "5.23.4", "@algolia/requester-browser-xhr": "5.23.4", "@algolia/requester-fetch": "5.23.4", "@algolia/requester-node-http": "5.23.4" } }, "sha512-QzAKFHl3fm53s44VHrTdEo0TkpL3XVUYQpnZy1r6/EHvMAyIg+O4hwprzlsNmcCHTNyVcF2S13DAUn7XhkC6qg=="],
 
-    "ansi-regex": ["ansi-regex@6.1.0", "", {}, "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA=="],
-
-    "ansi-styles": ["ansi-styles@6.2.1", "", {}, "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug=="],
-
-    "any-promise": ["any-promise@1.3.0", "", {}, "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="],
-
-    "anymatch": ["anymatch@3.1.3", "", { "dependencies": { "normalize-path": "^3.0.0", "picomatch": "^2.0.4" } }, "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw=="],
-
-    "arg": ["arg@5.0.2", "", {}, "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="],
-
     "astring": ["astring@1.9.0", "", { "bin": { "astring": "bin/astring" } }, "sha512-LElXdjswlqjWrPpJFg1Fx4wpkOCxj1TDHlSV4PlaRxHGWko024xICaa97ZkMfs6DRKlCguiAI+rbXv5GWwXIkg=="],
 
-    "autoprefixer": ["autoprefixer@10.4.21", "", { "dependencies": { "browserslist": "^4.24.4", "caniuse-lite": "^1.0.30001702", "fraction.js": "^4.3.7", "normalize-range": "^0.1.2", "picocolors": "^1.1.1", "postcss-value-parser": "^4.2.0" }, "peerDependencies": { "postcss": "^8.1.0" }, "bin": { "autoprefixer": "bin/autoprefixer" } }, "sha512-O+A6LWV5LDHSJD3LjHYoNi4VLsj/Whi7k6zG12xTYaU4cQ8oxQGckXNX8cRHK5yOZ/ppVHe0ZBXGzSV9jXdVbQ=="],
-
     "bail": ["bail@2.0.2", "", {}, "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw=="],
 
-    "balanced-match": ["balanced-match@1.0.2", "", {}, "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="],
-
     "big.js": ["big.js@5.2.2", "", {}, "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ=="],
 
-    "binary-extensions": ["binary-extensions@2.3.0", "", {}, "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw=="],
-
-    "brace-expansion": ["brace-expansion@2.0.1", "", { "dependencies": { "balanced-match": "^1.0.0" } }, "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA=="],
-
     "braces": ["braces@3.0.3", "", { "dependencies": { "fill-range": "^7.1.1" } }, "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA=="],
 
-    "browserslist": ["browserslist@4.24.4", "", { "dependencies": { "caniuse-lite": "^1.0.30001688", "electron-to-chromium": "^1.5.73", "node-releases": "^2.0.19", "update-browserslist-db": "^1.1.1" }, "bin": { "browserslist": "cli.js" } }, "sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A=="],
-
     "busboy": ["busboy@1.6.0", "", { "dependencies": { "streamsearch": "^1.1.0" } }, "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA=="],
 
-    "camelcase-css": ["camelcase-css@2.0.1", "", {}, "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA=="],
-
     "caniuse-lite": ["caniuse-lite@1.0.30001715", "", {}, "sha512-7ptkFGMm2OAOgvZpwgA4yjQ5SQbrNVGdRjzH0pBdy1Fasvcr+KAeECmbCAECzTuDuoX0FCY8KzUxjf9+9kfZEw=="],
 
     "ccount": ["ccount@2.0.1", "", {}, "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg=="],
@@ -342,7 +350,7 @@
 
     "character-reference-invalid": ["character-reference-invalid@2.0.1", "", {}, "sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw=="],
 
-    "chokidar": ["chokidar@3.6.0", "", { "dependencies": { "anymatch": "~3.1.2", "braces": "~3.0.2", "glob-parent": "~5.1.2", "is-binary-path": "~2.1.0", "is-glob": "~4.0.1", "normalize-path": "~3.0.0", "readdirp": "~3.6.0" }, "optionalDependencies": { "fsevents": "~2.3.2" } }, "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw=="],
+    "chownr": ["chownr@3.0.0", "", {}, "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g=="],
 
     "client-only": ["client-only@0.0.1", "", {}, "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="],
 
@@ -362,8 +370,6 @@
 
     "commander": ["commander@7.2.0", "", {}, "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw=="],
 
-    "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=="],
 
     "csstype": ["csstype@3.1.3", "", {}, "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="],
@@ -380,26 +386,16 @@
 
     "devlop": ["devlop@1.1.0", "", { "dependencies": { "dequal": "^2.0.0" } }, "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA=="],
 
-    "didyoumean": ["didyoumean@1.2.2", "", {}, "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="],
-
-    "dlv": ["dlv@1.1.3", "", {}, "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="],
-
     "duplexer": ["duplexer@0.1.2", "", {}, "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg=="],
 
-    "eastasianwidth": ["eastasianwidth@0.2.0", "", {}, "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA=="],
-
-    "electron-to-chromium": ["electron-to-chromium@1.5.139", "", {}, "sha512-GGnRYOTdN5LYpwbIr0rwP/ZHOQSvAF6TG0LSzp28uCBb9JiXHJGmaaKw29qjNJc5bGnnp6kXJqRnGMQoELwi5w=="],
-
-    "emoji-regex": ["emoji-regex@9.2.2", "", {}, "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="],
-
     "emojis-list": ["emojis-list@3.0.0", "", {}, "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q=="],
 
+    "enhanced-resolve": ["enhanced-resolve@5.18.1", "", { "dependencies": { "graceful-fs": "^4.2.4", "tapable": "^2.2.0" } }, "sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg=="],
+
     "esast-util-from-estree": ["esast-util-from-estree@2.0.0", "", { "dependencies": { "@types/estree-jsx": "^1.0.0", "devlop": "^1.0.0", "estree-util-visit": "^2.0.0", "unist-util-position-from-estree": "^2.0.0" } }, "sha512-4CyanoAudUSBAn5K13H4JhsMH6L9ZP7XbLVe/dKybkxMO7eDyLsT8UHl9TRNrU2Gr9nz+FovfSIjuXWJ81uVwQ=="],
 
     "esast-util-from-js": ["esast-util-from-js@2.0.1", "", { "dependencies": { "@types/estree-jsx": "^1.0.0", "acorn": "^8.0.0", "esast-util-from-estree": "^2.0.0", "vfile-message": "^4.0.0" } }, "sha512-8Ja+rNJ0Lt56Pcf3TAmpBZjmx8ZcK5Ts4cAzIOjsjevg9oSXJnl6SUQ2EevU8tv3h6ZLWmoKL5H4fgWvdvfETw=="],
 
-    "escalade": ["escalade@3.2.0", "", {}, "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA=="],
-
     "escape-string-regexp": ["escape-string-regexp@5.0.0", "", {}, "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw=="],
 
     "estree-util-attach-comments": ["estree-util-attach-comments@3.0.0", "", { "dependencies": { "@types/estree": "^1.0.0" } }, "sha512-cKUwm/HUcTDsYh/9FgnuFqpfquUbwIqwKM26BVCGDPVgvaCl/nDCCjUfiLlx6lsEZ3Z4RFxNbOQ60pkaEwFxGw=="],
@@ -426,23 +422,13 @@
 
     "flexsearch": ["flexsearch@0.8.164", "", {}, "sha512-tauQG+NlwSWW6uL3BIJdHNEXYiei2xTR3H/mrjNadAOwvXgiLbLvLzQWSJvD31Yn0+1lAxG2NVRndywGnDZZiA=="],
 
-    "foreground-child": ["foreground-child@3.3.1", "", { "dependencies": { "cross-spawn": "^7.0.6", "signal-exit": "^4.0.1" } }, "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw=="],
-
-    "fraction.js": ["fraction.js@4.3.7", "", {}, "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew=="],
-
     "framer-motion": ["framer-motion@12.11.0", "", { "dependencies": { "motion-dom": "^12.11.0", "motion-utils": "^12.9.4", "tslib": "^2.4.0" }, "peerDependencies": { "@emotion/is-prop-valid": "*", "react": "^18.0.0 || ^19.0.0", "react-dom": "^18.0.0 || ^19.0.0" }, "optionalPeers": ["@emotion/is-prop-valid", "react", "react-dom"] }, "sha512-BaBPmkhaC2l0n619Kt1nQaxSdUdyyz5V1Z7EKJ1CcraOTZitgVx0RTbL8lmg2XesaFi6o8MPBIhkWDIvzDpGaQ=="],
 
-    "fsevents": ["fsevents@2.3.3", "", { "os": "darwin" }, "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw=="],
-
-    "function-bind": ["function-bind@1.1.2", "", {}, "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA=="],
-
-    "glob": ["glob@10.4.5", "", { "dependencies": { "foreground-child": "^3.1.0", "jackspeak": "^3.1.2", "minimatch": "^9.0.4", "minipass": "^7.1.2", "package-json-from-dist": "^1.0.0", "path-scurry": "^1.11.1" }, "bin": { "glob": "dist/esm/bin.mjs" } }, "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg=="],
-
     "glob-parent": ["glob-parent@5.1.2", "", { "dependencies": { "is-glob": "^4.0.1" } }, "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow=="],
 
-    "gzip-size": ["gzip-size@6.0.0", "", { "dependencies": { "duplexer": "^0.1.2" } }, "sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q=="],
+    "graceful-fs": ["graceful-fs@4.2.11", "", {}, "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="],
 
-    "hasown": ["hasown@2.0.2", "", { "dependencies": { "function-bind": "^1.1.2" } }, "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ=="],
+    "gzip-size": ["gzip-size@6.0.0", "", { "dependencies": { "duplexer": "^0.1.2" } }, "sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q=="],
 
     "hast-util-to-estree": ["hast-util-to-estree@3.1.3", "", { "dependencies": { "@types/estree": "^1.0.0", "@types/estree-jsx": "^1.0.0", "@types/hast": "^3.0.0", "comma-separated-tokens": "^2.0.0", "devlop": "^1.0.0", "estree-util-attach-comments": "^3.0.0", "estree-util-is-identifier-name": "^3.0.0", "hast-util-whitespace": "^3.0.0", "mdast-util-mdx-expression": "^2.0.0", "mdast-util-mdx-jsx": "^3.0.0", "mdast-util-mdxjs-esm": "^2.0.0", "property-information": "^7.0.0", "space-separated-tokens": "^2.0.0", "style-to-js": "^1.0.0", "unist-util-position": "^5.0.0", "zwitch": "^2.0.0" } }, "sha512-48+B/rJWAp0jamNbAAf9M7Uf//UVqAoMmgXhBdxTDJLGKY+LRnZ99qcG+Qjl5HfMpYNzS5v4EAwVEF34LeAj7w=="],
 
@@ -468,16 +454,10 @@
 
     "is-arrayish": ["is-arrayish@0.3.2", "", {}, "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ=="],
 
-    "is-binary-path": ["is-binary-path@2.1.0", "", { "dependencies": { "binary-extensions": "^2.0.0" } }, "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw=="],
-
-    "is-core-module": ["is-core-module@2.16.1", "", { "dependencies": { "hasown": "^2.0.2" } }, "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w=="],
-
     "is-decimal": ["is-decimal@2.0.1", "", {}, "sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A=="],
 
     "is-extglob": ["is-extglob@2.1.1", "", {}, "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ=="],
 
-    "is-fullwidth-code-point": ["is-fullwidth-code-point@3.0.0", "", {}, "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="],
-
     "is-glob": ["is-glob@4.0.3", "", { "dependencies": { "is-extglob": "^2.1.1" } }, "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg=="],
 
     "is-hexadecimal": ["is-hexadecimal@2.0.1", "", {}, "sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg=="],
@@ -488,17 +468,31 @@
 
     "is-plain-object": ["is-plain-object@5.0.0", "", {}, "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q=="],
 
-    "isexe": ["isexe@2.0.0", "", {}, "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="],
-
-    "jackspeak": ["jackspeak@3.4.3", "", { "dependencies": { "@isaacs/cliui": "^8.0.2" }, "optionalDependencies": { "@pkgjs/parseargs": "^0.11.0" } }, "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw=="],
-
-    "jiti": ["jiti@1.21.7", "", { "bin": { "jiti": "bin/jiti.js" } }, "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A=="],
+    "jiti": ["jiti@2.4.2", "", { "bin": { "jiti": "lib/jiti-cli.mjs" } }, "sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A=="],
 
     "json5": ["json5@2.2.3", "", { "bin": { "json5": "lib/cli.js" } }, "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg=="],
 
-    "lilconfig": ["lilconfig@3.1.3", "", {}, "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw=="],
+    "lightningcss": ["lightningcss@1.29.2", "", { "dependencies": { "detect-libc": "^2.0.3" }, "optionalDependencies": { "lightningcss-darwin-arm64": "1.29.2", "lightningcss-darwin-x64": "1.29.2", "lightningcss-freebsd-x64": "1.29.2", "lightningcss-linux-arm-gnueabihf": "1.29.2", "lightningcss-linux-arm64-gnu": "1.29.2", "lightningcss-linux-arm64-musl": "1.29.2", "lightningcss-linux-x64-gnu": "1.29.2", "lightningcss-linux-x64-musl": "1.29.2", "lightningcss-win32-arm64-msvc": "1.29.2", "lightningcss-win32-x64-msvc": "1.29.2" } }, "sha512-6b6gd/RUXKaw5keVdSEtqFVdzWnU5jMxTUjA2bVcMNPLwSQ08Sv/UodBVtETLCn7k4S1Ibxwh7k68IwLZPgKaA=="],
 
-    "lines-and-columns": ["lines-and-columns@1.2.4", "", {}, "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="],
+    "lightningcss-darwin-arm64": ["lightningcss-darwin-arm64@1.29.2", "", { "os": "darwin", "cpu": "arm64" }, "sha512-cK/eMabSViKn/PG8U/a7aCorpeKLMlK0bQeNHmdb7qUnBkNPnL+oV5DjJUo0kqWsJUapZsM4jCfYItbqBDvlcA=="],
+
+    "lightningcss-darwin-x64": ["lightningcss-darwin-x64@1.29.2", "", { "os": "darwin", "cpu": "x64" }, "sha512-j5qYxamyQw4kDXX5hnnCKMf3mLlHvG44f24Qyi2965/Ycz829MYqjrVg2H8BidybHBp9kom4D7DR5VqCKDXS0w=="],
+
+    "lightningcss-freebsd-x64": ["lightningcss-freebsd-x64@1.29.2", "", { "os": "freebsd", "cpu": "x64" }, "sha512-wDk7M2tM78Ii8ek9YjnY8MjV5f5JN2qNVO+/0BAGZRvXKtQrBC4/cn4ssQIpKIPP44YXw6gFdpUF+Ps+RGsCwg=="],
+
+    "lightningcss-linux-arm-gnueabihf": ["lightningcss-linux-arm-gnueabihf@1.29.2", "", { "os": "linux", "cpu": "arm" }, "sha512-IRUrOrAF2Z+KExdExe3Rz7NSTuuJ2HvCGlMKoquK5pjvo2JY4Rybr+NrKnq0U0hZnx5AnGsuFHjGnNT14w26sg=="],
+
+    "lightningcss-linux-arm64-gnu": ["lightningcss-linux-arm64-gnu@1.29.2", "", { "os": "linux", "cpu": "arm64" }, "sha512-KKCpOlmhdjvUTX/mBuaKemp0oeDIBBLFiU5Fnqxh1/DZ4JPZi4evEH7TKoSBFOSOV3J7iEmmBaw/8dpiUvRKlQ=="],
+
+    "lightningcss-linux-arm64-musl": ["lightningcss-linux-arm64-musl@1.29.2", "", { "os": "linux", "cpu": "arm64" }, "sha512-Q64eM1bPlOOUgxFmoPUefqzY1yV3ctFPE6d/Vt7WzLW4rKTv7MyYNky+FWxRpLkNASTnKQUaiMJ87zNODIrrKQ=="],
+
+    "lightningcss-linux-x64-gnu": ["lightningcss-linux-x64-gnu@1.29.2", "", { "os": "linux", "cpu": "x64" }, "sha512-0v6idDCPG6epLXtBH/RPkHvYx74CVziHo6TMYga8O2EiQApnUPZsbR9nFNrg2cgBzk1AYqEd95TlrsL7nYABQg=="],
+
+    "lightningcss-linux-x64-musl": ["lightningcss-linux-x64-musl@1.29.2", "", { "os": "linux", "cpu": "x64" }, "sha512-rMpz2yawkgGT8RULc5S4WiZopVMOFWjiItBT7aSfDX4NQav6M44rhn5hjtkKzB+wMTRlLLqxkeYEtQ3dd9696w=="],
+
+    "lightningcss-win32-arm64-msvc": ["lightningcss-win32-arm64-msvc@1.29.2", "", { "os": "win32", "cpu": "arm64" }, "sha512-nL7zRW6evGQqYVu/bKGK+zShyz8OVzsCotFgc7judbt6wnB2KbiKKJwBE4SGoDBQ1O94RjW4asrCjQL4i8Fhbw=="],
+
+    "lightningcss-win32-x64-msvc": ["lightningcss-win32-x64-msvc@1.29.2", "", { "os": "win32", "cpu": "x64" }, "sha512-EdIUW3B2vLuHmv7urfzMI/h2fmlnOQBk1xlsDxkN1tCWKjNFjfLhGxYk8C8mzpSfr+A6jFFIi8fU6LbQGsRWjA=="],
 
     "loader-utils": ["loader-utils@2.0.4", "", { "dependencies": { "big.js": "^5.2.2", "emojis-list": "^3.0.0", "json5": "^2.1.2" } }, "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw=="],
 
@@ -510,7 +504,7 @@
 
     "longest-streak": ["longest-streak@3.1.0", "", {}, "sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g=="],
 
-    "lru-cache": ["lru-cache@10.4.3", "", {}, "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ=="],
+    "magic-string": ["magic-string@0.30.17", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0" } }, "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA=="],
 
     "markdown-extensions": ["markdown-extensions@2.0.0", "", {}, "sha512-o5vL7aDWatOTX8LzaS1WMoaoxIiLRQJuIKKe2wAw6IeULDHaqbiqiggmx+pKvZDb1Sj+pE46Sn1T7lCqfFtg1Q=="],
 
@@ -626,10 +620,12 @@
 
     "micromatch": ["micromatch@4.0.8", "", { "dependencies": { "braces": "^3.0.3", "picomatch": "^2.3.1" } }, "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA=="],
 
-    "minimatch": ["minimatch@9.0.5", "", { "dependencies": { "brace-expansion": "^2.0.1" } }, "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow=="],
-
     "minipass": ["minipass@7.1.2", "", {}, "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw=="],
 
+    "minizlib": ["minizlib@3.0.2", "", { "dependencies": { "minipass": "^7.1.2" } }, "sha512-oG62iEk+CYt5Xj2YqI5Xi9xWUeZhDI8jjQmC5oThVH5JGCTgIjr7ciJDzC7MBzYd//WvR1OTmP5Q38Q8ShQtVA=="],
+
+    "mkdirp": ["mkdirp@3.0.1", "", { "bin": { "mkdirp": "dist/cjs/src/bin.js" } }, "sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg=="],
+
     "motion-dom": ["motion-dom@12.11.0", "", { "dependencies": { "motion-utils": "^12.9.4" } }, "sha512-CItkGYJenn5ZsbzTX0D9mE0UWdjdd9r535FrxEXhzR8Kwa9I2dLr1uhEJgQPWbgaIJ6i0sNFnf2T9NvVDWQVBw=="],
 
     "motion-utils": ["motion-utils@12.9.4", "", {}, "sha512-BW3I65zeM76CMsfh3kHid9ansEJk9Qvl+K5cu4DVHKGsI52n76OJ4z2CUJUV+Mn3uEP9k1JJA3tClG0ggSrRcg=="],
@@ -638,62 +634,28 @@
 
     "ms": ["ms@2.1.3", "", {}, "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="],
 
-    "mz": ["mz@2.7.0", "", { "dependencies": { "any-promise": "^1.0.0", "object-assign": "^4.0.1", "thenify-all": "^1.0.0" } }, "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q=="],
-
     "nanoid": ["nanoid@3.3.11", "", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w=="],
 
     "next": ["next@15.3.2", "", { "dependencies": { "@next/env": "15.3.2", "@swc/counter": "0.1.3", "@swc/helpers": "0.5.15", "busboy": "1.6.0", "caniuse-lite": "^1.0.30001579", "postcss": "8.4.31", "styled-jsx": "5.1.6" }, "optionalDependencies": { "@next/swc-darwin-arm64": "15.3.2", "@next/swc-darwin-x64": "15.3.2", "@next/swc-linux-arm64-gnu": "15.3.2", "@next/swc-linux-arm64-musl": "15.3.2", "@next/swc-linux-x64-gnu": "15.3.2", "@next/swc-linux-x64-musl": "15.3.2", "@next/swc-win32-arm64-msvc": "15.3.2", "@next/swc-win32-x64-msvc": "15.3.2", "sharp": "^0.34.1" }, "peerDependencies": { "@opentelemetry/api": "^1.1.0", "@playwright/test": "^1.41.2", "babel-plugin-react-compiler": "*", "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "sass": "^1.3.0" }, "optionalPeers": ["@opentelemetry/api", "@playwright/test", "babel-plugin-react-compiler", "sass"], "bin": { "next": "dist/bin/next" } }, "sha512-CA3BatMyHkxZ48sgOCLdVHjFU36N7TF1HhqAHLFOkV6buwZnvMI84Cug8xD56B9mCuKrqXnLn94417GrZ/jjCQ=="],
 
     "next-themes": ["next-themes@0.4.6", "", { "peerDependencies": { "react": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc", "react-dom": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc" } }, "sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA=="],
 
-    "node-releases": ["node-releases@2.0.19", "", {}, "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw=="],
-
-    "normalize-path": ["normalize-path@3.0.0", "", {}, "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="],
-
-    "normalize-range": ["normalize-range@0.1.2", "", {}, "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA=="],
-
-    "object-assign": ["object-assign@4.1.1", "", {}, "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg=="],
-
-    "object-hash": ["object-hash@3.0.0", "", {}, "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw=="],
-
     "oniguruma-parser": ["oniguruma-parser@0.12.1", "", {}, "sha512-8Unqkvk1RYc6yq2WBYRj4hdnsAxVze8i7iPfQr8e4uSP3tRv0rpZcbGUDvxfQQcdwHt/e9PrMvGCsa8OqG9X3w=="],
 
     "oniguruma-to-es": ["oniguruma-to-es@4.3.3", "", { "dependencies": { "oniguruma-parser": "^0.12.1", "regex": "^6.0.1", "regex-recursion": "^6.0.2" } }, "sha512-rPiZhzC3wXwE59YQMRDodUwwT9FZ9nNBwQQfsd1wfdtlKEyCdRV0avrTcSZ5xlIvGRVPd/cx6ZN45ECmS39xvg=="],
 
     "opener": ["opener@1.5.2", "", { "bin": { "opener": "bin/opener-bin.js" } }, "sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A=="],
 
-    "package-json-from-dist": ["package-json-from-dist@1.0.1", "", {}, "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw=="],
-
     "parse-entities": ["parse-entities@4.0.2", "", { "dependencies": { "@types/unist": "^2.0.0", "character-entities-legacy": "^3.0.0", "character-reference-invalid": "^2.0.0", "decode-named-character-reference": "^1.0.0", "is-alphanumerical": "^2.0.0", "is-decimal": "^2.0.0", "is-hexadecimal": "^2.0.0" } }, "sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw=="],
 
-    "path-key": ["path-key@3.1.1", "", {}, "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q=="],
-
-    "path-parse": ["path-parse@1.0.7", "", {}, "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="],
-
-    "path-scurry": ["path-scurry@1.11.1", "", { "dependencies": { "lru-cache": "^10.2.0", "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0" } }, "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA=="],
-
     "picocolors": ["picocolors@1.1.1", "", {}, "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="],
 
     "picomatch": ["picomatch@2.3.1", "", {}, "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="],
 
-    "pify": ["pify@2.3.0", "", {}, "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog=="],
-
-    "pirates": ["pirates@4.0.7", "", {}, "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA=="],
-
     "postcss": ["postcss@8.5.3", "", { "dependencies": { "nanoid": "^3.3.8", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A=="],
 
-    "postcss-import": ["postcss-import@15.1.0", "", { "dependencies": { "postcss-value-parser": "^4.0.0", "read-cache": "^1.0.0", "resolve": "^1.1.7" }, "peerDependencies": { "postcss": "^8.0.0" } }, "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew=="],
-
-    "postcss-js": ["postcss-js@4.0.1", "", { "dependencies": { "camelcase-css": "^2.0.1" }, "peerDependencies": { "postcss": "^8.4.21" } }, "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw=="],
-
-    "postcss-load-config": ["postcss-load-config@4.0.2", "", { "dependencies": { "lilconfig": "^3.0.0", "yaml": "^2.3.4" }, "peerDependencies": { "postcss": ">=8.0.9", "ts-node": ">=9.0.0" }, "optionalPeers": ["postcss", "ts-node"] }, "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ=="],
-
-    "postcss-nested": ["postcss-nested@6.2.0", "", { "dependencies": { "postcss-selector-parser": "^6.1.1" }, "peerDependencies": { "postcss": "^8.2.14" } }, "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ=="],
-
     "postcss-selector-parser": ["postcss-selector-parser@6.0.10", "", { "dependencies": { "cssesc": "^3.0.0", "util-deprecate": "^1.0.2" } }, "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w=="],
 
-    "postcss-value-parser": ["postcss-value-parser@4.2.0", "", {}, "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="],
-
     "property-information": ["property-information@7.0.0", "", {}, "sha512-7D/qOz/+Y4X/rzSB6jKxKUsQnphO046ei8qxG59mtM3RG3DHgTK81HrxrmoDVINJb8NKT5ZsRbwHvQ6B68Iyhg=="],
 
     "queue-microtask": ["queue-microtask@1.2.3", "", {}, "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A=="],
@@ -704,10 +666,6 @@
 
     "react-highlight-words": ["react-highlight-words@0.21.0", "", { "dependencies": { "highlight-words-core": "^1.2.0", "memoize-one": "^4.0.0" }, "peerDependencies": { "react": "^0.14.0 || ^15.0.0 || ^16.0.0-0 || ^17.0.0-0 || ^18.0.0-0 || ^19.0.0-0" } }, "sha512-SdWEeU9fIINArEPO1rO5OxPyuhdEKZQhHzZZP1ie6UeXQf+CjycT1kWaB+9bwGcVbR0NowuHK3RqgqNg6bgBDQ=="],
 
-    "read-cache": ["read-cache@1.0.0", "", { "dependencies": { "pify": "^2.3.0" } }, "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA=="],
-
-    "readdirp": ["readdirp@3.6.0", "", { "dependencies": { "picomatch": "^2.2.1" } }, "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA=="],
-
     "recma-build-jsx": ["recma-build-jsx@1.0.0", "", { "dependencies": { "@types/estree": "^1.0.0", "estree-util-build-jsx": "^3.0.0", "vfile": "^6.0.0" } }, "sha512-8GtdyqaBcDfva+GUKDr3nev3VpKAhup1+RvkMvUxURHpW7QyIvk9F5wz7Vzo06CEMSilw6uArgRqhpiUcWp8ew=="],
 
     "recma-jsx": ["recma-jsx@1.0.0", "", { "dependencies": { "acorn-jsx": "^5.0.0", "estree-util-to-js": "^2.0.0", "recma-parse": "^1.0.0", "recma-stringify": "^1.0.0", "unified": "^11.0.0" } }, "sha512-5vwkv65qWwYxg+Atz95acp8DMu1JDSqdGkA2Of1j6rCreyFUE/gp15fC8MnGEuG1W68UKjM6x6+YTWIh7hZM/Q=="],
@@ -736,8 +694,6 @@
 
     "remark-stringify": ["remark-stringify@11.0.0", "", { "dependencies": { "@types/mdast": "^4.0.0", "mdast-util-to-markdown": "^2.0.0", "unified": "^11.0.0" } }, "sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw=="],
 
-    "resolve": ["resolve@1.22.10", "", { "dependencies": { "is-core-module": "^2.16.0", "path-parse": "^1.0.7", "supports-preserve-symlinks-flag": "^1.0.0" }, "bin": { "resolve": "bin/resolve" } }, "sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w=="],
-
     "reusify": ["reusify@1.1.0", "", {}, "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw=="],
 
     "run-parallel": ["run-parallel@1.2.0", "", { "dependencies": { "queue-microtask": "^1.2.2" } }, "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA=="],
@@ -750,14 +706,8 @@
 
     "sharp": ["sharp@0.34.1", "", { "dependencies": { "color": "^4.2.3", "detect-libc": "^2.0.3", "semver": "^7.7.1" }, "optionalDependencies": { "@img/sharp-darwin-arm64": "0.34.1", "@img/sharp-darwin-x64": "0.34.1", "@img/sharp-libvips-darwin-arm64": "1.1.0", "@img/sharp-libvips-darwin-x64": "1.1.0", "@img/sharp-libvips-linux-arm": "1.1.0", "@img/sharp-libvips-linux-arm64": "1.1.0", "@img/sharp-libvips-linux-ppc64": "1.1.0", "@img/sharp-libvips-linux-s390x": "1.1.0", "@img/sharp-libvips-linux-x64": "1.1.0", "@img/sharp-libvips-linuxmusl-arm64": "1.1.0", "@img/sharp-libvips-linuxmusl-x64": "1.1.0", "@img/sharp-linux-arm": "0.34.1", "@img/sharp-linux-arm64": "0.34.1", "@img/sharp-linux-s390x": "0.34.1", "@img/sharp-linux-x64": "0.34.1", "@img/sharp-linuxmusl-arm64": "0.34.1", "@img/sharp-linuxmusl-x64": "0.34.1", "@img/sharp-wasm32": "0.34.1", "@img/sharp-win32-ia32": "0.34.1", "@img/sharp-win32-x64": "0.34.1" } }, "sha512-1j0w61+eVxu7DawFJtnfYcvSv6qPFvfTaqzTQ2BLknVhHTwGS8sc63ZBF4rzkWMBVKybo4S5OBtDdZahh2A1xg=="],
 
-    "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=="],
-
     "shiki": ["shiki@3.4.0", "", { "dependencies": { "@shikijs/core": "3.4.0", "@shikijs/engine-javascript": "3.4.0", "@shikijs/engine-oniguruma": "3.4.0", "@shikijs/langs": "3.4.0", "@shikijs/themes": "3.4.0", "@shikijs/types": "3.4.0", "@shikijs/vscode-textmate": "^10.0.2", "@types/hast": "^3.0.4" } }, "sha512-Ni80XHcqhOEXv5mmDAvf5p6PAJqbUc/RzFeaOqk+zP5DLvTPS3j0ckvA+MI87qoxTQ5RGJDVTbdl/ENLSyyAnQ=="],
 
-    "signal-exit": ["signal-exit@4.1.0", "", {}, "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw=="],
-
     "simple-functional-loader": ["simple-functional-loader@1.2.1", "", { "dependencies": { "loader-utils": "^2.0.0" } }, "sha512-GPDrxrQkE7ijm35QlfPFVp5hBHR6ZcaUq42TEDgf1U5iTL3IDLFvKAbHE/ODqpdfJJ7Xn4cr/slBn12jjNPkaQ=="],
 
     "simple-swizzle": ["simple-swizzle@0.2.2", "", { "dependencies": { "is-arrayish": "^0.3.1" } }, "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg=="],
@@ -772,33 +722,21 @@
 
     "streamsearch": ["streamsearch@1.1.0", "", {}, "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg=="],
 
-    "string-width": ["string-width@5.1.2", "", { "dependencies": { "eastasianwidth": "^0.2.0", "emoji-regex": "^9.2.2", "strip-ansi": "^7.0.1" } }, "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA=="],
-
-    "string-width-cjs": ["string-width@4.2.3", "", { "dependencies": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", "strip-ansi": "^6.0.1" } }, "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g=="],
-
     "stringify-entities": ["stringify-entities@4.0.4", "", { "dependencies": { "character-entities-html4": "^2.0.0", "character-entities-legacy": "^3.0.0" } }, "sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg=="],
 
-    "strip-ansi": ["strip-ansi@7.1.0", "", { "dependencies": { "ansi-regex": "^6.0.1" } }, "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ=="],
-
-    "strip-ansi-cjs": ["strip-ansi@6.0.1", "", { "dependencies": { "ansi-regex": "^5.0.1" } }, "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A=="],
-
     "style-to-js": ["style-to-js@1.1.16", "", { "dependencies": { "style-to-object": "1.0.8" } }, "sha512-/Q6ld50hKYPH3d/r6nr117TZkHR0w0kGGIVfpG9N6D8NymRPM9RqCUv4pRpJ62E5DqOYx2AFpbZMyCPnjQCnOw=="],
 
     "style-to-object": ["style-to-object@1.0.8", "", { "dependencies": { "inline-style-parser": "0.2.4" } }, "sha512-xT47I/Eo0rwJmaXC4oilDGDWLohVhR6o/xAQcPQN8q6QBuZVL8qMYL85kLmST5cPjAorwvqIA4qXTRQoYHaL6g=="],
 
     "styled-jsx": ["styled-jsx@5.1.6", "", { "dependencies": { "client-only": "0.0.1" }, "peerDependencies": { "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0" } }, "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA=="],
 
-    "sucrase": ["sucrase@3.35.0", "", { "dependencies": { "@jridgewell/gen-mapping": "^0.3.2", "commander": "^4.0.0", "glob": "^10.3.10", "lines-and-columns": "^1.1.6", "mz": "^2.7.0", "pirates": "^4.0.1", "ts-interface-checker": "^0.1.9" }, "bin": { "sucrase": "bin/sucrase", "sucrase-node": "bin/sucrase-node" } }, "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA=="],
-
-    "supports-preserve-symlinks-flag": ["supports-preserve-symlinks-flag@1.0.0", "", {}, "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="],
-
     "tabbable": ["tabbable@6.2.0", "", {}, "sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew=="],
 
-    "tailwindcss": ["tailwindcss@3.4.17", "", { "dependencies": { "@alloc/quick-lru": "^5.2.0", "arg": "^5.0.2", "chokidar": "^3.6.0", "didyoumean": "^1.2.2", "dlv": "^1.1.3", "fast-glob": "^3.3.2", "glob-parent": "^6.0.2", "is-glob": "^4.0.3", "jiti": "^1.21.6", "lilconfig": "^3.1.3", "micromatch": "^4.0.8", "normalize-path": "^3.0.0", "object-hash": "^3.0.0", "picocolors": "^1.1.1", "postcss": "^8.4.47", "postcss-import": "^15.1.0", "postcss-js": "^4.0.1", "postcss-load-config": "^4.0.2", "postcss-nested": "^6.2.0", "postcss-selector-parser": "^6.1.2", "resolve": "^1.22.8", "sucrase": "^3.35.0" }, "bin": { "tailwind": "lib/cli.js", "tailwindcss": "lib/cli.js" } }, "sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og=="],
+    "tailwindcss": ["tailwindcss@4.1.6", "", {}, "sha512-j0cGLTreM6u4OWzBeLBpycK0WIh8w7kSwcUsQZoGLHZ7xDTdM69lN64AgoIEEwFi0tnhs4wSykUa5YWxAzgFYg=="],
 
-    "thenify": ["thenify@3.3.1", "", { "dependencies": { "any-promise": "^1.0.0" } }, "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw=="],
+    "tapable": ["tapable@2.2.1", "", {}, "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ=="],
 
-    "thenify-all": ["thenify-all@1.6.0", "", { "dependencies": { "thenify": ">= 3.1.0 < 4" } }, "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA=="],
+    "tar": ["tar@7.4.3", "", { "dependencies": { "@isaacs/fs-minipass": "^4.0.0", "chownr": "^3.0.0", "minipass": "^7.1.2", "minizlib": "^3.0.1", "mkdirp": "^3.0.1", "yallist": "^5.0.0" } }, "sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw=="],
 
     "to-regex-range": ["to-regex-range@5.0.1", "", { "dependencies": { "is-number": "^7.0.0" } }, "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ=="],
 
@@ -808,8 +746,6 @@
 
     "trough": ["trough@2.2.0", "", {}, "sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw=="],
 
-    "ts-interface-checker": ["ts-interface-checker@0.1.13", "", {}, "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA=="],
-
     "tslib": ["tslib@2.8.1", "", {}, "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="],
 
     "typescript": ["typescript@5.8.3", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ=="],
@@ -832,8 +768,6 @@
 
     "unist-util-visit-parents": ["unist-util-visit-parents@6.0.1", "", { "dependencies": { "@types/unist": "^3.0.0", "unist-util-is": "^6.0.0" } }, "sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw=="],
 
-    "update-browserslist-db": ["update-browserslist-db@1.1.3", "", { "dependencies": { "escalade": "^3.2.0", "picocolors": "^1.1.1" }, "peerDependencies": { "browserslist": ">= 4.21.0" }, "bin": { "update-browserslist-db": "cli.js" } }, "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw=="],
-
     "use-sync-external-store": ["use-sync-external-store@1.5.0", "", { "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-Rb46I4cGGVBmjamjphe8L/UnvJD+uPPtTkNvX5mZgqdbavhI4EbgIWJiIHXJ8bc/i9EQGPRh4DwEURJ552Do0A=="],
 
     "util-deprecate": ["util-deprecate@1.0.2", "", {}, "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="],
@@ -846,26 +780,36 @@
 
     "webpack-bundle-analyzer": ["webpack-bundle-analyzer@4.10.1", "", { "dependencies": { "@discoveryjs/json-ext": "0.5.7", "acorn": "^8.0.4", "acorn-walk": "^8.0.0", "commander": "^7.2.0", "debounce": "^1.2.1", "escape-string-regexp": "^4.0.0", "gzip-size": "^6.0.0", "html-escaper": "^2.0.2", "is-plain-object": "^5.0.0", "opener": "^1.5.2", "picocolors": "^1.0.0", "sirv": "^2.0.3", "ws": "^7.3.1" }, "bin": { "webpack-bundle-analyzer": "lib/bin/analyzer.js" } }, "sha512-s3P7pgexgT/HTUSYgxJyn28A+99mmLq4HsJepMPzu0R8ImJc52QNqaFYW1Z2z2uIb1/J3eYgaAWVpaC+v/1aAQ=="],
 
-    "which": ["which@2.0.2", "", { "dependencies": { "isexe": "^2.0.0" }, "bin": { "node-which": "./bin/node-which" } }, "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA=="],
-
-    "wrap-ansi": ["wrap-ansi@8.1.0", "", { "dependencies": { "ansi-styles": "^6.1.0", "string-width": "^5.0.1", "strip-ansi": "^7.0.1" } }, "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ=="],
-
-    "wrap-ansi-cjs": ["wrap-ansi@7.0.0", "", { "dependencies": { "ansi-styles": "^4.0.0", "string-width": "^4.1.0", "strip-ansi": "^6.0.0" } }, "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q=="],
-
     "ws": ["ws@7.5.10", "", { "peerDependencies": { "bufferutil": "^4.0.1", "utf-8-validate": "^5.0.2" }, "optionalPeers": ["bufferutil", "utf-8-validate"] }, "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ=="],
 
-    "yaml": ["yaml@2.7.1", "", { "bin": { "yaml": "bin.mjs" } }, "sha512-10ULxpnOCQXxJvBgxsn9ptjq6uviG/htZKk9veJGhlqn3w/DxQ631zFF+nlQXLwmImeS5amR2dl2U8sg6U9jsQ=="],
+    "yallist": ["yallist@5.0.0", "", {}, "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw=="],
 
     "zustand": ["zustand@5.0.4", "", { "peerDependencies": { "@types/react": ">=18.0.0", "immer": ">=9.0.6", "react": ">=18.0.0", "use-sync-external-store": ">=1.2.0" }, "optionalPeers": ["@types/react", "immer", "react", "use-sync-external-store"] }, "sha512-39VFTN5InDtMd28ZhjLyuTnlytDr9HfwO512Ai4I8ZABCoyAj4F1+sr7sD1jP/+p7k77Iko0Pb5NhgBFDCX0kQ=="],
 
     "zwitch": ["zwitch@2.0.4", "", {}, "sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A=="],
 
+    "@tailwindcss/oxide/detect-libc": ["detect-libc@2.0.4", "", {}, "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA=="],
+
+    "@tailwindcss/oxide-wasm32-wasi/@emnapi/core": ["@emnapi/core@1.4.3", "", { "dependencies": { "@emnapi/wasi-threads": "1.0.2", "tslib": "^2.4.0" }, "bundled": true }, "sha512-4m62DuCE07lw01soJwPiBGC0nAww0Q+RY70VZ+n49yDIO13yyinhbWCeNnaob0lakDtWQzSdtNWzJeOJt2ma+g=="],
+
+    "@tailwindcss/oxide-wasm32-wasi/@emnapi/runtime": ["@emnapi/runtime@1.4.3", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-pBPWdu6MLKROBX05wSNKcNb++m5Er+KQ9QkB+WVM+pW2Kx9hoSrVTnu3BdkI5eBLZoKu/J6mW/B6i6bJB2ytXQ=="],
+
+    "@tailwindcss/oxide-wasm32-wasi/@emnapi/wasi-threads": ["@emnapi/wasi-threads@1.0.2", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-5n3nTJblwRi8LlXkJ9eBzu+kZR8Yxcc7ubakyQTFzPMtIhFpUBRbsnc2Dv88IZDIbCDlBiWrknhB4Lsz7mg6BA=="],
+
+    "@tailwindcss/oxide-wasm32-wasi/@napi-rs/wasm-runtime": ["@napi-rs/wasm-runtime@0.2.9", "", { "dependencies": { "@emnapi/core": "^1.4.0", "@emnapi/runtime": "^1.4.0", "@tybys/wasm-util": "^0.9.0" }, "bundled": true }, "sha512-OKRBiajrrxB9ATokgEQoG87Z25c67pCpYcCwmXYX8PBftC9pBfN18gnm/fh1wurSLEKIAt+QRFLFCQISrb66Jg=="],
+
+    "@tailwindcss/oxide-wasm32-wasi/@tybys/wasm-util": ["@tybys/wasm-util@0.9.0", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-6+7nlbMVX/PVDCwaIQ8nTOPveOcFLSt8GcXdx8hD0bt39uWxYT88uXzqTd4fTvqta7oeUJqudepapKNt2DYJFw=="],
+
+    "@tailwindcss/oxide-wasm32-wasi/tslib": ["tslib@2.8.1", "", { "bundled": true }, "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="],
+
     "@types/react-highlight-words/@types/react": ["@types/react@19.1.2", "", { "dependencies": { "csstype": "^3.0.2" } }, "sha512-oxLPMytKchWGbnQM9O7D67uPa9paTNxO7jVoNMXgkkErULBPhPARCfkKL9ytcIJJRGjbsVwW4ugJzyFFvm/Tiw=="],
 
     "esast-util-from-estree/estree-util-visit": ["estree-util-visit@2.0.0", "", { "dependencies": { "@types/estree-jsx": "^1.0.0", "@types/unist": "^3.0.0" } }, "sha512-m5KgiH85xAhhW8Wta0vShLcUvOsh3LLPI2YVwcbio1l7E09NTLL1EyMZFM1OyWowoH0skScNbhOPl4kcBgzTww=="],
 
     "estree-util-visit/@types/unist": ["@types/unist@2.0.11", "", {}, "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA=="],
 
+    "lightningcss/detect-libc": ["detect-libc@2.0.4", "", {}, "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA=="],
+
     "mdx-annotations/unist-util-visit": ["unist-util-visit@4.1.2", "", { "dependencies": { "@types/unist": "^2.0.0", "unist-util-is": "^5.0.0", "unist-util-visit-parents": "^5.1.1" } }, "sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg=="],
 
     "micromark-util-events-to-acorn/estree-util-visit": ["estree-util-visit@2.0.0", "", { "dependencies": { "@types/estree-jsx": "^1.0.0", "@types/unist": "^3.0.0" } }, "sha512-m5KgiH85xAhhW8Wta0vShLcUvOsh3LLPI2YVwcbio1l7E09NTLL1EyMZFM1OyWowoH0skScNbhOPl4kcBgzTww=="],
@@ -874,38 +818,12 @@
 
     "parse-entities/@types/unist": ["@types/unist@2.0.11", "", {}, "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA=="],
 
-    "postcss-nested/postcss-selector-parser": ["postcss-selector-parser@6.1.2", "", { "dependencies": { "cssesc": "^3.0.0", "util-deprecate": "^1.0.2" } }, "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg=="],
-
-    "string-width-cjs/emoji-regex": ["emoji-regex@8.0.0", "", {}, "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="],
-
-    "string-width-cjs/strip-ansi": ["strip-ansi@6.0.1", "", { "dependencies": { "ansi-regex": "^5.0.1" } }, "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A=="],
-
-    "strip-ansi-cjs/ansi-regex": ["ansi-regex@5.0.1", "", {}, "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="],
-
-    "sucrase/commander": ["commander@4.1.1", "", {}, "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA=="],
-
-    "tailwindcss/glob-parent": ["glob-parent@6.0.2", "", { "dependencies": { "is-glob": "^4.0.3" } }, "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A=="],
-
-    "tailwindcss/postcss-selector-parser": ["postcss-selector-parser@6.1.2", "", { "dependencies": { "cssesc": "^3.0.0", "util-deprecate": "^1.0.2" } }, "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg=="],
-
     "webpack-bundle-analyzer/escape-string-regexp": ["escape-string-regexp@4.0.0", "", {}, "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="],
 
-    "wrap-ansi-cjs/ansi-styles": ["ansi-styles@4.3.0", "", { "dependencies": { "color-convert": "^2.0.1" } }, "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg=="],
-
-    "wrap-ansi-cjs/string-width": ["string-width@4.2.3", "", { "dependencies": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", "strip-ansi": "^6.0.1" } }, "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g=="],
-
-    "wrap-ansi-cjs/strip-ansi": ["strip-ansi@6.0.1", "", { "dependencies": { "ansi-regex": "^5.0.1" } }, "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A=="],
-
     "mdx-annotations/unist-util-visit/@types/unist": ["@types/unist@2.0.11", "", {}, "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA=="],
 
     "mdx-annotations/unist-util-visit/unist-util-is": ["unist-util-is@5.2.1", "", { "dependencies": { "@types/unist": "^2.0.0" } }, "sha512-u9njyyfEh43npf1M+yGKDGVPbY/JWEemg5nH05ncKPfi+kBbKBJoTdsogMu33uhytuLlv9y0O7GH7fEdwLdLQw=="],
 
     "mdx-annotations/unist-util-visit/unist-util-visit-parents": ["unist-util-visit-parents@5.1.3", "", { "dependencies": { "@types/unist": "^2.0.0", "unist-util-is": "^5.0.0" } }, "sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg=="],
-
-    "string-width-cjs/strip-ansi/ansi-regex": ["ansi-regex@5.0.1", "", {}, "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="],
-
-    "wrap-ansi-cjs/string-width/emoji-regex": ["emoji-regex@8.0.0", "", {}, "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="],
-
-    "wrap-ansi-cjs/strip-ansi/ansi-regex": ["ansi-regex@5.0.1", "", {}, "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="],
   }
 }
diff --git a/components/Code.tsx b/components/Code.tsx
index e6dcdea..42fd46c 100644
--- a/components/Code.tsx
+++ b/components/Code.tsx
@@ -77,7 +77,7 @@ function CopyButton({ code }: { code: string }) {
         <button
             type="button"
             className={clsx(
-                "group/button absolute right-4 top-3.5 overflow-hidden rounded-md py-1 pl-2 pr-3 text-2xs font-medium opacity-0 backdrop-blur transition focus:opacity-100 group-hover:opacity-100",
+                "group/button absolute right-4 top-3.5 overflow-hidden rounded-md py-1 pl-2 pr-3 text-2xs font-medium opacity-0 backdrop-blur-sm transition focus:opacity-100 group-hover:opacity-100",
                 copied
                     ? "bg-brand-400/10 ring-1 ring-inset ring-brand-400/20"
                     : "bg-white/5 hover:bg-white/7.5 dark:bg-white/2.5 dark:hover:bg-white/5",
@@ -163,7 +163,7 @@ function CodePanel({
         <div className="group dark:bg-white/2.5">
             <CodePanelHeader tag={tag} label={label} />
             <div className="relative">
-                <pre className="overflow-x-auto p-4 text-sm text-white [&>code>pre]:!bg-transparent">
+                <pre className="overflow-x-auto p-4 text-sm text-white [&>code>pre]:bg-transparent!">
                     {children}
                 </pre>
                 <CopyButton code={code} />
@@ -188,7 +188,7 @@ function CodeGroupHeader({
     }
 
     return (
-        <div className="flex min-h-[calc(theme(spacing.12)+1px)] flex-wrap items-start gap-x-4 border-b border-zinc-700 bg-zinc-800 px-4 dark:border-zinc-800 dark:bg-transparent">
+        <div className="flex min-h-[calc(--spacing(12)+1px)] flex-wrap items-start gap-x-4 border-b border-zinc-700 bg-zinc-800 px-4 dark:border-zinc-800 dark:bg-transparent">
             {title && (
                 <h3 className="mr-auto pt-3 text-xs font-semibold text-white">
                     {title}
@@ -199,7 +199,7 @@ function CodeGroupHeader({
                     {Children.map(children, (child, childIndex) => (
                         <Tab
                             className={clsx(
-                                "border-b py-3 transition ui-not-focus-visible:outline-none",
+                                "border-b py-3 transition ui-not-focus-visible:outline-hidden",
                                 childIndex === selectedIndex
                                     ? "border-brand-500 text-brand-400"
                                     : "border-transparent text-zinc-400 hover:text-zinc-300",
diff --git a/components/Feedback.tsx b/components/Feedback.tsx
index 9e76711..163dec2 100644
--- a/components/Feedback.tsx
+++ b/components/Feedback.tsx
@@ -3,7 +3,7 @@
 import { Transition } from "@headlessui/react";
 import {
     type ComponentPropsWithoutRef,
-    type ElementRef,
+    type ComponentRef,
     type FormEvent,
     forwardRef,
     useState,
@@ -37,7 +37,7 @@ function FeedbackButton(
 }
 
 const FeedbackForm = forwardRef<
-    ElementRef<"form">,
+    ComponentRef<"form">,
     Pick<ComponentPropsWithoutRef<"form">, "onSubmit">
 >(function FeedbackForm({ onSubmit }, ref) {
     return (
@@ -49,7 +49,7 @@ const FeedbackForm = forwardRef<
             <p className="text-sm text-zinc-600 dark:text-zinc-400">
                 Was this page helpful?
             </p>
-            <div className="group grid h-8 grid-cols-[1fr,1px,1fr] overflow-hidden rounded-md border border-zinc-900/10 dark:border-white/10">
+            <div className="group grid h-8 grid-cols-[1fr_1px_1fr] overflow-hidden rounded-md border border-zinc-900/10 dark:border-white/10">
                 <FeedbackButton data-response="yes">Yes</FeedbackButton>
                 <div className="bg-zinc-900/10 dark:bg-white/10" />
                 <FeedbackButton data-response="no">No</FeedbackButton>
@@ -58,7 +58,7 @@ const FeedbackForm = forwardRef<
     );
 });
 
-const FeedbackThanks = forwardRef<ElementRef<"div">>(
+const FeedbackThanks = forwardRef<ComponentRef<"div">>(
     // biome-ignore lint/style/useNamingConvention: <explanation>
     function FeedbackThanks(_props, ref) {
         return (
diff --git a/components/Header.tsx b/components/Header.tsx
index d05d77b..b64138f 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -3,7 +3,7 @@ import { motion, useScroll, useTransform } from "framer-motion";
 import Link from "next/link";
 import {
     type CSSProperties,
-    type ElementRef,
+    type ComponentRef,
     type ReactNode,
     forwardRef,
 } from "react";
@@ -37,7 +37,7 @@ function TopLevelNavItem({
     );
 }
 
-export const Header = forwardRef<ElementRef<"div">, { className?: string }>(
+export const Header = forwardRef<ComponentRef<"div">, { className?: string }>(
     function Header({ className }, ref) {
         const { isOpen: mobileNavIsOpen } = useMobileNavigationStore();
         const isInsideMobileNavigation = useIsInsideMobileNavigation();
@@ -51,13 +51,13 @@ export const Header = forwardRef<ElementRef<"div">, { className?: string }>(
                 ref={ref}
                 className={clsx(
                     className,
-                    // Add bg-construction bg-opacity-10 [background-size:57px_57px] classes to make it striped
+                    // Add "construction" class to make it striped
                     "fixed inset-x-0 top-0 z-50 flex h-14 items-center justify-between gap-2 px-4 transition sm:px-6 lg:left-72 lg:z-30 lg:px-8 xl:left-80",
                     !isInsideMobileNavigation &&
-                        "backdrop-blur-sm lg:left-72 xl:left-80 dark:backdrop-blur",
+                        "backdrop-blur-xs lg:left-72 xl:left-80 dark:backdrop-blur-sm",
                     isInsideMobileNavigation
                         ? "bg-white dark:bg-zinc-900"
-                        : "bg-white/[var(--bg-opacity-light)] dark:bg-zinc-900/[var(--bg-opacity-dark)]",
+                        : "bg-white/(--bg-opacity-light) dark:bg-zinc-900/(--bg-opacity-dark)",
                 )}
                 style={
                     {
diff --git a/components/Heading.tsx b/components/Heading.tsx
index c2c7082..540174b 100644
--- a/components/Heading.tsx
+++ b/components/Heading.tsx
@@ -61,8 +61,8 @@ function Anchor({
             className="group text-inherit no-underline hover:text-inherit"
         >
             {inView && (
-                <div className="absolute ml-[calc(-1*var(--width))] mt-1 hidden w-[var(--width)] opacity-0 transition [--width:calc(2.625rem+0.5px+50%-min(50%,calc(theme(maxWidth.lg)+theme(spacing.8))))] group-hover:opacity-100 group-focus:opacity-100 md:block lg:z-50 2xl:[--width:theme(spacing.10)]">
-                    <div className="group/anchor block h-5 w-5 rounded bg-zinc-50 ring-1 ring-inset ring-zinc-300 transition hover:ring-zinc-500 dark:bg-zinc-800 dark:ring-zinc-700 dark:hover:bg-zinc-700 dark:hover:ring-zinc-600">
+                <div className="absolute ml-[calc(-1*var(--width))] mt-1 hidden w-(--width) opacity-0 transition [--width:calc(2.625rem+0.5px+50%-min(50%,calc(var(--container-lg)+(--spacing(8)))))] group-hover:opacity-100 group-focus:opacity-100 md:block lg:z-50 2xl:[--width:--spacing(10)]">
+                    <div className="group/anchor block h-5 w-5 rounded-sm bg-zinc-50 ring-1 ring-inset ring-zinc-300 transition hover:ring-zinc-500 dark:bg-zinc-800 dark:ring-zinc-700 dark:hover:bg-zinc-700 dark:hover:ring-zinc-600">
                         <AnchorIcon className="h-5 w-5 stroke-zinc-500 transition dark:stroke-zinc-400 dark:group-hover/anchor:stroke-white" />
                     </div>
                 </div>
diff --git a/components/HeroPattern.tsx b/components/HeroPattern.tsx
index 7f4de25..e8d37bb 100644
--- a/components/HeroPattern.tsx
+++ b/components/HeroPattern.tsx
@@ -3,8 +3,8 @@ import { GridPattern } from "./GridPattern";
 export function HeroPattern() {
     return (
         <div className="absolute inset-0 -z-10 mx-0 max-w-none overflow-hidden">
-            <div className="absolute left-1/2 top-0 ml-[-38rem] h-[25rem] w-[81.25rem] dark:[mask-image:linear-gradient(white,transparent)]">
-                <div className="absolute inset-0 bg-gradient-to-r from-brand-400 to-secondary-600 opacity-40 [mask-image:radial-gradient(farthest-side_at_top,white,transparent)] dark:from-brand-400/30 dark:to-secondary-600/30 dark:opacity-100">
+            <div className="absolute left-1/2 top-0 ml-[-38rem] h-100 w-325 dark:mask-[linear-gradient(white,transparent)]">
+                <div className="absolute inset-0 bg-linear-to-r from-brand-400 to-secondary-600 opacity-40 mask-[radial-gradient(farthest-side_at_top,white,transparent)] dark:from-brand-400/30 dark:to-secondary-600/30 dark:opacity-100">
                     <GridPattern
                         width={72}
                         height={56}
@@ -22,7 +22,7 @@ export function HeroPattern() {
                 <svg
                     viewBox="0 0 1113 440"
                     aria-hidden="true"
-                    className="absolute left-1/2 top-0 ml-[-19rem] w-[69.5625rem] fill-white blur-[26px] dark:hidden"
+                    className="absolute left-1/2 top-0 ml-[-19rem] w-278.25 fill-white blur-[26px] dark:hidden"
                 >
                     <path d="M.016 439.5s-9.5-300 434-300S882.516 20 882.516 20V0h230.004v439.5H.016Z" />
                 </svg>
diff --git a/components/Libraries.tsx b/components/Libraries.tsx
index c82f751..24f98e0 100644
--- a/components/Libraries.tsx
+++ b/components/Libraries.tsx
@@ -48,7 +48,7 @@ export function Libraries() {
                         <Image
                             src={library.logo}
                             alt=""
-                            className="h-12 w-12 rounded m-0"
+                            className="h-12 w-12 rounded-sm m-0"
                             unoptimized={true}
                         />
                     </div>
diff --git a/components/Logo.tsx b/components/Logo.tsx
index 13dd43d..52bf0da 100644
--- a/components/Logo.tsx
+++ b/components/Logo.tsx
@@ -15,10 +15,10 @@ export function Logo(props: ComponentPropsWithoutRef<"div">) {
             <img
                 src="https://cdn.versia.pub/branding/icon.svg"
                 alt="Logo"
-                className="h-full rounded-sm"
+                className="h-full rounded-xs"
             />
             <span className="fill-zinc-900 dark:fill-white font-semibold text-lg">
-                Versia Protocol {/* <Badge className="!h-6">Dev</Badge> */}
+                Versia Protocol {/* <Badge className="h-6!">Dev</Badge> */}
             </span>
         </div>
     );
diff --git a/components/Metadata.tsx b/components/Metadata.tsx
index ebd242b..3566248 100644
--- a/components/Metadata.tsx
+++ b/components/Metadata.tsx
@@ -24,7 +24,7 @@ export function Changelog({ children }: { children: ReactNode }) {
     const [isOpen, setIsOpen] = useState(false);
 
     return (
-        <dl className="rounded border border-zinc-200 dark:border-zinc-800 py-2 px-4 dark:bg-white/2.5">
+        <dl className="rounded-sm border border-zinc-200 dark:border-zinc-800 py-2 px-4 dark:bg-white/2.5">
             <dt>
                 <motion.button
                     className="grid grid-cols-[1fr_auto] items-center space-x-4 w-full"
diff --git a/components/MobileNavigation.tsx b/components/MobileNavigation.tsx
index be5e4a6..56d9d4d 100644
--- a/components/MobileNavigation.tsx
+++ b/components/MobileNavigation.tsx
@@ -106,7 +106,7 @@ function MobileNavigationDialog({
                     leaveFrom="opacity-100"
                     leaveTo="opacity-0"
                 >
-                    <div className="fixed inset-0 top-14 bg-zinc-400/20 backdrop-blur-sm dark:bg-black/40" />
+                    <div className="fixed inset-0 top-14 bg-zinc-400/20 backdrop-blur-xs dark:bg-black/40" />
                 </TransitionChild>
 
                 <DialogPanel>
@@ -134,7 +134,7 @@ function MobileNavigationDialog({
                     >
                         <motion.div
                             layoutScroll={true}
-                            className="fixed bottom-0 left-0 max-w-[100vw] top-14 w-full overflow-y-auto bg-white px-4 pb-4 pt-6 shadow-lg shadow-zinc-900/10 ring-1 ring-zinc-900/7.5 min-[416px]:max-w-sm sm:px-6 sm:pb-10 dark:bg-zinc-900 dark:ring-zinc-800"
+                            className="fixed bottom-0 left-0 max-w-screen top-14 w-full overflow-y-auto bg-white px-4 pb-4 pt-6 shadow-lg shadow-zinc-900/10 ring-1 ring-zinc-900/7.5 min-[416px]:max-w-sm sm:px-6 sm:pb-10 dark:bg-zinc-900 dark:ring-zinc-800"
                         >
                             <Navigation />
                         </motion.div>
diff --git a/components/Property.tsx b/components/Property.tsx
index 4b58da3..e45f14d 100644
--- a/components/Property.tsx
+++ b/components/Property.tsx
@@ -16,7 +16,7 @@ export function Properties({
 }: { children: ReactNode; name: string }) {
     return (
         <div className="my-6">
-            <ul className="m-0 max-w-[calc(theme(maxWidth.lg)-theme(spacing.8))] list-none divide-y divide-zinc-900/5 p-0 dark:divide-white/5">
+            <ul className="m-0! max-w-[calc(var(--container-lg)-(--spacing(8)))] list-none divide-y divide-zinc-900/5 p-0 dark:divide-white/5">
                 <PropertyContext.Provider value={{ name }}>
                     {children}
                 </PropertyContext.Provider>
@@ -58,18 +58,18 @@ export function Property({
     const id = `${idFormat(contextName)}-${idFormat(name)}`;
 
     return (
-        <li className="m-0 px-0 py-4 first:pt-0 last:pb-0 group">
+        <li className="m-0! px-0 py-4 first:pt-0 last:pb-0 group">
             <Link
                 href={`#${id}`}
-                className="absolute ml-[calc(-1*var(--width))] mt-1 hidden w-[var(--width)] opacity-0 transition [--width:calc(2.625rem+0.5px+50%-min(50%,calc(theme(maxWidth.lg)+theme(spacing.8))))] group-hover:opacity-100 group-focus:opacity-100 md:block lg:z-50 2xl:[--width:theme(spacing.10)]"
+                className="absolute ml-[calc(-1*var(--width))] mt-1 hidden w-(--width) opacity-0 transition [--width:calc(2.625rem+0.5px+50%-min(50%,calc(var(--container-lg)+(--spacing(8)))))] group-hover:opacity-100 group-focus:opacity-100 md:block lg:z-50 2xl:[--width:--spacing(10)]"
             >
-                <div className="group/anchor block h-5 w-5 rounded bg-zinc-50 ring-1 ring-inset ring-zinc-300 transition hover:ring-zinc-500 dark:bg-zinc-800 dark:ring-zinc-700 dark:hover:bg-zinc-700 dark:hover:ring-zinc-600">
+                <div className="group/anchor block h-5 w-5 rounded-sm bg-zinc-50 ring-1 ring-inset ring-zinc-300 transition hover:ring-zinc-500 dark:bg-zinc-800 dark:ring-zinc-700 dark:hover:bg-zinc-700 dark:hover:ring-zinc-600">
                     <AnchorIcon className="h-5 w-5 stroke-zinc-500 transition dark:stroke-zinc-400 dark:group-hover/anchor:stroke-white" />
                 </div>
             </Link>
             <dl
                 id={id}
-                className="m-0 flex flex-wrap items-center gap-x-3 gap-y-2 scroll-mt-24 target:ring-2 ring-brand-500 ring-offset-8 dark:ring-offset-zinc-900"
+                className="m-0! flex flex-wrap items-center gap-x-3 gap-y-2 scroll-mt-24 target:ring-2 ring-brand-500 ring-offset-8 dark:ring-offset-zinc-900"
             >
                 <dt className="sr-only">Name</dt>
                 <dd>
diff --git a/components/Prose.tsx b/components/Prose.tsx
index ee0de0a..dd475c5 100644
--- a/components/Prose.tsx
+++ b/components/Prose.tsx
@@ -17,7 +17,7 @@ export function Prose<T extends ElementType = "div">({
                 className,
                 "prose dark:prose-invert",
                 // `html :where(& > *)` is used to select all direct children without an increase in specificity like you'd get from just `& > *`
-                "[html_:where(&>*)]:mx-auto [html_:where(&>*)]:max-w-2xl [html_:where(&>*)]:lg:mx-[calc(50%-min(50%,theme(maxWidth.lg)))] [html_:where(&>*)]:lg:max-w-3xl",
+                "[html_:where(&>*)]:mx-auto [html_:where(&>*)]:max-w-2xl lg:[html_:where(&>*)]:mx-[calc(50%-min(50%,var(--container-lg)))] lg:[html_:where(&>*)]:max-w-3xl",
             )}
             {...props}
         />
diff --git a/components/Resources.tsx b/components/Resources.tsx
index 3cef329..0e3a64d 100644
--- a/components/Resources.tsx
+++ b/components/Resources.tsx
@@ -80,7 +80,7 @@ function ResourcePattern({
 
     return (
         <div className="pointer-events-none">
-            <div className="absolute inset-0 rounded-md transition duration-300 [mask-image:linear-gradient(white,transparent)] group-hover:opacity-50">
+            <div className="absolute inset-0 rounded-md transition duration-300 mask-[linear-gradient(white,transparent)] group-hover:opacity-50">
                 <GridPattern
                     width={72}
                     height={56}
@@ -90,7 +90,7 @@ function ResourcePattern({
                 />
             </div>
             <motion.div
-                className="absolute inset-0 rounded-md bg-gradient-to-r from-brand-100 to-brand-50 opacity-0 transition duration-300 group-hover:opacity-100 dark:from-brand-900/30 dark:to-brand-950/30"
+                className="absolute inset-0 rounded-md bg-linear-to-r from-brand-100 to-brand-50 opacity-0 transition duration-300 group-hover:opacity-100 dark:from-brand-900/30 dark:to-brand-950/30"
                 style={style}
             />
             <motion.div
diff --git a/components/Search.tsx b/components/Search.tsx
index 1c5eae6..34699f5 100644
--- a/components/Search.tsx
+++ b/components/Search.tsx
@@ -17,7 +17,7 @@ import clsx from "clsx";
 import { useRouter } from "next/navigation";
 import {
     type ComponentPropsWithoutRef,
-    type ElementRef,
+    type ComponentRef,
     Fragment,
     type MouseEvent,
     type KeyboardEvent as ReactKeyboardEvent,
@@ -283,7 +283,7 @@ function SearchResults({
 }
 
 const SearchInput = forwardRef<
-    ElementRef<"input">,
+    ComponentRef<"input">,
     {
         autocomplete: Autocomplete;
         autocompleteState: AutocompleteState<Result> | EmptyObject;
@@ -299,7 +299,7 @@ const SearchInput = forwardRef<
                 ref={inputRef}
                 data-autofocus={true}
                 className={clsx(
-                    "flex-auto appearance-none bg-transparent pl-10 text-zinc-900 outline-none placeholder:text-zinc-500 focus:w-full focus:flex-none sm:text-sm dark:text-white [&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden [&::-webkit-search-results-button]:hidden [&::-webkit-search-results-decoration]:hidden",
+                    "flex-auto appearance-none bg-transparent pl-10 text-zinc-900 outline-hidden placeholder:text-zinc-500 focus:w-full focus:flex-none sm:text-sm dark:text-white [&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden [&::-webkit-search-results-button]:hidden [&::-webkit-search-results-decoration]:hidden",
                     autocompleteState.status === "stalled" ? "pr-11" : "pr-4",
                 )}
                 {...inputProps}
@@ -354,9 +354,9 @@ function SearchDialog({
     setOpen: (open: boolean) => void;
     className?: string;
 }) {
-    const formRef = useRef<ElementRef<"form">>(null);
-    const panelRef = useRef<ElementRef<"div">>(null);
-    const inputRef = useRef<ElementRef<typeof SearchInput>>(null);
+    const formRef = useRef<ComponentRef<"form">>(null);
+    const panelRef = useRef<ComponentRef<"div">>(null);
+    const inputRef = useRef<ComponentRef<typeof SearchInput>>(null);
     const { autocomplete, autocompleteState } = useAutocomplete({
         close() {
             setOpen(false);
@@ -400,7 +400,7 @@ function SearchDialog({
                     leaveFrom="opacity-100"
                     leaveTo="opacity-0"
                 >
-                    <div className="fixed inset-0 bg-zinc-400/25 backdrop-blur-sm dark:bg-black/40" />
+                    <div className="fixed inset-0 bg-zinc-400/25 backdrop-blur-xs dark:bg-black/40" />
                 </TransitionChild>
 
                 <div className="fixed inset-0 overflow-y-auto px-4 py-4 sm:px-6 sm:py-20 md:py-32 lg:px-8 lg:py-[15vh]">
@@ -456,7 +456,7 @@ function SearchDialog({
 }
 
 function useSearchProps() {
-    const buttonRef = useRef<ElementRef<"button">>(null);
+    const buttonRef = useRef<ComponentRef<"button">>(null);
     const [open, setOpen] = useState(false);
 
     return {
@@ -493,7 +493,7 @@ export function Search() {
         <div className="hidden lg:block lg:max-w-md lg:flex-auto">
             <button
                 type="button"
-                className="hidden h-8 w-full items-center gap-2 rounded-md bg-white pl-2 pr-3 text-sm text-zinc-500 ring-1 ring-zinc-900/10 transition hover:ring-zinc-900/20 ui-not-focus-visible:outline-none lg:flex dark:bg-white/5 dark:text-zinc-400 dark:ring-inset dark:ring-white/10 dark:hover:ring-white/20"
+                className="hidden h-8 w-full items-center gap-2 rounded-md bg-white pl-2 pr-3 text-sm text-zinc-500 ring-1 ring-zinc-900/10 transition hover:ring-zinc-900/20 ui-not-focus-visible:outline-hidden lg:flex dark:bg-white/5 dark:text-zinc-400 dark:ring-inset dark:ring-white/10 dark:hover:ring-white/20"
                 {...buttonProps}
             >
                 <SearchIcon className="h-5 w-5 stroke-current" />
@@ -517,7 +517,7 @@ export function MobileSearch() {
         <div className="contents lg:hidden">
             <button
                 type="button"
-                className="flex h-6 w-6 items-center justify-center rounded-md transition hover:bg-zinc-900/5 ui-not-focus-visible:outline-none lg:hidden dark:hover:bg-white/5"
+                className="flex h-6 w-6 items-center justify-center rounded-md transition hover:bg-zinc-900/5 ui-not-focus-visible:outline-hidden lg:hidden dark:hover:bg-white/5"
                 aria-label="Find something..."
                 {...buttonProps}
             >
diff --git a/components/Team.tsx b/components/Team.tsx
index 4e98a41..ef04b31 100644
--- a/components/Team.tsx
+++ b/components/Team.tsx
@@ -36,7 +36,7 @@ export const TeamMember: FC<{
 
             <ul className="pt-6 mt-auto flex gap-5 list-none px-6 flex-wrap">
                 {socials?.map((social) => (
-                    <li className="!m-0" key={social.name}>
+                    <li className="m-0!" key={social.name}>
                         <a
                             href={social.url}
                             target="_blank"
diff --git a/components/mdx.tsx b/components/mdx.tsx
index 09debe9..03ba3cf 100644
--- a/components/mdx.tsx
+++ b/components/mdx.tsx
@@ -46,7 +46,7 @@ function InfoIcon(props: ComponentPropsWithoutRef<"svg">) {
 
 export function Note({ children }: { children: ReactNode }) {
     return (
-        <div className="my-6 flex gap-2.5 rounded-md border border-brand-500/20 bg-brand-50/50 p-4 leading-6 text-brand-900 dark:border-brand-500/30 dark:bg-brand-500/5 dark:text-brand-200 dark:[--tw-prose-links-hover:theme(colors.brand.300)] dark:[--tw-prose-links:theme(colors.white)]">
+        <div className="my-6 flex gap-2.5 rounded-md border border-brand-500/20 bg-brand-50/50 p-4 leading-6 text-brand-900 dark:border-brand-500/30 dark:bg-brand-500/5 dark:text-brand-200 dark:[--tw-prose-links-hover:var(--color-brand-300)] dark:[--tw-prose-links:var(--color-white)]">
             <InfoIcon className="mt-1 h-4 w-4 flex-none fill-brand-500 stroke-white dark:fill-brand-200/20 dark:stroke-brand-200" />
             <div className="[&>:first-child]:mt-0 [&>:last-child]:mb-0">
                 {children}
diff --git a/package.json b/package.json
index bd1f44b..0c2564c 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
         "@mdx-js/react": "^3.1.0",
         "@next/mdx": "^15.3.2",
         "@sindresorhus/slugify": "^2.2.1",
+        "@tailwindcss/postcss": "^4.1.6",
         "@tailwindcss/typography": "^0.5.16",
         "@types/mdx": "^2.0.13",
         "@types/node": "^22.15.17",
@@ -25,7 +26,6 @@
         "@types/react-dom": "^19.1.5",
         "@types/react-highlight-words": "^0.20.0",
         "acorn": "^8.14.1",
-        "autoprefixer": "^10.4.21",
         "clsx": "^2.1.1",
         "fast-glob": "^3.3.3",
         "flexsearch": "^0.8.164",
@@ -42,7 +42,7 @@
         "remark-mdx": "^3.1.0",
         "shiki": "^3.4.0",
         "simple-functional-loader": "^1.2.1",
-        "tailwindcss": "^3.4.17",
+        "tailwindcss": "^4.1.6",
         "typescript": "^5.8.3",
         "unist-util-filter": "^5.0.1",
         "unist-util-visit": "^5.0.0",
diff --git a/postcss.config.js b/postcss.config.js
index 67cdf1a..04c1ce3 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,6 +1,5 @@
 module.exports = {
     plugins: {
-        tailwindcss: {},
-        autoprefixer: {},
+        "@tailwindcss/postcss": {},
     },
 };
diff --git a/styles/tailwind.css b/styles/tailwind.css
index c23ab5e..0b0817e 100644
--- a/styles/tailwind.css
+++ b/styles/tailwind.css
@@ -1,14 +1,109 @@
+@import "tailwindcss";
+@plugin "@headlessui/tailwindcss";
+@plugin "@tailwindcss/typography";
+@config "../tailwind.config.ts";
+
+@custom-variant dark (&:where(.dark, .dark *));
+
+@theme {
+    --text-2xs: 0.75rem;
+    --text-2xs--line-height: 1.25rem;
+    --text-xs: 0.8125rem;
+    --text-xs--line-height: 1.5rem;
+    --text-sm: 0.875rem;
+    --text-sm--line-height: 1.5rem;
+    --text-base: 1rem;
+    --text-base--line-height: 1.75rem;
+    --text-lg: 1.125rem;
+    --text-lg--line-height: 1.75rem;
+    --text-xl: 1.25rem;
+    --text-xl--line-height: 1.75rem;
+    --text-2xl: 1.5rem;
+    --text-2xl--line-height: 2rem;
+    --text-3xl: 1.875rem;
+    --text-3xl--line-height: 2.25rem;
+    --text-4xl: 2.25rem;
+    --text-4xl--line-height: 2.5rem;
+    --text-5xl: 3rem;
+    --text-5xl--line-height: 1;
+    --text-6xl: 3.75rem;
+    --text-6xl--line-height: 1;
+    --text-7xl: 4.5rem;
+    --text-7xl--line-height: 1;
+    --text-8xl: 6rem;
+    --text-8xl--line-height: 1;
+    --text-9xl: 8rem;
+    --text-9xl--line-height: 1;
+
+    --color-brand-50: var(--color-pink-50);
+    --color-brand-100: var(--color-pink-100);
+    --color-brand-200: var(--color-pink-200);
+    --color-brand-300: var(--color-pink-300);
+    --color-brand-400: var(--color-pink-400);
+    --color-brand-500: var(--color-pink-500);
+    --color-brand-600: var(--color-pink-600);
+    --color-brand-700: var(--color-pink-700);
+    --color-brand-800: var(--color-pink-800);
+    --color-brand-900: var(--color-pink-900);
+    --color-brand-950: var(--color-pink-950);
+
+    --color-secondary-50: var(--color-purple-50);
+    --color-secondary-100: var(--color-purple-100);
+    --color-secondary-200: var(--color-purple-200);
+    --color-secondary-300: var(--color-purple-300);
+    --color-secondary-400: var(--color-purple-400);
+    --color-secondary-500: var(--color-purple-500);
+    --color-secondary-600: var(--color-purple-600);
+    --color-secondary-700: var(--color-purple-700);
+    --color-secondary-800: var(--color-purple-800);
+    --color-secondary-900: var(--color-purple-900);
+    --color-secondary-950: var(--color-purple-950);
+
+    --container-lg: 33rem;
+    --container-2xl: 40rem;
+    --container-3xl: 50rem;
+    --container-5xl: 66rem;
+
+    --animate-roll: roll 2s 1 ease-in-out;
+
+    @keyframes roll {
+        0% {
+            transform: rotate(0deg);
+        }
+        100% {
+            transform: rotate(360deg);
+        }
+    }
+}
+
+@utility construction {
+    --opacity: 0.1;
+    --black: rgb(46 39 37 / var(--opacity));
+    --yellow: rgb(255 195 0 / var(--opacity));
+    background-image: linear-gradient(
+        45deg,
+        var(--yellow) 25%,
+        var(--black) 25%,
+        var(--black) 50%,
+        var(--yellow) 50%,
+        var(--yellow) 75%,
+        var(--black) 75%,
+        var(--black) 100%
+    );
+    background-size: 57px 57px;
+}
+
 @layer base {
     :root {
-        --shiki-color-text: theme("colors.white");
-        --shiki-token-constant: theme("colors.brand.300");
-        --shiki-token-string: theme("colors.brand.300");
-        --shiki-token-comment: theme("colors.zinc.500");
-        --shiki-token-keyword: theme("colors.sky.300");
-        --shiki-token-parameter: theme("colors.pink.300");
-        --shiki-token-function: theme("colors.violet.300");
-        --shiki-token-string-expression: theme("colors.brand.300");
-        --shiki-token-punctuation: theme("colors.zinc.200");
+        --shiki-color-text: var(--color-white);
+        --shiki-token-constant: var(--color-brand-300);
+        --shiki-token-string: var(--color-brand-300);
+        --shiki-token-comment: var(--color-zinc-500);
+        --shiki-token-keyword: var(--color-sky-300);
+        --shiki-token-parameter: var(--color-pink-300);
+        --shiki-token-function: var(--color-violet-300);
+        --shiki-token-string-expression: var(--color-brand-300);
+        --shiki-token-punctuation: var(--color-zinc-200);
     }
 
     [inert] ::-webkit-scrollbar {
@@ -80,7 +175,3 @@
         color: var(--vp-code-line-diff-add-symbol-color);
     }
 }
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
diff --git a/styles/typography.css b/styles/typography.css
new file mode 100644
index 0000000..f81c444
--- /dev/null
+++ b/styles/typography.css
@@ -0,0 +1,393 @@
+@import "tailwindcss";
+
+@utility prose {
+    --tw-prose-body: var(--color-zinc-700);
+    --tw-prose-headings: var(--color-zinc-900);
+    --tw-prose-links: var(--color-brand-500);
+    --tw-prose-links-hover: var(--color-brand-600);
+    --tw-prose-links-underline: color-mix(
+        in oklab,
+        var(--color-brand-500) 30%,
+        transparent
+    );
+    --tw-prose-bold: var(--color-zinc-900);
+    --tw-prose-counters: var(--color-zinc-500);
+    --tw-prose-bullets: var(--color-zinc-300);
+    --tw-prose-hr: var(--color-zinc-900) / 0.05;
+    --tw-prose-quotes: var(--color-zinc-900);
+    --tw-prose-quote-borders: var(--color-zinc-200);
+    --tw-prose-captions: var(--color-zinc-500);
+    --tw-prose-code: var(--color-zinc-900);
+    --tw-prose-code-bg: var(--color-zinc-100);
+    --tw-prose-code-ring: var(--color-zinc-300);
+    --tw-prose-th-borders: var(--color-zinc-300);
+    --tw-prose-td-borders: var(--color-zinc-200);
+
+    --tw-prose-invert-body: var(--color-zinc-400);
+    --tw-prose-invert-headings: var(--color-white);
+    --tw-prose-invert-links: var(--color-brand-400);
+    --tw-prose-invert-links-hover: var(--color-brand-500);
+    --tw-prose-invert-links-underline: color-mix(
+        in oklab,
+        var(--color-brand-500) 30%,
+        transparent
+    );
+    --tw-prose-invert-bold: var(--color-white);
+    --tw-prose-invert-counters: var(--color-zinc-400);
+    --tw-prose-invert-bullets: var(--color-zinc-600);
+    --tw-prose-invert-hr: var(--color-white) / 0.05;
+    --tw-prose-invert-quotes: var(--color-zinc-100);
+    --tw-prose-invert-quote-borders: var(--color-zinc-700);
+    --tw-prose-invert-captions: var(--color-zinc-400);
+    --tw-prose-invert-code: var(--color-white);
+    --tw-prose-invert-code-bg: color-mix(
+        in oklab,
+        var(--color-zinc-700) 15%,
+        transparent
+    );
+    --tw-prose-invert-code-ring: color-mix(
+        in oklab,
+        var(--color-white) 10%,
+        transparent
+    );
+    --tw-prose-invert-th-borders: var(--color-zinc-600);
+    --tw-prose-invert-td-borders: var(--color-zinc-700);
+
+    font-size: var(--text-base);
+    line-height: --spacing(8);
+    color: var(--tw-prose-body);
+
+    :not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+        &:where(p) {
+            margin-top: --spacing(8);
+            margin-bottom: --spacing(8);
+        }
+
+        &:where([class~="lead"]) {
+            font-size: var(--text-base);
+            line-height: var(--text-base--line-height);
+        }
+
+        &:where(ol) {
+            list-style-type: decimal;
+            margin-top: --spacing(5);
+            margin-bottom: --spacing(5);
+            padding-left: 1.625rem;
+        }
+
+        &:where(ol[type="A"]) {
+            list-style-type: upper-alpha;
+        }
+        &:where(ol[type="a"]) {
+            list-style-type: lower-alpha;
+        }
+        &:where(ol[type="A" s]) {
+            list-style-type: upper-alpha;
+        }
+        &:where(ol[type="a" s]) {
+            list-style-type: lower-alpha;
+        }
+        &:where(ol[type="I"]) {
+            list-style-type: upper-roman;
+        }
+        &:where(ol[type="i"]) {
+            list-style-type: lower-roman;
+        }
+        &:where(ol[type="I" s]) {
+            list-style-type: upper-roman;
+        }
+        &:where(ol[type="i" s]) {
+            list-style-type: lower-roman;
+        }
+        &:where(ol[type="1"]) {
+            list-style-type: decimal;
+        }
+
+        &:where(ul) {
+            list-style-type: disc;
+            margin-top: --spacing(5);
+            margin-bottom: --spacing(5);
+            padding-left: 1.625rem;
+        }
+
+        &:where(li) {
+            margin-top: --spacing(2);
+            margin-bottom: --spacing(2);
+        }
+
+        &:where(:is(ol, ul) > li) {
+            padding-left: --spacing(1.5);
+        }
+
+        &:where(ol > li)::marker {
+            font-weight: 400;
+            color: var(--tw-prose-counters);
+        }
+
+        &:where(ul > li)::marker {
+            color: var(--tw-prose-bullets);
+        }
+
+        &:where(ul > li p) {
+            margin-top: --spacing(3);
+            margin-bottom: --spacing(3);
+        }
+
+        &:where(ul > li > *:first-child) {
+            margin-top: --spacing(5);
+        }
+
+        &:where(ul > li > *:last-child) {
+            margin-bottom: --spacing(5);
+        }
+
+        &:where(ol > li > *:first-child) {
+            margin-top: --spacing(5);
+        }
+
+        &:where(ol > li > *:last-child) {
+            margin-bottom: --spacing(5);
+        }
+
+        &:where(ul ul, ul ol, ol ul, ol ol) {
+            margin-top: --spacing(3);
+            margin-bottom: --spacing(3);
+        }
+
+        &:where(hr) {
+            border-color: var(--tw-prose-hr);
+            border-top-width: 1px;
+            margin-top: --spacing(16);
+            margin-bottom: --spacing(16);
+            max-width: none;
+            margin-left: --spacing(-4);
+            margin-right: --spacing(-4);
+
+            @media (width < var(--breakpoint-sm)) {
+                margin-left: --spacing(-6);
+                margin-right: --spacing(-6);
+            }
+            @media (width < var(--breakpoint-lg)) {
+                margin-left: --spacing(-8);
+                margin-right: --spacing(-8);
+            }
+        }
+
+        &:where(blockquote) {
+            font-weight: 500;
+            font-style: italic;
+            color: var(--tw-prose-quotes);
+            border-left-width: 0.25rem;
+            border-left-color: var(--tw-prose-quote-borders);
+            quotes: '"\\201C""\\201D""\\2018""\\2019"';
+            margin-top: --spacing(8);
+            margin-bottom: --spacing(8);
+            padding-left: --spacing(5);
+
+            &:where(p:first-of-type::before) {
+                content: open-quote;
+            }
+            &:where(p:last-of-type::after) {
+                content: close-quote;
+            }
+        }
+
+        &:where(h1) {
+            color: var(--tw-prose-headings);
+            font-weight: 700;
+            font-size: var(--text-4xl);
+            line-height: var(--text-4xl--line-height);
+            margin-bottom: --spacing(6);
+        }
+
+        &:where(h2) {
+            color: var(--tw-prose-headings);
+            font-weight: 600;
+            font-size: var(--text-2xl);
+            line-height: var(--text-2xl--line-height);
+            margin-top: --spacing(16);
+            margin-bottom: --spacing(8);
+        }
+
+        &:where(h3) {
+            color: var(--tw-prose-headings);
+            font-size: var(--text-lg);
+            line-height: var(--text-lg--line-height);
+            font-weight: 600;
+            margin-top: --spacing(10);
+            margin-bottom: --spacing(2);
+        }
+
+        &:where(img, video, figure) {
+            margin-top: --spacing(8);
+            margin-bottom: --spacing(8);
+        }
+
+        &:where(figure > *) {
+            margin-top: 0;
+            margin-bottom: 0;
+        }
+
+        &:where(figcaption) {
+            color: var(--tw-prose-captions);
+            font-size: var(--text-sm);
+            line-height: var(--text-sm--line-height);
+            margin-top: --spacing(2);
+        }
+
+        &:where(table) {
+            width: 100%;
+            table-layout: auto;
+            text-align: left;
+            margin-top: --spacing(8);
+            margin-bottom: --spacing(8);
+            line-height: var(--text-base--line-height);
+        }
+
+        &:where(thead) {
+            border-bottom-width: 1px;
+            border-bottom-color: var(--tw-prose-th-borders);
+        }
+
+        &:where(thead th) {
+            color: var(--tw-prose-headings);
+            font-weight: 600;
+            vertical-align: bottom;
+            padding-right: --spacing(2);
+            padding-bottom: --spacing(2);
+            padding-left: --spacing(2);
+        }
+
+        &:where(thead th:first-child) {
+            padding-left: 0;
+        }
+
+        &:where(thead th:last-child) {
+            padding-right: 0;
+        }
+
+        &:where(tbody tr) {
+            border-bottom-width: 1px;
+            border-bottom-color: var(--tw-prose-td-borders);
+        }
+
+        &:where(tbody tr:last-child) {
+            border-bottom-width: 0;
+        }
+
+        &:where(tbody td) {
+            vertical-align: baseline;
+        }
+
+        &:where(tfoot) {
+            border-top-width: 1px;
+            border-top-color: var(--tw-prose-th-borders);
+        }
+
+        &:where(tfoot td) {
+            vertical-align: top;
+        }
+
+        &:where(:is(tbody, tfoot) td) {
+            padding-top: --spacing(2);
+            padding-right: --spacing(2);
+            padding-bottom: --spacing(2);
+            padding-left: --spacing(2);
+        }
+
+        &:where(:is(tbody, tfoot) td:first-child) {
+            padding-left: 0;
+        }
+
+        &:where(:is(tbody, tfoot) td:last-child) {
+            padding-right: 0;
+        }
+
+        &:where(a) {
+            color: var(--tw-prose-links);
+            text-decoration: underline transparent;
+            font-weight: 500;
+            transition-property: color, text-decoration-color;
+            transition-duration: 0.15s;
+            transition-timing-function: var(--ease-in-out);
+
+            &:hover {
+                color: var(--tw-prose-links-hover);
+                text-decoration-color: var(--tw-prose-links-underline);
+            }
+        }
+
+        &:where(:is(h1, h2, h3) a) {
+            font-weight: inherit;
+        }
+
+        &:where(strong) {
+            color: var(--tw-prose-bold);
+            font-weight: 600;
+        }
+
+        &:where(:is(a, blockquote, thead th) strong) {
+            color: inherit;
+        }
+
+        &:where(code) {
+            color: var(--tw-prose-code);
+            border-radius: var(--radius-lg);
+            padding-top: --spacing(1.5);
+            padding-right: --spacing(1.5);
+            padding-bottom: --spacing(1);
+            padding-left: --spacing(1.5);
+            box-shadow: inset 0 0 0 1px var(--tw-prose-code-ring);
+            background-color: var(--tw-prose-code-bg);
+            white-space: pre-wrap;
+            word-break: break-all;
+            font-size: var(--text-xs);
+        }
+
+        &:where(:is(a, h1, h2, h3, blockquote, thead th) code) {
+            color: inherit;
+        }
+
+        &:where(h2 code) {
+            font-size: var(--text-base);
+            font-weight: inherit;
+        }
+
+        &:where(h3 code) {
+            font-size: var(--text-sm);
+            font-weight: inherit;
+        }
+
+        &:where(:is(h1, h2, h3) + *) {
+            margin-top: 0;
+        }
+
+        &:where(:first-child) {
+            margin-top: 0 !important;
+        }
+
+        &:where(:last-child) {
+            margin-bottom: 0 !important;
+        }
+    }
+}
+
+@utility prose-invert {
+    --tw-prose-body: var(--tw-prose-invert-body);
+    --tw-prose-headings: var(--tw-prose-invert-headings);
+    --tw-prose-links: var(--tw-prose-invert-links);
+    --tw-prose-links-hover: var(--tw-prose-invert-links-hover);
+    --tw-prose-links-underline: var(--tw-prose-invert-links-underline);
+    --tw-prose-bold: var(--tw-prose-invert-bold);
+    --tw-prose-counters: var(--tw-prose-invert-counters);
+    --tw-prose-bullets: var(--tw-prose-invert-bullets);
+    --tw-prose-hr: var(--tw-prose-invert-hr);
+    --tw-prose-quotes: var(--tw-prose-invert-quotes);
+    --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
+    --tw-prose-captions: var(--tw-prose-invert-captions);
+    --tw-prose-code: var(--tw-prose-invert-code);
+    --tw-prose-code-bg: var(--tw-prose-invert-code-bg);
+    --tw-prose-code-ring: var(--tw-prose-invert-code-ring);
+    --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
+    --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
+}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 2668f4b..aa36932 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,71 +1,9 @@
-import headlessuiPlugin from "@headlessui/tailwindcss";
-import typographyPlugin from "@tailwindcss/typography";
 import type { Config } from "tailwindcss";
-import colors from "tailwindcss/colors";
 
 import typographyStyles from "./typography";
 
 export default {
-    content: [
-        "./pages/**/*.{js,ts,jsx,tsx,mdx}",
-        "./components/**/*.{js,ts,jsx,tsx,mdx}",
-        "./app/**/*.{js,ts,jsx,tsx,mdx}",
-    ],
-    darkMode: "selector",
     theme: {
-        fontSize: {
-            "2xs": ["0.75rem", { lineHeight: "1.25rem" }],
-            xs: ["0.8125rem", { lineHeight: "1.5rem" }],
-            sm: ["0.875rem", { lineHeight: "1.5rem" }],
-            base: ["1rem", { lineHeight: "1.75rem" }],
-            lg: ["1.125rem", { lineHeight: "1.75rem" }],
-            xl: ["1.25rem", { lineHeight: "1.75rem" }],
-            "2xl": ["1.5rem", { lineHeight: "2rem" }],
-            "3xl": ["1.875rem", { lineHeight: "2.25rem" }],
-            "4xl": ["2.25rem", { lineHeight: "2.5rem" }],
-            "5xl": ["3rem", { lineHeight: "1" }],
-            "6xl": ["3.75rem", { lineHeight: "1" }],
-            "7xl": ["4.5rem", { lineHeight: "1" }],
-            "8xl": ["6rem", { lineHeight: "1" }],
-            "9xl": ["8rem", { lineHeight: "1" }],
-        },
         typography: typographyStyles,
-        extend: {
-            boxShadow: {
-                glow: "0 0 4px rgb(0 0 0 / 0.1)",
-            },
-            colors: {
-                brand: colors.pink,
-                secondary: colors.purple,
-            },
-            maxWidth: {
-                lg: "33rem",
-                "2xl": "40rem",
-                "3xl": "50rem",
-                "5xl": "66rem",
-            },
-            opacity: {
-                1: "0.01",
-                // biome-ignore lint/style/useNamingConvention: <explanation>
-                2.5: "0.025",
-                // biome-ignore lint/style/useNamingConvention: <explanation>
-                7.5: "0.075",
-                15: "0.15",
-            },
-            animation: {
-                roll: "roll 2s 1 ease-in-out",
-            },
-            backgroundImage: {
-                construction:
-                    "linear-gradient(45deg, rgb(255 195 0 / var(--tw-bg-opacity)) 25%, rgb(46 39 37 / var(--tw-bg-opacity)) 25%, rgb(46 39 37 / var(--tw-bg-opacity)) 50%, rgb(255 195 0 / var(--tw-bg-opacity)) 50%, rgb(255 195 0 / var(--tw-bg-opacity)) 75%, rgb(46 39 37 / var(--tw-bg-opacity)) 75%, rgb(46 39 37 / var(--tw-bg-opacity)) 100%)",
-            },
-            keyframes: {
-                roll: {
-                    "0%": { transform: "rotate(0deg)" },
-                    "100%": { transform: "rotate(360deg)" },
-                },
-            },
-        },
     },
-    plugins: [typographyPlugin, headlessuiPlugin],
 } satisfies Config;
diff --git a/typography.ts b/typography.ts
index d91182f..4b62690 100644
--- a/typography.ts
+++ b/typography.ts
@@ -1,67 +1,69 @@
-import type { PluginUtils } from "tailwindcss/types/config";
-
-export default function typographyStyles({ theme }: PluginUtils) {
+export default function typographyStyles() {
     return {
         DEFAULT: {
             css: {
-                "--tw-prose-body": theme("colors.zinc.700"),
-                "--tw-prose-headings": theme("colors.zinc.900"),
-                "--tw-prose-links": theme("colors.brand.500"),
-                "--tw-prose-links-hover": theme("colors.brand.600"),
-                "--tw-prose-links-underline": theme("colors.brand.500 / 0.3"),
-                "--tw-prose-bold": theme("colors.zinc.900"),
-                "--tw-prose-counters": theme("colors.zinc.500"),
-                "--tw-prose-bullets": theme("colors.zinc.300"),
-                "--tw-prose-hr": theme("colors.zinc.900 / 0.05"),
-                "--tw-prose-quotes": theme("colors.zinc.900"),
-                "--tw-prose-quote-borders": theme("colors.zinc.200"),
-                "--tw-prose-captions": theme("colors.zinc.500"),
-                "--tw-prose-code": theme("colors.zinc.900"),
-                "--tw-prose-code-bg": theme("colors.zinc.100"),
-                "--tw-prose-code-ring": theme("colors.zinc.300"),
-                "--tw-prose-th-borders": theme("colors.zinc.300"),
-                "--tw-prose-td-borders": theme("colors.zinc.200"),
+                "--tw-prose-body": "var(--color-zinc-700)",
+                "--tw-prose-headings": "var(--color-zinc-900)",
+                "--tw-prose-links": "var(--color-brand-500)",
+                "--tw-prose-links-hover": "var(--color-brand-600)",
+                "--tw-prose-links-underline":
+                    "color-mix(in oklab, var(--color-brand-500) 30%, transparent)",
+                "--tw-prose-bold": "var(--color-zinc-900)",
+                "--tw-prose-counters": "var(--color-zinc-500)",
+                "--tw-prose-bullets": "var(--color-zinc-300)",
+                "--tw-prose-hr":
+                    "color-mix(in oklab, var(--color-zinc-900) 5%, transparent)",
+                "--tw-prose-quotes": "var(--color-zinc-900)",
+                "--tw-prose-quote-borders": "var(--color-zinc-200)",
+                "--tw-prose-captions": "var(--color-zinc-500)",
+                "--tw-prose-code": "var(--color-zinc-900)",
+                "--tw-prose-code-bg": "var(--color-zinc-100)",
+                "--tw-prose-code-ring": "var(--color-zinc-300)",
+                "--tw-prose-th-borders": "var(--color-zinc-300)",
+                "--tw-prose-td-borders": "var(--color-zinc-200)",
 
-                "--tw-prose-invert-body": theme("colors.zinc.400"),
-                "--tw-prose-invert-headings": theme("colors.white"),
-                "--tw-prose-invert-links": theme("colors.brand.400"),
-                "--tw-prose-invert-links-hover": theme("colors.brand.500"),
-                "--tw-prose-invert-links-underline": theme(
-                    "colors.brand.500 / 0.3",
-                ),
-                "--tw-prose-invert-bold": theme("colors.white"),
-                "--tw-prose-invert-counters": theme("colors.zinc.400"),
-                "--tw-prose-invert-bullets": theme("colors.zinc.600"),
-                "--tw-prose-invert-hr": theme("colors.white / 0.05"),
-                "--tw-prose-invert-quotes": theme("colors.zinc.100"),
-                "--tw-prose-invert-quote-borders": theme("colors.zinc.700"),
-                "--tw-prose-invert-captions": theme("colors.zinc.400"),
-                "--tw-prose-invert-code": theme("colors.white"),
-                "--tw-prose-invert-code-bg": theme("colors.zinc.700 / 0.15"),
-                "--tw-prose-invert-code-ring": theme("colors.white / 0.1"),
-                "--tw-prose-invert-th-borders": theme("colors.zinc.600"),
-                "--tw-prose-invert-td-borders": theme("colors.zinc.700"),
+                "--tw-prose-invert-body": "var(--color-zinc-400)",
+                "--tw-prose-invert-headings": "var(--color-white)",
+                "--tw-prose-invert-links": "var(--color-brand-400)",
+                "--tw-prose-invert-links-hover": "var(--color-brand-500)",
+                "--tw-prose-invert-links-underline":
+                    "color-mix(in oklab, var(--color-brand-500) 30%, transparent)",
+                "--tw-prose-invert-bold": "var(--color-white)",
+                "--tw-prose-invert-counters": "var(--color-zinc-400)",
+                "--tw-prose-invert-bullets": "var(--color-zinc-600)",
+                "--tw-prose-invert-hr":
+                    "color-mix(in oklab, var(--color-white) 5%, transparent)",
+                "--tw-prose-invert-quotes": "var(--color-zinc-100)",
+                "--tw-prose-invert-quote-borders": "var(--color-zinc-700)",
+                "--tw-prose-invert-captions": "var(--color-zinc-400)",
+                "--tw-prose-invert-code": "var(--color-white)",
+                "--tw-prose-invert-code-bg":
+                    "color-mix(in oklab, var(--color-zinc-700) 15%, transparent)",
+                "--tw-prose-invert-code-ring":
+                    "color-mix(in oklab, var(--color-white) 10%, transparent)",
+                "--tw-prose-invert-th-borders": "var(--color-zinc-600)",
+                "--tw-prose-invert-td-borders": "var(--color-zinc-700)",
 
                 // Base
                 color: "var(--tw-prose-body)",
-                fontSize: theme("fontSize.base")[0],
-                lineHeight: theme("lineHeight.8"),
+                fontSize: "var(--text-base)",
+                lineHeight: "--spacing(8)",
 
                 // Text
                 p: {
-                    marginTop: theme("spacing.8"),
-                    marginBottom: theme("spacing.8"),
+                    marginTop: "--spacing(8)",
+                    marginBottom: "--spacing(8)",
                 },
                 '[class~="lead"]': {
-                    fontSize: theme("fontSize.base")[0],
-                    ...theme("fontSize.base")[1],
+                    fontSize: "var(--text-base)",
+                    lineHeight: "var(--text-base--line-height)",
                 },
 
                 // Lists
                 ol: {
                     listStyleType: "decimal",
-                    marginTop: theme("spacing.5"),
-                    marginBottom: theme("spacing.5"),
+                    marginTop: "--spacing(5)",
+                    marginBottom: "--spacing(5)",
                     paddingLeft: "1.625rem",
                 },
                 'ol[type="A"]': {
@@ -93,16 +95,16 @@ export default function typographyStyles({ theme }: PluginUtils) {
                 },
                 ul: {
                     listStyleType: "disc",
-                    marginTop: theme("spacing.5"),
-                    marginBottom: theme("spacing.5"),
+                    marginTop: "--spacing(5)",
+                    marginBottom: "--spacing(5)",
                     paddingLeft: "1.625rem",
                 },
                 li: {
-                    marginTop: theme("spacing.2"),
-                    marginBottom: theme("spacing.2"),
+                    marginTop: "--spacing(2)",
+                    marginBottom: "--spacing(2)",
                 },
                 ":is(ol, ul) > li": {
-                    paddingLeft: theme("spacing[1.5]"),
+                    paddingLeft: "--spacing(1.5)",
                 },
                 "ol > li::marker": {
                     fontWeight: "400",
@@ -112,42 +114,42 @@ export default function typographyStyles({ theme }: PluginUtils) {
                     color: "var(--tw-prose-bullets)",
                 },
                 "> ul > li p": {
-                    marginTop: theme("spacing.3"),
-                    marginBottom: theme("spacing.3"),
+                    marginTop: "--spacing(3)",
+                    marginBottom: "--spacing(3)",
                 },
                 "> ul > li > *:first-child": {
-                    marginTop: theme("spacing.5"),
+                    marginTop: "--spacing(5)",
                 },
                 "> ul > li > *:last-child": {
-                    marginBottom: theme("spacing.5"),
+                    marginBottom: "--spacing(5)",
                 },
                 "> ol > li > *:first-child": {
-                    marginTop: theme("spacing.5"),
+                    marginTop: "--spacing(5)",
                 },
                 "> ol > li > *:last-child": {
-                    marginBottom: theme("spacing.5"),
+                    marginBottom: "--spacing(5)",
                 },
                 "ul ul, ul ol, ol ul, ol ol": {
-                    marginTop: theme("spacing.3"),
-                    marginBottom: theme("spacing.3"),
+                    marginTop: "--spacing(3)",
+                    marginBottom: "--spacing(3)",
                 },
 
                 // Horizontal rules
                 hr: {
                     borderColor: "var(--tw-prose-hr)",
                     borderTopWidth: 1,
-                    marginTop: theme("spacing.16"),
-                    marginBottom: theme("spacing.16"),
+                    marginTop: "--spacing(16)",
+                    marginBottom: "--spacing(16)",
                     maxWidth: "none",
-                    marginLeft: `calc(-1 * ${theme("spacing.4")})`,
-                    marginRight: `calc(-1 * ${theme("spacing.4")})`,
+                    marginLeft: "--spacing(-4)",
+                    marginRight: "--spacing(-4)",
                     "@screen sm": {
-                        marginLeft: `calc(-1 * ${theme("spacing.6")})`,
-                        marginRight: `calc(-1 * ${theme("spacing.6")})`,
+                        marginLeft: "--spacing(-6)",
+                        marginRight: "--spacing(-6)",
                     },
                     "@screen lg": {
-                        marginLeft: `calc(-1 * ${theme("spacing.8")})`,
-                        marginRight: `calc(-1 * ${theme("spacing.8")})`,
+                        marginLeft: "--spacing(-8)",
+                        marginRight: "--spacing(-8)",
                     },
                 },
 
@@ -159,9 +161,9 @@ export default function typographyStyles({ theme }: PluginUtils) {
                     borderLeftWidth: "0.25rem",
                     borderLeftColor: "var(--tw-prose-quote-borders)",
                     quotes: '"\\201C""\\201D""\\2018""\\2019"',
-                    marginTop: theme("spacing.8"),
-                    marginBottom: theme("spacing.8"),
-                    paddingLeft: theme("spacing.5"),
+                    marginTop: "--spacing(8)",
+                    marginBottom: "--spacing(8)",
+                    paddingLeft: "--spacing(5)",
                 },
                 "blockquote p:first-of-type::before": {
                     content: "open-quote",
@@ -174,31 +176,31 @@ export default function typographyStyles({ theme }: PluginUtils) {
                 h1: {
                     color: "var(--tw-prose-headings)",
                     fontWeight: "700",
-                    fontSize: theme("fontSize.4xl")[0],
-                    ...theme("fontSize.4xl")[1],
-                    marginBottom: theme("spacing.6"),
+                    fontSize: "var(--text-4xl)",
+                    lineHeight: "var(--text-4xl--line-height)",
+                    marginBottom: "--spacing(6)",
                 },
                 h2: {
                     color: "var(--tw-prose-headings)",
                     fontWeight: "600",
-                    fontSize: theme("fontSize.2xl")[0],
-                    ...theme("fontSize.2xl")[1],
-                    marginTop: theme("spacing.16"),
-                    marginBottom: theme("spacing.8"),
+                    fontSize: "var(--text-2xl)",
+                    lineHeight: "var(--text-2xl--line-height)",
+                    marginTop: "--spacing(16)",
+                    marginBottom: "--spacing(8)",
                 },
                 h3: {
                     color: "var(--tw-prose-headings)",
-                    fontSize: theme("fontSize.lg")[0],
-                    ...theme("fontSize.lg")[1],
+                    fontSize: "var(--text-lg)",
+                    lineHeight: "var(--text-lg--line-height)",
                     fontWeight: "600",
-                    marginTop: theme("spacing.10"),
-                    marginBottom: theme("spacing.2"),
+                    marginTop: "--spacing(10)",
+                    marginBottom: "--spacing(2)",
                 },
 
                 // Media
                 "img, video, figure": {
-                    marginTop: theme("spacing.8"),
-                    marginBottom: theme("spacing.8"),
+                    marginTop: "--spacing(8)",
+                    marginBottom: "--spacing(8)",
                 },
                 "figure > *": {
                     marginTop: "0",
@@ -206,9 +208,9 @@ export default function typographyStyles({ theme }: PluginUtils) {
                 },
                 figcaption: {
                     color: "var(--tw-prose-captions)",
-                    fontSize: theme("fontSize.sm")[0],
-                    ...theme("fontSize.sm")[1],
-                    marginTop: theme("spacing.2"),
+                    fontSize: "var(--text-sm)",
+                    lineHeight: "var(--text-sm--line-height)",
+                    marginTop: "--spacing(2)",
                 },
 
                 // Tables
@@ -216,9 +218,9 @@ export default function typographyStyles({ theme }: PluginUtils) {
                     width: "100%",
                     tableLayout: "auto",
                     textAlign: "left",
-                    marginTop: theme("spacing.8"),
-                    marginBottom: theme("spacing.8"),
-                    lineHeight: theme("lineHeight.6"),
+                    marginTop: "--spacing(8)",
+                    marginBottom: "--spacing(8)",
+                    lineHeight: "--spacing(8)",
                 },
                 thead: {
                     borderBottomWidth: "1px",
@@ -228,9 +230,9 @@ export default function typographyStyles({ theme }: PluginUtils) {
                     color: "var(--tw-prose-headings)",
                     fontWeight: "600",
                     verticalAlign: "bottom",
-                    paddingRight: theme("spacing.2"),
-                    paddingBottom: theme("spacing.2"),
-                    paddingLeft: theme("spacing.2"),
+                    paddingRight: "--spacing(2)",
+                    paddingBottom: "--spacing(2)",
+                    paddingLeft: "--spacing(2)",
                 },
                 "thead th:first-child": {
                     paddingLeft: "0",
@@ -256,10 +258,10 @@ export default function typographyStyles({ theme }: PluginUtils) {
                     verticalAlign: "top",
                 },
                 ":is(tbody, tfoot) td": {
-                    paddingTop: theme("spacing.2"),
-                    paddingRight: theme("spacing.2"),
-                    paddingBottom: theme("spacing.2"),
-                    paddingLeft: theme("spacing.2"),
+                    paddingTop: "--spacing(2)",
+                    paddingRight: "--spacing(2)",
+                    paddingBottom: "--spacing(2)",
+                    paddingLeft: "--spacing(2)",
                 },
                 ":is(tbody, tfoot) td:first-child": {
                     paddingLeft: "0",
@@ -274,10 +276,8 @@ export default function typographyStyles({ theme }: PluginUtils) {
                     textDecoration: "underline transparent",
                     fontWeight: "500",
                     transitionProperty: "color, text-decoration-color",
-                    transitionDuration: theme("transitionDuration.DEFAULT"),
-                    transitionTimingFunction: theme(
-                        "transitionTimingFunction.DEFAULT",
-                    ),
+                    transitionDuration: "0.15s",
+                    transitionTimingFunction: "var(--ease-in-out)",
                     "&:hover": {
                         color: "var(--tw-prose-links-hover)",
                         textDecorationColor: "var(--tw-prose-links-underline)",
@@ -295,27 +295,27 @@ export default function typographyStyles({ theme }: PluginUtils) {
                 },
                 code: {
                     color: "var(--tw-prose-code)",
-                    borderRadius: theme("borderRadius.lg"),
-                    paddingTop: theme("padding[1.5]"),
-                    paddingRight: theme("padding[1.5]"),
-                    paddingBottom: theme("padding.1"),
-                    paddingLeft: theme("padding[1.5]"),
+                    borderRadius: "var(--radius-lg)",
+                    paddingTop: "--spacing(1.5)",
+                    paddingRight: "--spacing(1.5)",
+                    paddingBottom: "--spacing(1)",
+                    paddingLeft: "--spacing(1.5)",
                     boxShadow: "inset 0 0 0 1px var(--tw-prose-code-ring)",
                     backgroundColor: "var(--tw-prose-code-bg)",
                     // If gets too long, split into multiple lines
                     whiteSpace: "pre-wrap",
                     wordBreak: "break-all",
-                    fontSize: theme("fontSize.xs"),
+                    fontSize: "var(--text-xs)",
                 },
                 ":is(a, h1, h2, h3, blockquote, thead th) code": {
                     color: "inherit",
                 },
                 "h2 code": {
-                    fontSize: theme("fontSize.base")[0],
+                    fontSize: "var(--text-base)",
                     fontWeight: "inherit",
                 },
                 "h3 code": {
-                    fontSize: theme("fontSize.sm")[0],
+                    fontSize: "var(--text-sm)",
                     fontWeight: "inherit",
                 },