diff --git a/.gitignore b/.gitignore
index bd422ab..1e32026 100644
--- a/.gitignore
+++ b/.gitignore
@@ -10,6 +10,7 @@
 # misc
 .DS_Store
 *.pem
+*.har
 
 # debug
 npm-debug.log*
diff --git a/README.md b/README.md
index 8e4f453..52e5c9c 100644
--- a/README.md
+++ b/README.md
@@ -2,22 +2,24 @@
 
 Personal site for Jet Pham.
 
-The site is a small Vite app with a terminal-style UI, ANSI-rendered text, and a Rust/WebAssembly Conway's Game of Life background.
+The site is a small Vite app with a terminal-style UI, ANSI-rendered text, and a WebGL2 Conway's Game of Life background.
+
+It also ships as a Nix flake with a reusable NixOS module for serving the static frontend and the Q+A API on a host.
 
 ## Features
 
 - ASCII/ANSI-inspired visual style with the IBM VGA font
-- Conway's Game of Life running in the background via Rust + WebAssembly
+- Conway's Game of Life running in the background via WebGL2
 - Q+A page backed by the site API
 - Single-file oriented frontend build with Vite
-- Reduced-motion aware background controls with a static fallback mode
+- Fullscreen GPU blur/composite for the frosted panel effect
 
 ## Stack
 
 - Vite
 - TypeScript
 - Tailwind CSS v4
-- Rust + WebAssembly
+- WebGL2
 - npm
 
 ## Development
@@ -25,9 +27,6 @@ The site is a small Vite app with a terminal-style UI, ANSI-rendered text, and a
 ### Prerequisites
 
 - Node.js + npm
-- Rust
-- `wasm-pack`
-- `wasm-opt` (used by `build:wasm`)
 
 ### Install
 
@@ -35,12 +34,6 @@ The site is a small Vite app with a terminal-style UI, ANSI-rendered text, and a
 npm install
 ```
 
-### Build the WASM package
-
-```bash
-npm run build:wasm
-```
-
 ### Start the dev server
 
 ```bash
@@ -62,11 +55,40 @@ npm run build
 ## Structure
 
 ```text
+api/        Q+A backend
+module.nix  NixOS module
 src/        frontend app
-cgol/       Rust + WASM Conway's Game of Life module
 ```
 
+## NixOS module
+
+Import the module from the flake and point it at the host-managed secret files you want to use.
+
+```nix
+{
+  inputs.website.url = "github:jetpham/website";
+
+  outputs = { self, nixpkgs, website, ... }: {
+    nixosConfigurations.my-host = nixpkgs.lib.nixosSystem {
+      system = "x86_64-linux";
+      modules = [
+        website.nixosModules.default
+        ({ config, ... }: {
+          services.jetpham-website = {
+            enable = true;
+            domain = "jetpham.com";
+            webhookSecretFile = config.age.secrets.webhook-secret.path;
+          };
+        })
+      ];
+    };
+  };
+}
+```
+
+Optional Tor support is configured by setting `services.jetpham-website.tor.enable = true;` and providing the three onion key file paths.
+
 ## Notes
 
 - The homepage and Q+A page are the intended public pages.
