💄 runner: better look and feel, internal improvements

ags/style/_runner.scss

@@ -1,19 +1,24 @@
 @use "./colors";
 
 .runner.main {
-  background: colors.$bg-translucent;
-  padding: 10px;
-  border-radius: 22px;
+  $radius: 24px;
+
+  background: rgba($color: colors.$bg-primary, $alpha: .8);
+  border-radius: $radius;
+  box-shadow: inset 0 0 0 1px colors.$bg-secondary, 
+    0 0 8px 1px colors.$bg-translucent;
+
+  padding: 4px;
 
   & entry {
-    background: colors.$bg-primary;
-    padding: 10px 9px;
-    border-radius: 12px;
-    margin-bottom: 1px;
-    min-height: 1.4em;
+    transition: 80ms ease-in;
+    min-height: 1.6em;
+    padding: 14px;
+    border-radius: inherit;
+    background: none;
 
     &:focus {
-      box-shadow: inset 0 0 0 2px colors.$bg-secondary;
+      box-shadow: none;
     }
 
     & image.left {
@@ -22,7 +27,8 @@
   }
 
   & list {
-    all: unset;
+    padding: 6px;
+    padding-top: 0;
 
     & > *:selected > .result,
     & > *:active > .result,
@@ -39,6 +45,10 @@
     }
   }
 
+  & trough {
+    margin-bottom: 10px;
+  }
+
   & list .result {
     padding: 10px;
     background: colors.$bg-primary;