`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].
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?
Why does "Monospace Code" begin with a generic name (`ui-monospace`) instead of ending with one?
(Well done demo, thanks for sharing!)