Very good approach for only using the single tag, BUT…
Use of px metrics flips the bird at accessibility
The inset box-shadow animates kind of funky… would linear transition be a better choice?
In firefox styling input boxes is broken as the “no appearance” thing doesn’t exist and/or work properly. There was a way around that but I can’t remember it right now.
With some further tweaks, it’s certainly a viable possibility.