-- If WebAssembly fails or motion is disabled, the site falls back to a static background treatment.
+- The background renderer targets WebGL2 and falls back to the site shell background if WebGL2 is unavailable.
diff --git a/api/src/serve.rs b/api/src/serve.rs
index 0bb67a9..a797234 100644
--- a/api/src/serve.rs
+++ b/api/src/serve.rs
@@ -25,6 +25,10 @@ pub async fn run() -> Result<(), Box<dyn std::error::Error>> {
     let qa_reply_domain =
         std::env::var("QA_REPLY_DOMAIN").unwrap_or_else(|_| mail_domain.clone());
     let webhook_secret = std::env::var("WEBHOOK_SECRET").expect("WEBHOOK_SECRET must be set");
+    let listen_address =
+        std::env::var("QA_LISTEN_ADDRESS").unwrap_or_else(|_| "127.0.0.1".to_string());
+    let listen_port = std::env::var("QA_LISTEN_PORT").unwrap_or_else(|_| "3003".to_string());
+    let listen_target = format!("{listen_address}:{listen_port}");
 
     let conn = Connection::open(&db_path)?;
     conn.execute_batch("PRAGMA journal_mode=WAL;")?;
@@ -58,8 +62,8 @@ pub async fn run() -> Result<(), Box<dyn std::error::Error>> {
         .layer(CorsLayer::permissive())
         .with_state(state);
 
-    let listener = tokio::net::TcpListener::bind("127.0.0.1:3003").await?;
-    println!("Listening on 127.0.0.1:3003");
+    let listener = tokio::net::TcpListener::bind(&listen_target).await?;
+    println!("Listening on {listen_target}");
     axum::serve(listener, app).await?;
     Ok(())
 }
diff --git a/cgol/.cargo/config.toml b/cgol/.cargo/config.toml
deleted file mode 100644
index 39c6f19..0000000
--- a/cgol/.cargo/config.toml
+++ /dev/null
@@ -1,5 +0,0 @@
-[build]
-target = "wasm32-unknown-unknown"
-
-[target.wasm32-unknown-unknown]
-rustflags = ["-C", "link-arg=--strip-all"]
diff --git a/cgol/.gitignore b/cgol/.gitignore
deleted file mode 100644
index 9f33f25..0000000
--- a/cgol/.gitignore
+++ /dev/null
@@ -1,5 +0,0 @@
-/target
-**/*.rs.bk
-bin/
-pkg/
-wasm-pack.log
\ No newline at end of file
diff --git a/cgol/.vscode/settings.json b/cgol/.vscode/settings.json
deleted file mode 100644
index 8974c7a..0000000
--- a/cgol/.vscode/settings.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-    "rust-analyzer.cargo.target": "wasm32-unknown-unknown",
-}
diff --git a/cgol/Cargo.lock b/cgol/Cargo.lock
deleted file mode 100644
index 4a58688..0000000
--- a/cgol/Cargo.lock
+++ /dev/null
@@ -1,427 +0,0 @@
-# This file is automatically @generated by Cargo.
-# It is not intended for manual editing.
-version = 4
-
-[[package]]
-name = "async-trait"
-version = "0.1.89"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9035ad2d096bed7955a320ee7e2230574d28fd3c3a0f186cbea1ff3c7eed5dbb"
-dependencies = [
- "proc-macro2",
- "quote",
- "syn",
-]
-
-[[package]]
-name = "autocfg"
-version = "1.5.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c08606f8c3cbf4ce6ec8e28fb0014a2c086708fe954eaa885384a6165172e7e8"
-
-[[package]]
-name = "bumpalo"
-version = "3.20.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5d20789868f4b01b2f2caec9f5c4e0213b41e3e5702a50157d699ae31ced2fcb"
-
-[[package]]
-name = "cast"
-version = "0.3.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "37b2a672a2cb129a2e41c10b1224bb368f9f37a2b16b612598138befd7b37eb5"
-
-[[package]]
-name = "cc"
-version = "1.2.56"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "aebf35691d1bfb0ac386a69bac2fde4dd276fb618cf8bf4f5318fe285e821bb2"
-dependencies = [
- "find-msvc-tools",
- "shlex",
-]
-
-[[package]]
-name = "cfg-if"
-version = "1.0.4"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9330f8b2ff13f34540b44e946ef35111825727b38d33286ef986142615121801"
-
-[[package]]
-name = "cgol"
-version = "0.1.0"
-dependencies = [
- "console_error_panic_hook",
- "js-sys",
- "wasm-bindgen",
- "wasm-bindgen-test",
- "web-sys",
-]
-
-[[package]]
-name = "console_error_panic_hook"
-version = "0.1.7"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a06aeb73f470f66dcdbf7223caeebb85984942f22f1adb2a088cf9668146bbbc"
-dependencies = [
- "cfg-if",
- "wasm-bindgen",
-]
-
-[[package]]
-name = "find-msvc-tools"
-version = "0.1.9"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5baebc0774151f905a1a2cc41989300b1e6fbb29aff0ceffa1064fdd3088d582"
-
-[[package]]
-name = "futures-core"
-version = "0.3.32"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7e3450815272ef58cec6d564423f6e755e25379b217b0bc688e295ba24df6b1d"
-
-[[package]]
-name = "futures-task"
-version = "0.3.32"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "037711b3d59c33004d3856fbdc83b99d4ff37a24768fa1be9ce3538a1cde4393"
-
-[[package]]
-name = "futures-util"
-version = "0.3.32"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "389ca41296e6190b48053de0321d02a77f32f8a5d2461dd38762c0593805c6d6"
-dependencies = [
- "futures-core",
- "futures-task",
- "pin-project-lite",
- "slab",
-]
-
-[[package]]
-name = "itoa"
-version = "1.0.17"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "92ecc6618181def0457392ccd0ee51198e065e016d1d527a7ac1b6dc7c1f09d2"
-
-[[package]]
-name = "js-sys"
-version = "0.3.91"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b49715b7073f385ba4bc528e5747d02e66cb39c6146efb66b781f131f0fb399c"
-dependencies = [
- "once_cell",
- "wasm-bindgen",
-]
-
-[[package]]
-name = "libm"
-version = "0.2.16"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b6d2cec3eae94f9f509c767b45932f1ada8350c4bdb85af2fcab4a3c14807981"
-
-[[package]]
-name = "memchr"
-version = "2.8.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f8ca58f447f06ed17d5fc4043ce1b10dd205e060fb3ce5b979b8ed8e59ff3f79"
-
-[[package]]
-name = "minicov"
-version = "0.3.8"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "4869b6a491569605d66d3952bcdf03df789e5b536e5f0cf7758a7f08a55ae24d"
-dependencies = [
- "cc",
- "walkdir",
-]
-
-[[package]]
-name = "nu-ansi-term"
-version = "0.50.3"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "7957b9740744892f114936ab4a57b3f487491bbeafaf8083688b16841a4240e5"
-dependencies = [
- "windows-sys",
-]
-
-[[package]]
-name = "num-traits"
-version = "0.2.19"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "071dfc062690e90b734c0b2273ce72ad0ffa95f0c74596bc250dcfd960262841"
-dependencies = [
- "autocfg",
- "libm",
-]
-
-[[package]]
-name = "once_cell"
-version = "1.21.3"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "42f5e15c9953c5e4ccceeb2e7382a716482c34515315f7b03532b8b4e8393d2d"
-
-[[package]]
-name = "oorandom"
-version = "11.1.5"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d6790f58c7ff633d8771f42965289203411a5e5c68388703c06e14f24770b41e"
-
-[[package]]
-name = "pin-project-lite"
-version = "0.2.17"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "a89322df9ebe1c1578d689c92318e070967d1042b512afbe49518723f4e6d5cd"
-
-[[package]]
-name = "proc-macro2"
-version = "1.0.106"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "8fd00f0bb2e90d81d1044c2b32617f68fcb9fa3bb7640c23e9c748e53fb30934"
-dependencies = [
- "unicode-ident",
-]
-
-[[package]]
-name = "quote"
-version = "1.0.45"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "41f2619966050689382d2b44f664f4bc593e129785a36d6ee376ddf37259b924"
-dependencies = [
- "proc-macro2",
-]
-
-[[package]]
-name = "rustversion"
-version = "1.0.22"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b39cdef0fa800fc44525c84ccb54a029961a8215f9619753635a9c0d2538d46d"
-
-[[package]]
-name = "same-file"
-version = "1.0.6"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "93fc1dc3aaa9bfed95e02e6eadabb4baf7e3078b0bd1b4d7b6b0b68378900502"
-dependencies = [
- "winapi-util",
-]
-
-[[package]]
-name = "serde"
-version = "1.0.228"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9a8e94ea7f378bd32cbbd37198a4a91436180c5bb472411e48b5ec2e2124ae9e"
-dependencies = [
- "serde_core",
- "serde_derive",
-]
-
-[[package]]
-name = "serde_core"
-version = "1.0.228"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "41d385c7d4ca58e59fc732af25c3983b67ac852c1a25000afe1175de458b67ad"
-dependencies = [
- "serde_derive",
-]
-
-[[package]]
-name = "serde_derive"
-version = "1.0.228"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d540f220d3187173da220f885ab66608367b6574e925011a9353e4badda91d79"
-dependencies = [
- "proc-macro2",
- "quote",
- "syn",
-]
-
-[[package]]
-name = "serde_json"
-version = "1.0.149"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "83fc039473c5595ace860d8c4fafa220ff474b3fc6bfdb4293327f1a37e94d86"
-dependencies = [
- "itoa",
- "memchr",
- "serde",
- "serde_core",
- "zmij",
-]
-
-[[package]]
-name = "shlex"
-version = "1.3.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0fda2ff0d084019ba4d7c6f371c95d8fd75ce3524c3cb8fb653a3023f6323e64"
-
-[[package]]
-name = "slab"
-version = "0.4.12"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0c790de23124f9ab44544d7ac05d60440adc586479ce501c1d6d7da3cd8c9cf5"
-
-[[package]]
-name = "syn"
-version = "2.0.117"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e665b8803e7b1d2a727f4023456bbbbe74da67099c585258af0ad9c5013b9b99"
-dependencies = [
- "proc-macro2",
- "quote",
- "unicode-ident",
-]
-
-[[package]]
-name = "unicode-ident"
-version = "1.0.24"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e6e4313cd5fcd3dad5cafa179702e2b244f760991f45397d14d4ebf38247da75"
-
-[[package]]
-name = "walkdir"
-version = "2.5.0"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "29790946404f91d9c5d06f9874efddea1dc06c5efe94541a7d6863108e3a5e4b"
-dependencies = [
- "same-file",
- "winapi-util",
-]
-
-[[package]]
-name = "wasm-bindgen"
-version = "0.2.114"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6532f9a5c1ece3798cb1c2cfdba640b9b3ba884f5db45973a6f442510a87d38e"
-dependencies = [
- "cfg-if",
- "once_cell",
- "rustversion",
- "wasm-bindgen-macro",
- "wasm-bindgen-shared",
-]
-
-[[package]]
-name = "wasm-bindgen-futures"
-version = "0.4.64"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "e9c5522b3a28661442748e09d40924dfb9ca614b21c00d3fd135720e48b67db8"
-dependencies = [
- "cfg-if",
- "futures-util",
- "js-sys",
- "once_cell",
- "wasm-bindgen",
- "web-sys",
-]
-
-[[package]]
-name = "wasm-bindgen-macro"
-version = "0.2.114"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "18a2d50fcf105fb33bb15f00e7a77b772945a2ee45dcf454961fd843e74c18e6"
-dependencies = [
- "quote",
- "wasm-bindgen-macro-support",
-]
-
-[[package]]
-name = "wasm-bindgen-macro-support"
-version = "0.2.114"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "03ce4caeaac547cdf713d280eda22a730824dd11e6b8c3ca9e42247b25c631e3"
-dependencies = [
- "bumpalo",
- "proc-macro2",
- "quote",
- "syn",
- "wasm-bindgen-shared",
-]
-
-[[package]]
-name = "wasm-bindgen-shared"
-version = "0.2.114"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "75a326b8c223ee17883a4251907455a2431acc2791c98c26279376490c378c16"
-dependencies = [
- "unicode-ident",
-]
-
-[[package]]
-name = "wasm-bindgen-test"
-version = "0.3.64"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "6311c867385cc7d5602463b31825d454d0837a3aba7cdb5e56d5201792a3f7fe"
-dependencies = [
- "async-trait",
- "cast",
- "js-sys",
- "libm",
- "minicov",
- "nu-ansi-term",
- "num-traits",
- "oorandom",
- "serde",
- "serde_json",
- "wasm-bindgen",
- "wasm-bindgen-futures",
- "wasm-bindgen-test-macro",
- "wasm-bindgen-test-shared",
-]
-
-[[package]]
-name = "wasm-bindgen-test-macro"
-version = "0.3.64"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "67008cdde4769831958536b0f11b3bdd0380bde882be17fff9c2f34bb4549abd"
-dependencies = [
- "proc-macro2",
- "quote",
- "syn",
-]
-
-[[package]]
-name = "wasm-bindgen-test-shared"
-version = "0.2.114"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "cfe29135b180b72b04c74aa97b2b4a2ef275161eff9a6c7955ea9eaedc7e1d4e"
-
-[[package]]
-name = "web-sys"
-version = "0.3.91"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "854ba17bb104abfb26ba36da9729addc7ce7f06f5c0f90f3c391f8461cca21f9"
-dependencies = [
- "js-sys",
- "wasm-bindgen",
-]
-
-[[package]]
-name = "winapi-util"
-version = "0.1.11"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "c2a7b1c03c876122aa43f3020e6c3c3ee5c05081c9a00739faf7503aeba10d22"
-dependencies = [
- "windows-sys",
-]
-
-[[package]]
-name = "windows-link"
-version = "0.2.1"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "f0805222e57f7521d6a62e36fa9163bc891acd422f971defe97d64e70d0a4fe5"
-
-[[package]]
-name = "windows-sys"
-version = "0.61.2"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "ae137229bcbd6cdf0f7b80a31df61766145077ddf49416a728b02cb3921ff3fc"
-dependencies = [
- "windows-link",
-]
-
-[[package]]
-name = "zmij"
-version = "1.0.21"
-source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "b8848ee67ecc8aedbaf3e4122217aff892639231befc6a1b58d29fff4c2cabaa"
diff --git a/cgol/Cargo.toml b/cgol/Cargo.toml
deleted file mode 100644
index 71116a6..0000000
--- a/cgol/Cargo.toml
+++ /dev/null
@@ -1,47 +0,0 @@
-[package]
-name = "cgol"
-version = "0.1.0"
-authors = ["jet"]
-edition = "2021"
-
-[lib]
-crate-type = ["cdylib"]
-
-[dependencies]
-wasm-bindgen = "0.2"
-js-sys = "0.3"
-web-sys = { version = "0.3", features = [
-  "CanvasRenderingContext2d",
-  "Document",
-  "HtmlCanvasElement",
-  "Window",
-  "MouseEvent",
-  "Element",
-  "EventTarget",
-  "Performance",
-  "TouchEvent",
-  "Touch",
-  "TouchList",
-  "ImageData",
-] }
-console_error_panic_hook = { version = "0.1", optional = true }
-
-[features]
-default = ["console_error_panic_hook"]
-
-[dev-dependencies]
-wasm-bindgen-test = "0.3"
-
-[package.metadata.wasm-pack.profile.release]
-wasm-opt = false
-
-[profile.dev]
-debug = "line-tables-only"
-
-[profile.release]
-debug = 0
-opt-level = 3
-lto = true
-codegen-units = 1
-panic = "abort"
-strip = true
diff --git a/cgol/README.md b/cgol/README.md
deleted file mode 100644
index 6b68408..0000000
--- a/cgol/README.md
+++ /dev/null
@@ -1,84 +0,0 @@
-<div align="center">
-
-  <h1><code>wasm-pack-template</code></h1>
-
-  <strong>A template for kick starting a Rust and WebAssembly project using <a href="https://github.com/rustwasm/wasm-pack">wasm-pack</a>.</strong>
-
-  <p>
-    <a href="https://travis-ci.org/rustwasm/wasm-pack-template"><img src="https://img.shields.io/travis/rustwasm/wasm-pack-template.svg?style=flat-square" alt="Build Status" /></a>
-  </p>
-
-  <h3>
-    <a href="https://rustwasm.github.io/docs/wasm-pack/tutorials/npm-browser-packages/index.html">Tutorial</a>
-    <span> | </span>
-    <a href="https://discordapp.com/channels/442252698964721669/443151097398296587">Chat</a>
-  </h3>
-
-  <sub>Built with 🦀🕸 by <a href="https://rustwasm.github.io/">The Rust and WebAssembly Working Group</a></sub>
-</div>
-
-## About
-
-[**📚 Read this template tutorial! 📚**][template-docs]
-
-This template is designed for compiling Rust libraries into WebAssembly and
-publishing the resulting package to NPM.
-
-Be sure to check out [other `wasm-pack` tutorials online][tutorials] for other
-templates and usages of `wasm-pack`.
-
-[tutorials]: https://rustwasm.github.io/docs/wasm-pack/tutorials/index.html
-[template-docs]: https://rustwasm.github.io/docs/wasm-pack/tutorials/npm-browser-packages/index.html
-
-## 🚴 Usage
-
-### 🐑 Use `cargo generate` to Clone this Template
-
-[Learn more about `cargo generate` here.](https://github.com/ashleygwilliams/cargo-generate)
-
-```
-cargo generate --git https://github.com/rustwasm/wasm-pack-template.git --name my-project
-cd my-project
-```
-
-### 🛠️ Build with `wasm-pack build`
-
-```
-wasm-pack build
-```
-
-### 🔬 Test in Headless Browsers with `wasm-pack test`
-
-```
-wasm-pack test --headless --firefox
-```
-
-### 🎁 Publish to NPM with `wasm-pack publish`
-
-```
-wasm-pack publish
-```
-
-## 🔋 Batteries Included
-
-* [`wasm-bindgen`](https://github.com/rustwasm/wasm-bindgen) for communicating
-  between WebAssembly and JavaScript.
-* [`console_error_panic_hook`](https://github.com/rustwasm/console_error_panic_hook)
-  for logging panic messages to the developer console.
-* `LICENSE-APACHE` and `LICENSE-MIT`: most Rust projects are licensed this way, so these are included for you
-
-## License
-
-Licensed under either of
-
-* Apache License, Version 2.0, ([LICENSE-APACHE](LICENSE-APACHE) or http://www.apache.org/licenses/LICENSE-2.0)
-* MIT license ([LICENSE-MIT](LICENSE-MIT) or http://opensource.org/licenses/MIT)
-
-at your option.
-
-### Contribution
-
-Unless you explicitly state otherwise, any contribution intentionally
-submitted for inclusion in the work by you, as defined in the Apache-2.0
-license, shall be dual licensed as above, without any additional terms or
-conditions.
diff --git a/cgol/src/lib.rs b/cgol/src/lib.rs
deleted file mode 100644
index 31d55b0..0000000
--- a/cgol/src/lib.rs
+++ /dev/null
@@ -1,483 +0,0 @@
-mod utils;
-
-use std::cell::Cell;
-use std::cell::RefCell;
-use std::rc::Rc;
-use wasm_bindgen::prelude::*;
-use wasm_bindgen::Clamped;
-use wasm_bindgen::JsCast;
-
-use js_sys::Math;
-use web_sys::{CanvasRenderingContext2d, HtmlCanvasElement, ImageData, Window};
-
-const CELL_SIZE: u32 = 10;
-const TICK_MS: f64 = 1000.0 / 60.0;
-const HUE_PERIOD_MS: f64 = 3000.0;
-const STILL_STEPS: u32 = 5;
-
-/// Cells: 0 = dead, 1-255 = alive with that hue value.
-const DEAD: u8 = 0;
-
-#[inline(always)]
-fn safe_hue(h: u8) -> u8 {
-    if h == DEAD {
-        1
-    } else {
-        h
-    }
-}
-
-// ── Lookup tables (computed once) ──────────────────────────────────
-
-struct Luts {
-    /// RGBA for each hue. Index 0 = black (dead cell).
-    rgb: [[u8; 4]; 256],
-    sin: [f32; 256],
-    cos: [f32; 256],
-}
-
-impl Luts {
-    fn new() -> Self {
-        let mut t = Self {
-            rgb: [[0, 0, 0, 255]; 256],
-            sin: [0.0; 256],
-            cos: [0.0; 256],
-        };
-        for i in 1..256u16 {
-            let h = i as f32 / 255.0 * 6.0;
-            let x = 1.0 - (h % 2.0 - 1.0).abs();
-            let (r, g, b) = match h as u32 {
-                0 => (1.0f32, x, 0.0),
-                1 => (x, 1.0, 0.0),
-                2 => (0.0, 1.0, x),
-                3 => (0.0, x, 1.0),
-                4 => (x, 0.0, 1.0),
-                _ => (1.0, 0.0, x),
-            };
-            t.rgb[i as usize] = [(r * 255.0) as u8, (g * 255.0) as u8, (b * 255.0) as u8, 255];
-        }
-        for i in 0..256 {
-            let rad = i as f32 * std::f32::consts::TAU / 256.0;
-            t.sin[i] = rad.sin();
-            t.cos[i] = rad.cos();
-        }
-        t
-    }
-
-    #[inline]
-    fn mix(&self, hues: &[u8]) -> u8 {
-        let mut s = 0.0f32;
-        let mut c = 0.0f32;
-        for &h in hues {
-            s += self.sin[h as usize];
-            c += self.cos[h as usize];
-        }
-        safe_hue(
-            (s.atan2(c).rem_euclid(std::f32::consts::TAU) * 256.0 / std::f32::consts::TAU) as u8,
-        )
-    }
-}
-
-// ── Grid ───────────────────────────────────────────────────────────
-
-struct Grid {
-    w: u32,
-    h: u32,
-    cells: Vec<u8>,
-    buf: Vec<u8>,
-    hues: Vec<u8>,
-}
-
-impl Grid {
-    fn new(w: u32, h: u32) -> Self {
-        let n = (w * h) as usize;
-        let mut g = Self {
-            w,
-            h,
-            cells: vec![DEAD; n],
-            buf: vec![DEAD; n],
-            hues: Vec::with_capacity(8),
-        };
-        g.randomize();
-        g
-    }
-
-    fn randomize(&mut self) {
-        for c in &mut self.cells {
-            *c = if Math::random() < 0.5 {
-                safe_hue((Math::random() * 255.0) as u8)
-            } else {
-                DEAD
-            };
-        }
-    }
-
-    fn tick(&mut self, luts: &Luts) {
-        let (w, h) = (self.w, self.h);
-
-        for row in 0..h {
-            let n_off = (if row == 0 { h - 1 } else { row - 1 }) * w;
-            let r_off = row * w;
-            let s_off = (if row == h - 1 { 0 } else { row + 1 }) * w;
-
-            for col in 0..w {
-                let we = if col == 0 { w - 1 } else { col - 1 };
-                let ea = if col == w - 1 { 0 } else { col + 1 };
-
-                // Read all 8 neighbors
-                let ns = [
-                    self.cells[(n_off + we) as usize],
-                    self.cells[(n_off + col) as usize],
-                    self.cells[(n_off + ea) as usize],
-                    self.cells[(r_off + we) as usize],
-                    self.cells[(r_off + ea) as usize],
-                    self.cells[(s_off + we) as usize],
-                    self.cells[(s_off + col) as usize],
-                    self.cells[(s_off + ea) as usize],
-                ];
-
-                // Count alive neighbors (branchless)
-                let count = ns.iter().fold(0u8, |a, &v| a + (v != DEAD) as u8);
-
-                let i = (r_off + col) as usize;
-                let cell = self.cells[i];
-                let alive = cell != DEAD;
-
-                self.buf[i] = if alive {
-                    if count == 2 || count == 3 {
-                        cell
-                    } else {
-                        DEAD
-                    }
-                } else if count == 3 {
-                    // Only collect hues for births
-                    self.hues.clear();
-                    for &v in &ns {
-                        if v != DEAD {
-                            self.hues.push(v);
-                        }
-                    }
-                    luts.mix(&self.hues)
-                } else {
-                    DEAD
-                };
-            }
-        }
-        std::mem::swap(&mut self.cells, &mut self.buf);
-    }
-
-    fn stamp(&mut self, cr: i32, cc: i32, half: i32, hue: u8) {
-        let (h, w) = (self.h as i32, self.w as i32);
-        let hue = safe_hue(hue);
-        for dr in -half..=half {
-            for dc in -half..=half {
-                let r = (cr + dr).rem_euclid(h) as u32;
-                let c = (cc + dc).rem_euclid(w) as u32;
-                self.cells[(r * self.w + c) as usize] = hue;
-            }
-        }
-    }
-}
-
-// ── App state ──────────────────────────────────────────────────────
-
-struct App {
-    win: Window,
-    canvas: HtmlCanvasElement,
-    ctx: CanvasRenderingContext2d,
-    luts: Luts,
-    grid: Grid,
-    pixels: Vec<u8>,
-    cw: u32,
-    ch: u32,
-    crow: i32,
-    ccol: i32,
-    cursor_on: bool,
-    last_tick: f64,
-    dirty: bool,
-}
-
-thread_local! {
-    static APP_STATE: RefCell<Option<Rc<RefCell<App>>>> = const { RefCell::new(None) };
-    static RUNNING: Cell<bool> = const { Cell::new(false) };
-    static LISTENERS_READY: Cell<bool> = const { Cell::new(false) };
-    static RAF_CLOSURE: RefCell<Option<Closure<dyn FnMut()>>> = const { RefCell::new(None) };
-}
-
-impl App {
-    fn new() -> Result<Self, JsValue> {
-        utils::set_panic_hook();
-        let win = web_sys::window().ok_or("no window")?;
-        let doc = win.document().ok_or("no document")?;
-        let canvas: HtmlCanvasElement = doc
-            .get_element_by_id("canvas")
-            .ok_or("no canvas")?
-            .dyn_into()?;
-        let ctx: CanvasRenderingContext2d =
-            canvas.get_context("2d")?.ok_or("no 2d ctx")?.dyn_into()?;
-        ctx.set_image_smoothing_enabled(false);
-
-        let mut app = Self {
-            win,
-            canvas,
-            ctx,
-            luts: Luts::new(),
-            grid: Grid::new(1, 1),
-            pixels: Vec::new(),
-            cw: 0,
-            ch: 0,
-            crow: 0,
-            ccol: 0,
-            cursor_on: false,
-            last_tick: 0.0,
-            dirty: true,
-        };
-        app.resize();
-        Ok(app)
-    }
-
-    fn now(&self) -> f64 {
-        self.win.performance().unwrap().now()
-    }
-
-    fn resize(&mut self) {
-        let vw = self.win.inner_width().unwrap().as_f64().unwrap();
-        let vh = self.win.inner_height().unwrap().as_f64().unwrap();
-        let cols = (vw as u32 / CELL_SIZE).max(1);
-        let rows = (vh as u32 / CELL_SIZE).max(1);
-
-        self.cw = cols;
-        self.ch = rows;
-        self.canvas.set_width(cols);
-        self.canvas.set_height(rows);
-        self.canvas
-            .dyn_ref::<web_sys::Element>()
-            .unwrap()
-            .set_attribute(
-                "style",
-                &format!(
-                    "position:fixed;inset:0;width:{vw}px;height:{vh}px;image-rendering:pixelated"
-                ),
-            )
-            .ok();
-        self.ctx.set_image_smoothing_enabled(false);
-
-        self.grid = Grid::new(cols, rows);
-        self.pixels = vec![0u8; (cols * rows * 4) as usize];
-        self.dirty = true;
-    }
-
-    fn draw(&mut self) {
-        if !self.dirty {
-            return;
-        }
-        self.dirty = false;
-
-        let cells = &self.grid.cells;
-        let rgb = &self.luts.rgb;
-        let px = &mut self.pixels;
-
-        for (i, &cell) in cells.iter().enumerate() {
-            px[i * 4..i * 4 + 4].copy_from_slice(&rgb[cell as usize]);
-        }
-
-        if let Ok(img) = ImageData::new_with_u8_clamped_array_and_sh(Clamped(px), self.cw, self.ch)
-        {
-            self.ctx.put_image_data(&img, 0.0, 0.0).ok();
-        }
-    }
-
-    fn render_steps(&mut self, steps: u32) {
-        for _ in 0..steps {
-            let luts = &self.luts as *const Luts;
-            // SAFETY: luts is not mutated during tick()
-            self.grid.tick(unsafe { &*luts });
-        }
-        self.dirty = true;
-        self.draw();
-    }
-}
-
-fn app() -> Result<Rc<RefCell<App>>, JsValue> {
-    APP_STATE.with(|state| {
-        if let Some(app) = state.borrow().as_ref() {
-            return Ok(app.clone());
-        }
-
-        let app = Rc::new(RefCell::new(App::new()?));
-        state.borrow_mut().replace(app.clone());
-        Ok(app)
-    })
-}
-
-fn init_listeners(app: Rc<RefCell<App>>) -> Result<(), JsValue> {
-    let already_ready = LISTENERS_READY.with(|ready| {
-        if ready.get() {
-            true
-        } else {
-            ready.set(true);
-            false
-        }
-    });
-
-    if already_ready {
-        return Ok(());
-    }
-
-    let win = app.borrow().win.clone();
-    let doc = win.document().unwrap();
-
-    let s = app.clone();
-    let cb = Closure::wrap(Box::new(move |e: web_sys::MouseEvent| {
-        let mut a = s.borrow_mut();
-        a.ccol = e.client_x() / CELL_SIZE as i32;
-        a.crow = e.client_y() / CELL_SIZE as i32;
-        a.cursor_on = true;
-    }) as Box<dyn FnMut(_)>);
-    doc.add_event_listener_with_callback("mousemove", cb.as_ref().unchecked_ref())?;
-    cb.forget();
-
-    let s = app.clone();
-    let cb = Closure::wrap(Box::new(move |e: web_sys::TouchEvent| {
-        e.prevent_default();
-        if let Some(t) = e.touches().get(0) {
-            let mut a = s.borrow_mut();
-            a.ccol = t.client_x() / CELL_SIZE as i32;
-            a.crow = t.client_y() / CELL_SIZE as i32;
-            a.cursor_on = true;
-        }
-    }) as Box<dyn FnMut(_)>);
-    doc.add_event_listener_with_callback("touchmove", cb.as_ref().unchecked_ref())?;
-    cb.forget();
-
-    let s = app.clone();
-    let cb = Closure::wrap(Box::new(move |e: web_sys::TouchEvent| {
-        e.prevent_default();
-        if let Some(t) = e.touches().get(0) {
-            let mut a = s.borrow_mut();
-            a.ccol = t.client_x() / CELL_SIZE as i32;
-            a.crow = t.client_y() / CELL_SIZE as i32;
-            a.cursor_on = true;
-        }
-    }) as Box<dyn FnMut(_)>);
-    doc.add_event_listener_with_callback("touchstart", cb.as_ref().unchecked_ref())?;
-    cb.forget();
-
-    let s = app.clone();
-    let cb = Closure::wrap(Box::new(move |_: web_sys::TouchEvent| {
-        s.borrow_mut().cursor_on = false;
-    }) as Box<dyn FnMut(_)>);
-    doc.add_event_listener_with_callback("touchend", cb.as_ref().unchecked_ref())?;
-    cb.forget();
-
-    let s = app;
-    let cb = Closure::wrap(Box::new(move || {
-        let mut a = s.borrow_mut();
-        a.resize();
-        if RUNNING.with(|running| running.get()) {
-            a.draw();
-        } else {
-            a.render_steps(STILL_STEPS);
-        }
-    }) as Box<dyn FnMut()>);
-    win.add_event_listener_with_callback("resize", cb.as_ref().unchecked_ref())?;
-    cb.forget();
-
-    Ok(())
-}
-
-fn ensure_animation_loop(app: Rc<RefCell<App>>) {
-    RAF_CLOSURE.with(|slot| {
-        if slot.borrow().is_some() {
-            return;
-        }
-
-        let win = app.borrow().win.clone();
-        let f: Rc<RefCell<Option<Closure<dyn FnMut()>>>> = Rc::new(RefCell::new(None));
-        let g = f.clone();
-        let s = app.clone();
-        let w = win.clone();
-
-        *g.borrow_mut() = Some(Closure::wrap(Box::new(move || {
-            if !RUNNING.with(|running| running.get()) {
-                return;
-            }
-
-            let now = s.borrow().now();
-
-            {
-                let mut a = s.borrow_mut();
-
-                if now - a.last_tick >= TICK_MS {
-                    a.last_tick = now;
-                    let luts = &a.luts as *const Luts;
-                    // SAFETY: luts is not mutated during tick()
-                    a.grid.tick(unsafe { &*luts });
-                    a.dirty = true;
-                }
-
-                if a.cursor_on {
-                    let (cr, cc) = (a.crow, a.ccol);
-                    let hue = ((now % HUE_PERIOD_MS) / HUE_PERIOD_MS * 256.0) as u8;
-                    a.grid.stamp(cr, cc, 2, hue);
-                    a.dirty = true;
-                }
-
-                a.draw();
-            }
-
-            if RUNNING.with(|running| running.get()) {
-                w.request_animation_frame(f.borrow().as_ref().unwrap().as_ref().unchecked_ref())
-                    .ok();
-            }
-        }) as Box<dyn FnMut()>));
-
-        slot.borrow_mut().replace(g.borrow_mut().take().unwrap());
-    });
-}
-
-// ── Entry point ────────────────────────────────────────────────────
-
-#[wasm_bindgen]
-pub fn start() -> Result<(), JsValue> {
-    let app = app()?;
-    init_listeners(app.clone())?;
-
-    if RUNNING.with(|running| running.get()) {
-        return Ok(());
-    }
-
-    RUNNING.with(|running| running.set(true));
-    ensure_animation_loop(app.clone());
-
-    RAF_CLOSURE.with(|slot| {
-        if let Some(cb) = slot.borrow().as_ref() {
-            app.borrow()
-                .win
-                .request_animation_frame(cb.as_ref().unchecked_ref())
-        } else {
-            Err(JsValue::from_str("no animation closure"))
-        }
-    })?;
-
-    Ok(())
-}
-
-#[wasm_bindgen]
-pub fn stop() -> Result<(), JsValue> {
-    let _ = app()?;
-    RUNNING.with(|running| running.set(false));
-    Ok(())
-}
-
-#[wasm_bindgen]
-pub fn render_still(steps: u32) -> Result<(), JsValue> {
-    let app = app()?;
-    init_listeners(app.clone())?;
-    RUNNING.with(|running| running.set(false));
-    let steps = steps.max(1);
-    let mut app = app.borrow_mut();
-    app.resize();
-    app.render_steps(steps);
-    Ok(())
-}
diff --git a/cgol/src/utils.rs b/cgol/src/utils.rs
deleted file mode 100644
index b1d7929..0000000
--- a/cgol/src/utils.rs
+++ /dev/null
@@ -1,10 +0,0 @@
-pub fn set_panic_hook() {
-    // When the `console_error_panic_hook` feature is enabled, we can call the
-    // `set_panic_hook` function at least once during initialization, and then
-    // we will get better error messages if our code ever panics.
-    //
-    // For more details see
-    // https://github.com/rustwasm/console_error_panic_hook#readme
-    #[cfg(feature = "console_error_panic_hook")]
-    console_error_panic_hook::set_once();
-}
diff --git a/check_cleanup.txt b/check_cleanup.txt
deleted file mode 100644
index 8ee83ad..0000000
--- a/check_cleanup.txt
+++ /dev/null
@@ -1,2 +0,0 @@
-$ bun run lint && tsc --noEmit
-$ eslint .
diff --git a/eslint.config.js b/eslint.config.js
index 46809a3..a06087d 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -1,39 +1,42 @@
-import tseslint from 'typescript-eslint';
+import tseslint from "typescript-eslint";
 
 export default tseslint.config(
   {
-    ignores: ['dist', 'cgol/pkg/**/*']
+    ignores: ["dist"],
   },
   {
-    files: ['**/*.ts'],
-		extends: [
-			...tseslint.configs.recommended,
-			...tseslint.configs.recommendedTypeChecked,
-			...tseslint.configs.stylisticTypeChecked
-		],
-      rules: {
-    "@typescript-eslint/array-type": "off",
-    "@typescript-eslint/consistent-type-definitions": "off",
-    "@typescript-eslint/consistent-type-imports": [
-      "warn",
-      { prefer: "type-imports", fixStyle: "inline-type-imports" },
+    files: ["**/*.ts"],
+    extends: [
+      ...tseslint.configs.recommended,
+      ...tseslint.configs.recommendedTypeChecked,
+      ...tseslint.configs.stylisticTypeChecked,
     ],
-    "@typescript-eslint/no-unused-vars": ["warn", { argsIgnorePattern: "^_" }],
-    "@typescript-eslint/require-await": "off",
-    "@typescript-eslint/no-misused-promises": [
-      "error",
-      { checksVoidReturn: { attributes: false } },
-    ],
-  },
+    rules: {
+      "@typescript-eslint/array-type": "off",
+      "@typescript-eslint/consistent-type-definitions": "off",
+      "@typescript-eslint/consistent-type-imports": [
+        "warn",
+        { prefer: "type-imports", fixStyle: "inline-type-imports" },
+      ],
+      "@typescript-eslint/no-unused-vars": [
+        "warn",
+        { argsIgnorePattern: "^_" },
+      ],
+      "@typescript-eslint/require-await": "off",
+      "@typescript-eslint/no-misused-promises": [
+        "error",
+        { checksVoidReturn: { attributes: false } },
+      ],
+    },
   },
   {
-		linterOptions: {
-			reportUnusedDisableDirectives: true
-		},
-		languageOptions: {
-			parserOptions: {
-				projectService: true
-			}
-		}
-	}
-)
+    linterOptions: {
+      reportUnusedDisableDirectives: true,
+    },
+    languageOptions: {
+      parserOptions: {
+        projectService: true,
+      },
+    },
+  },
+);
diff --git a/flake.lock b/flake.lock
index 8b83aa9..f194334 100644
--- a/flake.lock
+++ b/flake.lock
@@ -1,53 +1,8 @@
 {
   "nodes": {
-    "agenix": {
-      "inputs": {
-        "darwin": "darwin",
-        "home-manager": "home-manager",
-        "nixpkgs": [
-          "nixpkgs"
-        ],
-        "systems": "systems"
-      },
-      "locked": {
-        "lastModified": 1770165109,
-        "narHash": "sha256-9VnK6Oqai65puVJ4WYtCTvlJeXxMzAp/69HhQuTdl/I=",
-        "owner": "ryantm",
-        "repo": "agenix",
-        "rev": "b027ee29d959fda4b60b57566d64c98a202e0feb",
-        "type": "github"
-      },
-      "original": {
-        "owner": "ryantm",
-        "repo": "agenix",
-        "type": "github"
-      }
-    },
-    "darwin": {
-      "inputs": {
-        "nixpkgs": [
-          "agenix",
-          "nixpkgs"
-        ]
-      },
-      "locked": {
-        "lastModified": 1744478979,
-        "narHash": "sha256-dyN+teG9G82G+m+PX/aSAagkC+vUv0SgUw3XkPhQodQ=",
-        "owner": "lnl7",
-        "repo": "nix-darwin",
-        "rev": "43975d782b418ebf4969e9ccba82466728c2851b",
-        "type": "github"
-      },
-      "original": {
-        "owner": "lnl7",
-        "ref": "master",
-        "repo": "nix-darwin",
-        "type": "github"
-      }
-    },
     "flake-utils": {
       "inputs": {
-        "systems": "systems_2"
+        "systems": "systems"
       },
       "locked": {
         "lastModified": 1731533236,
@@ -63,27 +18,6 @@
         "type": "github"
       }
     },
-    "home-manager": {
-      "inputs": {
-        "nixpkgs": [
-          "agenix",
-          "nixpkgs"
-        ]
-      },
-      "locked": {
-        "lastModified": 1745494811,
-        "narHash": "sha256-YZCh2o9Ua1n9uCvrvi5pRxtuVNml8X2a03qIFfRKpFs=",
-        "owner": "nix-community",
-        "repo": "home-manager",
-        "rev": "abfad3d2958c9e6300a883bd443512c55dfeb1be",
-        "type": "github"
-      },
-      "original": {
-        "owner": "nix-community",
-        "repo": "home-manager",
-        "type": "github"
-      }
-    },
     "nixpkgs": {
       "locked": {
         "lastModified": 1774386573,
@@ -100,46 +34,10 @@
         "type": "github"
       }
     },
-    "nixpkgs_2": {
-      "locked": {
-        "lastModified": 1744536153,
-        "narHash": "sha256-awS2zRgF4uTwrOKwwiJcByDzDOdo3Q1rPZbiHQg/N38=",
-        "owner": "NixOS",
-        "repo": "nixpkgs",
-        "rev": "18dd725c29603f582cf1900e0d25f9f1063dbf11",
-        "type": "github"
-      },
-      "original": {
-        "owner": "NixOS",
-        "ref": "nixpkgs-unstable",
-        "repo": "nixpkgs",
-        "type": "github"
-      }
-    },
     "root": {
       "inputs": {
-        "agenix": "agenix",
         "flake-utils": "flake-utils",
-        "nixpkgs": "nixpkgs",
-        "rust-overlay": "rust-overlay"
-      }
-    },
-    "rust-overlay": {
-      "inputs": {
-        "nixpkgs": "nixpkgs_2"
-      },
-      "locked": {
-        "lastModified": 1774581174,
-        "narHash": "sha256-258qgkMkYPkJ9qpIg63Wk8GoIbVjszkGGPU1wbVHYTk=",
-        "owner": "oxalica",
-        "repo": "rust-overlay",
-        "rev": "a313afc75b85fc77ac154bf0e62c36f68361fd0b",
-        "type": "github"
-      },
-      "original": {
-        "owner": "oxalica",
-        "repo": "rust-overlay",
-        "type": "github"
+        "nixpkgs": "nixpkgs"
       }
     },
     "systems": {
@@ -156,21 +54,6 @@
         "repo": "default",
         "type": "github"
       }
-    },
-    "systems_2": {
-      "locked": {
-        "lastModified": 1681028828,
-        "narHash": "sha256-Vy1rq5AaRuLzOxct8nz4T6wlgyUR7zLU309k9mBC768=",
-        "owner": "nix-systems",
-        "repo": "default",
-        "rev": "da67096a3b9bf56a91d16901293e51ba5b49a27e",
-        "type": "github"
-      },
-      "original": {
-        "owner": "nix-systems",
-        "repo": "default",
-        "type": "github"
-      }
     }
   },
   "root": "root",
