diff --git a/src/index.css b/src/index.css
index a5378bd..166ca4e 100644
--- a/src/index.css
+++ b/src/index.css
@@ -175,4 +175,47 @@
   .text-balance {
     text-wrap: balance;
   }
+
+  /* Calculator slider — minimal, exclusive */
+  .calculator-slider {
+    -webkit-appearance: none;
+    appearance: none;
+    height: 4px;
+    background: hsl(var(--border));
+    border-radius: 999px;
+    outline: none;
+    cursor: pointer;
+    transition: background 0.2s ease;
+  }
+  .calculator-slider:hover {
+    background: hsl(var(--muted));
+  }
+  .calculator-slider::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    appearance: none;
+    width: 26px;
+    height: 26px;
+    border-radius: 50%;
+    background: hsl(var(--primary));
+    border: 3px solid hsl(var(--card));
+    box-shadow: 0 2px 10px hsl(var(--primary) / 0.35);
+    cursor: grab;
+    transition: transform 0.15s ease, box-shadow 0.15s ease;
+  }
+  .calculator-slider::-webkit-slider-thumb:hover {
+    transform: scale(1.1);
+    box-shadow: 0 4px 16px hsl(var(--primary) / 0.5);
+  }
+  .calculator-slider::-webkit-slider-thumb:active {
+    cursor: grabbing;
+  }
+  .calculator-slider::-moz-range-thumb {
+    width: 26px;
+    height: 26px;
+    border-radius: 50%;
+    background: hsl(var(--primary));
+    border: 3px solid hsl(var(--card));
+    box-shadow: 0 2px 10px hsl(var(--primary) / 0.35);
+    cursor: grab;
+  }
 }