diff --git a/public_html/index.html b/public_html/index.html
index ff59168..fcb1381 100644
--- a/public_html/index.html
+++ b/public_html/index.html
@@ -222,18 +222,21 @@
     padding:8px 22px max(22px,env(safe-area-inset-bottom));
     transform:translateY(101%);
     transition:transform .26s cubic-bezier(.32,.72,0,1);
-    max-height:88vh;max-height:88dvh;overflow-y:auto;
+    max-height:92vh;max-height:92dvh;overflow-y:auto;   /* the scroll is a safety net for the smallest screens, not the normal case */
     overscroll-behavior:contain;     /* scrolling the sheet can't rubber-band the app */
     box-shadow:0 -18px 50px rgba(0,0,0,.45);
   }
   .sheet.on{transform:translateY(0)}
 
-  .grab{width:38px;height:4px;border-radius:99px;background:#4A4644;margin:6px auto 18px}
+  .grab{width:38px;height:4px;border-radius:99px;background:#4A4644;margin:5px auto 11px}
 
+  /* the sheet is meant to be read without scrolling, and it grew a row; the
+     spacing here, on .grab, .done and .hint is set so the whole thing lands
+     inside a phone screen rather than running off the bottom */
   .row{
     display:flex;align-items:center;justify-content:space-between;
     gap:16px;
-    padding:16px 0;
+    padding:14px 0;
     border-top:1px solid var(--sheet-line);
   }
   .row:first-of-type{border-top:0}
@@ -250,7 +253,7 @@
 
   /* three buttons wide enough to read can't share a line with a label, so the
      row stacks at every width rather than only under the .row--wide breakpoint */
-  .row--presets{flex-direction:column;align-items:stretch;gap:12px}
+  .row--presets{flex-direction:column;align-items:stretch;gap:10px}
   .presets{display:flex;gap:11px}
   .preset{
     flex:1;
@@ -309,8 +312,8 @@
   .toggle[aria-checked="true"]::after{transform:translateX(21px)}
 
   .done{
-    width:100%;margin-top:20px;
-    padding:15px;border:0;border-radius:13px;
+    width:100%;margin-top:14px;
+    padding:13px;border:0;border-radius:13px;
     background:var(--accent);color:var(--accent-ink);
     font-family:var(--ui);font-size:15.5px;font-weight:700;
     cursor:pointer;
@@ -318,7 +321,7 @@
 
   .hint{
     font-size:12px;color:var(--sheet-dim);
-    text-align:center;margin-top:13px;line-height:1.45;
+    text-align:center;margin-top:9px;line-height:1.45;
   }
 
   @media (prefers-reduced-motion:reduce){
diff --git a/public_html/sw.js b/public_html/sw.js
index 6af6998..fda7104 100644
--- a/public_html/sw.js
+++ b/public_html/sw.js
@@ -1,5 +1,5 @@
 /* Cache-first: once installed the clock never touches the network again. */
-const CACHE = "bgclock-v13";
+const CACHE = "bgclock-v14";
 const FILES = [
   "./",
   "./index.html",