style(webui): refine first-run model prompt

webui/src/globals.css

@@ -735,6 +735,36 @@
   transform: scale(0.98);
 }
 
+.composer-model-pill-setup {
+  border-color: hsl(var(--border) / 0.72);
+  box-shadow:
+    inset 0 1px 0 rgb(255 255 255 / 0.62),
+    0 1px 2px hsl(var(--foreground) / 0.035);
+  transition-property: color, background-color, border-color, box-shadow, transform;
+  transition-duration: 180ms;
+  transition-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1);
+}
+
+.dark .composer-model-pill-setup {
+  box-shadow:
+    inset 0 1px 0 rgb(255 255 255 / 0.045),
+    0 1px 2px rgb(0 0 0 / 0.12);
+}
+
+.thread-composer-model-badge:hover > .composer-model-pill-setup {
+  border-color: hsl(var(--border));
+  background-color: hsl(var(--accent) / 0.7);
+  box-shadow:
+    inset 0 1px 0 rgb(255 255 255 / 0.72),
+    0 2px 5px hsl(var(--foreground) / 0.06);
+}
+
+.dark .thread-composer-model-badge:hover > .composer-model-pill-setup {
+  box-shadow:
+    inset 0 1px 0 rgb(255 255 255 / 0.07),
+    0 2px 5px rgb(0 0 0 / 0.16);
+}
+
 @keyframes composer-model-pill-viewport-enter {
   from {
     transform: scale(0.9074);
@@ -783,6 +813,10 @@
     transform: none !important;
   }
 
+  .composer-model-pill-setup {
+    transition: none;
+  }
+
   .composer-model-pill-track[data-settling="true"],
   .composer-model-pill-dock {
     transition: none;