Refine inline device alias editing

src/web/styles.css

@@ -908,8 +908,7 @@ p {
 
 .client-devices-error button,
 .client-device-pin,
-.client-device-edit,
-.client-device-alias button {
+.client-device-edit {
   padding: 0;
   border: 0;
   background: transparent;
@@ -969,6 +968,7 @@ p {
 }
 
 .client-device-alias-trigger,
+.client-device-alias-input,
 .client-device-ip {
   min-width: 0;
   padding: 0;
@@ -989,6 +989,29 @@ p {
   cursor: text;
 }
 
+.client-device-alias-input {
+  width: var(--alias-width);
+  min-width: 1px;
+  max-width: 100%;
+  flex: 0 1 auto;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  background: transparent;
+  caret-color: var(--client-accent);
+  font: 700 14px/1.2 'JetBrains Mono', 'SF Mono', ui-monospace, Menlo, monospace;
+  letter-spacing: -0.03em;
+  animation: client-device-alias-edit-in 360ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+@keyframes client-device-alias-edit-in {
+  from {
+    color: var(--client-accent);
+    filter: blur(2px);
+    text-shadow: 0 0 8px color-mix(in oklch, var(--client-accent) 48%, transparent);
+  }
+}
+
 .client-device-alias-trigger:hover,
 .client-device-alias-trigger:focus-visible {
   color: var(--client-accent);
@@ -1624,36 +1647,6 @@ p {
   transform: translate(0, 0);
 }
 
-.client-device-alias {
-  flex: 1 1 auto;
-  min-width: 0;
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 32px 32px;
-  align-items: center;
-  gap: 3px;
-}
-
-.client-device-alias input {
-  min-width: 0;
-  padding: 5px 0;
-  border: 0;
-  border-bottom: 1px solid var(--client-border);
-  outline: 0;
-  background: transparent;
-  color: var(--client-text);
-  font-size: 14px;
-}
-
-.client-device-alias input:focus {
-  border-color: var(--client-accent);
-}
-
-.client-device-alias button {
-  width: 32px;
-  height: 32px;
-  font-size: 16px;
-}
-
 .client-devices-error button {
   justify-self: start;
   font-size: 10px;
@@ -4921,6 +4914,7 @@ p {
   .client-device-policy,
   .client-device-policy svg,
   .client-device-alias-trigger,
+  .client-device-alias-input,
   .client-device-ip,
   .client-device-traffic-value > span,
   .client-device-traffic-breakdown,