diff --git a/flake.nix b/flake.nix
index 12dec4d..9ea1199 100644
--- a/flake.nix
+++ b/flake.nix
@@ -2,93 +2,38 @@
   description = "Jet Pham's personal website";
   inputs = {
     nixpkgs.url = "github:NixOS/nixpkgs/nixos-unstable";
-    rust-overlay.url = "github:oxalica/rust-overlay";
     flake-utils.url = "github:numtide/flake-utils";
-    agenix.url = "github:ryantm/agenix";
-    agenix.inputs.nixpkgs.follows = "nixpkgs";
   };
   outputs =
     {
       self,
       nixpkgs,
-      rust-overlay,
       flake-utils,
-      agenix,
     }:
     (flake-utils.lib.eachDefaultSystem (
       system:
       let
-        overlays = [ (import rust-overlay) ];
-        pkgs = import nixpkgs { inherit system overlays; };
-        agenixPkg = agenix.packages.${system}.default;
-        rustToolchain = pkgs.rust-bin.selectLatestNightlyWith (
-          toolchain:
-          toolchain.default.override {
-            extensions = [ "rust-src" ];
-            targets = [ "wasm32-unknown-unknown" ];
-          }
-        );
-        rustPlatform = pkgs.makeRustPlatform {
-          cargo = rustToolchain;
-          rustc = rustToolchain;
-        };
-
-        cgol-wasm = rustPlatform.buildRustPackage {
-          pname = "cgol-wasm";
-          version = "0.1.0";
-          src = ./cgol;
-          cargoLock.lockFile = ./cgol/Cargo.lock;
-          doCheck = false;
-
-          nativeBuildInputs = [
-            pkgs.wasm-bindgen-cli
-            pkgs.binaryen
+        pkgs = import nixpkgs { inherit system; };
+        lib = pkgs.lib;
+        websiteSrc = lib.fileset.toSource {
+          root = ./.;
+          fileset = lib.fileset.unions [
+            ./index.html
+            ./package-lock.json
+            ./package.json
+            ./public
+            ./src
+            ./tsconfig.json
+            ./vite-plugin-ansi.ts
+            ./vite.config.ts
           ];
-
-          buildPhase = ''
-            runHook preBuild
-            cargo build --release --frozen --target wasm32-unknown-unknown
-            wasm-bindgen --target web --out-dir pkg target/wasm32-unknown-unknown/release/cgol.wasm
-            wasm-opt pkg/cgol_bg.wasm -o pkg/cgol_bg.wasm -O4 \
-              --enable-bulk-memory --enable-nontrapping-float-to-int \
-              --enable-sign-ext --low-memory-unused --converge
-            runHook postBuild
-          '';
-
-          installPhase = ''
-            runHook preInstall
-            mkdir -p $out
-            cp pkg/cgol_bg.wasm $out/
-            cp pkg/cgol.js $out/
-            cp pkg/cgol.d.ts $out/
-            cp pkg/cgol_bg.wasm.d.ts $out/ 2>/dev/null || true
-            cat > $out/package.json <<'EOF'
-            {
-              "name": "cgol",
-              "type": "module",
-              "version": "0.1.0",
-              "files": ["cgol_bg.wasm", "cgol.js", "cgol.d.ts"],
-              "main": "cgol.js",
-              "types": "cgol.d.ts",
-              "sideEffects": ["./snippets/*"]
-            }
-            EOF
-            runHook postInstall
-          '';
         };
 
-        # Stage 2: Build the website with npm
         website = pkgs.buildNpmPackage {
           pname = "jet-website";
           version = "0.1.0";
-          src = pkgs.lib.cleanSource ./.;
-          npmDepsHash = "sha256-O4ZUSYyVWOxP15saIadsaZuRO47Y0AvsL4pwvo5b76U=";
-
-          # Inject the Nix-built WASM before npm install resolves file: dep
-          postPatch = ''
-            mkdir -p cgol/pkg
-            cp -r ${cgol-wasm}/* cgol/pkg/
-          '';
+          src = websiteSrc;
+          npmDepsHash = "sha256-UDz4tXNvEa8uiDDGg16K9JbNeQZR3BsVNKtuOgcyurQ=";
 
           installPhase = ''
             runHook preInstall
@@ -110,7 +55,6 @@
       {
         packages = {
           default = website;
-          cgol-wasm = cgol-wasm;
           inherit qa-api;
         };
         devShells.default = pkgs.mkShell {
@@ -119,12 +63,11 @@
             git
             curl
             openssl
-            agenixPkg
             typescript-language-server
+            rust-analyzer
+            rustc
+            cargo
             pkg-config
-            wasm-pack
-            binaryen
-            rustToolchain
           ];
         };
       }
diff --git a/index.html b/index.html
index 51ddb40..740d2c0 100644
--- a/index.html
+++ b/index.html
@@ -103,15 +103,27 @@
     <a class="skip-link" href="#outlet">Skip to content</a>
     <canvas
       id="canvas"
-      class="fixed top-0 left-0 -z-10 h-screen w-screen"
+      class="pointer-events-none fixed inset-0 z-0 h-screen w-screen"
       aria-hidden="true"
     ></canvas>
-    <div class="page-frame">
+    <div class="page-frame relative z-10">
       <nav aria-label="Main navigation" class="site-region">
-        <div class="site-shell site-panel px-[2ch] py-[1ch]">
-          <div class="flex justify-center gap-[2ch]">
-            <a href="/" data-nav-link>[HOME]</a>
-            <a href="/qa" data-nav-link>[Q&amp;A]</a>
+        <div class="site-shell site-panel-frame px-[2ch] py-[1ch]">
+          <div class="site-panel-frost" aria-hidden="true"></div>
+          <div class="site-panel-border" aria-hidden="true"></div>
+          <div
+            class="site-panel-content site-nav-links flex justify-center gap-[2ch]"
+          >
+            <a href="/" data-nav-link class="site-nav-link"
+              ><span class="site-nav-marker" aria-hidden="true">&gt;</span
+              ><span>Home</span
+              ><span class="site-nav-marker" aria-hidden="true">&lt;</span></a
+            >
+            <a href="/qa" data-nav-link class="site-nav-link"
+              ><span class="site-nav-marker" aria-hidden="true">&gt;</span
+              ><span>Q&amp;A</span
+              ><span class="site-nav-marker" aria-hidden="true">&lt;</span></a
+            >
           </div>
         </div>
       </nav>
diff --git a/module.nix b/module.nix
index 92b9669..1b5dba7 100644
--- a/module.nix
+++ b/module.nix
@@ -1,27 +1,139 @@
 self:
-{ config, lib, ... }:
+{
+  config,
+  lib,
+  pkgs,
+  ...
+}:
 
 let
   cfg = config.services.jetpham-website;
-  package = self.packages.x86_64-linux.default;
-  qaApi = self.packages.x86_64-linux.qa-api;
+  package = cfg.package;
+  qaApi = cfg.apiPackage;
+  apiListen = "${cfg.apiListenAddress}:${toString cfg.apiListenPort}";
+  usingDefaultWebhookSecret = cfg.webhookSecretFile == null;
   webhookSecretPath =
-    if cfg.webhookSecretFile != null then
-      cfg.webhookSecretFile
+    if usingDefaultWebhookSecret then config.age.secrets.webhook-secret.path else cfg.webhookSecretFile;
+  usingDefaultTorSecretKey = cfg.tor.onionSecretKeyFile == null;
+  usingDefaultTorPublicKey = cfg.tor.onionPublicKeyFile == null;
+  usingDefaultTorHostname = cfg.tor.onionHostnameFile == null;
+  torOnionSecretKeyPath =
+    if usingDefaultTorSecretKey then
+      config.age.secrets.tor-onion-secret-key.path
     else
-      config.age.secrets.webhook-secret.path;
+      cfg.tor.onionSecretKeyFile;
+  torOnionPublicKeyPath =
+    if usingDefaultTorPublicKey then
+      config.age.secrets.tor-onion-public-key.path
+    else
+      cfg.tor.onionPublicKeyFile;
+  torOnionHostnamePath =
+    if usingDefaultTorHostname then
+      config.age.secrets.tor-onion-hostname.path
+    else
+      cfg.tor.onionHostnameFile;
+  caddyCommonConfig = ''
+    header Cross-Origin-Opener-Policy "same-origin"
+    header Cross-Origin-Embedder-Policy "require-corp"
+
+    handle /api/* {
+      reverse_proxy ${apiListen}
+    }
+
+    handle /qa/rss.xml {
+      reverse_proxy ${apiListen}
+    }
+
+    handle {
+      root * ${package}
+      try_files {path} /index.html
+      file_server
+    }
+
+    ${cfg.caddy.extraConfig}
+  '';
 in
 {
   options.services.jetpham-website = {
     enable = lib.mkEnableOption "Jet Pham's personal website";
 
+    package = lib.mkOption {
+      type = lib.types.package;
+      default = self.packages.${pkgs.system}.default;
+      defaultText = lib.literalExpression "self.packages.${pkgs.system}.default";
+      description = "Static site package served by Caddy.";
+    };
+
+    apiPackage = lib.mkOption {
+      type = lib.types.package;
+      default = self.packages.${pkgs.system}.qa-api;
+      defaultText = lib.literalExpression "self.packages.${pkgs.system}.qa-api";
+      description = "Q&A API package run by systemd.";
+    };
+
     domain = lib.mkOption {
       type = lib.types.str;
       default = "jetpham.com";
       description = "Domain to serve the website on.";
     };
 
-    tor.enable = lib.mkEnableOption "Tor hidden service for the website";
+    openFirewall = lib.mkOption {
+      type = lib.types.bool;
+      default = true;
+      description = "Open HTTP and HTTPS ports when Caddy is enabled.";
+    };
+
+    apiListenAddress = lib.mkOption {
+      type = lib.types.str;
+      default = "127.0.0.1";
+      description = "Address for the local Q&A API listener.";
+    };
+
+    apiListenPort = lib.mkOption {
+      type = lib.types.port;
+      default = 3003;
+      description = "Port for the local Q&A API listener.";
+    };
+
+    caddy.enable = lib.mkOption {
+      type = lib.types.bool;
+      default = true;
+      description = "Serve the static site and reverse proxy the API through Caddy.";
+    };
+
+    caddy.extraConfig = lib.mkOption {
+      type = lib.types.lines;
+      default = "";
+      description = "Extra Caddy directives appended inside the virtual host block.";
+    };
+
+    tor = {
+      enable = lib.mkEnableOption "Tor hidden service for the website";
+
+      port = lib.mkOption {
+        type = lib.types.port;
+        default = 8888;
+        description = "Local Caddy port exposed through the onion service.";
+      };
+
+      onionSecretKeyFile = lib.mkOption {
+        type = lib.types.nullOr lib.types.path;
+        default = null;
+        description = "Path to the Tor hidden service secret key file.";
+      };
+
+      onionPublicKeyFile = lib.mkOption {
+        type = lib.types.nullOr lib.types.path;
+        default = null;
+        description = "Path to the Tor hidden service public key file.";
+      };
+
+      onionHostnameFile = lib.mkOption {
+        type = lib.types.nullOr lib.types.path;
+        default = null;
+        description = "Path to the Tor hidden service hostname file.";
+      };
+    };
 
     qaNotifyEmail = lib.mkOption {
       type = lib.types.str;
@@ -44,35 +156,53 @@ in
     webhookSecretFile = lib.mkOption {
       type = lib.types.nullOr lib.types.path;
       default = null;
-      description = "File containing the WEBHOOK_SECRET for MTA Hook authentication.";
+      description = "File containing the WEBHOOK_SECRET for MTA Hook authentication. Defaults to the module-managed agenix secret when left unset.";
     };
   };
 
   config = lib.mkIf cfg.enable {
-    age.secrets.webhook-secret = lib.mkIf (cfg.webhookSecretFile == null) {
+    age.secrets.webhook-secret = lib.mkIf usingDefaultWebhookSecret {
       file = "${self}/secrets/webhook-secret.age";
       mode = "0400";
     };
 
-    age.secrets.tor-onion-secret-key = lib.mkIf cfg.tor.enable {
+    age.secrets.tor-onion-secret-key = lib.mkIf (cfg.tor.enable && usingDefaultTorSecretKey) {
       file = "${self}/secrets/tor-onion-secret-key.age";
       owner = "tor";
       group = "tor";
       mode = "0400";
     };
-    age.secrets.tor-onion-public-key = lib.mkIf cfg.tor.enable {
+
+    age.secrets.tor-onion-public-key = lib.mkIf (cfg.tor.enable && usingDefaultTorPublicKey) {
       file = "${self}/secrets/tor-onion-public-key.age";
       owner = "tor";
       group = "tor";
       mode = "0444";
     };
-    age.secrets.tor-onion-hostname = lib.mkIf cfg.tor.enable {
+
+    age.secrets.tor-onion-hostname = lib.mkIf (cfg.tor.enable && usingDefaultTorHostname) {
       file = "${self}/secrets/tor-onion-hostname.age";
       owner = "tor";
       group = "tor";
       mode = "0444";
     };
 
+    assertions = [
+      {
+        assertion =
+          !cfg.tor.enable
+          || (torOnionSecretKeyPath != null && torOnionPublicKeyPath != null && torOnionHostnamePath != null);
+        message = "services.jetpham-website.tor requires onionSecretKeyFile, onionPublicKeyFile, and onionHostnameFile.";
+      }
+    ];
+
+    networking.firewall.allowedTCPPorts = lib.mkIf (cfg.caddy.enable && cfg.openFirewall) [
+      80
+      443
+    ];
+
+    services.caddy.enable = cfg.caddy.enable;
+
     services.tor = lib.mkIf cfg.tor.enable {
       enable = true;
       relay.onionServices.jetpham-website = {
@@ -81,7 +211,7 @@ in
             port = 80;
             target = {
               addr = "127.0.0.1";
-              port = 8888;
+              port = cfg.tor.port;
             };
           }
         ];
@@ -90,36 +220,47 @@ in
 
     systemd.services.tor-onion-keys = lib.mkIf cfg.tor.enable {
       description = "Copy Tor onion keys into place";
-      after = [ "agenix.service" ];
+      after = lib.optional (
+        usingDefaultTorSecretKey || usingDefaultTorPublicKey || usingDefaultTorHostname
+      ) "agenix.service";
       before = [ "tor.service" ];
       wantedBy = [ "tor.service" ];
       serviceConfig.Type = "oneshot";
       script = ''
         dir="/var/lib/tor/onion/jetpham-website"
         mkdir -p "$dir"
-        cp ${config.age.secrets.tor-onion-secret-key.path} "$dir/hs_ed25519_secret_key"
-        cp ${config.age.secrets.tor-onion-public-key.path} "$dir/hs_ed25519_public_key"
-        cp ${config.age.secrets.tor-onion-hostname.path} "$dir/hostname"
+        cp ${torOnionSecretKeyPath} "$dir/hs_ed25519_secret_key"
+        cp ${torOnionPublicKeyPath} "$dir/hs_ed25519_public_key"
+        cp ${torOnionHostnamePath} "$dir/hostname"
         chown -R tor:tor "$dir"
         chmod 700 "$dir"
         chmod 400 "$dir/hs_ed25519_secret_key"
         chmod 444 "$dir/hs_ed25519_public_key" "$dir/hostname"
       '';
     };
-    # Q&A API systemd service
+
     systemd.services.jetpham-qa-api = {
       description = "Jet Pham Q&A API";
-      after = [ "network.target" ];
+      after = [ "network-online.target" ] ++ lib.optional usingDefaultWebhookSecret "agenix.service";
+      wants = [ "network-online.target" ] ++ lib.optional usingDefaultWebhookSecret "agenix.service";
       wantedBy = [ "multi-user.target" ];
       serviceConfig = {
         DynamicUser = true;
         StateDirectory = "jetpham-qa";
+        WorkingDirectory = "/var/lib/jetpham-qa";
         Environment = [
           "QA_DB_PATH=/var/lib/jetpham-qa/qa.db"
           "QA_NOTIFY_EMAIL=${cfg.qaNotifyEmail}"
           "QA_MAIL_DOMAIN=${cfg.qaMailDomain}"
           "QA_REPLY_DOMAIN=${cfg.qaReplyDomain}"
+          "QA_LISTEN_ADDRESS=${cfg.apiListenAddress}"
+          "QA_LISTEN_PORT=${toString cfg.apiListenPort}"
         ];
+        NoNewPrivileges = true;
+        PrivateTmp = true;
+        ProtectHome = true;
+        ProtectSystem = "strict";
+        ReadWritePaths = [ "/var/lib/jetpham-qa" ];
         Restart = "on-failure";
         RestartSec = 5;
         LoadCredential = "webhook-secret:${webhookSecretPath}";
@@ -135,47 +276,17 @@ in
       '';
     };
 
-    services.caddy.virtualHosts.${cfg.domain} = {
-      extraConfig = ''
-        header Cross-Origin-Opener-Policy "same-origin"
-        header Cross-Origin-Embedder-Policy "require-corp"
-
-        handle /api/* {
-          reverse_proxy 127.0.0.1:3003
-        }
-
-        handle /qa/rss.xml {
-          reverse_proxy 127.0.0.1:3003
-        }
-
-        handle {
-          root * ${package}
-          try_files {path} /index.html
-          file_server
-        }
-      '';
+    services.caddy.virtualHosts.${cfg.domain} = lib.mkIf cfg.caddy.enable {
+      extraConfig = caddyCommonConfig;
     };
 
-    services.caddy.virtualHosts."http://:8888" = lib.mkIf cfg.tor.enable {
-      extraConfig = ''
-        bind 127.0.0.1
-        header Cross-Origin-Opener-Policy "same-origin"
-        header Cross-Origin-Embedder-Policy "require-corp"
-
-        handle /api/* {
-          reverse_proxy 127.0.0.1:3003
-        }
-
-        handle /qa/rss.xml {
-          reverse_proxy 127.0.0.1:3003
-        }
-
-        handle {
-          root * ${package}
-          try_files {path} /index.html
-          file_server
-        }
-      '';
-    };
+    services.caddy.virtualHosts."http://:${toString cfg.tor.port}" =
+      lib.mkIf (cfg.caddy.enable && cfg.tor.enable)
+        {
+          extraConfig = ''
+            bind 127.0.0.1
+            ${caddyCommonConfig}
+          '';
+        };
   };
 }
diff --git a/package-lock.json b/package-lock.json
index ebad12d..a37fe33 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7,9 +7,6 @@
     "": {
       "name": "website",
       "version": "0.1.0",
-      "dependencies": {
-        "cgol": "file:./cgol/pkg"
-      },
       "devDependencies": {
         "@tailwindcss/vite": "^4.2.1",
         "@types/node": "^25.3.3",
@@ -22,15 +19,9 @@
         "typescript": "^5.9.3",
         "typescript-eslint": "^8.56.1",
         "vite": "^7.3.1",
-        "vite-plugin-singlefile": "^2.3.0",
-        "vite-plugin-top-level-await": "^1.6.0",
-        "vite-plugin-wasm": "^3.5.0"
+        "vite-plugin-singlefile": "^2.3.0"
       }
     },
-    "cgol/pkg": {
-      "name": "cgol",
-      "version": "0.1.0"
-    },
     "node_modules/@emnapi/runtime": {
       "version": "1.8.1",
       "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.8.1.tgz",
@@ -693,24 +684,6 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
-    "node_modules/@rollup/plugin-virtual": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-virtual/-/plugin-virtual-3.0.2.tgz",
-      "integrity": "sha512-10monEYsBp3scM4/ND4LNH5Rxvh3e/cVeL3jWTgZ2SrQ+BmUoQcopVQvnaMcOnykb1VkxUFuDAN+0FnpTFRy2A==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=14.0.0"
-      },
-      "peerDependencies": {
-        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
-      },
-      "peerDependenciesMeta": {
-        "rollup": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@rollup/rollup-android-arm-eabi": {
       "version": "4.59.0",
       "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.59.0.tgz",
@@ -1061,239 +1034,6 @@
         "win32"
       ]
     },
-    "node_modules/@swc/core": {
-      "version": "1.15.18",
-      "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.15.18.tgz",
-      "integrity": "sha512-z87aF9GphWp//fnkRsqvtY+inMVPgYW3zSlXH1kJFvRT5H/wiAn+G32qW5l3oEk63KSF1x3Ov0BfHCObAmT8RA==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@swc/counter": "^0.1.3",
-        "@swc/types": "^0.1.25"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/swc"
-      },
-      "optionalDependencies": {
-        "@swc/core-darwin-arm64": "1.15.18",
-        "@swc/core-darwin-x64": "1.15.18",
-        "@swc/core-linux-arm-gnueabihf": "1.15.18",
-        "@swc/core-linux-arm64-gnu": "1.15.18",
-        "@swc/core-linux-arm64-musl": "1.15.18",
-        "@swc/core-linux-x64-gnu": "1.15.18",
-        "@swc/core-linux-x64-musl": "1.15.18",
-        "@swc/core-win32-arm64-msvc": "1.15.18",
-        "@swc/core-win32-ia32-msvc": "1.15.18",
-        "@swc/core-win32-x64-msvc": "1.15.18"
-      },
-      "peerDependencies": {
-        "@swc/helpers": ">=0.5.17"
-      },
-      "peerDependenciesMeta": {
-        "@swc/helpers": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@swc/core-darwin-arm64": {
-      "version": "1.15.18",
-      "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.15.18.tgz",
-      "integrity": "sha512-+mIv7uBuSaywN3C9LNuWaX1jJJ3SKfiJuE6Lr3bd+/1Iv8oMU7oLBjYMluX1UrEPzwN2qCdY6Io0yVicABoCwQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "Apache-2.0 AND MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@swc/core-darwin-x64": {
-      "version": "1.15.18",
-      "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.15.18.tgz",
-      "integrity": "sha512-wZle0eaQhnzxWX5V/2kEOI6Z9vl/lTFEC6V4EWcn+5pDjhemCpQv9e/TDJ0GIoiClX8EDWRvuZwh+Z3dhL1NAg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "Apache-2.0 AND MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@swc/core-linux-arm-gnueabihf": {
-      "version": "1.15.18",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.15.18.tgz",
-      "integrity": "sha512-ao61HGXVqrJFHAcPtF4/DegmwEkVCo4HApnotLU8ognfmU8x589z7+tcf3hU+qBiU1WOXV5fQX6W9Nzs6hjxDw==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "license": "Apache-2.0",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@swc/core-linux-arm64-gnu": {
-      "version": "1.15.18",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.15.18.tgz",
-      "integrity": "sha512-3xnctOBLIq3kj8PxOCgPrGjBLP/kNOddr6f5gukYt/1IZxsITQaU9TDyjeX6jG+FiCIHjCuWuffsyQDL5Ew1bg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "Apache-2.0 AND MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@swc/core-linux-arm64-musl": {
-      "version": "1.15.18",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.15.18.tgz",
-      "integrity": "sha512-0a+Lix+FSSHBSBOA0XznCcHo5/1nA6oLLjcnocvzXeqtdjnPb+SvchItHI+lfeiuj1sClYPDvPMLSLyXFaiIKw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "Apache-2.0 AND MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@swc/core-linux-x64-gnu": {
-      "version": "1.15.18",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.15.18.tgz",
-      "integrity": "sha512-wG9J8vReUlpaHz4KOD/5UE1AUgirimU4UFT9oZmupUDEofxJKYb1mTA/DrMj0s78bkBiNI+7Fo2EgPuvOJfuAA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "Apache-2.0 AND MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@swc/core-linux-x64-musl": {
-      "version": "1.15.18",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.15.18.tgz",
-      "integrity": "sha512-4nwbVvCphKzicwNWRmvD5iBaZj8JYsRGa4xOxJmOyHlMDpsvvJ2OR2cODlvWyGFH6BYL1MfIAK3qph3hp0Az6g==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "Apache-2.0 AND MIT",
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@swc/core-win32-arm64-msvc": {
-      "version": "1.15.18",
-      "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.15.18.tgz",
-      "integrity": "sha512-zk0RYO+LjiBCat2RTMHzAWaMky0cra9loH4oRrLKLLNuL+jarxKLFDA8xTZWEkCPLjUTwlRN7d28eDLLMgtUcQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "license": "Apache-2.0 AND MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@swc/core-win32-ia32-msvc": {
-      "version": "1.15.18",
-      "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.15.18.tgz",
-      "integrity": "sha512-yVuTrZ0RccD5+PEkpcLOBAuPbYBXS6rslENvIXfvJGXSdX5QGi1ehC4BjAMl5FkKLiam4kJECUI0l7Hq7T1vwg==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "license": "Apache-2.0 AND MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@swc/core-win32-x64-msvc": {
-      "version": "1.15.18",
-      "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.15.18.tgz",
-      "integrity": "sha512-7NRmE4hmUQNCbYU3Hn9Tz57mK9Qq4c97ZS+YlamlK6qG9Fb5g/BB3gPDe0iLlJkns/sYv2VWSkm8c3NmbEGjbg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "license": "Apache-2.0 AND MIT",
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@swc/counter": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
-      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==",
-      "dev": true,
-      "license": "Apache-2.0"
-    },
-    "node_modules/@swc/types": {
-      "version": "0.1.25",
-      "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.25.tgz",
-      "integrity": "sha512-iAoY/qRhNH8a/hBvm3zKj9qQ4oc2+3w1unPJa2XvTK3XjeLXtzcCingVPw/9e5mn1+0yPqxcBGp9Jf0pkfMb1g==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@swc/counter": "^0.1.3"
-      }
-    },
-    "node_modules/@swc/wasm": {
-      "version": "1.15.18",
-      "resolved": "https://registry.npmjs.org/@swc/wasm/-/wasm-1.15.18.tgz",
-      "integrity": "sha512-zeSORFArxqUwfVMTRHu8AN9k9LlfSn0CKDSzLhJDITpgLoS0xpnocxsgMjQjUcVYDgO47r9zLP49HEjH/iGsFg==",
-      "dev": true,
-      "license": "Apache-2.0"
-    },
     "node_modules/@tailwindcss/node": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.2.1.tgz",
@@ -1910,10 +1650,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/cgol": {
-      "resolved": "cgol/pkg",
-      "link": true
-    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -3273,20 +3009,6 @@
         "punycode": "^2.1.0"
       }
     },
-    "node_modules/uuid": {
-      "version": "10.0.0",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-10.0.0.tgz",
-      "integrity": "sha512-8XkAphELsDnEGrDxUOHB3RGvXz6TeuYSGEZBOjtTtPm2lwhGBjLgOzLHB63IUWfBpNucQjND6d3AOudO+H3RWQ==",
-      "dev": true,
-      "funding": [
-        "https://github.com/sponsors/broofa",
-        "https://github.com/sponsors/ctavan"
-      ],
-      "license": "MIT",
-      "bin": {
-        "uuid": "dist/bin/uuid"
-      }
-    },
     "node_modules/vite": {
       "version": "7.3.1",
       "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.1.tgz",
@@ -3379,32 +3101,6 @@
         "vite": "^5.4.11 || ^6.0.0 || ^7.0.0"
       }
     },
-    "node_modules/vite-plugin-top-level-await": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/vite-plugin-top-level-await/-/vite-plugin-top-level-await-1.6.0.tgz",
-      "integrity": "sha512-bNhUreLamTIkoulCR9aDXbTbhLk6n1YE8NJUTTxl5RYskNRtzOR0ASzSjBVRtNdjIfngDXo11qOsybGLNsrdww==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@rollup/plugin-virtual": "^3.0.2",
-        "@swc/core": "^1.12.14",
-        "@swc/wasm": "^1.12.14",
-        "uuid": "10.0.0"
-      },
-      "peerDependencies": {
-        "vite": ">=2.8"
-      }
-    },
-    "node_modules/vite-plugin-wasm": {
-      "version": "3.5.0",
-      "resolved": "https://registry.npmjs.org/vite-plugin-wasm/-/vite-plugin-wasm-3.5.0.tgz",
-      "integrity": "sha512-X5VWgCnqiQEGb+omhlBVsvTfxikKtoOgAzQ95+BZ8gQ+VfMHIjSHr0wyvXFQCa0eKQ0fKyaL0kWcEnYqBac4lQ==",
-      "dev": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "vite": "^2 || ^3 || ^4 || ^5 || ^6 || ^7"
-      }
-    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
diff --git a/package.json b/package.json
index b3819be..10992d7 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,6 @@
   "type": "module",
   "scripts": {
     "build": "vite build",
-    "build:wasm": "cd cgol && wasm-pack build --release --target web && wasm-opt pkg/cgol_bg.wasm -o pkg/cgol_bg.wasm -O4 --enable-bulk-memory --enable-nontrapping-float-to-int --enable-sign-ext --low-memory-unused --converge",
     "check": "npm run lint && tsc --noEmit",
     "dev": "vite",
     "format:check": "prettier --check \"**/*.{ts,js,jsx,mdx}\" --cache",
@@ -15,9 +14,6 @@
     "preview": "vite preview",
     "typecheck": "tsc --noEmit"
   },
-  "dependencies": {
-    "cgol": "file:./cgol/pkg"
-  },
   "devDependencies": {
     "@tailwindcss/vite": "^4.2.1",
     "@types/node": "^25.3.3",
@@ -30,13 +26,7 @@
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.56.1",
     "vite": "^7.3.1",
-    "vite-plugin-singlefile": "^2.3.0",
-    "vite-plugin-top-level-await": "^1.6.0",
-    "vite-plugin-wasm": "^3.5.0"
+    "vite-plugin-singlefile": "^2.3.0"
   },
-  "knip": {
-    "ignore": [
-      "cgol/pkg/**"
-    ]
-  }
+  "knip": {}
 }
diff --git a/src/components/frosted-box.ts b/src/components/frosted-box.ts
index 3254ebc..36d05c2 100644
--- a/src/components/frosted-box.ts
+++ b/src/components/frosted-box.ts
@@ -1,13 +1,9 @@
 export function frostedBox(content: string, extraClasses?: string): string {
   return `
-    <div class="site-shell relative my-[2ch] overflow-hidden px-[2ch] py-[2ch] ${extraClasses ?? ""}">
-      <div
-        class="pointer-events-none absolute inset-0 h-[200%]"
-        style="background-color: rgba(0, 0, 0, 0.75); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); mask-image: linear-gradient(to bottom, black 0% 50%, transparent 50% 100%); -webkit-mask-image: linear-gradient(to bottom, black 0% 50%, transparent 50% 100%);"
-        aria-hidden="true"
-      ></div>
-      <div class="absolute inset-0 border-2 border-white" aria-hidden="true"></div>
-      <div class="relative z-10 h-full min-h-0">
+    <div class="site-shell site-panel-frame relative my-[2ch] overflow-hidden px-[2ch] py-[2ch] ${extraClasses ?? ""}">
+      <div class="site-panel-frost pointer-events-none" aria-hidden="true"></div>
+      <div class="site-panel-border" aria-hidden="true"></div>
+      <div class="site-panel-content h-full min-h-0">
         ${content}
       </div>
     </div>`;
diff --git a/src/lib/background.ts b/src/lib/background.ts
deleted file mode 100644
index 5fbba65..0000000
--- a/src/lib/background.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-const MOTION_QUERY = "(prefers-reduced-motion: reduce)";
-const STILL_STEPS = 5;
-
-type BackgroundMode = "animated" | "still" | "failed";
-
-interface BackgroundActions {
-  start: () => void;
-  stop: () => void;
-  renderStill: (steps: number) => void;
-}
-
-function getMode(reducedMotion: boolean): BackgroundMode {
-  return reducedMotion ? "still" : "animated";
-}
-
-function applyCanvasState(mode: BackgroundMode) {
-  const canvas = document.getElementById("canvas");
-  document.body.dataset.backgroundMode = mode;
-  if (canvas) {
-    canvas.toggleAttribute("hidden", mode === "failed");
-  }
-}
-
-export function initBackgroundControls(actions: BackgroundActions) {
-  const media = window.matchMedia(MOTION_QUERY);
-  let mode: BackgroundMode = getMode(media.matches);
-  let failed = false;
-
-  const applyMode = (restartAnimation = false) => {
-    if (failed) return;
-
-    mode = getMode(media.matches);
-    applyCanvasState(mode);
-
-    if (mode === "animated") {
-      if (restartAnimation) {
-        actions.stop();
-      }
-
-      actions.start();
-      return;
-    }
-
-    actions.stop();
-    actions.renderStill(STILL_STEPS);
-  };
-
-  const restartAnimation = () => {
-    if (document.visibilityState === "hidden" || media.matches) {
-      return;
-    }
-
-    applyMode(true);
-  };
-
-  media.addEventListener("change", () => {
-    applyMode();
-  });
-
-  document.addEventListener("visibilitychange", () => {
-    restartAnimation();
-  });
-
-  window.addEventListener("pageshow", () => {
-    restartAnimation();
-  });
-
-  return {
-    applyInitialMode() {
-      applyMode();
-    },
-    setFailed() {
-      failed = true;
-      mode = "failed";
-      applyCanvasState(mode);
-    },
-  };
-}
diff --git a/src/lib/site.ts b/src/lib/site.ts
index a0f578a..713bd0d 100644
--- a/src/lib/site.ts
+++ b/src/lib/site.ts
@@ -28,15 +28,17 @@ export function renderFooter() {
   const mirror = getMirrorLink();
 
   footer.innerHTML = `
-    <div class="site-panel px-[2ch] py-[1ch]">
-      <div class="site-footer-inner">
-        <a href="${REPO_URL}">src</a>
+    <div class="site-panel-frame px-[2ch] py-[1ch]">
+      <div class="site-panel-frost" aria-hidden="true"></div>
+      <div class="site-panel-border" aria-hidden="true"></div>
+      <div class="site-panel-content site-footer-inner">
+        <a href="${REPO_URL}">Src</a>
         <span aria-hidden="true">|</span>
-        <a href="/qa/rss.xml" data-native-link>rss</a>
+        <a href="/qa/rss.xml" data-native-link>RSS</a>
         <span aria-hidden="true">|</span>
-        <a href="/pgp.txt" data-native-link>pgp</a>
+        <a href="/pgp.txt" data-native-link>PGP</a>
         <span aria-hidden="true">|</span>
-        <a href="/ssh.txt" data-native-link>ssh</a>
+        <a href="/ssh.txt" data-native-link>SSH</a>
         <span aria-hidden="true">|</span>
         <a href="${mirror.href}">${mirror.label}</a>
       </div>
diff --git a/src/lib/webgl-background.ts b/src/lib/webgl-background.ts
new file mode 100644
index 0000000..a95533f
--- /dev/null
+++ b/src/lib/webgl-background.ts
@@ -0,0 +1,1539 @@
+const CELL_SIZE = 10;
+const HUE_PERIOD_MS = 3000;
+const BRUSH_RADIUS = 2;
+const MAX_DPR = 2;
+const PANEL_LIMIT = 3;
+const TAU = Math.PI * 2;
+const PANEL_BORDER_INSET_PX = 10;
+type TextureTarget = {
+  texture: WebGLTexture;
+  framebuffer: WebGLFramebuffer;
+  width: number;
+  height: number;
+};
+
+type ProgramBundle = {
+  program: WebGLProgram;
+  uniforms: Record<string, WebGLUniformLocation | null>;
+};
+
+type PointerState = {
+  active: boolean;
+  col: number;
+  row: number;
+};
+
+type StackTuning = {
+  blurStrength: number;
+  blurRadius: number;
+  smallestBlock: number;
+  largestBlock: number;
+  levels: number;
+  detailThreshold: number;
+  ditherStrength: number;
+  edgeBias: number;
+  hueDrift: number;
+  streakStrength: number;
+};
+
+type TuningState = {
+  inside: StackTuning;
+  outside: StackTuning;
+  outsideGlow: {
+    threshold: number;
+    softness: number;
+    boost: number;
+  };
+  darkness: number;
+  imageEmit: number;
+  ansiEmit: number;
+  linkEmit: number;
+};
+
+const fullscreenVertexSource = `#version 300 es
+precision highp float;
+
+out vec2 v_uv;
+
+void main() {
+  vec2 position;
+  if (gl_VertexID == 0) {
+    position = vec2(-1.0, -1.0);
+  } else if (gl_VertexID == 1) {
+    position = vec2(3.0, -1.0);
+  } else {
+    position = vec2(-1.0, 3.0);
+  }
+
+  v_uv = position * 0.5 + 0.5;
+  gl_Position = vec4(position, 0.0, 1.0);
+}`;
+
+const simulationFragmentSource = `#version 300 es
+precision highp float;
+precision highp sampler2D;
+
+uniform sampler2D u_state;
+uniform ivec2 u_gridSize;
+
+out vec4 outColor;
+
+int readState(ivec2 cell) {
+  ivec2 wrapped = ivec2(
+    int(mod(float(cell.x + u_gridSize.x), float(u_gridSize.x))),
+    int(mod(float(cell.y + u_gridSize.y), float(u_gridSize.y)))
+  );
+  return int(round(texelFetch(u_state, wrapped, 0).r * 255.0));
+}
+
+float hueAngle(int hue) {
+  return float(hue) * ${TAU.toFixed(8)} / 256.0;
+}
+
+void main() {
+  ivec2 cell = ivec2(gl_FragCoord.xy);
+  int current = readState(cell);
+  int count = 0;
+  float sumSin = 0.0;
+  float sumCos = 0.0;
+
+  for (int dy = -1; dy <= 1; dy++) {
+    for (int dx = -1; dx <= 1; dx++) {
+      if (dx == 0 && dy == 0) {
+        continue;
+      }
+
+      int neighbor = readState(cell + ivec2(dx, dy));
+      if (neighbor != 0) {
+        count += 1;
+        float angle = hueAngle(neighbor);
+        sumSin += sin(angle);
+        sumCos += cos(angle);
+      }
+    }
+  }
+
+  int nextState = 0;
+
+  if (current != 0) {
+    if (count == 2 || count == 3) {
+      nextState = current;
+    }
+  } else if (count == 3) {
+    float angle = atan(sumSin, sumCos);
+    if (angle < 0.0) {
+      angle += ${TAU.toFixed(8)};
+    }
+    nextState = int(floor(angle * 256.0 / ${TAU.toFixed(8)}));
+    if (nextState == 0) {
+      nextState = 1;
+    }
+  }
+
+  outColor = vec4(float(nextState) / 255.0, 0.0, 0.0, 1.0);
+}`;
+
+const stampFragmentSource = `#version 300 es
+precision highp float;
+precision highp sampler2D;
+
+uniform sampler2D u_state;
+uniform ivec2 u_gridSize;
+uniform vec2 u_center;
+uniform float u_radius;
+uniform float u_hue;
+uniform bool u_active;
+
+out vec4 outColor;
+
+void main() {
+  ivec2 cell = ivec2(gl_FragCoord.xy);
+  vec4 state = texelFetch(u_state, cell, 0);
+
+  if (!u_active) {
+    outColor = state;
+    return;
+  }
+
+  vec2 position = vec2(cell) + 0.5;
+  vec2 delta = abs(position - u_center);
+  delta = min(delta, vec2(u_gridSize) - delta);
+
+  if (dot(delta, delta) <= u_radius * u_radius) {
+    outColor = vec4(u_hue, 0.0, 0.0, 1.0);
+    return;
+  }
+
+  outColor = state;
+}`;
+
+const injectFragmentSource = `#version 300 es
+precision highp float;
+precision highp sampler2D;
+
+uniform sampler2D u_state;
+uniform sampler2D u_emitter;
+uniform ivec2 u_gridSize;
+
+out vec4 outColor;
+
+float hash12(vec2 point) {
+  vec3 p3 = fract(vec3(point.xyx) * 0.1031);
+  p3 += dot(p3, p3.yzx + 33.33);
+  return fract((p3.x + p3.y) * p3.z);
+}
+
+vec3 rgbToHsv(vec3 color) {
+  vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);
+  vec4 p = mix(vec4(color.bg, K.wz), vec4(color.gb, K.xy), step(color.b, color.g));
+  vec4 q = mix(vec4(p.xyw, color.r), vec4(color.r, p.yzx), step(p.x, color.r));
+  float d = q.x - min(q.w, q.y);
+  float e = 1.0e-10;
+  return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);
+}
+
+void main() {
+  ivec2 cell = ivec2(gl_FragCoord.xy);
+  vec4 state = texelFetch(u_state, cell, 0);
+  vec4 emitter = texelFetch(u_emitter, cell, 0);
+  float strength = clamp(emitter.a, 0.0, 1.0);
+
+  if (strength <= 0.0) {
+    outColor = state;
+    return;
+  }
+
+  float noise = hash12(vec2(cell) + emitter.rg * 255.0);
+  if (noise > strength) {
+    outColor = state;
+    return;
+  }
+
+  vec3 hsv = rgbToHsv(emitter.rgb);
+  int hue = int(floor(hsv.x * 254.0)) + 1;
+  outColor = vec4(float(hue) / 255.0, 0.0, 0.0, 1.0);
+}`;
+
+const colorFragmentSource = `#version 300 es
+precision highp float;
+precision highp sampler2D;
+
+uniform sampler2D u_state;
+uniform sampler2D u_palette;
+uniform ivec2 u_gridSize;
+uniform vec2 u_resolution;
+
+out vec4 outColor;
+
+void main() {
+  vec2 uv = gl_FragCoord.xy / u_resolution;
+  ivec2 cell = ivec2(floor(uv * vec2(u_gridSize)));
+  cell = clamp(cell, ivec2(0), u_gridSize - 1);
+  float index = texelFetch(u_state, cell, 0).r;
+  outColor = texture(u_palette, vec2(index, 0.5));
+}`;
+
+const copyFragmentSource = `#version 300 es
+precision highp float;
+precision highp sampler2D;
+
+in vec2 v_uv;
+
+uniform sampler2D u_image;
+
+out vec4 outColor;
+
+void main() {
+  outColor = texture(u_image, v_uv);
+}`;
+
+const blurFragmentSource = `#version 300 es
+precision highp float;
+precision highp sampler2D;
+
+in vec2 v_uv;
+
+uniform sampler2D u_image;
+uniform vec2 u_direction;
+uniform vec2 u_resolution;
+uniform float u_radius;
+
+out vec4 outColor;
+
+void main() {
+  vec2 texel = (u_direction / u_resolution) * u_radius;
+
+  vec4 color = texture(u_image, v_uv) * 0.15957691;
+  color += texture(u_image, v_uv + texel * 1.0) * 0.14730806;
+  color += texture(u_image, v_uv - texel * 1.0) * 0.14730806;
+  color += texture(u_image, v_uv + texel * 2.0) * 0.11587662;
+  color += texture(u_image, v_uv - texel * 2.0) * 0.11587662;
+  color += texture(u_image, v_uv + texel * 3.0) * 0.07767442;
+  color += texture(u_image, v_uv - texel * 3.0) * 0.07767442;
+  color += texture(u_image, v_uv + texel * 4.0) * 0.04436833;
+  color += texture(u_image, v_uv - texel * 4.0) * 0.04436833;
+  color += texture(u_image, v_uv + texel * 5.0) * 0.02159639;
+  color += texture(u_image, v_uv - texel * 5.0) * 0.02159639;
+  color += texture(u_image, v_uv + texel * 6.0) * 0.00895781;
+  color += texture(u_image, v_uv - texel * 6.0) * 0.00895781;
+
+  outColor = color;
+}`;
+
+const compositeFragmentSource = `#version 300 es
+precision highp float;
+precision highp sampler2D;
+
+uniform sampler2D u_sharp;
+uniform sampler2D u_inBlur;
+uniform sampler2D u_outBlur;
+uniform sampler2D u_outBlur2;
+uniform sampler2D u_palette;
+uniform vec2 u_resolution;
+uniform vec4 u_panelRects[${PANEL_LIMIT}];
+uniform int u_panelCount;
+uniform float u_inMinBlockSize;
+uniform float u_inMaxBlockSize;
+uniform int u_inLevels;
+uniform float u_inDetailThreshold;
+uniform float u_inDitherStrength;
+uniform float u_inEdgeBias;
+uniform float u_inHueDrift;
+uniform float u_inStreakStrength;
+uniform float u_outMinBlockSize;
+uniform float u_outMaxBlockSize;
+uniform int u_outLevels;
+uniform float u_outDetailThreshold;
+uniform float u_outDitherStrength;
+uniform float u_outEdgeBias;
+uniform float u_outHueDrift;
+uniform float u_outStreakStrength;
+uniform float u_outGlowStrength;
+uniform float u_outGlowThreshold;
+uniform float u_outGlowSoftness;
+uniform float u_outGlowBoost;
+out vec4 outColor;
+
+bool inRect(vec2 point, vec4 rect) {
+  return point.x >= rect.x &&
+    point.y >= rect.y &&
+    point.x < rect.x + rect.z &&
+    point.y < rect.y + rect.w;
+}
+
+float rectSignedDistance(vec2 point, vec4 rect) {
+  vec2 center = rect.xy + rect.zw * 0.5;
+  vec2 halfSize = rect.zw * 0.5;
+  vec2 delta = abs(point - center) - halfSize;
+  float outside = length(max(delta, 0.0));
+  float inside = min(max(delta.x, delta.y), 0.0);
+  return outside + inside;
+}
+
+float bayer4(vec2 point) {
+  vec2 cell = mod(floor(point), 4.0);
+  if (cell.y < 1.0) {
+    if (cell.x < 1.0) return 0.0 / 16.0;
+    if (cell.x < 2.0) return 8.0 / 16.0;
+    if (cell.x < 3.0) return 2.0 / 16.0;
+    return 10.0 / 16.0;
+  }
+  if (cell.y < 2.0) {
+    if (cell.x < 1.0) return 12.0 / 16.0;
+    if (cell.x < 2.0) return 4.0 / 16.0;
+    if (cell.x < 3.0) return 14.0 / 16.0;
+    return 6.0 / 16.0;
+  }
+  if (cell.y < 3.0) {
+    if (cell.x < 1.0) return 3.0 / 16.0;
+    if (cell.x < 2.0) return 11.0 / 16.0;
+    if (cell.x < 3.0) return 1.0 / 16.0;
+    return 9.0 / 16.0;
+  }
+  if (cell.x < 1.0) return 15.0 / 16.0;
+  if (cell.x < 2.0) return 7.0 / 16.0;
+  if (cell.x < 3.0) return 13.0 / 16.0;
+  return 5.0 / 16.0;
+}
+
+vec3 rgbToHsv(vec3 color) {
+  vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);
+  vec4 p = mix(vec4(color.bg, K.wz), vec4(color.gb, K.xy), step(color.b, color.g));
+  vec4 q = mix(vec4(p.xyw, color.r), vec4(color.r, p.yzx), step(p.x, color.r));
+  float d = q.x - min(q.w, q.y);
+  float e = 1.0e-10;
+  return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);
+}
+
+float luma(vec3 color) {
+  return dot(color, vec3(0.299, 0.587, 0.114));
+}
+
+float hash12(vec2 point) {
+  vec3 p3 = fract(vec3(point.xyx) * 0.1031);
+  p3 += dot(p3, p3.yzx + 33.33);
+  return fract((p3.x + p3.y) * p3.z);
+}
+
+vec3 sampleBlock(vec2 point, float blockSize, float streakStrength, sampler2D blurTex) {
+  vec2 blockCoord = floor(point / blockSize);
+  vec2 samplePoint = (blockCoord + 0.5) * blockSize;
+  float streak = (hash12(vec2(blockCoord.y, blockSize)) - 0.5) * blockSize * streakStrength;
+  samplePoint.x += streak;
+  samplePoint.x = clamp(samplePoint.x, 0.5, u_resolution.x - 0.5);
+  vec2 sampleUv = samplePoint / u_resolution;
+  return texture(blurTex, sampleUv).rgb;
+}
+
+float blockDetail(vec2 point, float blockSize, float edgeBias, float streakStrength, sampler2D blurTex) {
+  vec2 offset = vec2(blockSize * 0.35);
+  vec3 center = sampleBlock(point, blockSize, streakStrength, blurTex);
+  vec3 right = sampleBlock(point + vec2(offset.x, 0.0), blockSize, streakStrength, blurTex);
+  vec3 left = sampleBlock(point + vec2(-offset.x, 0.0), blockSize, streakStrength, blurTex);
+  vec3 up = sampleBlock(point + vec2(0.0, offset.y), blockSize, streakStrength, blurTex);
+  vec3 down = sampleBlock(point + vec2(0.0, -offset.y), blockSize, streakStrength, blurTex);
+
+  float edgeX = abs(luma(right) - luma(left));
+  float edgeY = abs(luma(up) - luma(down));
+  float edgeDetail = max(edgeX, edgeY);
+
+  float chromaShift = max(
+    max(length(right - center), length(left - center)),
+    max(length(up - center), length(down - center))
+  );
+
+  return edgeDetail * edgeBias + chromaShift * 0.2;
+}
+
+float chooseBlockSize(vec2 point, float minBlockSize, float maxBlockSize, int levels, float detailThreshold, float edgeBias, float streakStrength, sampler2D blurTex) {
+  float minSize = max(minBlockSize, 0.25);
+  float maxSize = max(minSize, maxBlockSize);
+  int sections = clamp(levels, 1, 10);
+  int sizeCount = sections + 1;
+  float chosen = maxSize;
+  float steps = float(max(sizeCount - 1, 1));
+
+  for (int i = 0; i < 11; i++) {
+    if (i >= sizeCount) {
+      break;
+    }
+    float t = float(i) / steps;
+    float candidate = exp(mix(log(maxSize), log(minSize), t));
+    chosen = candidate;
+    if (blockDetail(point, candidate, edgeBias, streakStrength, blurTex) <= detailThreshold) {
+      break;
+    }
+  }
+
+  return chosen;
+}
+
+vec4 stylizeBlur(vec2 frag, sampler2D blurTex, float minBlockSize, float maxBlockSize, int levels, float detailThreshold, float ditherStrength, float edgeBias, float hueDrift, float streakStrength) {
+  float pixelSize = chooseBlockSize(frag, minBlockSize, maxBlockSize, levels, detailThreshold, edgeBias, streakStrength, blurTex);
+  vec2 blockCoord = floor(frag / pixelSize);
+  vec3 blurred = sampleBlock(frag, pixelSize, streakStrength, blurTex);
+  vec3 hsv = rgbToHsv(blurred);
+  float drift = (hash12(blockCoord + vec2(pixelSize, 17.0)) - 0.5) * hueDrift;
+  float hueIndex = floor(fract(hsv.x + drift) * 254.0) + 1.0;
+  vec3 hueColor = texture(u_palette, vec2(hueIndex / 255.0, 0.5)).rgb;
+  float coverage = clamp(hsv.z * mix(0.28, 1.0, hsv.y), 0.0, 1.0);
+  float threshold = mix(0.5, bayer4(frag), clamp(ditherStrength, 0.0, 1.0));
+  return coverage > threshold ? vec4(hueColor, 1.0) : vec4(0.0, 0.0, 0.0, 1.0);
+}
+
+vec3 screenBlend(vec3 base, vec3 blend) {
+  return 1.0 - (1.0 - base) * (1.0 - blend);
+}
+
+vec4 glowOutside(vec2 frag) {
+  vec2 uv = frag / u_resolution;
+  vec3 sharp = texture(u_sharp, uv).rgb;
+  vec3 blur = texture(u_outBlur, uv).rgb;
+  vec3 bloom = max(blur - vec3(u_outGlowThreshold), vec3(0.0));
+  bloom = pow(bloom, vec3(1.0 / max(u_outGlowSoftness, 0.01)));
+  vec3 glow = bloom * u_outGlowBoost * u_outGlowStrength;
+  vec3 color = screenBlend(sharp, glow);
+
+  return vec4(color, 1.0);
+}
+
+void main() {
+  vec2 frag = gl_FragCoord.xy;
+  bool inside = false;
+  for (int i = 0; i < ${PANEL_LIMIT}; i++) {
+    if (i >= u_panelCount) {
+      break;
+    }
+    if (inRect(frag, u_panelRects[i])) {
+      inside = true;
+      break;
+    }
+  }
+  outColor = inside
+    ? stylizeBlur(frag, u_inBlur, u_inMinBlockSize, u_inMaxBlockSize, u_inLevels, u_inDetailThreshold, u_inDitherStrength, u_inEdgeBias, u_inHueDrift, u_inStreakStrength)
+    : glowOutside(frag);
+}`;
+
+function compileShader(
+  gl: WebGL2RenderingContext,
+  type: number,
+  source: string,
+) {
+  const shader = gl.createShader(type);
+  if (!shader) {
+    throw new Error("Unable to create WebGL shader");
+  }
+
+  gl.shaderSource(shader, source);
+  gl.compileShader(shader);
+
+  if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
+    const message = gl.getShaderInfoLog(shader) ?? "Unknown shader error";
+    gl.deleteShader(shader);
+    throw new Error(message);
+  }
+
+  return shader;
+}
+
+function createProgram(
+  gl: WebGL2RenderingContext,
+  vertexSource: string,
+  fragmentSource: string,
+  uniformNames: string[],
+): ProgramBundle {
+  const vertexShader = compileShader(gl, gl.VERTEX_SHADER, vertexSource);
+  const fragmentShader = compileShader(gl, gl.FRAGMENT_SHADER, fragmentSource);
+  const program = gl.createProgram();
+
+  if (!program) {
+    throw new Error("Unable to create WebGL program");
+  }
+
+  gl.attachShader(program, vertexShader);
+  gl.attachShader(program, fragmentShader);
+  gl.linkProgram(program);
+  gl.deleteShader(vertexShader);
+  gl.deleteShader(fragmentShader);
+
+  if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
+    const message = gl.getProgramInfoLog(program) ?? "Unknown program error";
+    gl.deleteProgram(program);
+    throw new Error(message);
+  }
+
+  const uniforms = Object.fromEntries(
+    uniformNames.map((name) => [name, gl.getUniformLocation(program, name)]),
+  );
+
+  return { program, uniforms };
+}
+
+function createTextureTarget(
+  gl: WebGL2RenderingContext,
+  width: number,
+  height: number,
+  filter: number,
+) {
+  const texture = gl.createTexture();
+  const framebuffer = gl.createFramebuffer();
+
+  if (!texture || !framebuffer) {
+    throw new Error("Unable to allocate WebGL texture target");
+  }
+
+  gl.bindTexture(gl.TEXTURE_2D, texture);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, filter);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, filter);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+  gl.texImage2D(
+    gl.TEXTURE_2D,
+    0,
+    gl.RGBA8,
+    width,
+    height,
+    0,
+    gl.RGBA,
+    gl.UNSIGNED_BYTE,
+    null,
+  );
+
+  gl.bindFramebuffer(gl.FRAMEBUFFER, framebuffer);
+  gl.framebufferTexture2D(
+    gl.FRAMEBUFFER,
+    gl.COLOR_ATTACHMENT0,
+    gl.TEXTURE_2D,
+    texture,
+    0,
+  );
+
+  if (gl.checkFramebufferStatus(gl.FRAMEBUFFER) !== gl.FRAMEBUFFER_COMPLETE) {
+    throw new Error("Incomplete WebGL framebuffer");
+  }
+
+  gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+  gl.bindTexture(gl.TEXTURE_2D, null);
+
+  return { texture, framebuffer, width, height };
+}
+
+function deleteTextureTarget(
+  gl: WebGL2RenderingContext,
+  target: TextureTarget | null,
+) {
+  if (!target) return;
+  gl.deleteFramebuffer(target.framebuffer);
+  gl.deleteTexture(target.texture);
+}
+
+function createPaletteTexture(gl: WebGL2RenderingContext) {
+  const texture = gl.createTexture();
+  if (!texture) {
+    throw new Error("Unable to create palette texture");
+  }
+
+  const data = new Uint8Array(256 * 4);
+  data[3] = 255;
+
+  for (let i = 1; i < 256; i++) {
+    const h = (i / 255) * 6;
+    const x = 1 - Math.abs((h % 2) - 1);
+    let r = 0;
+    let g = 0;
+    let b = 0;
+
+    if (h < 1) {
+      r = 1;
+      g = x;
+    } else if (h < 2) {
+      r = x;
+      g = 1;
+    } else if (h < 3) {
+      g = 1;
+      b = x;
+    } else if (h < 4) {
+      g = x;
+      b = 1;
+    } else if (h < 5) {
+      r = x;
+      b = 1;
+    } else {
+      r = 1;
+      b = x;
+    }
+
+    const offset = i * 4;
+    data[offset] = Math.floor(r * 255);
+    data[offset + 1] = Math.floor(g * 255);
+    data[offset + 2] = Math.floor(b * 255);
+    data[offset + 3] = 255;
+  }
+
+  gl.bindTexture(gl.TEXTURE_2D, texture);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+  gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+  gl.texImage2D(
+    gl.TEXTURE_2D,
+    0,
+    gl.RGBA8,
+    256,
+    1,
+    0,
+    gl.RGBA,
+    gl.UNSIGNED_BYTE,
+    data,
+  );
+  gl.bindTexture(gl.TEXTURE_2D, null);
+
+  return texture;
+}
+
+function createInitialState(width: number, height: number) {
+  const data = new Uint8Array(width * height * 4);
+  const seedBuffer = new Uint32Array(1);
+  globalThis.crypto.getRandomValues(seedBuffer);
+  let rng = seedBuffer[0] ?? 0x4a455450;
+
+  const next = () => {
+    rng ^= rng << 13;
+    rng ^= rng >>> 17;
+    rng ^= rng << 5;
+    return rng >>> 0;
+  };
+
+  for (let i = 0; i < width * height; i++) {
+    const alive = (next() & 1) === 0;
+    data[i * 4] = alive ? next() & 0xff || 1 : 0;
+    data[i * 4 + 3] = 255;
+  }
+
+  return data;
+}
+
+function setTextureUnit(
+  gl: WebGL2RenderingContext,
+  unit: number,
+  texture: WebGLTexture,
+) {
+  gl.activeTexture(gl.TEXTURE0 + unit);
+  gl.bindTexture(gl.TEXTURE_2D, texture);
+}
+
+function uniform(
+  bundle: ProgramBundle,
+  name: string,
+): WebGLUniformLocation | null {
+  return bundle.uniforms[name] ?? null;
+}
+
+export function initWebGLBackground() {
+  const canvas = document.getElementById("canvas") as HTMLCanvasElement | null;
+  if (!canvas) {
+    return null;
+  }
+
+  const gl = canvas.getContext("webgl2", {
+    alpha: true,
+    antialias: false,
+    premultipliedAlpha: true,
+    depth: false,
+    stencil: false,
+    preserveDrawingBuffer: false,
+  });
+
+  if (!gl) {
+    document.body.dataset.backgroundMode = "failed";
+    canvas.hidden = true;
+    return null;
+  }
+
+  const vao = gl.createVertexArray();
+  if (!vao) {
+    throw new Error("Unable to create WebGL vertex array");
+  }
+  gl.bindVertexArray(vao);
+
+  const simulationProgram = createProgram(
+    gl,
+    fullscreenVertexSource,
+    simulationFragmentSource,
+    ["u_state", "u_gridSize"],
+  );
+  const stampProgram = createProgram(
+    gl,
+    fullscreenVertexSource,
+    stampFragmentSource,
+    ["u_state", "u_gridSize", "u_center", "u_radius", "u_hue", "u_active"],
+  );
+  const injectProgram = createProgram(
+    gl,
+    fullscreenVertexSource,
+    injectFragmentSource,
+    ["u_state", "u_emitter", "u_gridSize"],
+  );
+  const colorProgram = createProgram(
+    gl,
+    fullscreenVertexSource,
+    colorFragmentSource,
+    ["u_state", "u_palette", "u_gridSize", "u_resolution"],
+  );
+  const copyProgram = createProgram(
+    gl,
+    fullscreenVertexSource,
+    copyFragmentSource,
+    ["u_image"],
+  );
+  const blurProgram = createProgram(
+    gl,
+    fullscreenVertexSource,
+    blurFragmentSource,
+    ["u_image", "u_direction", "u_resolution", "u_radius"],
+  );
+  const compositeProgram = createProgram(
+    gl,
+    fullscreenVertexSource,
+    compositeFragmentSource,
+    [
+      "u_sharp",
+      "u_inBlur",
+      "u_outBlur",
+      "u_outBlur2",
+      "u_palette",
+      "u_resolution",
+      "u_panelRects",
+      "u_panelCount",
+      "u_inMinBlockSize",
+      "u_inMaxBlockSize",
+      "u_inLevels",
+      "u_inDetailThreshold",
+      "u_inDitherStrength",
+      "u_inEdgeBias",
+      "u_inHueDrift",
+      "u_inStreakStrength",
+      "u_outMinBlockSize",
+      "u_outMaxBlockSize",
+      "u_outLevels",
+      "u_outDetailThreshold",
+      "u_outDitherStrength",
+      "u_outEdgeBias",
+      "u_outHueDrift",
+      "u_outStreakStrength",
+      "u_outGlowStrength",
+      "u_outGlowThreshold",
+      "u_outGlowSoftness",
+      "u_outGlowBoost",
+    ],
+  );
+
+  const paletteTexture = createPaletteTexture(gl);
+  const pointer: PointerState = { active: false, col: 0, row: 0 };
+  const tuning: TuningState = {
+    inside: {
+      blurStrength: 1,
+      blurRadius: 20,
+      smallestBlock: 0.25,
+      largestBlock: 63,
+      levels: 5,
+      detailThreshold: 0.103,
+      ditherStrength: 0.79,
+      edgeBias: 3,
+      hueDrift: 0.04,
+      streakStrength: 1,
+    },
+    outside: {
+      blurStrength: 1,
+      blurRadius: 20,
+      smallestBlock: 1,
+      largestBlock: 20,
+      levels: 3,
+      detailThreshold: 0.04,
+      ditherStrength: 0.75,
+      edgeBias: 1.35,
+      hueDrift: 0.08,
+      streakStrength: 0.35,
+    },
+    outsideGlow: {
+      threshold: 0,
+      softness: 1,
+      boost: 1,
+    },
+    darkness: 0.68,
+    imageEmit: 1,
+    ansiEmit: 1,
+    linkEmit: 1,
+  };
+  const panelRects = new Float32Array(PANEL_LIMIT * 4);
+
+  let stateTargets: [TextureTarget, TextureTarget] | null = null;
+  let colorTarget: TextureTarget | null = null;
+  let sharpTarget: TextureTarget | null = null;
+  let smoothTarget: TextureTarget | null = null;
+  let insideBlurTargets: [TextureTarget, TextureTarget] | null = null;
+  let outsideBlurTargets: [TextureTarget, TextureTarget] | null = null;
+  let emitterTarget: TextureTarget | null = null;
+  let stateIndex = 0;
+  let rafId = 0;
+  let cssWidth = 0;
+  let cssHeight = 0;
+  let canvasWidth = 0;
+  let canvasHeight = 0;
+  let gridWidth = 0;
+  let gridHeight = 0;
+  const emitterCanvas = document.createElement("canvas");
+  const emitterCtx = emitterCanvas.getContext("2d");
+
+  const renderPass = (
+    target: TextureTarget | null,
+    width: number,
+    height: number,
+    program: WebGLProgram,
+  ) => {
+    gl.bindFramebuffer(gl.FRAMEBUFFER, target?.framebuffer ?? null);
+    gl.viewport(0, 0, width, height);
+    gl.useProgram(program);
+    gl.drawArrays(gl.TRIANGLES, 0, 3);
+  };
+
+  const currentState = () => {
+    if (!stateTargets) {
+      throw new Error("State textures not initialized");
+    }
+    return stateTargets[stateIndex]!;
+  };
+
+  const nextState = () => {
+    if (!stateTargets) {
+      throw new Error("State textures not initialized");
+    }
+    return stateTargets[1 - stateIndex]!;
+  };
+
+  const swapState = () => {
+    stateIndex = 1 - stateIndex;
+  };
+
+  const resizeTargets = () => {
+    const dpr = Math.min(window.devicePixelRatio || 1, MAX_DPR);
+    cssWidth = Math.max(1, Math.round(window.innerWidth));
+    cssHeight = Math.max(1, Math.round(window.innerHeight));
+    canvasWidth = Math.max(1, Math.round(cssWidth * dpr));
+    canvasHeight = Math.max(1, Math.round(cssHeight * dpr));
+    gridWidth = Math.max(1, Math.floor(cssWidth / CELL_SIZE));
+    gridHeight = Math.max(1, Math.floor(cssHeight / CELL_SIZE));
+
+    canvas.width = canvasWidth;
+    canvas.height = canvasHeight;
+    canvas.hidden = false;
+    document.body.dataset.backgroundMode = "animated";
+    document.documentElement.style.setProperty(
+      "--panel-bg-alpha",
+      tuning.darkness.toFixed(2),
+    );
+
+    deleteTextureTarget(gl, stateTargets?.[0] ?? null);
+    deleteTextureTarget(gl, stateTargets?.[1] ?? null);
+    deleteTextureTarget(gl, colorTarget);
+    deleteTextureTarget(gl, sharpTarget);
+    deleteTextureTarget(gl, smoothTarget);
+    deleteTextureTarget(gl, insideBlurTargets?.[0] ?? null);
+    deleteTextureTarget(gl, insideBlurTargets?.[1] ?? null);
+    deleteTextureTarget(gl, outsideBlurTargets?.[0] ?? null);
+    deleteTextureTarget(gl, outsideBlurTargets?.[1] ?? null);
+    deleteTextureTarget(gl, emitterTarget);
+
+    stateTargets = [
+      createTextureTarget(gl, gridWidth, gridHeight, gl.NEAREST),
+      createTextureTarget(gl, gridWidth, gridHeight, gl.NEAREST),
+    ];
+    colorTarget = createTextureTarget(gl, gridWidth, gridHeight, gl.LINEAR);
+    sharpTarget = createTextureTarget(gl, canvasWidth, canvasHeight, gl.LINEAR);
+    smoothTarget = createTextureTarget(
+      gl,
+      canvasWidth,
+      canvasHeight,
+      gl.LINEAR,
+    );
+    insideBlurTargets = [
+      createTextureTarget(gl, canvasWidth, canvasHeight, gl.LINEAR),
+      createTextureTarget(gl, canvasWidth, canvasHeight, gl.LINEAR),
+    ];
+    outsideBlurTargets = [
+      createTextureTarget(gl, canvasWidth, canvasHeight, gl.LINEAR),
+      createTextureTarget(gl, canvasWidth, canvasHeight, gl.LINEAR),
+    ];
+    emitterTarget = createTextureTarget(gl, gridWidth, gridHeight, gl.LINEAR);
+    stateIndex = 0;
+    emitterCanvas.width = gridWidth;
+    emitterCanvas.height = gridHeight;
+
+    const initialState = createInitialState(gridWidth, gridHeight);
+    setTextureUnit(gl, 0, stateTargets[0].texture);
+    gl.texSubImage2D(
+      gl.TEXTURE_2D,
+      0,
+      0,
+      0,
+      gridWidth,
+      gridHeight,
+      gl.RGBA,
+      gl.UNSIGNED_BYTE,
+      initialState,
+    );
+    setTextureUnit(gl, 0, stateTargets[1].texture);
+    gl.texSubImage2D(
+      gl.TEXTURE_2D,
+      0,
+      0,
+      0,
+      gridWidth,
+      gridHeight,
+      gl.RGBA,
+      gl.UNSIGNED_BYTE,
+      initialState,
+    );
+    gl.bindTexture(gl.TEXTURE_2D, null);
+  };
+
+  const updatePanelRects = () => {
+    panelRects.fill(0);
+    const dpr = canvasWidth / cssWidth;
+    const nodes = Array.from(
+      document.querySelectorAll<HTMLElement>(".site-panel-frame"),
+    ).slice(0, PANEL_LIMIT);
+
+    nodes.forEach((node, index) => {
+      const rect = node.getBoundingClientRect();
+      const offset = index * 4;
+      const inset = PANEL_BORDER_INSET_PX * dpr;
+      panelRects[offset] = rect.left * dpr + inset;
+      panelRects[offset + 1] = (cssHeight - rect.bottom) * dpr + inset;
+      panelRects[offset + 2] = Math.max(1, rect.width * dpr - inset * 2);
+      panelRects[offset + 3] = Math.max(1, rect.height * dpr - inset * 2);
+    });
+
+    return nodes.length;
+  };
+
+  const updatePointer = (clientX: number, clientY: number) => {
+    pointer.col = Math.max(
+      0,
+      Math.min(gridWidth - 1, Math.floor(clientX / CELL_SIZE)),
+    );
+    pointer.row = Math.max(
+      0,
+      Math.min(gridHeight - 1, Math.floor((cssHeight - clientY) / CELL_SIZE)),
+    );
+    pointer.active = true;
+  };
+
+  const TOUCH_DRAG_THRESHOLD = 8;
+  let touchDragActive = false;
+  let touchStartX = 0;
+  let touchStartY = 0;
+
+  const renderEmitters = () => {
+    if (!emitterCtx || !emitterTarget) {
+      return;
+    }
+
+    emitterCtx.clearRect(0, 0, gridWidth, gridHeight);
+    emitterCtx.imageSmoothingEnabled = true;
+
+    const scaleX = gridWidth / cssWidth;
+    const scaleY = gridHeight / cssHeight;
+    const intersectRect = (a: DOMRect, b: DOMRect) => {
+      const left = Math.max(a.left, b.left);
+      const top = Math.max(a.top, b.top);
+      const right = Math.min(a.right, b.right);
+      const bottom = Math.min(a.bottom, b.bottom);
+      if (right <= left || bottom <= top) return null;
+      return new DOMRect(left, top, right - left, bottom - top);
+    };
+    const getVisibleRect = (element: HTMLElement) => {
+      let visible: DOMRect | null = intersectRect(
+        element.getBoundingClientRect(),
+        new DOMRect(0, 0, cssWidth, cssHeight),
+      );
+      if (!visible) return null;
+
+      let current = element.parentElement;
+      while (current && current !== document.body) {
+        const style = getComputedStyle(current);
+        const clipsX = /(auto|scroll|hidden|clip)/.test(style.overflowX);
+        const clipsY = /(auto|scroll|hidden|clip)/.test(style.overflowY);
+        if (clipsX || clipsY) {
+          visible = intersectRect(visible, current.getBoundingClientRect());
+          if (!visible) return null;
+        }
+        current = current.parentElement;
+      }
+
+      return visible;
+    };
+    const drawRect = (rect: DOMRect, color: string, alpha: number) => {
+      if (alpha <= 0 || rect.width <= 0 || rect.height <= 0) return;
+      emitterCtx.globalAlpha = alpha;
+      emitterCtx.fillStyle = color;
+      emitterCtx.fillRect(
+        rect.left * scaleX,
+        rect.top * scaleY,
+        rect.width * scaleX,
+        rect.height * scaleY,
+      );
+    };
+
+    const drawText = (element: HTMLElement, alpha: number) => {
+      const text = element.textContent?.trim();
+      if (!text || alpha <= 0) return;
+      const rect = getVisibleRect(element);
+      if (!rect) return;
+      if (rect.width <= 0 || rect.height <= 0) return;
+      const style = getComputedStyle(element);
+      if (style.visibility === "hidden" || style.display === "none") return;
+      emitterCtx.save();
+      emitterCtx.beginPath();
+      emitterCtx.rect(
+        rect.left * scaleX,
+        rect.top * scaleY,
+        rect.width * scaleX,
+        rect.height * scaleY,
+      );
+      emitterCtx.clip();
+      emitterCtx.globalAlpha = alpha;
+      emitterCtx.fillStyle = style.color;
+      emitterCtx.textBaseline = "top";
+      emitterCtx.font = `${style.fontStyle} ${style.fontWeight} ${Math.max(8, parseFloat(style.fontSize) * scaleY)}px ${style.fontFamily}`;
+      const x = rect.left * scaleX;
+      const y = rect.top * scaleY;
+      const lines = text
+        .split(/\n+/)
+        .map((line) => line.trim())
+        .filter(Boolean);
+      const lineHeight = Math.max(
+        8,
+        parseFloat(style.lineHeight || style.fontSize) * scaleY ||
+          parseFloat(style.fontSize) * scaleY,
+      );
+      lines.forEach((line, index) => {
+        emitterCtx.fillText(
+          line,
+          x,
+          y + index * lineHeight,
+          Math.max(1, rect.width * scaleX),
+        );
+      });
+      emitterCtx.restore();
+    };
+
+    if (tuning.imageEmit > 0) {
+      document
+        .querySelectorAll<HTMLImageElement>("img[data-emitter-image]")
+        .forEach((image) => {
+          const rect = getVisibleRect(image);
+          if (!rect) return;
+          if (rect.width <= 0 || rect.height <= 0 || !image.complete) return;
+          emitterCtx.save();
+          emitterCtx.beginPath();
+          emitterCtx.rect(
+            rect.left * scaleX,
+            rect.top * scaleY,
+            rect.width * scaleX,
+            rect.height * scaleY,
+          );
+          emitterCtx.clip();
+          emitterCtx.globalAlpha = tuning.imageEmit;
+          emitterCtx.drawImage(
+            image,
+            rect.left * scaleX,
+            rect.top * scaleY,
+            rect.width * scaleX,
+            rect.height * scaleY,
+          );
+          emitterCtx.restore();
+        });
+    }
+
+    if (tuning.ansiEmit > 0) {
+      document
+        .querySelectorAll<HTMLElement>("[data-emitter-ansi] span")
+        .forEach((span) => {
+          const rect = getVisibleRect(span);
+          if (!rect) return;
+          const color = getComputedStyle(span).color;
+          drawRect(rect, color, tuning.ansiEmit);
+        });
+    }
+
+    if (tuning.linkEmit > 0) {
+      document.querySelectorAll<HTMLElement>("a").forEach((link) => {
+        drawText(link, tuning.linkEmit);
+      });
+    }
+
+    const textEmitStrength = Math.max(tuning.linkEmit, tuning.ansiEmit * 0.8);
+    if (textEmitStrength > 0) {
+      document
+        .querySelectorAll<HTMLElement>(
+          "button, p, span, legend, label, [role='button'], .qa-meta, .qa-button, .qa-inline-action",
+        )
+        .forEach((element) => {
+          if (element.closest("[data-emitter-ansi]")) {
+            return;
+          }
+          drawText(element, textEmitStrength);
+        });
+
+      document
+        .querySelectorAll<HTMLElement>("button, .qa-button, .qa-inline-action")
+        .forEach((element) => {
+          const rect = getVisibleRect(element);
+          if (!rect) return;
+          const color = getComputedStyle(element).color;
+          drawRect(rect, color, textEmitStrength * 0.2);
+        });
+
+      document
+        .querySelectorAll<HTMLElement>(
+          "#char-count, #qa-status, #copy-email-status",
+        )
+        .forEach((element) => {
+          if (element.id === "char-count") {
+            const color = getComputedStyle(element).color.replace(/\s+/g, "");
+            if (color !== "rgb(255,85,85)") {
+              return;
+            }
+          }
+          drawText(element, Math.max(textEmitStrength, 0.75));
+        });
+    }
+
+    emitterCtx.globalAlpha = 1;
+    setTextureUnit(gl, 3, emitterTarget.texture);
+    gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, 1);
+    gl.texSubImage2D(
+      gl.TEXTURE_2D,
+      0,
+      0,
+      0,
+      gl.RGBA,
+      gl.UNSIGNED_BYTE,
+      emitterCanvas,
+    );
+    gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, 0);
+  };
+
+  const injectEmitters = () => {
+    if (!emitterTarget) return;
+
+    const source = currentState();
+    const target = nextState();
+    setTextureUnit(gl, 0, source.texture);
+    setTextureUnit(gl, 3, emitterTarget.texture);
+    gl.useProgram(injectProgram.program);
+    gl.uniform1i(uniform(injectProgram, "u_state"), 0);
+    gl.uniform1i(uniform(injectProgram, "u_emitter"), 3);
+    gl.uniform2i(uniform(injectProgram, "u_gridSize"), gridWidth, gridHeight);
+    renderPass(target, gridWidth, gridHeight, injectProgram.program);
+    swapState();
+  };
+
+  const simulate = () => {
+    const source = currentState();
+    const target = nextState();
+
+    setTextureUnit(gl, 0, source.texture);
+    gl.useProgram(simulationProgram.program);
+    gl.uniform1i(uniform(simulationProgram, "u_state"), 0);
+    gl.uniform2i(
+      uniform(simulationProgram, "u_gridSize"),
+      gridWidth,
+      gridHeight,
+    );
+    renderPass(target, gridWidth, gridHeight, simulationProgram.program);
+    swapState();
+  };
+
+  const stamp = (now: number) => {
+    const source = currentState();
+    const target = nextState();
+
+    setTextureUnit(gl, 0, source.texture);
+    gl.useProgram(stampProgram.program);
+    gl.uniform1i(uniform(stampProgram, "u_state"), 0);
+    gl.uniform2i(uniform(stampProgram, "u_gridSize"), gridWidth, gridHeight);
+    gl.uniform2f(
+      uniform(stampProgram, "u_center"),
+      pointer.col + 0.5,
+      pointer.row + 0.5,
+    );
+    gl.uniform1f(uniform(stampProgram, "u_radius"), BRUSH_RADIUS);
+    gl.uniform1f(
+      uniform(stampProgram, "u_hue"),
+      (((now % HUE_PERIOD_MS) / HUE_PERIOD_MS) * 255 || 1) / 255,
+    );
+    gl.uniform1i(uniform(stampProgram, "u_active"), 1);
+    renderPass(target, gridWidth, gridHeight, stampProgram.program);
+    swapState();
+  };
+
+  const colorize = () => {
+    if (!colorTarget || !sharpTarget || !smoothTarget) return;
+
+    setTextureUnit(gl, 0, currentState().texture);
+    setTextureUnit(gl, 1, paletteTexture);
+    gl.useProgram(colorProgram.program);
+    gl.uniform1i(uniform(colorProgram, "u_state"), 0);
+    gl.uniform1i(uniform(colorProgram, "u_palette"), 1);
+    gl.uniform2i(uniform(colorProgram, "u_gridSize"), gridWidth, gridHeight);
+    gl.uniform2f(uniform(colorProgram, "u_resolution"), gridWidth, gridHeight);
+    renderPass(colorTarget, gridWidth, gridHeight, colorProgram.program);
+
+    gl.uniform2f(
+      uniform(colorProgram, "u_resolution"),
+      canvasWidth,
+      canvasHeight,
+    );
+    renderPass(sharpTarget, canvasWidth, canvasHeight, colorProgram.program);
+
+    setTextureUnit(gl, 0, colorTarget.texture);
+    gl.useProgram(copyProgram.program);
+    gl.uniform1i(uniform(copyProgram, "u_image"), 0);
+    renderPass(smoothTarget, canvasWidth, canvasHeight, copyProgram.program);
+  };
+
+  const blur = () => {
+    if (!smoothTarget || !insideBlurTargets || !outsideBlurTargets) return;
+
+    const runBlurStack = (
+      stack: StackTuning,
+      targets: [TextureTarget, TextureTarget],
+    ) => {
+      const iterations = Math.max(0, Math.floor(stack.blurStrength));
+      if (iterations === 0) {
+        setTextureUnit(gl, 0, smoothTarget!.texture);
+        gl.useProgram(copyProgram.program);
+        gl.uniform1i(uniform(copyProgram, "u_image"), 0);
+        renderPass(targets[1], canvasWidth, canvasHeight, copyProgram.program);
+        return;
+      }
+
+      gl.useProgram(blurProgram.program);
+      gl.uniform1i(uniform(blurProgram, "u_image"), 0);
+      gl.uniform1f(uniform(blurProgram, "u_radius"), stack.blurRadius);
+      gl.uniform2f(
+        uniform(blurProgram, "u_resolution"),
+        canvasWidth,
+        canvasHeight,
+      );
+
+      let sourceTexture = smoothTarget!.texture;
+      for (let index = 0; index < iterations; index++) {
+        setTextureUnit(gl, 0, sourceTexture);
+        gl.uniform2f(uniform(blurProgram, "u_direction"), 1, 0);
+        renderPass(targets[0], canvasWidth, canvasHeight, blurProgram.program);
+
+        setTextureUnit(gl, 0, targets[0].texture);
+        gl.uniform2f(uniform(blurProgram, "u_direction"), 0, 1);
+        renderPass(targets[1], canvasWidth, canvasHeight, blurProgram.program);
+        sourceTexture = targets[1].texture;
+      }
+    };
+
+    runBlurStack(tuning.inside, insideBlurTargets);
+    runBlurStack(tuning.outside, outsideBlurTargets);
+  };
+
+  const composite = () => {
+    if (!insideBlurTargets || !outsideBlurTargets) return;
+
+    const panelCount = updatePanelRects();
+    setTextureUnit(gl, 0, sharpTarget!.texture);
+    setTextureUnit(gl, 1, insideBlurTargets[1].texture);
+    setTextureUnit(gl, 2, outsideBlurTargets[1].texture);
+    setTextureUnit(gl, 3, paletteTexture);
+    gl.useProgram(compositeProgram.program);
+    gl.uniform1i(uniform(compositeProgram, "u_sharp"), 0);
+    gl.uniform1i(uniform(compositeProgram, "u_inBlur"), 1);
+    gl.uniform1i(uniform(compositeProgram, "u_outBlur"), 2);
+    gl.uniform1i(uniform(compositeProgram, "u_outBlur2"), 2);
+    gl.uniform1i(uniform(compositeProgram, "u_palette"), 3);
+    gl.uniform2f(
+      uniform(compositeProgram, "u_resolution"),
+      canvasWidth,
+      canvasHeight,
+    );
+    const deviceScale = canvasWidth / cssWidth;
+    gl.uniform1f(
+      uniform(compositeProgram, "u_inMinBlockSize"),
+      Math.max(0.25, tuning.inside.smallestBlock) * deviceScale,
+    );
+    gl.uniform1f(
+      uniform(compositeProgram, "u_inMaxBlockSize"),
+      Math.max(tuning.inside.largestBlock, tuning.inside.smallestBlock) *
+        deviceScale,
+    );
+    gl.uniform1i(uniform(compositeProgram, "u_inLevels"), tuning.inside.levels);
+    gl.uniform1f(
+      uniform(compositeProgram, "u_inDetailThreshold"),
+      tuning.inside.detailThreshold,
+    );
+    gl.uniform1f(
+      uniform(compositeProgram, "u_inDitherStrength"),
+      tuning.inside.ditherStrength,
+    );
+    gl.uniform1f(
+      uniform(compositeProgram, "u_inEdgeBias"),
+      tuning.inside.edgeBias,
+    );
+    gl.uniform1f(
+      uniform(compositeProgram, "u_inHueDrift"),
+      tuning.inside.hueDrift,
+    );
+    gl.uniform1f(
+      uniform(compositeProgram, "u_inStreakStrength"),
+      tuning.inside.streakStrength,
+    );
+    gl.uniform1f(
+      uniform(compositeProgram, "u_outMinBlockSize"),
+      Math.max(0.25, tuning.outside.smallestBlock) * deviceScale,
+    );
+    gl.uniform1f(
+      uniform(compositeProgram, "u_outMaxBlockSize"),
+      Math.max(tuning.outside.largestBlock, tuning.outside.smallestBlock) *
+        deviceScale,
+    );
+    gl.uniform1i(
+      uniform(compositeProgram, "u_outLevels"),
+      tuning.outside.levels,
+    );
+    gl.uniform1f(
+      uniform(compositeProgram, "u_outDetailThreshold"),
+      tuning.outside.detailThreshold,
+    );
+    gl.uniform1f(
+      uniform(compositeProgram, "u_outDitherStrength"),
+      tuning.outside.ditherStrength,
+    );
+    gl.uniform1f(
+      uniform(compositeProgram, "u_outEdgeBias"),
+      tuning.outside.edgeBias,
+    );
+    gl.uniform1f(
+      uniform(compositeProgram, "u_outHueDrift"),
+      tuning.outside.hueDrift,
+    );
+    gl.uniform1f(
+      uniform(compositeProgram, "u_outStreakStrength"),
+      tuning.outside.streakStrength,
+    );
+    gl.uniform1f(
+      uniform(compositeProgram, "u_outGlowStrength"),
+      tuning.outside.blurStrength,
+    );
+    gl.uniform1f(
+      uniform(compositeProgram, "u_outGlowThreshold"),
+      tuning.outsideGlow.threshold,
+    );
+    gl.uniform1f(
+      uniform(compositeProgram, "u_outGlowSoftness"),
+      tuning.outsideGlow.softness,
+    );
+    gl.uniform1f(
+      uniform(compositeProgram, "u_outGlowBoost"),
+      tuning.outsideGlow.boost,
+    );
+    gl.uniform4fv(uniform(compositeProgram, "u_panelRects"), panelRects);
+    gl.uniform1i(uniform(compositeProgram, "u_panelCount"), panelCount);
+    renderPass(null, canvasWidth, canvasHeight, compositeProgram.program);
+  };
+
+  const frame = (now: number) => {
+    rafId = window.requestAnimationFrame(frame);
+
+    if (document.visibilityState === "hidden") {
+      return;
+    }
+
+    if (
+      canvasWidth !==
+        Math.round(
+          cssWidth * Math.min(window.devicePixelRatio || 1, MAX_DPR),
+        ) ||
+      canvasHeight !==
+        Math.round(
+          cssHeight * Math.min(window.devicePixelRatio || 1, MAX_DPR),
+        ) ||
+      cssWidth !== Math.round(window.innerWidth) ||
+      cssHeight !== Math.round(window.innerHeight)
+    ) {
+      resizeTargets();
+    }
+
+    simulate();
+
+    if (pointer.active) {
+      stamp(now);
+    }
+
+    renderEmitters();
+    injectEmitters();
+
+    colorize();
+    blur();
+    composite();
+  };
+
+  document.addEventListener("mousemove", (event) => {
+    updatePointer(event.clientX, event.clientY);
+  });
+
+  document.addEventListener("mouseleave", () => {
+    pointer.active = false;
+  });
+
+  document.addEventListener("touchstart", (event) => {
+    const touch = event.touches.item(0);
+    if (touch) {
+      touchDragActive = false;
+      touchStartX = touch.clientX;
+      touchStartY = touch.clientY;
+      updatePointer(touch.clientX, touch.clientY);
+    }
+  });
+
+  document.addEventListener(
+    "touchmove",
+    (event) => {
+      const touch = event.touches.item(0);
+      if (!touch) {
+        return;
+      }
+
+      if (!touchDragActive) {
+        const distance = Math.hypot(
+          touch.clientX - touchStartX,
+          touch.clientY - touchStartY,
+        );
+
+        if (distance < TOUCH_DRAG_THRESHOLD) {
+          return;
+        }
+
+        touchDragActive = true;
+      }
+
+      event.preventDefault();
+      updatePointer(touch.clientX, touch.clientY);
+    },
+    { passive: false },
+  );
+
+  document.addEventListener("touchend", () => {
+    touchDragActive = false;
+    pointer.active = false;
+  });
+
+  document.addEventListener("touchcancel", () => {
+    touchDragActive = false;
+    pointer.active = false;
+  });
+
+  window.addEventListener("blur", () => {
+    pointer.active = false;
+  });
+
+  gl.disable(gl.DEPTH_TEST);
+  gl.disable(gl.BLEND);
+  gl.pixelStorei(gl.UNPACK_ALIGNMENT, 1);
+
+  resizeTargets();
+  rafId = window.requestAnimationFrame(frame);
+
+  return {
+    destroy() {
+      window.cancelAnimationFrame(rafId);
+      deleteTextureTarget(gl, stateTargets?.[0] ?? null);
+      deleteTextureTarget(gl, stateTargets?.[1] ?? null);
+      deleteTextureTarget(gl, colorTarget);
+      deleteTextureTarget(gl, sharpTarget);
+      deleteTextureTarget(gl, smoothTarget);
+      deleteTextureTarget(gl, insideBlurTargets?.[0] ?? null);
+      deleteTextureTarget(gl, insideBlurTargets?.[1] ?? null);
+      deleteTextureTarget(gl, outsideBlurTargets?.[0] ?? null);
+      deleteTextureTarget(gl, outsideBlurTargets?.[1] ?? null);
+      deleteTextureTarget(gl, emitterTarget);
+      gl.deleteTexture(paletteTexture);
+      gl.deleteVertexArray(vao);
+      gl.deleteProgram(simulationProgram.program);
+      gl.deleteProgram(stampProgram.program);
+      gl.deleteProgram(injectProgram.program);
+      gl.deleteProgram(colorProgram.program);
+      gl.deleteProgram(copyProgram.program);
+      gl.deleteProgram(blurProgram.program);
+      gl.deleteProgram(compositeProgram.program);
+    },
+  };
+}
diff --git a/src/main.ts b/src/main.ts
index 4433705..e741b18 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,7 +1,6 @@
 import "~/styles/globals.css";
-import init, { render_still, start, stop } from "cgol";
 import { route, initRouter } from "~/router";
-import { initBackgroundControls } from "~/lib/background";
+import { initWebGLBackground } from "~/lib/webgl-background";
 import { renderFooter } from "~/lib/site";
 import { homePage } from "~/pages/home";
 import { qaPage } from "~/pages/qa";
@@ -12,24 +11,5 @@ route("/qa", "Jet Pham - Q+A", qaPage);
 route("*", "404 - Jet Pham", notFoundPage);
 
 renderFooter();
-const background = initBackgroundControls({
-  start() {
-    start();
-  },
-  stop() {
-    stop();
-  },
-  renderStill(steps) {
-    render_still(steps);
-  },
-});
-
-try {
-  await init();
-  background.applyInitialMode();
-} catch (e) {
-  background.setFailed();
-  console.error("WASM init failed:", e);
-}
-
+initWebGLBackground();
 initRouter();
diff --git a/src/pages/home.ts b/src/pages/home.ts
index 3b2d890..f80f46e 100644
--- a/src/pages/home.ts
+++ b/src/pages/home.ts
@@ -6,30 +6,31 @@ export function homePage(outlet: HTMLElement) {
   outlet.innerHTML = `
     <div class="flex flex-col items-center justify-start">
       ${frostedBox(`
-        <div class="flex flex-col items-center justify-center gap-[2ch] md:flex-row">
+        <div class="flex flex-col items-center justify-center gap-[1.25ch] md:gap-[2ch] md:flex-row">
           <div class="order-1 flex flex-col items-center md:order-2">
             <h1 class="sr-only">Jet Pham</h1>
-            <div aria-hidden="true">${Jet}</div>
+            <div aria-hidden="true" data-emitter-ansi>${Jet}</div>
             <p class="mt-[2ch]">Software Extremist</p>
           </div>
           <div class="order-2 shrink-0 md:order-1">
             <img
+              data-emitter-image
               src="/jet.svg"
               alt="A picture of Jet wearing a beanie in purple and blue lighting"
               width="250"
               height="250"
-              class="aspect-square w-full max-w-[250px] object-cover md:h-[263px] md:w-[175px] md:max-w-none"
+              class="aspect-square w-full max-w-[220px] object-cover md:h-[263px] md:w-[175px] md:max-w-none"
               style="background-color: #a80055; color: transparent"
             />
           </div>
         </div>
-        <fieldset class="section-block mt-[2ch] border-2 border-white px-[calc(1.5ch-0.5px)] pb-[1ch] pt-0">
-          <legend class="-mx-[0.5ch] px-[0.5ch] text-white">Contact</legend>
+        <fieldset class="section-block mt-[2ch] border-2 px-[calc(1.5ch-0.5px)] pb-[1ch] pt-0" style="border-color: var(--white)">
+          <legend class="-mx-[0.5ch] px-[0.5ch]" style="color: var(--white)">Contact</legend>
           <button type="button" id="copy-email" class="qa-inline-action">jet@extremist.software</button>
           <span id="copy-email-status" class="qa-meta ml-[1ch]" aria-live="polite"></span>
         </fieldset>
-        <fieldset class="section-block mt-[2ch] border-2 border-white px-[calc(1.5ch-0.5px)] pb-[1ch] pt-0">
-          <legend class="-mx-[0.5ch] px-[0.5ch] text-white">Links</legend>
+        <fieldset class="section-block mt-[2ch] border-2 px-[calc(1.5ch-0.5px)] pb-[1ch] pt-0" style="border-color: var(--white)">
+          <legend class="-mx-[0.5ch] px-[0.5ch]" style="color: var(--white)">Links</legend>
           <ol>
             <li><a href="https://git.extremist.software" class="inline-flex items-center">Forgejo</a></li>
             <li><a href="https://github.com/jetpham" class="inline-flex items-center">GitHub</a></li>
diff --git a/src/router.ts b/src/router.ts
index 21bb97e..cbe3127 100644
--- a/src/router.ts
+++ b/src/router.ts
@@ -61,6 +61,7 @@ async function render() {
       outlet.innerHTML = "";
       await r.handler(outlet, params);
       document.title = r.title;
+      document.dispatchEvent(new Event("site:render"));
       return;
     }
   }
@@ -70,6 +71,7 @@ async function render() {
     await notFoundHandler(outlet, {});
   }
   document.title = notFoundTitle;
+  document.dispatchEvent(new Event("site:render"));
 }
 
 export function initRouter() {
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 97e0f70..dd79965 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -33,6 +33,14 @@
   --light-magenta: #ff55ff;
   --yellow: #ffff55;
   --white: #ffffff;
+  --panel-bg-alpha: 0.2;
+  --panel-gloss-alpha: 0.05;
+  --panel-border-inset: 0.6rem;
+  --panel-bg: rgba(0, 0, 0, var(--panel-bg-alpha));
+  --panel-blur: 10px;
+  --fallback-glow-a: rgba(85, 255, 255, 0.18);
+  --fallback-glow-b: rgba(85, 85, 255, 0.16);
+  --fallback-glow-c: rgba(255, 85, 85, 0.14);
 }
 
 html {
@@ -43,6 +51,8 @@ html {
 body {
   min-height: 100vh;
   min-height: 100dvh;
+  position: relative;
+  isolation: isolate;
   margin: 0;
   overflow: hidden;
   background-color: var(--black);
@@ -53,6 +63,38 @@ body {
   line-height: 1;
 }
 
+body::before {
+  content: "";
+  position: fixed;
+  inset: -20vmax;
+  z-index: -30;
+  background: var(--black);
+  opacity: 0;
+  transform: translate3d(0, 0, 0) scale(1);
+  pointer-events: none;
+}
+
+body[data-background-mode="failed"]::before {
+  opacity: 1;
+  animation: fallback-drift 18s linear infinite alternate;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  body[data-background-mode="failed"]::before {
+    animation: none;
+  }
+}
+
+@keyframes fallback-drift {
+  from {
+    transform: translate3d(-3%, -2%, 0) scale(1);
+  }
+
+  to {
+    transform: translate3d(3%, 2%, 0) scale(1.12);
+  }
+}
+
 ::selection {
   background-color: var(--light-blue);
   color: var(--black);
@@ -98,20 +140,49 @@ body {
 }
 
 .site-shell {
-  width: min(100%, 60%);
+  width: 100%;
   box-sizing: border-box;
   margin: 0 auto;
   user-select: text;
 }
 
-.site-panel {
-  border: 2px solid var(--white);
-  background-color: rgba(0, 0, 0, 0.75);
-  backdrop-filter: blur(10px);
-  -webkit-backdrop-filter: blur(10px);
+@media (min-width: 768px) {
+  .site-shell {
+    width: min(100%, 60%);
+  }
+}
+
+.site-panel-frame {
+  position: relative;
   overflow: hidden;
 }
 
+.site-panel-frost {
+  position: absolute;
+  inset: var(--panel-border-inset);
+  pointer-events: none;
+  overflow: hidden;
+  background:
+    linear-gradient(
+      to bottom,
+      rgba(255, 255, 255, var(--panel-gloss-alpha)),
+      transparent 24%
+    ),
+    var(--panel-bg);
+}
+
+.site-panel-border {
+  position: absolute;
+  inset: var(--panel-border-inset);
+  border: 2px solid var(--white);
+  pointer-events: none;
+}
+
+.site-panel-content {
+  position: relative;
+  z-index: 1;
+}
+
 .site-region {
   width: 100%;
 }
@@ -150,6 +221,36 @@ a[aria-current="page"] {
   text-decoration: underline;
 }
 
+.site-nav-link {
+  display: inline-flex;
+  align-items: center;
+  color: var(--light-blue);
+  text-decoration: none;
+}
+
+.site-nav-link:hover,
+.site-nav-link:focus-visible {
+  background-color: transparent;
+  color: var(--light-blue);
+  text-decoration: none;
+}
+
+.site-nav-link[aria-current="page"] {
+  color: var(--yellow);
+  text-decoration: none;
+}
+
+.site-nav-marker {
+  display: inline-block;
+  width: 1ch;
+  color: currentColor;
+  visibility: hidden;
+}
+
+.site-nav-link[aria-current="page"] .site-nav-marker {
+  visibility: visible;
+}
+
 .skip-link {
   position: absolute;
   left: 1rem;
diff --git a/tor.har b/tor.har
deleted file mode 100644
index e3e3506..0000000
--- a/tor.har
+++ /dev/null
@@ -1,252 +0,0 @@
-{
-  "log": {
-    "version": "1.2",
-    "creator": {
-      "name": "Firefox",
-      "version": "140.8.0"
-    },
-    "browser": {
-      "name": "Firefox",
-      "version": "140.8.0"
-    },
-    "pages": [
-      {
-        "id": "page_1",
-        "pageTimings": {
-          "onContentLoad": 1578,
-          "onLoad": 1578
-        },
-        "startedDateTime": "2026-03-26T20:03:41.824-07:00",
-        "title": "http://jet7tetd43snvjx3ng5jrhuwm2yhyp76tjtct5mtofg64apokcgq7fqd.onion/"
-      }
-    ],
-    "entries": [
-      {
-        "startedDateTime": "2026-03-26T20:03:41.824-07:00",
-        "request": {
-          "bodySize": 0,
-          "method": "GET",
-          "url": "http://jet7tetd43snvjx3ng5jrhuwm2yhyp76tjtct5mtofg64apokcgq7fqd.onion/",
-          "httpVersion": "HTTP/1.1",
-          "headers": [
-            {
-              "name": "Host",
-              "value": "jet7tetd43snvjx3ng5jrhuwm2yhyp76tjtct5mtofg64apokcgq7fqd.onion"
-            },
-            {
-              "name": "User-Agent",
-              "value": "Mozilla/5.0 (X11; Linux x86_64; rv:140.0) Gecko/20100101 Firefox/140.0"
-            },
-            {
-              "name": "Accept",
-              "value": "text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8"
-            },
-            {
-              "name": "Accept-Language",
-              "value": "en-US,en;q=0.5"
-            },
-            {
-              "name": "Accept-Encoding",
-              "value": "gzip, deflate, br, zstd"
-            },
-            {
-              "name": "Sec-GPC",
-              "value": "1"
-            },
-            {
-              "name": "Connection",
-              "value": "keep-alive"
-            },
-            {
-              "name": "Upgrade-Insecure-Requests",
-              "value": "1"
-            },
-            {
-              "name": "Sec-Fetch-Dest",
-              "value": "document"
-            },
-            {
-              "name": "Sec-Fetch-Mode",
-              "value": "navigate"
-            },
-            {
-              "name": "Sec-Fetch-Site",
-              "value": "none"
-            },
-            {
-              "name": "Priority",
-              "value": "u=0, i"
-            },
-            {
-              "name": "Pragma",
-              "value": "no-cache"
-            },
-            {
-              "name": "Cache-Control",
-              "value": "no-cache"
-            }
-          ],
-          "cookies": [],
-          "queryString": [],
-          "headersSize": 521
-        },
-        "response": {
-          "status": 200,
-          "statusText": "OK",
-          "httpVersion": "HTTP/1.1",
-          "headers": [
-            {
-              "name": "Server",
-              "value": "Caddy"
-            },
-            {
-              "name": "Date",
-              "value": "Fri, 27 Mar 2026 03:03:43 GMT"
-            },
-            {
-              "name": "Content-Length",
-              "value": "0"
-            }
-          ],
-          "cookies": [],
-          "content": {
-            "mimeType": "text/plain",
-            "size": 0,
-            "text": ""
-          },
-          "redirectURL": "",
-          "headersSize": 90,
-          "bodySize": 90
-        },
-        "cache": {},
-        "timings": {
-          "blocked": 894,
-          "dns": 0,
-          "connect": 894,
-          "ssl": 0,
-          "send": 0,
-          "wait": 617,
-          "receive": 0
-        },
-        "time": 2405,
-        "_securityState": "insecure",
-        "serverIPAddress": "0.0.0.0",
-        "connection": "80",
-        "pageref": "page_1"
-      },
-      {
-        "startedDateTime": "2026-03-26T20:03:43.440-07:00",
-        "request": {
-          "bodySize": 0,
-          "method": "GET",
-          "url": "http://jet7tetd43snvjx3ng5jrhuwm2yhyp76tjtct5mtofg64apokcgq7fqd.onion/favicon.ico",
-          "httpVersion": "HTTP/1.1",
-          "headers": [
-            {
-              "name": "Host",
-              "value": "jet7tetd43snvjx3ng5jrhuwm2yhyp76tjtct5mtofg64apokcgq7fqd.onion"
-            },
-            {
-              "name": "User-Agent",
-              "value": "Mozilla/5.0 (X11; Linux x86_64; rv:140.0) Gecko/20100101 Firefox/140.0"
-            },
-            {
-              "name": "Accept",
-              "value": "image/avif,image/webp,image/png,image/svg+xml,image/*;q=0.8,*/*;q=0.5"
-            },
-            {
-              "name": "Accept-Language",
-              "value": "en-US,en;q=0.5"
-            },
-            {
-              "name": "Accept-Encoding",
-              "value": "gzip, deflate, br, zstd"
-            },
-            {
-              "name": "Referer",
-              "value": "http://jet7tetd43snvjx3ng5jrhuwm2yhyp76tjtct5mtofg64apokcgq7fqd.onion/"
-            },
-            {
-              "name": "Sec-GPC",
-              "value": "1"
-            },
-            {
-              "name": "Connection",
-              "value": "keep-alive"
-            },
-            {
-              "name": "Sec-Fetch-Dest",
-              "value": "image"
-            },
-            {
-              "name": "Sec-Fetch-Mode",
-              "value": "no-cors"
-            },
-            {
-              "name": "Sec-Fetch-Site",
-              "value": "same-origin"
-            },
-            {
-              "name": "Priority",
-              "value": "u=6"
-            },
-            {
-              "name": "Pragma",
-              "value": "no-cache"
-            },
-            {
-              "name": "Cache-Control",
-              "value": "no-cache"
-            }
-          ],
-          "cookies": [],
-          "queryString": [],
-          "headersSize": 589
-        },
-        "response": {
-          "status": 200,
-          "statusText": "OK",
-          "httpVersion": "HTTP/1.1",
-          "headers": [
-            {
-              "name": "Server",
-              "value": "Caddy"
-            },
-            {
-              "name": "Date",
-              "value": "Fri, 27 Mar 2026 03:03:43 GMT"
-            },
-            {
-              "name": "Content-Length",
-              "value": "0"
-            }
-          ],
-          "cookies": [],
-          "content": {
-            "mimeType": "text/plain",
-            "size": 0,
-            "text": ""
-          },
-          "redirectURL": "",
-          "headersSize": 90,
-          "bodySize": 90
-        },
-        "cache": {},
-        "timings": {
-          "blocked": 0,
-          "dns": 0,
-          "connect": 0,
-          "ssl": 0,
-          "send": 0,
-          "wait": 604,
-          "receive": 0
-        },
-        "time": 604,
-        "_securityState": "insecure",
-        "serverIPAddress": "0.0.0.0",
-        "connection": "80",
-        "pageref": "page_1"
-      }
-    ]
-  }
-}
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
index 80034fa..ec1d68a 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -13,5 +13,5 @@
     }
   },
   "include": ["src", "vite.config.ts", "vite-plugin-ansi.ts"],
-  "exclude": ["node_modules", "dist", "cgol/pkg"]
+  "exclude": ["node_modules", "dist"]
 }
diff --git a/vite-plugin-ansi.ts b/vite-plugin-ansi.ts
index 7bc854a..95a990c 100644
--- a/vite-plugin-ansi.ts
+++ b/vite-plugin-ansi.ts
@@ -4,51 +4,51 @@ import fs from "node:fs";
 import type { Plugin } from "vite";
 
 const colorMap: Record<string, string> = {
-  "ansi-black": "text-[var(--black)]",
-  "ansi-red": "text-[var(--red)]",
-  "ansi-green": "text-[var(--green)]",
-  "ansi-yellow": "text-[var(--brown)]",
-  "ansi-blue": "text-[var(--blue)]",
-  "ansi-magenta": "text-[var(--magenta)]",
-  "ansi-cyan": "text-[var(--cyan)]",
-  "ansi-white": "text-[var(--light-gray)]",
-  "ansi-bright-black": "text-[var(--dark-gray)]",
-  "ansi-bright-red": "text-[var(--light-red)]",
-  "ansi-bright-green": "text-[var(--light-green)]",
-  "ansi-bright-yellow": "text-[var(--yellow)]",
-  "ansi-bright-blue": "text-[var(--light-blue)]",
-  "ansi-bright-magenta": "text-[var(--light-magenta)]",
-  "ansi-bright-cyan": "text-[var(--light-cyan)]",
-  "ansi-bright-white": "text-[var(--white)]",
+  "ansi-black": "color: var(--black)",
+  "ansi-red": "color: var(--red)",
+  "ansi-green": "color: var(--green)",
+  "ansi-yellow": "color: var(--brown)",
+  "ansi-blue": "color: var(--blue)",
+  "ansi-magenta": "color: var(--magenta)",
+  "ansi-cyan": "color: var(--cyan)",
+  "ansi-white": "color: var(--light-gray)",
+  "ansi-bright-black": "color: var(--dark-gray)",
+  "ansi-bright-red": "color: var(--light-red)",
+  "ansi-bright-green": "color: var(--light-green)",
+  "ansi-bright-yellow": "color: var(--yellow)",
+  "ansi-bright-blue": "color: var(--light-blue)",
+  "ansi-bright-magenta": "color: var(--light-magenta)",
+  "ansi-bright-cyan": "color: var(--light-cyan)",
+  "ansi-bright-white": "color: var(--white)",
 };
 
 const bgColorMap: Record<string, string> = {
-  "ansi-black": "bg-transparent",
-  "ansi-red": "bg-[var(--red)]",
-  "ansi-green": "bg-[var(--green)]",
-  "ansi-yellow": "bg-[var(--brown)]",
-  "ansi-blue": "bg-[var(--blue)]",
-  "ansi-magenta": "bg-[var(--magenta)]",
-  "ansi-cyan": "bg-[var(--cyan)]",
-  "ansi-white": "bg-[var(--light-gray)]",
-  "ansi-bright-black": "bg-[var(--dark-gray)]",
-  "ansi-bright-red": "bg-[var(--light-red)]",
-  "ansi-bright-green": "bg-[var(--light-green)]",
-  "ansi-bright-yellow": "bg-[var(--yellow)]",
-  "ansi-bright-blue": "bg-[var(--light-blue)]",
-  "ansi-bright-magenta": "bg-[var(--light-magenta)]",
-  "ansi-bright-cyan": "bg-[var(--light-cyan)]",
-  "ansi-bright-white": "bg-[var(--white)]",
+  "ansi-black": "background-color: transparent",
+  "ansi-red": "background-color: var(--red)",
+  "ansi-green": "background-color: var(--green)",
+  "ansi-yellow": "background-color: var(--brown)",
+  "ansi-blue": "background-color: var(--blue)",
+  "ansi-magenta": "background-color: var(--magenta)",
+  "ansi-cyan": "background-color: var(--cyan)",
+  "ansi-white": "background-color: var(--light-gray)",
+  "ansi-bright-black": "background-color: var(--dark-gray)",
+  "ansi-bright-red": "background-color: var(--light-red)",
+  "ansi-bright-green": "background-color: var(--light-green)",
+  "ansi-bright-yellow": "background-color: var(--yellow)",
+  "ansi-bright-blue": "background-color: var(--light-blue)",
+  "ansi-bright-magenta": "background-color: var(--light-magenta)",
+  "ansi-bright-cyan": "background-color: var(--light-cyan)",
+  "ansi-bright-white": "background-color: var(--white)",
 };
 
 const decorationMap: Record<string, string> = {
-  bold: "font-bold",
-  dim: "opacity-50",
-  italic: "italic",
-  hidden: "invisible",
-  strikethrough: "line-through",
-  underline: "underline",
-  blink: "animate-pulse",
+  bold: "font-weight: 700",
+  dim: "opacity: 0.5",
+  italic: "font-style: italic",
+  hidden: "visibility: hidden",
+  strikethrough: "text-decoration: line-through",
+  underline: "text-decoration: underline",
+  blink: "animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
 };
 
 function fixBackspace(txt: string): string {
@@ -60,18 +60,18 @@ function fixBackspace(txt: string): string {
   return txt;
 }
 
-function createClass(bundle: AnserJsonEntry): string | null {
-  const classes: string[] = [];
+function createStyle(bundle: AnserJsonEntry): string | null {
+  const declarations: string[] = [];
   if (bundle.bg && bgColorMap[bundle.bg]) {
-    classes.push(bgColorMap[bundle.bg]!);
+    declarations.push(bgColorMap[bundle.bg]!);
   }
   if (bundle.fg && colorMap[bundle.fg]) {
-    classes.push(colorMap[bundle.fg]!);
+    declarations.push(colorMap[bundle.fg]!);
   }
   if (bundle.decoration && decorationMap[bundle.decoration]) {
-    classes.push(decorationMap[bundle.decoration]!);
+    declarations.push(decorationMap[bundle.decoration]!);
   }
-  return classes.length ? classes.join(" ") : null;
+  return declarations.length ? declarations.join("; ") : null;
 }
 
 function escapeHtml(str: string): string {
@@ -92,10 +92,10 @@ function renderAnsiToHtml(raw: string): string {
 
   const spans = bundles
     .map((bundle) => {
-      const cls = createClass(bundle);
+      const style = createStyle(bundle);
       const content = escapeHtml(bundle.content);
-      if (cls) {
-        return `<span class="${cls}">${content}</span>`;
+      if (style) {
+        return `<span style="${style}">${content}</span>`;
       }
       return `<span>${content}</span>`;
     })
diff --git a/vite.config.ts b/vite.config.ts
index ef3f64c..1428a5e 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,7 +1,5 @@
 import { defineConfig } from "vite";
 import tailwindcss from "@tailwindcss/vite";
-import wasm from "vite-plugin-wasm";
-import topLevelAwait from "vite-plugin-top-level-await";
 import { viteSingleFile } from "vite-plugin-singlefile";
 import ansi from "./vite-plugin-ansi";
 
@@ -9,8 +7,6 @@ export default defineConfig({
   plugins: [
     ansi(),
     tailwindcss(),
-    wasm(),
-    topLevelAwait(),
     viteSingleFile({ useRecommendedBuildConfig: false }),
   ],
   resolve: {
@@ -20,12 +16,14 @@ export default defineConfig({
   },
   server: {
     headers: {
+      "Cache-Control": "no-store",
       "Cross-Origin-Opener-Policy": "same-origin",
       "Cross-Origin-Embedder-Policy": "require-corp",
     },
   },
   preview: {
     headers: {
+      "Cache-Control": "no-store",
       "Cross-Origin-Opener-Policy": "same-origin",
       "Cross-Origin-Embedder-Policy": "require-corp",
     },
@@ -34,5 +32,6 @@ export default defineConfig({
     target: "esnext",
     assetsInlineLimit: 0,
     cssCodeSplit: false,
+    cssMinify: false,
   },
 });