Add configurable skip delay (0-30s) for Skip Intro and Skip Credits

popup.html

@@ -45,6 +45,28 @@
   .toggle-row span {
     font-size: 13px;
   }
+  .delay-row {
+    padding: 0 0 10px;
+  }
+  .delay-row-label {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 11px;
+    color: #777;
+    margin-bottom: 4px;
+  }
+  .delay-row-label span:last-child {
+    font-weight: 600;
+    color: #555;
+  }
+  input[type="range"] {
+    width: 100%;
+    accent-color: #e5a00d;
+  }
+  input[type="range"]:disabled {
+    opacity: 0.4;
+  }
   button.save {
     width: 100%;
     margin-top: 14px;
@@ -85,10 +107,25 @@
     <span>Skip Intro</span>
     <input type="checkbox" id="skipIntro">
   </div>
+  <div class="delay-row">
+    <div class="delay-row-label">
+      <span>Delay before clicking</span>
+      <span id="introDelayValue">0s</span>
+    </div>
+    <input type="range" id="introDelay" min="0" max="30" step="1" value="0">
+  </div>
+
   <div class="toggle-row">
     <span>Skip Credits</span>
     <input type="checkbox" id="skipCredits">
   </div>
+  <div class="delay-row">
+    <div class="delay-row-label">
+      <span>Delay before clicking</span>
+      <span id="creditsDelayValue">0s</span>
+    </div>
+    <input type="range" id="creditsDelay" min="0" max="30" step="1" value="0">
+  </div>
 
   <button class="save" id="saveBtn">Save</button>
   <div id="status"></div>