Tighten up Fizzy bar, simplify try toggles

app/assets/stylesheets/_global.css

@@ -49,7 +49,7 @@
 
   /* Components */
   --btn-size: 2.65em;
-  --footer-height: 3.5rem;
+  --footer-height: 2.65rem;
   --tray-size: clamp(12rem, 25dvw, 24rem);
 
   /* Focus rings for keyboard navigation */

app/assets/stylesheets/bar.css

@@ -10,7 +10,7 @@
     font-size: 0.9em;
     inset: auto 0 0 0;
     max-block-size: 100%;
-    padding: var(--block-space) calc(var(--tray-size) + calc(var(--inline-space) * 3)) calc(var(--block-space) + env(safe-area-inset-bottom));
+    padding: 0 calc(var(--tray-size) + calc(var(--inline-space) * 3)) env(safe-area-inset-bottom);
     place-content: center;
     position: fixed;
     z-index: var(--z-terminal);

app/assets/stylesheets/trays.css

@@ -6,6 +6,7 @@
     --tray-duration: 350ms;
     --tray-margin: 0.5rem;
     --tray-radius: 0.25rem;
+    --tray-item-height: 76px; /* FIXME: Magic number */
 
     align-items: end;
     block-size: var(--footer-height);
@@ -132,11 +133,9 @@
 
   .tray__toggle-btn {
     --btn-background: transparent;
-    --btn-border-color: var(--color-ink);
+    --btn-border-size: 0;
     --btn-color: var(--color-ink);
 
-    border-style: dashed;
-    border-radius: 1ch;
     inline-size: 100%;
     opacity: 0.66;
   }
@@ -146,7 +145,6 @@
 
   .tray__item {
     --tray-item-delay: calc((var(--tray-item-index) - 1) * 20ms);
-    --tray-item-height: 76px; /* FIXME: Magic number */
     --tray-item-index: 1;
     --tray-item-margin: calc(-1 * var(--tray-item-height) + var(--tray-item-offset));
     --tray-item-offset: var(--block-space-half); /* The amount they overlap */