rebranding from liquidex.house to riki.house

static/chat/kuroneko.json

@@ -96,7 +96,7 @@
             "kind": "ask",
             "questions": [
                 {
-                    "content": "\"She?\" You mean, your owner isn't liquidex?",
+                    "content": "\"She?\" You mean, your owner isn't riki?",
                     "then": "introductions.youSpeak.theOther.owner3"
                 },
                 {

static/css/base.css

@@ -1,42 +1,38 @@
 /* Color scheme. */
 
 :root {
-    /* naturally */
-    --liquidex-brand-blue: #058ef0;
-    /* but also: */
-    --liquidex-brand-red: #eb134a;
-    --liquidex-brand-yellow: #ffc31f;
-    --liquidex-brand-green: #06ca4a;
+    --accent-red: #fb4c9e;
+    --accent-yellow: #ffac0c;
+    --accent-green: #0dd292;
+    --accent-blue: #0577f0;
+    --accent-purple: #c952f5;
+    --accent-pink: #ffa8f3;
 
-    --text-color-light: #55423e;
-    --link-color-light: #004ec8;
-    --link-color-visited-light: #6c2380;
-
-    --background-color: rgb(255, 253, 246);
-    --background-color-tooltip: rgb(226, 223, 214);
-    --text-color: #55423e;
+    --background-color: #faeaff;
+    --background-color-tooltip: color-mix(
+        in lab,
+        var(--background-color),
+        var(--shading-base) 10%
+    );
+    --text-color: #302859;
     --link-color: #004ec8;
     --link-color-visited: #6c2380;
 
-    --shaded-background: rgba(0, 0, 0, 5%);
-    --border-1: rgba(0, 0, 0, 15%);
-    --border-2: rgba(0, 0, 0, 30%);
-    --hover: rgba(0, 0, 0, 15%);
+    --shading-base: #592782;
+
+    --shaded-background: rgb(from var(--shading-base) r g b / 5%);
+    --border-1: rgb(from var(--shading-base) r g b / 15%);
+    --border-2: rgb(from var(--shading-base) r g b / 30%);
 }
 
 @media (prefers-color-scheme: dark) {
     :root {
-        --background-color: rgb(30, 40, 53);
-        --background-color-tooltip: rgb(23, 31, 41);
-        --text-color: #d7cdbf;
+        --background-color: rgb(31, 30, 53);
+        --text-color: #f7ece5;
         --link-color: #93cce8;
         --link-color-visited: #f7afde;
 
-        --shaded-background: #f7e5df0c;
-        --border-0: #f7e5df1a;
-        --border-1: #f7e5df26;
-        --border-1-and-a-half: #f7e5df3a;
-        --border-2: #f7e5df4d;
+        --shading-base: #e4d2ff;
     }
 }
 

static/css/dev.css

@@ -1,6 +1,6 @@
 /* Styles for developer tools.
    This stylesheet MUST NOT be used for modifying the appearance of elements globally.
-   If you notice that it is for whatever reason, please bonk liquidex on the head. */
+   If you notice that it is for whatever reason, please bonk riki on the head. */
 
 th-picture-upload {
     display: block;

static/css/icons.css

@@ -1,25 +1,27 @@
 :root {
-    --icon-breadcrumb: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTYgMTIgNC00LTQtNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNTU0MjNlIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=");
-    --icon-expand: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtNyA1di0zaC0ydjNoLTN2MmgzdjNoMnYtM2gzdi0yeiIgZmlsbD0iIzU1NDIzZSIgZmlsbC1vcGFjaXR5PSIuNSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
-    --icon-leaf: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iNiIgY3k9IjYiIGZpbGw9IiM1NTQyM2UiIGZpbGwtb3BhY2l0eT0iLjUiIHI9IjIiLz48L3N2Zz4=");
-    --icon-collapse: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTMgNmg2IiBzdHJva2U9IiM1NTQyM2UiIHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+");
-    --icon-more: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQgNiA0IDQgNC00IiBmaWxsPSJub25lIiBzdHJva2U9IiM1NTQyM2UiIHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+");
-    --icon-permalink: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcuNjU2ODYgMiAxLjQxNDIxIDEuNDE0MjJjLjY4MDUxLjY4MDUxIDEuMDY0NTMgMS41NDUyMSAxLjE1MjEzIDIuNDMzNjIuODg4NC4wODc2IDEuNzUzMS40NzE2NSAyLjQzMzcgMS4xNTIxNmwxLjQxNDIgMS40MTQyMmMxLjU2MjEgMS41NjIwOSAxLjU2MjEgNC4wOTQ3OCAwIDUuNjU2ODhzLTQuMDk0NzkgMS41NjIxLTUuNjU2ODggMGwtMS40MTQyMi0xLjQxNDJjLS42ODA1MS0uNjgwNi0xLjA2NDU2LTEuNTQ1My0xLjE1MjE2LTIuNDMzNy0uODg4NDEtLjA4NzYtMS43NTMxMS0uNDcxNjItMi40MzM2Mi0xLjE1MjEzbC0xLjQxNDIyLTEuNDE0MjFjLTEuNTYyMDk0LTEuNTYyMS0xLjU2MjA5NC00LjA5NDc2IDAtNS42NTY4NiAxLjU2MjEtMS41NjIwOTQgNC4wOTQ3Ni0xLjU2MjA5NCA1LjY1Njg2IDB6bS42MTggNy42ODkwN2MtLjE0NDMuMDg1MjItLjI5MjgxLjE2MDYxLS40NDQ1NS4yMjYxNi4wMjA4My40ODI1Ny4yMTU0Ni45NTg5Ny41ODM5MSAxLjMyNzM3bDEuNDE0MjEgMS40MTQzYy43ODEwNy43ODEgMi4wNDczNy43ODEgMi44Mjg0NyAwIC43ODEtLjc4MTEuNzgxLTIuMDQ3NCAwLTIuODI4NDdsLTEuNDE0My0xLjQxNDIxYy0uMzY4NC0uMzY4NDUtLjg0NDgtLjU2MzA4LTEuMzI3MzctLjU4MzkxLS4wNjU1NS4xNTE3My0uMTQwOTMuMzAwMjQtLjIyNjE2LjQ0NDU0bDEuODQ2NDMgMS44NDY0NS0xLjQxNDIgMS40MTQyem0tLjYxOC00Ljg2MDY0Yy4zNjg0NC4zNjg0NS41NjMwOC44NDQ4OC41ODM5MSAxLjMyNzQyLS4xNTE3NC4wNjU1NC0uMzAwMjQuMTQwOTMtLjQ0NDU0LjIyNjE1bC0xLjkxNzU0LTEuOTE3NTMtMS40MTQyMSAxLjQxNDIxIDEuOTE3NTMgMS45MTc1M2MtLjA4NTIzLjE0NDMxLS4xNjA2MS4yOTI4Mi0uMjI2MTYuNDQ0NTYtLjQ4MjU0LS4wMjA4My0uOTU4OTctLjIxNTQ3LTEuMzI3NDItLjU4MzkxbC0xLjQxNDIxLTEuNDE0MjJjLS43ODEwNS0uNzgxMDUtLjc4MTA1LTIuMDQ3MzcgMC0yLjgyODQyczIuMDQ3MzctLjc4MTA1IDIuODI4NDIgMHoiIGZpbGw9IiM1NTQyM2UiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
-    --icon-go: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjU4NTggNy0yLjI5Mjg5LTIuMjkyODkgMS40MTQyMS0xLjQxNDIyIDQuNzA3MDggNC43MDcxMS00LjcwNzA4IDQuNzA3MS0xLjQxNDIxLTEuNDE0MiAyLjI5Mjg5LTIuMjkyOWgtNy41ODU4di0yeiIgZmlsbD0iIzU1NDIzZSIvPjwvc3ZnPg==");
-    --icon-history: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMi4yNDI2IDMuNzU3MzZjLTEuMDg1Ny0xLjA4NTc5LTIuNTg1NzUtMS43NTczNi00LjI0MjYtMS43NTczNi0zLjMxMzcxIDAtNiAyLjY4NjI5LTYgNiAwIDMuMzEzNyAyLjY4NjI5IDYgNiA2IDMuMzEzNyAwIDYtMi42ODYzIDYtNmgybC0zLTMtMyAzaDJjMCAyLjIwOTEtMS43OTA5IDQtNCA0LTIuMjA5MTQgMC00LTEuNzkwOS00LTQgMC0yLjIwOTE0IDEuNzkwODYtNCA0LTQgMS4xMDQ1NyAwIDIuMTA0Ni40NDc3MiAyLjgyODQgMS4xNzE1N3ptLTUuMjQyNTkgMS4yNDI2NHYyLjU4NTc5bC0xLjIwNzEgMS4yMDcxIDEuNDE0MjEgMS40MTQyMSAxLjc5Mjg5LTEuNzkyODl2LTMuNDE0MjF6IiBmaWxsPSIjNTU0MjNlIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
-    --icon-cmd: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjNTU0MjNlIj48Y2lyY2xlIGN4PSI2IiBjeT0iNiIgcj0iMSIvPjxjaXJjbGUgY3g9IjYiIGN5PSIxMCIgcj0iMSIvPjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0ibTkgMTR2LTEyaDJ2MTJ6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PC9zdmc+");
+    --icon-breadcrumb: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTYgMTIgNC00LTQtNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzAyODU5IiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=");
+    --icon-choose: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNiAxMiA0LTQtNC00IiBzdHJva2U9IiMzMDI4NTkiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==");
+    --icon-cmd: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMzAyODU5Ij48Y2lyY2xlIGN4PSI2IiBjeT0iNiIgcj0iMSIvPjxjaXJjbGUgY3g9IjYiIGN5PSIxMCIgcj0iMSIvPjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0ibTkgMTR2LTEyaDJ2MTJ6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PC9zdmc+");
+    --icon-collapse: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTMgNmg2IiBzdHJva2U9IiMzMDI4NTkiIHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+");
+    --icon-expand: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtNyA1di0zaC0ydjNoLTN2MmgzdjNoMnYtM2gzdi0yeiIgZmlsbD0iIzMwMjg1OSIgZmlsbC1vcGFjaXR5PSIuNSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
+    --icon-go: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjU4NTggNy0yLjI5Mjg5LTIuMjkyODkgMS40MTQyMS0xLjQxNDIyIDQuNzA3MDggNC43MDcxMS00LjcwNzA4IDQuNzA3MS0xLjQxNDIxLTEuNDE0MiAyLjI5Mjg5LTIuMjkyOWgtNy41ODU4di0yeiIgZmlsbD0iIzMwMjg1OSIvPjwvc3ZnPg==");
+    --icon-history: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMi4yNDI2IDMuNzU3MzZjLTEuMDg1Ny0xLjA4NTc5LTIuNTg1NzUtMS43NTczNi00LjI0MjYtMS43NTczNi0zLjMxMzcxIDAtNiAyLjY4NjI5LTYgNiAwIDMuMzEzNyAyLjY4NjI5IDYgNiA2IDMuMzEzNyAwIDYtMi42ODYzIDYtNmgybC0zLTMtMyAzaDJjMCAyLjIwOTEtMS43OTA5IDQtNCA0LTIuMjA5MTQgMC00LTEuNzkwOS00LTQgMC0yLjIwOTE0IDEuNzkwODYtNCA0LTQgMS4xMDQ1NyAwIDIuMTA0Ni40NDc3MiAyLjgyODQgMS4xNzE1N3ptLTUuMjQyNTkgMS4yNDI2NHYyLjU4NTc5bC0xLjIwNzEgMS4yMDcxIDEuNDE0MjEgMS40MTQyMSAxLjc5Mjg5LTEuNzkyODl2LTMuNDE0MjF6IiBmaWxsPSIjMzAyODU5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
+    --icon-leaf: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iNiIgY3k9IjYiIGZpbGw9IiMzMDI4NTkiIGZpbGwtb3BhY2l0eT0iLjUiIHI9IjIiLz48L3N2Zz4=");
+    --icon-more: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQgNiA0IDQgNC00IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMDI4NTkiIHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+");
+    --icon-permalink: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcuNjU2ODYgMiAxLjQxNDIxIDEuNDE0MjJjLjY4MDUxLjY4MDUxIDEuMDY0NTMgMS41NDUyMSAxLjE1MjEzIDIuNDMzNjIuODg4NC4wODc2IDEuNzUzMS40NzE2NSAyLjQzMzcgMS4xNTIxNmwxLjQxNDIgMS40MTQyMmMxLjU2MjEgMS41NjIwOSAxLjU2MjEgNC4wOTQ3OCAwIDUuNjU2ODhzLTQuMDk0NzkgMS41NjIxLTUuNjU2ODggMGwtMS40MTQyMi0xLjQxNDJjLS42ODA1MS0uNjgwNi0xLjA2NDU2LTEuNTQ1My0xLjE1MjE2LTIuNDMzNy0uODg4NDEtLjA4NzYtMS43NTMxMS0uNDcxNjItMi40MzM2Mi0xLjE1MjEzbC0xLjQxNDIyLTEuNDE0MjFjLTEuNTYyMDk0LTEuNTYyMS0xLjU2MjA5NC00LjA5NDc2IDAtNS42NTY4NiAxLjU2MjEtMS41NjIwOTQgNC4wOTQ3Ni0xLjU2MjA5NCA1LjY1Njg2IDB6bS42MTggNy42ODkwN2MtLjE0NDMuMDg1MjItLjI5MjgxLjE2MDYxLS40NDQ1NS4yMjYxNi4wMjA4My40ODI1Ny4yMTU0Ni45NTg5Ny41ODM5MSAxLjMyNzM3bDEuNDE0MjEgMS40MTQzYy43ODEwNy43ODEgMi4wNDczNy43ODEgMi44Mjg0NyAwIC43ODEtLjc4MTEuNzgxLTIuMDQ3NCAwLTIuODI4NDdsLTEuNDE0My0xLjQxNDIxYy0uMzY4NC0uMzY4NDUtLjg0NDgtLjU2MzA4LTEuMzI3MzctLjU4MzkxLS4wNjU1NS4xNTE3My0uMTQwOTMuMzAwMjQtLjIyNjE2LjQ0NDU0bDEuODQ2NDMgMS44NDY0NS0xLjQxNDIgMS40MTQyem0tLjYxOC00Ljg2MDY0Yy4zNjg0NC4zNjg0NS41NjMwOC44NDQ4OC41ODM5MSAxLjMyNzQyLS4xNTE3NC4wNjU1NC0uMzAwMjQuMTQwOTMtLjQ0NDU0LjIyNjE1bC0xLjkxNzU0LTEuOTE3NTMtMS40MTQyMSAxLjQxNDIxIDEuOTE3NTMgMS45MTc1M2MtLjA4NTIzLjE0NDMxLS4xNjA2MS4yOTI4Mi0uMjI2MTYuNDQ0NTYtLjQ4MjU0LS4wMjA4My0uOTU4OTctLjIxNTQ3LTEuMzI3NDItLjU4MzkxbC0xLjQxNDIxLTEuNDE0MjJjLS43ODEwNS0uNzgxMDUtLjc4MTA1LTIuMDQ3MzcgMC0yLjgyODQyczIuMDQ3MzctLjc4MTA1IDIuODI4NDIgMHoiIGZpbGw9IiMzMDI4NTkiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
 }
 
 @media (prefers-color-scheme: dark) {
     :root {
-        --icon-breadcrumb: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTYgMTIgNC00LTQtNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZDdjZGJmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=");
-        --icon-expand: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtNyA1di0zaC0ydjNoLTN2MmgzdjNoMnYtM2gzdi0yeiIgZmlsbD0iI2Q3Y2RiZiIgZmlsbC1vcGFjaXR5PSIuNSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
-        --icon-leaf: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iNiIgY3k9IjYiIGZpbGw9IiNkN2NkYmYiIGZpbGwtb3BhY2l0eT0iLjUiIHI9IjIiLz48L3N2Zz4=");
-        --icon-collapse: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTMgNmg2IiBzdHJva2U9IiNkN2NkYmYiIHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+");
-        --icon-permalink: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcuNjU2ODYgMiAxLjQxNDIxIDEuNDE0MjJjLjY4MDUxLjY4MDUxIDEuMDY0NTMgMS41NDUyMSAxLjE1MjEzIDIuNDMzNjIuODg4NC4wODc2IDEuNzUzMS40NzE2NSAyLjQzMzcgMS4xNTIxNmwxLjQxNDIgMS40MTQyMmMxLjU2MjEgMS41NjIwOSAxLjU2MjEgNC4wOTQ3OCAwIDUuNjU2ODhzLTQuMDk0NzkgMS41NjIxLTUuNjU2ODggMGwtMS40MTQyMi0xLjQxNDJjLS42ODA1MS0uNjgwNi0xLjA2NDU2LTEuNTQ1My0xLjE1MjE2LTIuNDMzNy0uODg4NDEtLjA4NzYtMS43NTMxMS0uNDcxNjItMi40MzM2Mi0xLjE1MjEzbC0xLjQxNDIyLTEuNDE0MjFjLTEuNTYyMDk0LTEuNTYyMS0xLjU2MjA5NC00LjA5NDc2IDAtNS42NTY4NiAxLjU2MjEtMS41NjIwOTQgNC4wOTQ3Ni0xLjU2MjA5NCA1LjY1Njg2IDB6bS42MTggNy42ODkwN2MtLjE0NDMuMDg1MjItLjI5MjgxLjE2MDYxLS40NDQ1NS4yMjYxNi4wMjA4My40ODI1Ny4yMTU0Ni45NTg5Ny41ODM5MSAxLjMyNzM3bDEuNDE0MjEgMS40MTQzYy43ODEwNy43ODEgMi4wNDczNy43ODEgMi44Mjg0NyAwIC43ODEtLjc4MTEuNzgxLTIuMDQ3NCAwLTIuODI4NDdsLTEuNDE0My0xLjQxNDIxYy0uMzY4NC0uMzY4NDUtLjg0NDgtLjU2MzA4LTEuMzI3MzctLjU4MzkxLS4wNjU1NS4xNTE3My0uMTQwOTMuMzAwMjQtLjIyNjE2LjQ0NDU0bDEuODQ2NDMgMS44NDY0NS0xLjQxNDIgMS40MTQyem0tLjYxOC00Ljg2MDY0Yy4zNjg0NC4zNjg0NS41NjMwOC44NDQ4OC41ODM5MSAxLjMyNzQyLS4xNTE3NC4wNjU1NC0uMzAwMjQuMTQwOTMtLjQ0NDU0LjIyNjE1bC0xLjkxNzU0LTEuOTE3NTMtMS40MTQyMSAxLjQxNDIxIDEuOTE3NTMgMS45MTc1M2MtLjA4NTIzLjE0NDMxLS4xNjA2MS4yOTI4Mi0uMjI2MTYuNDQ0NTYtLjQ4MjU0LS4wMjA4My0uOTU4OTctLjIxNTQ3LTEuMzI3NDItLjU4MzkxbC0xLjQxNDIxLTEuNDE0MjJjLS43ODEwNS0uNzgxMDUtLjc4MTA1LTIuMDQ3MzcgMC0yLjgyODQyczIuMDQ3MzctLjc4MTA1IDIuODI4NDIgMHoiIGZpbGw9IiNkN2NkYmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
-        --icon-go: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjU4NTggNy0yLjI5Mjg5LTIuMjkyODkgMS40MTQyMS0xLjQxNDIyIDQuNzA3MDggNC43MDcxMS00LjcwNzA4IDQuNzA3MS0xLjQxNDIxLTEuNDE0MiAyLjI5Mjg5LTIuMjkyOWgtNy41ODU4di0yeiIgZmlsbD0iI2Q3Y2RiZiIvPjwvc3ZnPg==");
-        --icon-more: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQgNiA0IDQgNC00IiBmaWxsPSJub25lIiBzdHJva2U9IiNkN2NkYmYiIHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+");
-        --icon-history: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMi4yNDI2IDMuNzU3MzZjLTEuMDg1Ny0xLjA4NTc5LTIuNTg1NzUtMS43NTczNi00LjI0MjYtMS43NTczNi0zLjMxMzcxIDAtNiAyLjY4NjI5LTYgNiAwIDMuMzEzNyAyLjY4NjI5IDYgNiA2IDMuMzEzNyAwIDYtMi42ODYzIDYtNmgybC0zLTMtMyAzaDJjMCAyLjIwOTEtMS43OTA5IDQtNCA0LTIuMjA5MTQgMC00LTEuNzkwOS00LTQgMC0yLjIwOTE0IDEuNzkwODYtNCA0LTQgMS4xMDQ1NyAwIDIuMTA0Ni40NDc3MiAyLjgyODQgMS4xNzE1N3ptLTUuMjQyNTkgMS4yNDI2NHYyLjU4NTc5bC0xLjIwNzEgMS4yMDcxIDEuNDE0MjEgMS40MTQyMSAxLjc5Mjg5LTEuNzkyODl2LTMuNDE0MjF6IiBmaWxsPSIjZDdjZGJmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
-        --icon-cmd: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZDdjZGJmIj48Y2lyY2xlIGN4PSI2IiBjeT0iNiIgcj0iMSIvPjxjaXJjbGUgY3g9IjYiIGN5PSIxMCIgcj0iMSIvPjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0ibTkgMTR2LTEyaDJ2MTJ6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PC9zdmc+");
+        --icon-breadcrumb: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTYgMTIgNC00LTQtNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZjdlY2U1IiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=");
+        --icon-choose: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNiAxMiA0LTQtNC00IiBzdHJva2U9IiNmN2VjZTUiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==");
+        --icon-cmd: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZjdlY2U1Ij48Y2lyY2xlIGN4PSI2IiBjeT0iNiIgcj0iMSIvPjxjaXJjbGUgY3g9IjYiIGN5PSIxMCIgcj0iMSIvPjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0ibTkgMTR2LTEyaDJ2MTJ6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PC9zdmc+");
+        --icon-collapse: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTMgNmg2IiBzdHJva2U9IiNmN2VjZTUiIHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+");
+        --icon-expand: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtNyA1di0zaC0ydjNoLTN2MmgzdjNoMnYtM2gzdi0yeiIgZmlsbD0iI2Y3ZWNlNSIgZmlsbC1vcGFjaXR5PSIuNSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
+        --icon-go: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjU4NTggNy0yLjI5Mjg5LTIuMjkyODkgMS40MTQyMS0xLjQxNDIyIDQuNzA3MDggNC43MDcxMS00LjcwNzA4IDQuNzA3MS0xLjQxNDIxLTEuNDE0MiAyLjI5Mjg5LTIuMjkyOWgtNy41ODU4di0yeiIgZmlsbD0iI2Y3ZWNlNSIvPjwvc3ZnPg==");
+        --icon-history: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMi4yNDI2IDMuNzU3MzZjLTEuMDg1Ny0xLjA4NTc5LTIuNTg1NzUtMS43NTczNi00LjI0MjYtMS43NTczNi0zLjMxMzcxIDAtNiAyLjY4NjI5LTYgNiAwIDMuMzEzNyAyLjY4NjI5IDYgNiA2IDMuMzEzNyAwIDYtMi42ODYzIDYtNmgybC0zLTMtMyAzaDJjMCAyLjIwOTEtMS43OTA5IDQtNCA0LTIuMjA5MTQgMC00LTEuNzkwOS00LTQgMC0yLjIwOTE0IDEuNzkwODYtNCA0LTQgMS4xMDQ1NyAwIDIuMTA0Ni40NDc3MiAyLjgyODQgMS4xNzE1N3ptLTUuMjQyNTkgMS4yNDI2NHYyLjU4NTc5bC0xLjIwNzEgMS4yMDcxIDEuNDE0MjEgMS40MTQyMSAxLjc5Mjg5LTEuNzkyODl2LTMuNDE0MjF6IiBmaWxsPSIjZjdlY2U1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
+        --icon-leaf: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyIiB3aWR0aD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iNiIgY3k9IjYiIGZpbGw9IiNmN2VjZTUiIGZpbGwtb3BhY2l0eT0iLjUiIHI9IjIiLz48L3N2Zz4=");
+        --icon-more: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQgNiA0IDQgNC00IiBmaWxsPSJub25lIiBzdHJva2U9IiNmN2VjZTUiIHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+");
+        --icon-permalink: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcuNjU2ODYgMiAxLjQxNDIxIDEuNDE0MjJjLjY4MDUxLjY4MDUxIDEuMDY0NTMgMS41NDUyMSAxLjE1MjEzIDIuNDMzNjIuODg4NC4wODc2IDEuNzUzMS40NzE2NSAyLjQzMzcgMS4xNTIxNmwxLjQxNDIgMS40MTQyMmMxLjU2MjEgMS41NjIwOSAxLjU2MjEgNC4wOTQ3OCAwIDUuNjU2ODhzLTQuMDk0NzkgMS41NjIxLTUuNjU2ODggMGwtMS40MTQyMi0xLjQxNDJjLS42ODA1MS0uNjgwNi0xLjA2NDU2LTEuNTQ1My0xLjE1MjE2LTIuNDMzNy0uODg4NDEtLjA4NzYtMS43NTMxMS0uNDcxNjItMi40MzM2Mi0xLjE1MjEzbC0xLjQxNDIyLTEuNDE0MjFjLTEuNTYyMDk0LTEuNTYyMS0xLjU2MjA5NC00LjA5NDc2IDAtNS42NTY4NiAxLjU2MjEtMS41NjIwOTQgNC4wOTQ3Ni0xLjU2MjA5NCA1LjY1Njg2IDB6bS42MTggNy42ODkwN2MtLjE0NDMuMDg1MjItLjI5MjgxLjE2MDYxLS40NDQ1NS4yMjYxNi4wMjA4My40ODI1Ny4yMTU0Ni45NTg5Ny41ODM5MSAxLjMyNzM3bDEuNDE0MjEgMS40MTQzYy43ODEwNy43ODEgMi4wNDczNy43ODEgMi44Mjg0NyAwIC43ODEtLjc4MTEuNzgxLTIuMDQ3NCAwLTIuODI4NDdsLTEuNDE0My0xLjQxNDIxYy0uMzY4NC0uMzY4NDUtLjg0NDgtLjU2MzA4LTEuMzI3MzctLjU4MzkxLS4wNjU1NS4xNTE3My0uMTQwOTMuMzAwMjQtLjIyNjE2LjQ0NDU0bDEuODQ2NDMgMS44NDY0NS0xLjQxNDIgMS40MTQyem0tLjYxOC00Ljg2MDY0Yy4zNjg0NC4zNjg0NS41NjMwOC44NDQ4OC41ODM5MSAxLjMyNzQyLS4xNTE3NC4wNjU1NC0uMzAwMjQuMTQwOTMtLjQ0NDU0LjIyNjE1bC0xLjkxNzU0LTEuOTE3NTMtMS40MTQyMSAxLjQxNDIxIDEuOTE3NTMgMS45MTc1M2MtLjA4NTIzLjE0NDMxLS4xNjA2MS4yOTI4Mi0uMjI2MTYuNDQ0NTYtLjQ4MjU0LS4wMjA4My0uOTU4OTctLjIxNTQ3LTEuMzI3NDItLjU4MzkxbC0xLjQxNDIxLTEuNDE0MjJjLS43ODEwNS0uNzgxMDUtLjc4MTA1LTIuMDQ3MzcgMC0yLjgyODQyczIuMDQ3MzctLjc4MTA1IDIuODI4NDIgMHoiIGZpbGw9IiNmN2VjZTUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
     }
 }

static/css/main.css

@@ -9,7 +9,7 @@ body {
     grid-template-columns:
         [left] minmax(
             0,
-            clamp(80px, calc(100vw - (1920px - 360px - 160px)), 160px)
+            clamp(136px, calc(100vw - (1920px - 360px - 160px)), 160px)
         )
         [center] minmax(0, auto)
         [right] minmax(0, calc(100vw - (1920px - 360px)));
@@ -109,7 +109,7 @@ body {
 }
 
 :focus-visible {
-    outline: 0.1rem solid var(--liquidex-brand-blue);
+    outline: 0.1rem solid var(--accent-blue);
     outline-offset: 0.2rem;
 }
 
@@ -125,12 +125,6 @@ body {
     src: url("../font/Recursive_VF_1.085.woff2?v=b3-445487d5");
 }
 
-@font-face {
-    font-family: "RecVarMono";
-    src: url("../font/Recursive_VF_1.085.woff2?v=b3-445487d5");
-    font-variation-settings: "MONO" 1;
-}
-
 body,
 pre,
 code,
@@ -163,8 +157,8 @@ input {
 
 :root {
     --recursive-mono: 0;
-    --recursive-casl: 1;
-    --recursive-wght: 400;
+    --recursive-casl: 0;
+    --recursive-wght: 450;
     --recursive-slnt: 0;
     --recursive-crsv: 0.5;
 
@@ -191,7 +185,6 @@ input {
 }
 
 h1 {
-    --recursive-casl: 0;
     --recursive-wght: 900;
 
     font-size: 5.6rem;
@@ -199,22 +192,19 @@ h1 {
 }
 
 h2 {
-    --recursive-casl: 0.5;
-    --recursive-wght: 800;
+    --recursive-wght: 850;
 
     font-size: 3.2rem;
 }
 
 h3 {
-    --recursive-casl: 0.5;
-    --recursive-wght: 700;
+    --recursive-wght: 850;
 
     font-size: 2.4rem;
 }
 
 h4 {
-    --recursive-casl: 0.5;
-    --recursive-wght: 700;
+    --recursive-wght: 800;
 
     font-size: 1.6rem;
 }
@@ -224,7 +214,6 @@ code,
 kbd,
 th-literate-program {
     --recursive-mono: 1;
-    --recursive-casl: 0;
     --recursive-wght: 450;
 }
 
@@ -418,7 +407,6 @@ th {
     background-color: var(--shaded-background);
 
     --recursive-wght: 700;
-    --recursive-casl: 0.5;
 }
 
 /* Horizontal rules */
@@ -436,7 +424,7 @@ hr {
 .noscript {
     padding: 1.6rem;
     background-color: #fde748;
-    color: var(--text-color-light);
+    color: #55423e;
     border: 0.1rem solid #6c581c;
     border-radius: 0.8rem;
     width: fit-content;
@@ -460,11 +448,11 @@ hr {
 }
 
 .noscript a {
-    color: var(--link-color-light);
+    color: #004ec8;
 }
 
 .noscript a:visited {
-    color: var(--link-color-visited-light);
+    color: #6c2380;
 }
 
 /* Navigation button */
@@ -476,8 +464,8 @@ hr {
 
 #nav-logo .logo {
     /* NOTE: Measurements in px for pixel perfection */
-    width: 64px;
-    height: 64px;
+    width: 120px;
+    height: 120px;
 
     display: block;
     opacity: 100%;
@@ -517,7 +505,6 @@ h1.page-title {
 span.badge {
     --recursive-wght: 800;
     --recursive-mono: 1;
-    --recursive-casl: 0;
 
     border-radius: 100rem;
     padding: 0.2rem 0.6rem;
@@ -680,7 +667,6 @@ th-emoji-tooltip p {
 
 th-command-line {
     --recursive-mono: 1;
-    --recursive-casl: 0;
 
     display: none;
     flex-direction: column;
@@ -749,7 +735,7 @@ th-command-line {
 
             &:hover,
             &.tabbed {
-                background-color: var(--liquidex-brand-blue);
+                background-color: var(--accent-purple);
                 color: white;
             }
 
@@ -887,28 +873,28 @@ th-literate-program[data-mode="output"] {
 /* Syntax highlighting */
 
 :root {
-    --syntax-comment: #9b8580;
+    --syntax-comment: #6c657b;
     --syntax-identifier: var(--text-color);
-    --syntax-keyword1: #e15e2b;
-    --syntax-keyword2: #199aca;
-    --syntax-operator: #e3755b;
-    --syntax-function: #d57b07;
-    --syntax-literal: #a64fb3;
-    --syntax-string: #79ac3b;
-    --syntax-punct: #a28680;
+    --syntax-keyword1: #b03b0d;
+    --syntax-keyword2: #02739d;
+    --syntax-operator: #ac4141;
+    --syntax-function: #9940b9;
+    --syntax-literal: #a84983;
+    --syntax-string: #2c7754;
+    --syntax-punct: #6c657b;
 }
 
 @media (prefers-color-scheme: dark) {
     :root {
-        --syntax-comment: #aca8a4;
+        --syntax-comment: #a8a2b9;
         --syntax-identifier: var(--text-color);
-        --syntax-keyword1: #ffb06a;
-        --syntax-keyword2: #8ad4f9;
-        --syntax-operator: #ec9f8d;
-        --syntax-function: #fbd283;
-        --syntax-literal: #e9b9f0;
-        --syntax-string: #b0dd7a;
-        --syntax-punct: #9d9a96;
+        --syntax-keyword1: #ffb496;
+        --syntax-keyword2: #98dcfd;
+        --syntax-operator: #ffa5a5;
+        --syntax-function: #ffde9e;
+        --syntax-literal: #ffcaf4;
+        --syntax-string: #d6fbaa;
+        --syntax-punct: #a8a2b9;
     }
 }
 

static/css/page/index.css

@@ -1,6 +1,90 @@
 h1.page-title {
     --recursive-wght: 900;
     font-size: 5.6rem;
+
+    display: flex;
+    flex-direction: column;
+    line-height: 1;
+    width: min-content;
+
+    transform: skew(-5deg, -5deg);
+
+    & .rikis {
+        width: max-content;
+        background-color: var(--text-color);
+        color: var(--background-color);
+        padding: 0.1em;
+
+        --shadow-color: var(--accent-pink);
+        box-shadow:
+            0.5px 0.5px 0 var(--shadow-color),
+            1px 1px 0 var(--shadow-color),
+            1.5px 1.5px 0 var(--shadow-color),
+            2px 2px 0 var(--shadow-color),
+            2.5px 2.5px 0 var(--shadow-color),
+            3px 3px 0 var(--shadow-color),
+            3.5px 3.5px 0 var(--shadow-color),
+            4px 4px 0 var(--shadow-color);
+
+        /*
+            import math
+
+            print("box-shadow:")
+            x = 0
+            max_x = 16
+            while x < max_x:
+                print(f"{x}px {x}px {math.pow(x / max_x, 2) * 16}px rgba(from var(--shadow-color) r g b / {math.pow(1 - x / max_x, 3)}),")
+                x += 0.5
+        */
+        /* prettier-ignore */
+        box-shadow:
+            0px 0px 0.0px rgba(from var(--shadow-color) r g b / 1.0),
+            0.5px 0.5px 0.015625px rgba(from var(--shadow-color) r g b / 0.909149169921875),
+            1.0px 1.0px 0.0625px rgba(from var(--shadow-color) r g b / 0.823974609375),
+            1.5px 1.5px 0.140625px rgba(from var(--shadow-color) r g b / 0.744293212890625),
+            2.0px 2.0px 0.25px rgba(from var(--shadow-color) r g b / 0.669921875),
+            2.5px 2.5px 0.390625px rgba(from var(--shadow-color) r g b / 0.600677490234375),
+            3.0px 3.0px 0.5625px rgba(from var(--shadow-color) r g b / 0.536376953125),
+            3.5px 3.5px 0.765625px rgba(from var(--shadow-color) r g b / 0.476837158203125),
+            4.0px 4.0px 1.0px rgba(from var(--shadow-color) r g b / 0.421875),
+            4.5px 4.5px 1.265625px rgba(from var(--shadow-color) r g b / 0.371307373046875),
+            5.0px 5.0px 1.5625px rgba(from var(--shadow-color) r g b / 0.324951171875),
+            5.5px 5.5px 1.890625px rgba(from var(--shadow-color) r g b / 0.282623291015625),
+            6.0px 6.0px 2.25px rgba(from var(--shadow-color) r g b / 0.244140625),
+            6.5px 6.5px 2.640625px rgba(from var(--shadow-color) r g b / 0.209320068359375),
+            7.0px 7.0px 3.0625px rgba(from var(--shadow-color) r g b / 0.177978515625),
+            7.5px 7.5px 3.515625px rgba(from var(--shadow-color) r g b / 0.149932861328125),
+            8.0px 8.0px 4.0px rgba(from var(--shadow-color) r g b / 0.125),
+            8.5px 8.5px 4.515625px rgba(from var(--shadow-color) r g b / 0.102996826171875),
+            9.0px 9.0px 5.0625px rgba(from var(--shadow-color) r g b / 0.083740234375),
+            9.5px 9.5px 5.640625px rgba(from var(--shadow-color) r g b / 0.067047119140625),
+            10.0px 10.0px 6.25px rgba(from var(--shadow-color) r g b / 0.052734375),
+            10.5px 10.5px 6.890625px rgba(from var(--shadow-color) r g b / 0.040618896484375),
+            11.0px 11.0px 7.5625px rgba(from var(--shadow-color) r g b / 0.030517578125),
+            11.5px 11.5px 8.265625px rgba(from var(--shadow-color) r g b / 0.022247314453125),
+            12.0px 12.0px 9.0px rgba(from var(--shadow-color) r g b / 0.015625),
+            12.5px 12.5px 9.765625px rgba(from var(--shadow-color) r g b / 0.010467529296875),
+            13.0px 13.0px 10.5625px rgba(from var(--shadow-color) r g b / 0.006591796875),
+            13.5px 13.5px 11.390625px rgba(from var(--shadow-color) r g b / 0.003814697265625),
+            14.0px 14.0px 12.25px rgba(from var(--shadow-color) r g b / 0.001953125),
+            14.5px 14.5px 13.140625px rgba(from var(--shadow-color) r g b / 0.000823974609375),
+            15.0px 15.0px 14.0625px rgba(from var(--shadow-color) r g b / 0.000244140625),
+            15.5px 15.5px 15.015625px rgba(from var(--shadow-color) r g b / 3.0517578125e-05)
+            ;
+    }
+
+    & .adjectives {
+        --recursive-wght: 800;
+        font-size: 2rem;
+        vertical-align: 50%;
+    }
+
+    & .house {
+        width: max-content;
+        font-size: 4rem;
+        padding-left: 1em;
+        padding-top: 0.1em;
+    }
 }
 
 @media (hover: none) {
@@ -69,28 +153,28 @@ main.tree > ul {
 }
 
 #index\:about {
-    --section-color: #a7d5e0;
+    --section-color: var(--accent-pink);
 }
 
 #index\:programming {
-    --section-color: var(--liquidex-brand-red);
+    --section-color: var(--accent-red);
     --section-text-offset: -0.1em;
 }
 
 #index\:design {
-    --section-color: var(--liquidex-brand-yellow);
+    --section-color: var(--accent-yellow);
 }
 
 #index\:music {
-    --section-color: var(--liquidex-brand-green);
+    --section-color: var(--accent-green);
     --section-text-offset: -0.05em;
 }
 
 #index\:games {
-    --section-color: var(--liquidex-brand-blue);
+    --section-color: var(--accent-blue);
     --section-text-offset: 0.05em;
 }
 
 #index\:philosophy {
-    --section-color: #c952f5;
+    --section-color: var(--accent-purple);
 }

static/css/page/tairu.css

@@ -32,7 +32,6 @@
     & .west,
     & .north {
         --recursive-wght: 900;
-        --recursive-casl: 0;
         --recursive-slnt: 0;
         --recursive-mono: 1;
 

static/css/tree.css

@@ -20,7 +20,9 @@
     padding: 0;
 
     align-items: center;
+}
 
+.breadcrumb {
     opacity: 70%;
 }
 
@@ -42,7 +44,6 @@
 .breadcrumb a {
     --recursive-mono: 1;
     --recursive-wght: 500;
-    --recursive-casl: 0;
 
     color: var(--text-color);
     text-decoration: none;
@@ -415,7 +416,6 @@ ul.branch-quote {
 
     &::before {
         --recursive-wght: 900;
-        --recursive-casl: 0;
 
         content: "“";
         position: absolute;

static/js/command-line.js

@@ -212,7 +212,7 @@ CommandLine.registerCommand({
 
 CommandLine.registerCommand({
     aliases: ["quit", "exit", "q", "q!", "wq", "wq!", "wqa", "wqa!", "bc", "bc!", "bca", "bca!"],
-    description: "quit liquidex's treehouse (congration!)",
+    description: "quit riki's treehouse (congration!)",
     // non-immediate because this is a destructive action
 
     showInSuggestions(commandLine) {

static/svg/dark/breadcrumb.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
-    <path d="M6 12L10 8L6 4" fill="none" stroke="#d7cdbf" stroke-width="2" />
+    <path d="M6 12L10 8L6 4" fill="none" stroke="#f7ece5" stroke-width="2" />
 </svg>

static/svg/dark/choose.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6 12L10 8L6 4" stroke="#d7cdbf" stroke-width="2"/>
+<path d="M6 12L10 8L6 4" stroke="#f7ece5" stroke-width="2"/>
 </svg>

static/svg/dark/cmd.svg

@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="6" cy="6" r="1" fill="#d7cdbf"/>
-<circle cx="6" cy="10" r="1" fill="#d7cdbf"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9 14V2H11V14H9Z" fill="#d7cdbf"/>
+<circle cx="6" cy="6" r="1" fill="#f7ece5"/>
+<circle cx="6" cy="10" r="1" fill="#f7ece5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 14V2H11V14H9Z" fill="#f7ece5"/>
 </svg>

static/svg/dark/collapse.svg

@@ -1,3 +1,3 @@
 <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">
-    <line x1="3" y1="6" x2="9" y2="6" stroke="#d7cdbf" stroke-width="2" stroke-opacity="0.5" />
+    <line x1="3" y1="6" x2="9" y2="6" stroke="#f7ece5" stroke-width="2" stroke-opacity="0.5" />
 </svg>

static/svg/dark/expand.svg

@@ -1,4 +1,4 @@
 <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M7 5V2H5V5H2V7H5V10H7V7H10V5H7Z" fill="#d7cdbf"
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M7 5V2H5V5H2V7H5V10H7V7H10V5H7Z" fill="#f7ece5"
         fill-opacity="0.5" />
 </svg>

static/svg/dark/go.svg

@@ -1,5 +1,5 @@
 <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
     <path
         d="M10.5858 7L8.29291 4.70711L9.70712 3.29289L14.4142 8L9.70712 12.7071L8.29291 11.2929L10.5858 9H3V7H10.5858Z"
-        fill="#d7cdbf" />
+        fill="#f7ece5" />
 </svg>

static/svg/dark/history.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2426 3.75736C11.1569 2.67157 9.65685 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14C11.3137 14 14 11.3137 14 8H16L13 5L10 8H12C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C9.10457 4 10.1046 4.44772 10.8284 5.17157L12.2426 3.75736ZM7.00001 5V7.58579L5.79291 8.79289L7.20712 10.2071L9.00001 8.41421V5H7.00001Z" fill="#d7cdbf"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2426 3.75736C11.1569 2.67157 9.65685 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14C11.3137 14 14 11.3137 14 8H16L13 5L10 8H12C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C9.10457 4 10.1046 4.44772 10.8284 5.17157L12.2426 3.75736ZM7.00001 5V7.58579L5.79291 8.79289L7.20712 10.2071L9.00001 8.41421V5H7.00001Z" fill="#f7ece5"/>
 </svg>

static/svg/dark/leaf.svg

@@ -1,3 +1,3 @@
 <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">
-    <circle cx="6" cy="6" r="2" fill="#d7cdbf" fill-opacity="0.5" />
+    <circle cx="6" cy="6" r="2" fill="#f7ece5" fill-opacity="0.5" />
 </svg>

static/svg/dark/more.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
-    <path d="M4 6L8 10L12 6" fill="none" stroke="#d7cdbf" stroke-opacity="0.5" stroke-width="2" />
+    <path d="M4 6L8 10L12 6" fill="none" stroke="#f7ece5" stroke-opacity="0.5" stroke-width="2" />
 </svg>

static/svg/dark/permalink.svg

@@ -1,5 +1,5 @@
 <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd"
         d="M7.65686 2L9.07107 3.41422C9.75158 4.09473 10.1356 4.95943 10.2232 5.84784C11.1116 5.93544 11.9763 6.31949 12.6569 7L14.0711 8.41422C15.6332 9.97631 15.6332 12.509 14.0711 14.0711C12.509 15.6332 9.97631 15.6332 8.41422 14.0711L7 12.6569C6.31949 11.9763 5.93544 11.1116 5.84784 10.2232C4.95943 10.1356 4.09473 9.75158 3.41422 9.07107L2 7.65686C0.437906 6.09476 0.437906 3.5621 2 2C3.5621 0.437906 6.09476 0.437906 7.65686 2ZM8.27486 9.68907C8.13056 9.77429 7.98205 9.84968 7.83031 9.91523C7.85114 10.3978 8.04577 10.8742 8.41422 11.2426L9.82843 12.6569C10.6095 13.4379 11.8758 13.4379 12.6569 12.6569C13.4379 11.8758 13.4379 10.6095 12.6569 9.82843L11.2426 8.41422C10.8742 8.04577 10.3978 7.85114 9.91523 7.83031C9.84968 7.98204 9.7743 8.13055 9.68907 8.27485L11.5355 10.1213L10.1213 11.5355L8.27486 9.68907ZM7.65686 4.82843C8.0253 5.19688 8.21994 5.67331 8.24077 6.15585C8.08903 6.22139 7.94053 6.29678 7.79623 6.382L5.87869 4.46447L4.46448 5.87868L6.38201 7.79621C6.29678 7.94052 6.2214 8.08903 6.15585 8.24077C5.67331 8.21994 5.19688 8.0253 4.82843 7.65686L3.41422 6.24264C2.63317 5.46159 2.63317 4.19527 3.41422 3.41422C4.19527 2.63317 5.46159 2.63317 6.24264 3.41422L7.65686 4.82843Z"
-        fill="#d7cdbf" />
+        fill="#f7ece5" />
 </svg>

static/svg/light/breadcrumb.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
-    <path d="M6 12L10 8L6 4" fill="none" stroke="#55423e" stroke-width="2" />
+    <path d="M6 12L10 8L6 4" fill="none" stroke="#302859" stroke-width="2" />
 </svg>

static/svg/light/choose.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6 12L10 8L6 4" stroke="#55423e" stroke-width="2"/>
+<path d="M6 12L10 8L6 4" stroke="#302859" stroke-width="2"/>
 </svg>

static/svg/light/cmd.svg

@@ -1,5 +1,5 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="6" cy="6" r="1" fill="#55423e"/>
-<circle cx="6" cy="10" r="1" fill="#55423e"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9 14V2H11V14H9Z" fill="#55423e"/>
+<circle cx="6" cy="6" r="1" fill="#302859"/>
+<circle cx="6" cy="10" r="1" fill="#302859"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 14V2H11V14H9Z" fill="#302859"/>
 </svg>

static/svg/light/collapse.svg

@@ -1,3 +1,3 @@
 <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">
-    <line x1="3" y1="6" x2="9" y2="6" stroke="#55423e" stroke-width="2" stroke-opacity="0.5" />
+    <line x1="3" y1="6" x2="9" y2="6" stroke="#302859" stroke-width="2" stroke-opacity="0.5" />
 </svg>

static/svg/light/expand.svg

@@ -1,4 +1,4 @@
 <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M7 5V2H5V5H2V7H5V10H7V7H10V5H7Z" fill="#55423e"
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M7 5V2H5V5H2V7H5V10H7V7H10V5H7Z" fill="#302859"
         fill-opacity="0.5" />
 </svg>

static/svg/light/go.svg

@@ -1,5 +1,5 @@
 <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
     <path
         d="M10.5858 7L8.29291 4.70711L9.70712 3.29289L14.4142 8L9.70712 12.7071L8.29291 11.2929L10.5858 9H3V7H10.5858Z"
-        fill="#55423e" />
+        fill="#302859" />
 </svg>

static/svg/light/history.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2426 3.75736C11.1569 2.67157 9.65685 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14C11.3137 14 14 11.3137 14 8H16L13 5L10 8H12C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C9.10457 4 10.1046 4.44772 10.8284 5.17157L12.2426 3.75736ZM7.00001 5V7.58579L5.79291 8.79289L7.20712 10.2071L9.00001 8.41421V5H7.00001Z" fill="#55423e"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2426 3.75736C11.1569 2.67157 9.65685 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14C11.3137 14 14 11.3137 14 8H16L13 5L10 8H12C12 10.2091 10.2091 12 8 12C5.79086 12 4 10.2091 4 8C4 5.79086 5.79086 4 8 4C9.10457 4 10.1046 4.44772 10.8284 5.17157L12.2426 3.75736ZM7.00001 5V7.58579L5.79291 8.79289L7.20712 10.2071L9.00001 8.41421V5H7.00001Z" fill="#302859"/>
 </svg>

static/svg/light/leaf.svg

@@ -1,3 +1,3 @@
 <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">
-    <circle cx="6" cy="6" r="2" fill="#55423e" fill-opacity="0.5" />
+    <circle cx="6" cy="6" r="2" fill="#302859" fill-opacity="0.5" />
 </svg>

static/svg/light/more.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
-    <path d="M4 6L8 10L12 6" fill="none" stroke="#55423e" stroke-opacity="0.5" stroke-width="2" />
+    <path d="M4 6L8 10L12 6" fill="none" stroke="#302859" stroke-opacity="0.5" stroke-width="2" />
 </svg>

static/svg/light/permalink.svg

@@ -1,5 +1,5 @@
 <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd"
         d="M7.65686 2L9.07107 3.41422C9.75158 4.09473 10.1356 4.95943 10.2232 5.84784C11.1116 5.93544 11.9763 6.31949 12.6569 7L14.0711 8.41422C15.6332 9.97631 15.6332 12.509 14.0711 14.0711C12.509 15.6332 9.97631 15.6332 8.41422 14.0711L7 12.6569C6.31949 11.9763 5.93544 11.1116 5.84784 10.2232C4.95943 10.1356 4.09473 9.75158 3.41422 9.07107L2 7.65686C0.437906 6.09476 0.437906 3.5621 2 2C3.5621 0.437906 6.09476 0.437906 7.65686 2ZM8.27486 9.68907C8.13056 9.77429 7.98205 9.84968 7.83031 9.91523C7.85114 10.3978 8.04577 10.8742 8.41422 11.2426L9.82843 12.6569C10.6095 13.4379 11.8758 13.4379 12.6569 12.6569C13.4379 11.8758 13.4379 10.6095 12.6569 9.82843L11.2426 8.41422C10.8742 8.04577 10.3978 7.85114 9.91523 7.83031C9.84968 7.98204 9.7743 8.13055 9.68907 8.27485L11.5355 10.1213L10.1213 11.5355L8.27486 9.68907ZM7.65686 4.82843C8.0253 5.19688 8.21994 5.67331 8.24077 6.15585C8.08903 6.22139 7.94053 6.29678 7.79623 6.382L5.87869 4.46447L4.46448 5.87868L6.38201 7.79621C6.29678 7.94052 6.2214 8.08903 6.15585 8.24077C5.67331 8.21994 5.19688 8.0253 4.82843 7.65686L3.41422 6.24264C2.63317 5.46159 2.63317 4.19527 3.41422 3.41422C4.19527 2.63317 5.46159 2.63317 6.24264 3.41422L7.65686 4.82843Z"
-        fill="#55423e" />
+        fill="#302859" />
 </svg>

static/svg/object/logo.svg

@@ -1,5 +1,34 @@
-<svg class="logo" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd"
-        d="M8 3H7H6V4V5H4V6H6V9V10H7H10V12H11V10H12H13V9V8V7H12H11H10V8V9H7V6H8H9V5V4V3H8ZM12 9H11V8H12V9ZM7 5V4H8V5H7ZM3 5H2V6H3V5ZM10 13H11V14H10V13Z"
-        fill="currentColor" />
+<svg class="logo" width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+
+<rect x="21" y="35" width="37" height="13" fill="#FFFBFE"/>
+<rect x="17" y="51" width="45" height="13" fill="#FFFBFE"/>
+<rect x="17" y="51" width="4" height="13" fill="#402444" class="f"/>
+<rect x="17" y="51" width="45" height="5" fill="#402444" class="f"/>
+<rect x="59" y="51" width="4" height="13" fill="#402444" class="f"/>
+<rect x="48" y="51" width="4" height="13" fill="#402444" class="f"/>
+<rect x="45" y="37" width="4" height="13" fill="#402444" class="f"/>
+<rect x="31" y="39" width="4" height="13" fill="#402444" class="f"/>
+<rect x="28" y="51" width="4" height="13" fill="#402444" class="f"/>
+<rect x="15" y="67" width="4" height="6" fill="#402444" class="f"/>
+<rect x="61" y="67" width="4" height="6" fill="#402444" class="f"/>
+<rect x="11" y="64" width="58" height="4" fill="#402444" class="f"/>
+<path d="M10.5 47.5L12.7348 48.7416C14.2204 49.5669 15.8918 50 17.5913 50H62.4087C64.1082 50 65.7796 49.5669 67.2652 48.7416L69.5 47.5" stroke="#FFA8F3" stroke-width="4"/>
+<rect x="21" y="35" width="4" height="13" fill="#402444" class="f"/>
+<rect x="21" y="34" width="38" height="6" fill="#402444" class="f"/>
+<rect x="55" y="35" width="4" height="13" fill="#402444" class="f"/>
+<path d="M32 23C30 24 28 36 28 36H52C52 36 50 24 48 23C46 22 43.5 21 40 21C36.5 21 34 22 32 23Z" fill="#FFA8F3"/>
+<path d="M14 7C31.1714 7 35 21.7231 35 23.9538L28 36C11.0513 36.2867 6.18405 24.2714 14 7Z" fill="#C780D2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3223 20.8129C11.8557 19.4953 11.5566 18.1958 11.5 17C17.5689 16.0418 22.1021 19.9323 25.6444 22.9724C26.975 24.1144 28.1658 25.1363 29.2456 25.7362L27.7324 26.8857L27.5696 27.2588C28.0885 27.5508 28.5669 27.8033 29 28L26.2999 30.1675L25.5 32C24.7656 32.2825 24.0184 32.4787 23.2686 32.6009L22.1364 33.5098C21.6608 33.3886 21.0215 33.1158 20.2799 32.7244C15.4631 32.3777 11.1046 29.5836 10 27.7425C10.4205 27.1117 11.0401 26.6065 11.8478 26.2103C10.1763 24.3995 9 22.5403 9 21C10.1116 20.7916 11.2225 20.7408 12.3223 20.8129Z" fill="#FFD5FA"/>
+<path d="M14 7C31.6 7 35.12 21.803 36 24L28 36C17.44 36 14 24.5758 14 7Z" fill="#FFA8F3"/>
+<path d="M66 7C48.8286 7 45 21.7231 45 23.9538L52 36C68.9487 36.2867 73.816 24.2714 66 7Z" fill="#C780D2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M67.6777 20.8129C68.1443 19.4953 68.4434 18.1958 68.5 17C62.4311 16.0418 57.8979 19.9323 54.3556 22.9724C53.025 24.1144 51.8342 25.1363 50.7544 25.7362L52.2676 26.8857L52.4304 27.2588C51.9115 27.5508 51.4331 27.8033 51 28L53.7001 30.1675L54.5 32C55.2344 32.2825 55.9816 32.4787 56.7314 32.6009L57.8636 33.5098C58.3392 33.3886 58.9785 33.1158 59.7201 32.7244C64.5369 32.3777 68.8954 29.5836 70 27.7425C69.5795 27.1117 68.9599 26.6065 68.1522 26.2103C69.8237 24.3995 71 22.5403 71 21C69.8884 20.7916 68.7775 20.7408 67.6777 20.8129Z" fill="#FFD5FA"/>
+<path d="M66 7C48.4 7 44.88 21.803 44 24L52 36C62.56 36 66 24.5758 66 7Z" fill="#FFA8F3"/>
+<rect x="38" y="60" width="4" height="4" fill="#402444" class="f"/>
+
+<style>
+    @media (prefers-color-scheme: dark) {
+        .f { fill: #4A2F56; }
+    }
+</style>
+
 </svg>