diff --git a/style.css b/style.css
index b5d4675..66d9e33 100644
--- a/style.css
+++ b/style.css
@@ -102,7 +102,7 @@ body {
 .app {
   display: flex;
   flex-direction: column;
-  min-height: 100vh;
+  height: 100dvh;
   max-width: 480px;
   margin: 0 auto;
 }
@@ -198,6 +198,8 @@ header {
 /* ── Main content ──────────────────────────────────────────────────────── */
 main {
   flex: 1;
+  min-height: 0;
+  overflow-y: auto;
   padding: 28px 20px;
   display: flex;
   flex-direction: column;
@@ -412,7 +414,7 @@ input::placeholder {
   position: fixed;
   bottom: calc(24px + var(--safe-b));
   left: 50%;
-  transform: translateX(-50%) translateY(80px);
+  transform: translateX(-50%) translateY(calc(100% + var(--safe-b) + 30px));
   background: var(--text);
   color: var(--bg);
   padding: 11px 22px;