diff --git a/docs/screenshots/01-dashboard.png b/docs/screenshots/01-dashboard.png
index 4f613dc..835d2a3 100644
Binary files a/docs/screenshots/01-dashboard.png and b/docs/screenshots/01-dashboard.png differ
diff --git a/docs/screenshots/02-review.png b/docs/screenshots/02-review.png
index 9133112..882f457 100644
Binary files a/docs/screenshots/02-review.png and b/docs/screenshots/02-review.png differ
diff --git a/docs/screenshots/03-apply.png b/docs/screenshots/03-apply.png
index b4465f9..61af5a9 100644
Binary files a/docs/screenshots/03-apply.png and b/docs/screenshots/03-apply.png differ
diff --git a/docs/screenshots/04-interviews.png b/docs/screenshots/04-interviews.png
index 18f14b6..eba8505 100644
Binary files a/docs/screenshots/04-interviews.png and b/docs/screenshots/04-interviews.png differ
diff --git a/web/index.html b/web/index.html
index 6e38022..d996b80 100644
--- a/web/index.html
+++ b/web/index.html
@@ -8,7 +8,9 @@
     <!-- Apply stored theme before first paint — prevents FOUT flash on dark/hacker themes.
          Mirrors the logic in useTheme.initTheme(). Must run before the <style> below. -->
     <script>try{if(localStorage.getItem('cf-hacker-mode')==='true'){document.documentElement.dataset.theme='hacker';}else{var t=localStorage.getItem('cf-theme');if(t&&t!=='auto')document.documentElement.dataset.theme=t;}}catch(e){}</script>
-    <!-- FOUT prevention: background only on html (body is transparent).
+    <!-- FOUT prevention: background only on html (body is transparent). Gotcha #14.
+         body paints on top of html — a hardcoded body background covers html's CSS-
+         variable-driven color even when it resolves correctly. Keep background off body.
          Covers auto mode (media query) and all explicit theme choices. -->
     <style>
       html, body { margin: 0; min-height: 100vh; }
diff --git a/web/src/App.vue b/web/src/App.vue
index d35c3e4..496e58a 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -71,6 +71,10 @@ html {
 }
 
 body {
+  /* Gotcha #14: do NOT set background on body. body paints on top of html —
+     a hardcoded body background will cover html's CSS-variable-driven color
+     even when html { background: var(--color-surface) } resolves correctly.
+     FOUT prevention lives in index.html on html only, not body. */
   min-height: 100dvh;   /* dynamic viewport — mobile chrome-aware. Gotcha #13. */
   overflow-x: hidden;
 }