diff --git a/mobile/src/style.css b/mobile/src/style.css
index 4065fef8..b7e90b7e 100644
--- a/mobile/src/style.css
+++ b/mobile/src/style.css
@@ -1558,6 +1558,24 @@ html.scanning #app {
   gap: 10px;
 }
 
+/* The list softens into the canvas as it runs under the floating bar, as the
+   system's own bars do, so no row shows through sharp and cut in half. */
+.screen:has(> .float-bar)::after {
+  content: "";
+  position: absolute;
+  z-index: 2;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  height: calc(88px + var(--safe-bottom));
+  background: linear-gradient(to bottom, transparent, var(--canvas) 55%);
+  -webkit-backdrop-filter: blur(6px);
+  backdrop-filter: blur(6px);
+  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 40%);
+  mask-image: linear-gradient(to bottom, transparent, #000 40%);
+  pointer-events: none;
+}
+
 .search {
   flex: 1;
   min-width: 0;