@SebastianSimon pretty much has the correct answer in their comment above.
I can't vouch for whether their reasoning is perfect, but the code block is indeed being detected as Markdown rather than the intended language, and thus being styled as such:
lang-md
:
# Sample Output
--
root0
[snip...]
2super8
2super9
--
admin0admin
The language is being recognized as Markdown, and being styled as such. All you need to do to keep this from happening is to manually specify the language of the code block. Put the code in a code fence, and use a language or tag specifier to tell the highlighter what language to use.
More details on this system, and a full list of supported language IDs, can be found in the "What is syntax highlighting and how does it work?" post over on MSE.
As for why the preview didn't match the post... I'm less sure. You could have been experiencing the built-in delay that the preview has before displaying highlighting, or it may have just failed to load for some reason, which I've personally experienced too. This could definitely be a bug, or it could be just normal behavior with some connection issues or something thrown in, it's hard to be positive.