Update style, enhance mobile support

wwwroot/css/chat.css

@@ -133,6 +133,7 @@
   align-self: flex-start;
   background: var(--f1-bg);
   border: var(--border-width) solid var(--f1-border);
+  font-size: var(--font-size);
 }
 
 .tool-box > * {
@@ -221,7 +222,7 @@
   flex-wrap: wrap;
   gap: var(--badge-spacing);
   justify-content: center;
-  font-size: .8em;
+  font-size: var(--font-size);
   filter: sepia(1) saturate(1) hue-rotate(-45deg);
   padding: 0 0 var(--badge-spacing);
 }
@@ -355,7 +356,7 @@
   background: var(--f2-bg);
   border: var(--border-width) solid var(--f2-border);
   border-radius: var(--border-radius);
-  font-size: .9em;
+  font-size: var(--font-size);
   white-space: nowrap;
   vertical-align: baseline;
   transition: background .15s, border-color .15s;

wwwroot/css/file-explorer.css

@@ -254,7 +254,7 @@
   color: var(--text) !important;
   border: none !important;
   border-radius: 3px !important;
-  opacity: 0.7;
+  opacity: var(--semi-transparent);
 }
 
 .fe-mde-wrap .editor-toolbar button:hover {
@@ -323,6 +323,6 @@
 }
 
 .fe-save-btn:not(:disabled):hover {
-  opacity: 0.85;
+  opacity: var(--semi-transparent);
 }
 

wwwroot/css/form.css

@@ -72,6 +72,7 @@
   flex: 1;
   display: flex;
   gap: var(--badge-spacing);
+  overflow: hidden;
 }
 
 .custom-command-fields .cmd-name {
@@ -116,7 +117,7 @@
 
 .checkbox-hint {
   opacity: 0.5;
-  font-size: 0.85em;
+  font-size: var(--font-size);
 }
 
 .danger-btn {

wwwroot/css/mobile.css

@@ -1,6 +1,19 @@
 /* === Mobile === */
 @media (max-width: 768px) {
+  #nav {
+    display: none;
+  }
   .msg, .tool-box {
     max-width: 100%;
   }
+  .input-area {
+    margin-bottom: var(--badge-spacing);
+  }
+  .fe-sidebar {
+    width: 100px;
+    min-width: 100px;
+  }
+  .card-grid {
+    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
+  }
 }