:root { font-family: system-ui, sans-serif; color: #202124; background: #fff; }
body { margin: 0; }
main { max-width: 760px; margin: 36px auto; padding: 0 20px; }
h1 { font-size: 1.5rem; }
p { line-height: 1.5; }
label { display: block; margin-bottom: 8px; font-weight: 600; }
input, textarea { display: block; box-sizing: border-box; width: 100%; max-width: 100%; font: inherit; padding: 10px; border: 1px solid #888; border-radius: 4px; }
textarea { resize: vertical; }
button { font: inherit; padding: 8px 14px; margin-top: 10px; cursor: pointer; }
button:disabled { cursor: wait; }
a { color: #164da8; }
.hint, #stats { font-size: .9rem; color: #505050; }
#messages { border-block: 1px solid #ccc; margin: 20px 0; padding: 14px 0; min-height: 80px; max-height: 380px; overflow-y: auto; white-space: pre-wrap; overflow-wrap: anywhere; }
#status { min-height: 1.5em; }
.logout { display: inline-block; margin-left: 10px; }
:focus-visible { outline: 3px solid #164da8; outline-offset: 3px; }