that's much more compatible with smaller screens

these cant ever be reused and have to be unique

also:
- merge masturbation and anal masturbation
- remove femdom and maledom (as they are partner preferences and
non-sensical for gendersolid people)
- add abdl to diapers
- remove ageplay in favor of little/caretaker and abdl

i think i've managed to hit the sweet spot of forward-compatibility, compactness
and simplicity

looks almost the same as before in webkit and blink, and works around
gecko having looked horrible before

this is the old, obsolete standard for uris, and we now only use
unreserved characters that can appear anywhere in a uri

a bit better to see on dim displays
more rounded
a bit nicer in general imo

this will hopefully be much better a11y-wise (can't cite private
communications, but many people have been somewhat confused by the very
similar colors)

using flex-grow, as this is how to properly do it
(assuming the parent is a flex box)

and resulting changes (and some general cleanup fixes)

- use a css module instead of global css
- automatically focus the input element
- update onInput, instead of onChange (triggers on every key press)
- adjust to upcoming headlogo change

makes it look nice and centered on bigger displays