diff --git a/src/index.html b/src/index.html
index 156dd5f..bc2f53a 100644
--- a/src/index.html
+++ b/src/index.html
@@ -207,6 +207,55 @@
 
     input[type="range"] {
       width: 100%;
+      height: 6px;
+      accent-color: #00d9ff;
+      cursor: pointer;
+    }
+
+    input[type="range"]::-webkit-slider-thumb {
+      appearance: none;
+      width: 20px;
+      height: 20px;
+      border-radius: 50%;
+      background: #00d9ff;
+      cursor: pointer;
+      border: 2px solid #00d9ff;
+    }
+
+    input[type="range"]::-webkit-slider-runnable-track {
+      background: var(--line);
+      height: 6px;
+      border-radius: 3px;
+    }
+
+    input[type="range"]::-moz-range-thumb {
+      width: 20px;
+      height: 20px;
+      border-radius: 50%;
+      background: #00d9ff;
+      cursor: pointer;
+      border: 2px solid #00d9ff;
+    }
+
+    input[type="range"]::-moz-range-track {
+      background: var(--line);
+      height: 6px;
+      border-radius: 3px;
+      border: none;
+    }
+
+    input[type="checkbox"] {
+      width: 20px;
+      height: 20px;
+      cursor: pointer;
+      accent-color: #00d9ff;
+    }
+
+    input[type="radio"] {
+      width: 20px;
+      height: 20px;
+      cursor: pointer;
+      accent-color: #00d9ff;
     }
 
     textarea {