v3: inline edit forms and the narrow-viewport search row ease open instead of popping in

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

src/App.css

@@ -2619,7 +2619,34 @@ body.has-player .chat-fab {
   }
 }
 
-/* Below-header search row — small viewports only */
+/* Below-header search row — small viewports only. The reveal wrapper eases
+   its single grid track between 0fr and 1fr so the row (theme borders and
+   all) slides open and shut; the clip keeps the collapsed track at zero. */
+.header-search-reveal {
+  display: grid;
+  grid-template-rows: 0fr;
+  opacity: 0;
+  transition:
+    grid-template-rows var(--dur-reveal) var(--ease-out),
+    opacity var(--dur-reveal) var(--ease-out);
+}
+
+.header-search-reveal--open {
+  grid-template-rows: 1fr;
+  opacity: 1;
+}
+
+.header-search-reveal-clip {
+  min-height: 0;
+  overflow: hidden;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .header-search-reveal {
+    transition: none;
+  }
+}
+
 .header-search-below {
   display: flex;
   align-items: center;
@@ -2637,7 +2664,7 @@ body.has-player .chat-fab {
 }
 
 @media (min-width: 860px) {
-  .header-search-below {
+  .header-search-reveal {
     display: none;
   }
 }