fix: polish kumo dialog and select styling

app/globals.css

@@ -111,6 +111,17 @@ a,
   }
 }
 
+@keyframes dialog-panel-enter {
+  from {
+    opacity: 0;
+    transform: translate(-50%, -48%) scale(0.97);
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+}
+
 .page-enter {
   animation: page-enter 180ms ease-out both;
 }
@@ -119,6 +130,14 @@ a,
   animation: page-enter 160ms ease-out both;
 }
 
+.dialog-panel-enter {
+  animation: dialog-panel-enter 160ms ease-out both;
+}
+
+:where([role="presentation"].fixed.inset-0.bg-kumo-recessed) {
+  z-index: 40;
+}
+
 .loading-progress {
   width: 55%;
   animation: loading-progress 900ms ease-in-out infinite;
@@ -127,6 +146,7 @@ a,
 @media (prefers-reduced-motion: reduce) {
   .page-enter,
   .table-row-enter,
+  .dialog-panel-enter,
   .loading-progress {
     animation: none;
   }