A lot of AI slop

frontend/app/assets/css/main.scss

@@ -1,8 +1,10 @@
+html {
+  scroll-behavior: smooth;
+  scroll-padding-top: 60px;
+}
+
 body {
-  background-size: 28px 28px;
-  background-image:
-    linear-gradient(to right, var(--color-background-line) 1px, transparent 1px),
-    linear-gradient(to bottom, var(--color-background-line) 1px, var(--color-background) 1px);
+  background-color: var(--color-background);
 
   margin: 0;
   padding: 0;
@@ -17,6 +19,7 @@ body {
 * {
   color: var(--color-text);
   font-family: 'Hurmit';
+  cursor: text;
 }
 
 .pixelated {
@@ -31,20 +34,103 @@ ul {
   list-style: none; /* Remove default bullets */
   margin: 8px 0;
 }
-ul > li {padding: 0px 25px} /* Stretching li elements a little so it looks prettier */
-li {
+
+/* TUI-style nested lists with box-drawing chars */
+ul > li {
+  padding: 4px 24px;
   position: relative;
+  line-height: 1.6;
 }
+
 li::before {
-    content: "";
-    width: 8px;
-    height: 8px;
-    background-color: var(--color-text);
+    width: auto;
+    height: auto;
+    background-color: transparent;
     position: absolute;
-    top: 6px;
-    left: 4px;
+    top: 0px;
+    left: 0px;
+    color: var(--color-border-color);
+    font-family: 'Hurmit', monospace;
+    font-size: 0.9em;
 }
 
 a {
   color: var(--color-link);
-}
+  cursor: pointer;
+}
+
+/* TUI-style blockquotes */
+blockquote {
+  margin: 12px 0;
+  padding: 8px 16px;
+  border-left: 3px solid var(--color-link);
+  background-color: var(--color-background-line);
+  font-style: italic;
+  position: relative;
+}
+
+blockquote::before {
+  content: "┃ ";
+  position: absolute;
+  left: -16px;
+  color: var(--color-border-color);
+}
+
+/* TUI-style code blocks */
+pre, code {
+  font-family: 'Hurmit', monospace;
+  background-color: var(--color-background-line);
+  border: 1px solid var(--color-border-color);
+}
+
+pre {
+  padding: 12px 16px;
+  overflow-x: auto;
+  margin: 12px 0;
+  position: relative;
+  
+  &::before {
+    content: "┌── CODE ─────────────────────────────────────┐";
+    position: absolute;
+    top: -10px;
+    left: 8px;
+    font-size: 0.6rem;
+    background-color: var(--color-background-fore);
+    padding: 0 4px;
+    color: var(--color-border-color);
+  }
+  
+  code {
+    background-color: transparent;
+    border: none;
+  }
+}
+
+/* TUI-style horizontal rules */
+hr {
+  border: none;
+  height: 1px;
+  background-color: var(--color-border-color);
+  margin: 20px 0;
+  position: relative;
+  
+  &::after {
+    content: "──────────";
+    position: absolute;
+    top: -8px;
+    left: 50%;
+    transform: translateX(-50%);
+    background-color: var(--color-background);
+    padding: 0 8px;
+    color: var(--color-border-color);
+    font-family: 'Hurmit', monospace;
+    font-size: 0.7rem;
+    letter-spacing: 2px;
+  }
+}
+
+/* Selection styling */
+::selection {
+  background-color: var(--color-link);
+  color: var(--color-background-fore);
+}