Update anonymous mode message for mobile to minimal design

- Hide full description and info icon on mobile devices
- Show only "Login for higher limits" text and message counter
- Responsive design for small mobile devices (480px and below)

static/css/style.css

@@ -371,14 +371,35 @@ body {
     .anonymous-info-banner {
         font-size: 0.85rem;
         padding: 0.5rem 0.75rem;
+        flex-direction: column;
+        gap: 0.25rem;
     }
     
+    /* Hide full description and icon on mobile */
+    .anonymous-info-banner .info-icon,
     .anonymous-info-banner .info-text {
+        display: none;
+    }
+    
+    /* Show minimal content on mobile */
+    .anonymous-info-banner .info-content {
+        flex-direction: row;
+        align-items: center;
+        justify-content: space-between;
+        gap: 0.5rem;
+    }
+    
+    /* Add minimal login text for mobile */
+    .anonymous-info-banner .info-content::before {
+        content: "Login for higher limits";
         font-size: 0.85rem;
+        color: rgb(100, 100, 100);
+        flex: 1;
     }
     
     .anonymous-info-banner .message-counter {
         font-size: 0.8rem;
+        flex-shrink: 0;
     }
 }
 
@@ -582,6 +603,16 @@ body {
         content: "→";
         font-size: 1.25rem;
     }
+    
+    /* Anonymous banner for very small mobile devices */
+    .anonymous-info-banner .info-content::before {
+        font-size: 0.8rem;
+    }
+    
+    .anonymous-info-banner .message-counter {
+        font-size: 0.75rem;
+        padding: 0.2rem 0.4rem;
+    }
 }
 
 /* Tablet styles */