fix: ensure bottom content is not obscured by fixed continue bar when scrolling

style.css

@@ -28,9 +28,8 @@
   box-sizing: border-box;
 }
 
-html,
-body {
-  height: 100%;
+html {
+  min-height: 100%;
 }
 
 body {
@@ -161,8 +160,9 @@ p {
 
 /* Fixed bottom bar for a primary continue action ------------------------- */
 
-body.has-continue-bar {
-  padding-bottom: 96px;
+body.has-continue-bar,
+body.has-continue-bar .container {
+  padding-bottom: calc(130px + env(safe-area-inset-bottom));
 }
 
 .continue-bar {
@@ -170,8 +170,10 @@ body.has-continue-bar {
   left: 0;
   right: 0;
   bottom: 0;
+  z-index: 100;
   padding: 16px 20px calc(16px + env(safe-area-inset-bottom));
-  background: linear-gradient(0deg, var(--color-bg) 60%, rgba(255, 245, 247, 0));
+  background: linear-gradient(0deg, var(--color-bg) 70%, rgba(255, 245, 247, 0));
+  pointer-events: none;
 }
 
 .continue-bar .container {
@@ -179,6 +181,10 @@ body.has-continue-bar {
   max-width: 480px;
 }
 
+.continue-bar .btn {
+  pointer-events: auto;
+}
+
 /* Back link --------------------------------------------------------------- */
 
 .back-link {