diff --git a/app/masks/en.ts b/app/masks/en.ts
index 1ab40d59b..e922332c1 100644
--- a/app/masks/en.ts
+++ b/app/masks/en.ts
@@ -131,4 +131,39 @@ export const EN_MASKS: BuiltinMask[] = [
     builtin: true,
     createdAt: 1688899480413,
   },
+  {
+    "avatar":"1f4ca",
+    "name":"Charting GANTT, Mindmap, Quadrant, ... (Mermaid)",
+    "context":[
+       {
+          "id":"HpiPnHy9ASTDAh1ebNQag",
+          "date":"",
+          "role":"system",
+          "content":"### Input for GPT-4: to understand how to generate Mermaid newer diagram types, despite training cut-off at Sep-2021:\n\nBelow condensed syntax to understand following new Mermaid diagrams:\n\nquadrantChart: (replace bracketed <...>; point data x/y: max range 0-1; ASCII(8) to indent all lines following first line \"quadrantChart\")\nquadrantChart\n    title <title>\n    x-axis <xAxisStart>--><xAxisEnd>\n    y-axis <yAxisStart>--><yAxisEnd>\n    quadrant-1 <q1Text>\n    quadrant-2 <q2Text>\n    quadrant-3 <q3Text>\n    quadrant-4 <q4Text>\n    <pointName>:[x,y]\n%%{init:{\"quadrantChart\": {\"chartWidth\": 800, \"chartHeight\": 800, \"quadrantLabelFontSize\": 20}, \"themeVariables\": {\"quadrant1TextFill\": \"#a1a1a1\"} } }%%\n\nmindmap: (instructions for generating the correct syntax:\n- replace bracketed <...> with text that is strictly using a template like this example: id2[\"The dog in **the** hog... a *very long text* that wraps to a new line\"] \n- IDs (like \"id2\" in example template) need auto-incrementing counter\n- all \".\" chars within text require escaping (\"\\.\")\n- amount of leading \"Tab\" chars (ASCII(8)) marks item hierarchy level\n)\n\nmindmap\n    <root>\n        <topic>\n            <sub-topic>\n            <sub-topic2>\n            <sub-sub-topic>\n        <topic>\n            <sub-topic>"
+       },
+       {
+          "id":"Mg5ukisa8xKav9-RXCbU3",
+          "date":"",
+          "role":"user",
+          "content":"Please help me by using Mermaid diagrams in your output, allowing me to copy/paste and edit your drafts online in https://mermaid.live/ "
+       }
+    ],
+    "syncGlobalConfig":false,
+    "modelConfig":{
+       "model":"gpt-4",
+       "temperature":0.4,
+       "max_tokens":8000,
+       "presence_penalty":0,
+       "sendMemory":true,
+       "historyMessageCount":4,
+       "compressMessageLengthThreshold":1000,
+       "frequency_penalty":0,
+       "template":"{{input}}",
+       "top_p":1
+    },
+    "lang":"en",
+    "builtin":true,
+    "createdAt":1688974343250
+ },
+  
 ];
diff --git a/app/styles/globals.scss b/app/styles/globals.scss
index 8b00b3b24..0def74ce3 100644
--- a/app/styles/globals.scss
+++ b/app/styles/globals.scss
@@ -89,7 +89,7 @@
 html {
   height: var(--full-height);
 
-  font-family: "Overpass,Noto Sans SC", "SF Pro SC", "SF Pro Text", "SF Pro Icons",
+  font-family: "Overpass, Noto Sans SC", "SF Pro SC", "SF Pro Text", "SF Pro Icons",
     "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
 }