KaTeX & Syntax Highlighting support

src/app.css

@@ -29,7 +29,7 @@ body {
     color: var(--theme-foreground);
 }
 
-.btn {
+@utility btn {
     @apply px-2 py-1 cursor-pointer;
 }
 
@@ -41,9 +41,38 @@ body {
     @apply border py-1 px-2 rounded;
 }
 
+.hljs {
+    @apply rounded;
+}
+
 .printarea {
     visibility: hidden;
     display: none;
+
+    code {
+        text-wrap: wrap;
+    }
+}
+
+img {
+    display: inline-block;
+    margin: 0;
+}
+
+.top-menu-button {
+    @apply hover:bg-gray-300/40 dark:hover:bg-gray-500/40 btn rounded transition-colors flex-1 text-left;
+}
+
+.max-h-half {
+    max-height: calc(50vh - 32px);
+}
+
+@utility h-screen-trimmed {
+    height: calc(100vh - 64px);
+}
+
+@utility max-h-screen-trimmed {
+    max-height: calc(100vh - 64px);
 }
 
 @media print {