feat(design): the header search is a 40 glass pill; a wrapper field dims for its input only (E28 S3c)

frontend/src/components/UpNextCard.tsx

@@ -86,7 +86,7 @@ export function UpNextCard({
         <div className="truncate text-sm font-semibold leading-tight">{heading || "…"}</div>
         {sub && <div className="truncate text-xs text-white/60">{sub}</div>}
         <div className="mt-auto flex items-center gap-2 pt-2.5">
-          <Button size="sm" onMedia onClick={onAdvance} className="text-xs font-semibold">
+          <Button size="sm" round onClick={onAdvance} className="text-xs font-semibold">
             <span className="relative grid h-5.5 w-5.5 flex-none place-items-center">
               <svg viewBox="0 0 24 24" className="absolute inset-0 -rotate-90">
                 <circle
@@ -117,7 +117,7 @@ export function UpNextCard({
           <Button
             variant="overlay"
             size="sm"
-            onMedia
+            round
             onClick={onCancel}
             className="border border-white/25 text-xs"
           >