Park the send field above the phone keyboard; wizard whenever walletless

The recipient candidate list was hiding under the on-screen keyboard:
scroll the field to the top on focus and when fresh candidates land,
give the list scroll room to get there, and let the keyboard resize the
viewport (interactive-widget) so the scroll has somewhere to go.

The wizard now shows whenever the device has no wallet — the one-time
onboarded flag is gone; deleting every wallet brings the wizard back.

Co-Authored-By: Claude Fable 5 <[email protected]>

1 files changed, 7 insertions, 0 deletions

diff --git a/src/style.css b/src/style.css
index 2b9c969..89662c0 100644
--- a/src/style.css
+++ b/src/style.css
@@ -102,6 +102,13 @@ a { color: var(--accent-ink); text-decoration: none; }
 a:hover { text-decoration: underline; }
 summary { cursor: pointer; }
 
+/* breathing room when an input is scrolled to the top for the keyboard */
+input { scroll-margin-top: 12px; }
+/* room below the recipient candidates so the field can scroll to the top
+   even when the page would otherwise be too short (the margin sits under
+   the keyboard, never seen) */
+@media (pointer: coarse) { .send-suggest { margin-bottom: 45vh; } }
+
 /* ---- layout helpers ---- */
 .row { display: flex; align-items: center; gap: 10px; }
 .between { justify-content: space-between; }