fix(css): replace MQ4 negation with MQ3-compatible scroll behavior guards (#109)

* Initial plan

* fix(css): replace MQ Level-4 negation with MQ3-compatible two-block approach for scroll behavior

Co-authored-by: devakesu <61821107+devakesu@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: devakesu <61821107+devakesu@users.noreply.github.com>

Author: Copilot

app/globals.css

@@ -8,8 +8,8 @@ html {
   text-rendering: optimizeLegibility;
 }
 
-/* Desktop-only scroll behavior — avoids killing iOS momentum / rubber-band scrolling on touch/hybrid devices */
-@media (pointer: fine) and (not (any-pointer: coarse)) {
+/* Apply smooth scroll on fine-pointer devices (mouse/trackpad) */
+@media (pointer: fine) {
   html {
     scroll-behavior: smooth;
     /* Improve mouse wheel scrolling smoothness */
@@ -18,6 +18,14 @@ html {
   }
 }
 
+/* Reset on any touch/coarse-pointer device (touch screens, hybrids) to preserve iOS momentum / rubber-band scrolling */
+@media (any-pointer: coarse) {
+  html {
+    scroll-behavior: auto;
+    overscroll-behavior-y: auto;
+  }
+}
+
 body {
   /* Enable smooth momentum scrolling on all platforms */
   -webkit-overflow-scrolling: touch;