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;