:root{color-scheme:dark;font-family:"Courier New",monospace;background:#0b0808;color:#dec7b1}
*{box-sizing:border-box}
body{margin:0;padding:clamp(18px,6vw,70px) 18px;min-height:100vh;background:radial-gradient(ellipse at top,#26110f,#0b0808 68%)}
main{width:min(680px,100%);margin:auto;border:1px solid #71433a;background:#120d0c;box-shadow:0 0 24px #0009}
header,footer{padding:12px 18px;background:#291310;color:#bb8a73;font-size:12px;letter-spacing:.08em}
header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid #71433a}
footer{border-top:1px solid #71433a}
section{padding:clamp(20px,5vw,42px)}
.label{font-size:12px;color:#b67963;letter-spacing:.1em}
h1{font-size:clamp(18px,4vw,25px);font-weight:normal;margin:18px 0 28px}
form{display:grid;gap:20px;max-width:420px}
label{display:grid;gap:8px;color:#bd9c89;font-size:13px}
input{width:100%;padding:11px;border:1px solid #765149;background:#080706;color:#f1ded0;font:inherit}
button{width:fit-content;max-width:100%;padding:10px 16px;border:1px solid #a86d5b;background:#301712;color:#efd3bf;font:inherit;cursor:pointer}
button:hover,button:focus-visible{background:#52271e}
input:focus-visible,button:focus-visible{outline:2px solid #e4a27f;outline-offset:2px}
#status{min-height:1.5em;color:#e39079;line-height:1.5}
.message{border-left:2px solid #864c3c;padding:0 0 0 14px;margin:24px 0;overflow-wrap:anywhere}
.author{color:#c88e73;font-size:12px;text-transform:uppercase}
.message p{white-space:pre-wrap;line-height:1.5}