Saving before stuff goes bad

1 files changed, 70 insertions, 26 deletions

diff --git a/public/style.css b/public/style.css
index f2d0a22..b5497de 100644
--- a/public/style.css
+++ b/public/style.css
@@ -203,9 +203,6 @@
   .top-\[0\.6rem\] {
     top: 0.6rem;
   }
-  .top-\[calc\(50\%-20rem\)\] {
-    top: calc(50% - 20rem);
-  }
   .right-\[0\.6rem\] {
     right: 0.6rem;
   }
@@ -227,9 +224,6 @@
   .left-\[0\.625rem\] {
     left: 0.625rem;
   }
-  .left-\[calc\(50\%\+38\.5rem\)\] {
-    left: calc(50% + 38.5rem);
-  }
   .z-10 {
     z-index: 10;
   }
@@ -795,9 +789,6 @@
   .h-full {
     height: 100%;
   }
-  .max-h-\[40rem\] {
-    max-height: 40rem;
-  }
   .max-h-\[80svh\] {
     max-height: 80svh;
   }
@@ -810,9 +801,6 @@
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
-  .w-\[10\.5rem\] {
-    width: 10.5rem;
-  }
   .w-\[30\%\] {
     width: 30%;
   }
@@ -904,9 +892,6 @@
   .justify-between {
     justify-content: space-between;
   }
-  .justify-end {
-    justify-content: flex-end;
-  }
   .gap-4 {
     gap: calc(var(--spacing) * 4);
   }
@@ -1247,11 +1232,8 @@
   .text-\[5vw\] {
     font-size: 5vw;
   }
-  .text-\[14px\] {
-    font-size: 14px;
-  }
-  .text-\[18px\] {
-    font-size: 18px;
+  .text-\[17\.6px\] {
+    font-size: 17.6px;
   }
   .text-\[60\%\] {
     font-size: 60%;
@@ -1734,6 +1716,24 @@
   --tw-prose-th-borders: var(--alt);
   --tw-prose-td-borders: var(--alt);
 }
+.prose a.footnote-ref, .prose a.footnote-ref:hover {
+  text-decoration: none;
+}
+.prose code::before, .prose code::after {
+  content: none;
+}
+.prose :not(pre) > code {
+  padding: 0.1em 0.4em;
+  border-radius: 0.3em;
+  background: var(--alt);
+  @supports (color: color-mix(in lab, red, red)) {
+    background: color-mix(in srgb, var(--alt) 25%, transparent);
+  }
+  font-size: 0.9em;
+}
+.prose pre, .prose code {
+  font-family: var(--font-mono);
+}
 .js .footnotes {
   display: none;
 }
@@ -1746,20 +1746,64 @@
   position: absolute;
   left: 0;
   right: 0;
-  display: flex;
-  gap: 1ch;
-  padding: 0.4rem 0.6rem;
-  border: 0.1rem solid var(--alt);
   background: var(--background);
   font-family: var(--font-normal);
-  font-size: 14px;
+  font-size: 16px;
   line-height: 1.4;
   pointer-events: auto;
 }
+.sidenotes.bordered .sidenote {
+  border: 0.1rem solid var(--alt);
+  padding: 0.4rem 0.6rem;
+}
 .sidenote-num {
-  flex-shrink: 0;
+  font-size: 70%;
+  color: var(--secondary);
+  margin-right: 0.15em;
+}
+.chroma .k, .chroma .kc, .chroma .kd, .chroma .kn, .chroma .kp, .chroma .kr, .chroma .kt {
   color: var(--secondary);
 }
+.chroma .nf, .chroma .nc, .chroma .nb {
+  color: var(--primary);
+}
+.chroma .s, .chroma .sa, .chroma .sb, .chroma .sc, .chroma .dl, .chroma .sd, .chroma .s2, .chroma .se, .chroma .sh, .chroma .si, .chroma .sx, .chroma .sr, .chroma .s1, .chroma .ss {
+  color: var(--extra);
+}
+.chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .il, .chroma .mo {
+  color: var(--primary);
+}
+.chroma .c, .chroma .ch, .chroma .cm, .chroma .c1, .chroma .cs, .chroma .cp, .chroma .cpf {
+  color: var(--alt);
+  font-style: italic;
+}
+.codeblock {
+  margin: 1.2em 0;
+  border: 0.1rem solid var(--alt);
+  border-radius: 0.4rem;
+  background: rgb(0 0 0 / 0.3);
+  overflow: hidden;
+}
+.codeblock::before {
+  content: attr(data-lang);
+  display: block;
+  padding: 0.2em 0.8em;
+  border-bottom: 0.1rem solid var(--alt);
+  font-size: 0.75em;
+  color: var(--alt);
+}
+.codeblock[data-lang=""]::before {
+  display: none;
+}
+.codeblock pre {
+  margin: 0;
+  padding: 0.8em 1em;
+  background: transparent;
+  border-radius: 0;
+  overflow-x: auto;
+  font-size: 0.85em;
+  line-height: 1.5;
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;