played a bit with styling

src/app.css

@@ -181,6 +181,13 @@ samp {
   display: inline-block;
 }
 
+@supports ((scrollbar-width: auto) and (scrollbar-width: auto)) {
+  :root {
+    scrollbar-color: var(--surface-300) transparent;
+    scrollbar-width: auto;
+  }
+}
+
 @property --hue {
   syntax: '<angle>';
   inherits: false;

src/routes/(editor)/welcome.module.css

@@ -17,5 +17,18 @@
         flex-flow: column;
         gap: var(--padding-s);
         padding-inline-start: var(--padding-l);
+
+        @media (hover) and (prefers-reduced-motion: no-preference) {
+            & > li {
+                transform-origin: left center;
+                transition: opacity .2s ease-in-out .1s, transform .1s ease-in-out .1s;
+            }
+
+            &:has(> li:hover) > li:not(:hover),
+            &:has(> li:focus-within) > li:not(:focus-within) {
+                opacity: .25;
+                transform: scale(.9);
+            }
+        }
     }
 }