From aca0d2dc4f13c4f6dea9e3b89197e02ce0e3ba48 Mon Sep 17 00:00:00 2001
From: ritual <dan@ritual.sh>
Date: Sat, 21 Feb 2026 21:08:23 +0000
Subject: [PATCH] Tweaking PWA styles

---
 style.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

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;