diff --git a/src/index.css b/src/index.css
index 9ee1f7d..ea4af21 100644
--- a/src/index.css
+++ b/src/index.css
@@ -269,6 +269,21 @@
   background: hsl(var(--muted-foreground) / 0.5);
 }
 
+/* On touch/phone screens, hide the visible scrollbar entirely for a clean,
+   app-like feel. Swipe-to-scroll still works — only the bar is hidden. */
+@media (max-width: 767px) {
+  html,
+  body {
+    scrollbar-width: none; /* Firefox */
+    -ms-overflow-style: none; /* IE/old Edge */
+  }
+  ::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+    display: none; /* Chrome/Safari/WebKit */
+  }
+}
+
 /* Animations */
 @keyframes fadeIn {
   from { opacity: 0; transform: translateY(8px); }