Good callout. I updated the tool to allow for min of .75rem or 12px.

It seems to min out at 0.75rem. I don't see where 12px comes in. Unless you are hard coding the root don't size to 16px.

`ui-monospace` is an extended system font property [1] similar to `system-ui` that is currently only supported in Safari. This will render SF Mono on macOS and iOS [2].

[1] https://caniuse.com/extended-system-fonts

[2] https://github.com/system-fonts/modern-font-stacks#monospace...

It's also a generic value, like `sans-serif` that typically comes at the end of a stack. If someone has Consolas installed why show them something else only on Safari?

https://developer.mozilla.org/en-US/docs/Web/CSS/font-family...

This is great feedback. I will update to be more accessible.

You could add a strikethrough on the red ones, and keep the color.

    .nope { text-decoration: line-through; }

https://colorhexa.com shows how each color "is perceived by people affected by a color vision deficiency".

You might be able to get away with changing your reds and greens so (most) colour blind people can see the difference between them.