:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #172019; color: #eeeade; }
body { margin: 0; }
main { padding: 42px; }
h1 { font-size: 32px; margin: 8px 0 22px; }
p { line-height: 1.5; }
.edition { color: #cfbd89; font-size: 12px; letter-spacing: .12em; }
.hint { color: #b6bcae; font-size: 14px; }
button { margin-top: 12px; border: 1px solid #cfbd89; border-radius: 6px; padding: 12px 18px; background: #cfbd89; color: #172019; font: inherit; cursor: pointer; }
button:focus-visible { outline: 3px solid #eeeade; outline-offset: 4px; }
button:disabled { opacity: .6; cursor: wait; }
#status { font-size: 13px; overflow-wrap: anywhere; max-height: 70px; overflow-y: auto; }

main { max-width: 1000px; margin: auto; }
a { color: #e3cf96; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; }
textarea { box-sizing: border-box; max-width: 100%; }
input, select, textarea { font: inherit; }
fieldset { min-width: 0; margin: 18px 0; }
#error { color: #ffb7a6; }
@media (max-width: 650px) { main { padding: 20px; } input { max-width: 100%; box-sizing: border-box; } }