diff --git a/index.html b/index.html
index ee50424..f950bb2 100644
--- a/index.html
+++ b/index.html
@@ -1646,9 +1646,9 @@ <h2 id="receipt-heading" class="sr-only">Session Receipt</h2>
 <div id="grim-reaper" class="grim-reaper" aria-hidden="true">
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 155">
     <!-- scythe handle -->
-    <line x1="77" y1="16" x2="62" y2="148" stroke="#555" stroke-width="2.5" stroke-linecap="round"/>
-    <!-- scythe blade -->
-    <path d="M77,16 C100,2 103,28 87,35 C85,26 80,19 77,16 Z" fill="#555"/>
+    <line x1="77" y1="16" x2="62" y2="148" class="reaper-scythe-handle" stroke-width="2.5" stroke-linecap="round"/>
+    <!-- scythe blade — large crescent sweeping left over the hood -->
+    <path d="M77,16 C72,6 55,2 38,5 C20,8 6,20 6,32 C6,44 22,48 40,38 C56,28 72,20 77,16 Z" class="reaper-scythe-blade"/>
     <!-- robe shadow -->
     <ellipse cx="50" cy="151" rx="28" ry="5" fill="#000" opacity="0.4"/>
     <!-- robe body -->
@@ -1673,11 +1673,11 @@ <h2 id="receipt-heading" class="sr-only">Session Receipt</h2>
     <!-- creepy-cute grin -->
     <path d="M33,67 Q37,75 50,71 Q63,75 67,67" stroke="#999" stroke-width="1.8" fill="none" stroke-linecap="round"/>
     <!-- left bony arm -->
-    <path d="M22,90 C14,88 8,85 5,79" stroke="#999" stroke-width="2.5" fill="none" stroke-linecap="round"/>
+    <path d="M22,90 C14,88 8,85 5,79" class="reaper-bone" stroke-width="2.5" fill="none" stroke-linecap="round"/>
     <!-- bony fingers -->
-    <path d="M5,79 C2,73 5,71 7,73" stroke="#888" stroke-width="1.5" fill="none" stroke-linecap="round"/>
-    <path d="M5,79 C1,77 2,73 5,74" stroke="#888" stroke-width="1.5" fill="none" stroke-linecap="round"/>
-    <path d="M5,79 C3,83 6,84 8,82" stroke="#888" stroke-width="1.5" fill="none" stroke-linecap="round"/>
+    <path d="M5,79 C1,72 4,67 7,65" class="reaper-bone" stroke-width="1.5" fill="none" stroke-linecap="round"/>
+    <path d="M5,79 C1,75 1,69 4,67" class="reaper-bone" stroke-width="1.5" fill="none" stroke-linecap="round"/>
+    <path d="M5,79 C2,84 4,89 8,88" class="reaper-bone" stroke-width="1.5" fill="none" stroke-linecap="round"/>
     <!-- robe ragged hem -->
     <path d="M9,150 C20,145 30,150 40,147 C50,144 60,148 70,146 C80,144 88,148 91,150" stroke="#222" stroke-width="1.5" fill="none"/>
   </svg>
diff --git a/styles/scary-features.css b/styles/scary-features.css
index 6faacba..1283d11 100644
--- a/styles/scary-features.css
+++ b/styles/scary-features.css
@@ -864,6 +864,17 @@
   50%       { opacity: 1; }
 }
 
+/* Scythe — lighter in dark mode so they read against dark backgrounds */
+.reaper-scythe-handle { stroke: #aaa; }
+.reaper-scythe-blade  { fill: #aaa; }
+
+/* Bony arm — bone-white in dark mode, intentionally skeletal */
+.reaper-bone { stroke: #ccc; }
+
+:root[data-theme="light"] .reaper-scythe-handle { stroke: #666; }
+:root[data-theme="light"] .reaper-scythe-blade  { fill: #666; }
+:root[data-theme="light"] .reaper-bone          { stroke: #999; }
+
 @media (max-width: 480px) {
   .grim-reaper svg { width: 55px; }
   /* On small screens show the reaper fully — no peek offset so neither side is cut off */