From b4c12a2940a8f9fa3a7701a22765b82a20da83c4 Mon Sep 17 00:00:00 2001
From: Honey <me_honeyy@proton.me>
Date: Sat, 9 May 2026 16:25:06 +0200
Subject: [PATCH] feat: add custom minutes input to audiobook sleep timer

---
 index.html | 4 ++++
 styles.css | 3 +++
 2 files changed, 7 insertions(+)

diff --git a/index.html b/index.html
index b7d32d0..26d058a 100644
--- a/index.html
+++ b/index.html
@@ -696,6 +696,10 @@
         <button onclick="absSleepIn(30)">30 Min</button>
         <button onclick="absSleepIn(45)">45 Min</button>
         <button onclick="absSleepIn(60)">60 Min</button>
+        <div class="abs-sleep-custom">
+          <input id="abs-sleep-custom-input" type="number" min="1" max="999" placeholder="Min" onkeydown="if(event.key==='Enter'){const v=parseInt(this.value);if(v>0)absSleepIn(v);}">
+          <button onclick="const v=parseInt(document.getElementById('abs-sleep-custom-input').value);if(v>0)absSleepIn(v);">OK</button>
+        </div>
       </div>
     </div>
 
diff --git a/styles.css b/styles.css
index 82f48ce..5454631 100644
--- a/styles.css
+++ b/styles.css
@@ -937,6 +937,9 @@ nav{flex:1;overflow-y:auto;padding:4px 10px}
 .abs-picker button{display:block;width:100%;padding:9px 16px;background:none;border:none;color:var(--text);font-family:var(--font);font-size:13px;cursor:pointer;text-align:left;transition:background .15s;white-space:nowrap}
 .abs-picker button:hover{background:var(--surface2)}
 .abs-picker button.active{color:var(--accent);font-weight:700}
+.abs-sleep-custom{display:flex;align-items:center;gap:4px;padding:6px 8px;border-top:1px solid var(--border2)}
+.abs-sleep-custom input{flex:1;min-width:0;padding:5px 8px;background:var(--surface2);border:1px solid var(--border2);border-radius:6px;color:var(--text);font-family:var(--font);font-size:13px;outline:none}
+.abs-sleep-custom button{padding:5px 10px;background:var(--accent);border:none;border-radius:6px;color:#fff;font-family:var(--font);font-size:13px;cursor:pointer;white-space:nowrap}
 .abs-chapter-list{flex-shrink:0;overflow-y:auto;max-height:0;transition:max-height .3s ease;border-top:1px solid transparent}
 .abs-chapter-list.open{max-height:220px;border-color:var(--border)}
 .abs-ch-item{display:flex;align-items:center;gap:10px;padding:8px 20px;cursor:pointer;transition:background .15s}