diff --git a/frontend/style.css b/frontend/style.css
index 75f672d..a1878a4 100644
--- a/frontend/style.css
+++ b/frontend/style.css
@@ -9227,7 +9227,13 @@ body.popup-mode .content-area {
   background: var(--surface); color: var(--text-secondary); cursor: pointer; font-size: 13px; text-align: left; }
 .bookslm-suggestion:hover { background: var(--surface2); color: var(--text-primary); border-color: var(--accent); }
 @media (max-width: 768px) {
-  .bookslm-panel { width: 100%; }
+  .bookslm-panel {
+    width: 100%;
+    /* Clear the fixed bottom toolbar so the input box and the send button
+       are not hidden behind it. The panel background still fills the area
+       behind the bar. */
+    padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px));
+  }
 }
 
 /* ── AI Floating Action Button ───────────────────────── */