:root { font-family: system-ui, sans-serif; }
body { margin: 0; background: #111; color: #eee; }
.shell { max-width: 900px; margin: 0 auto; padding: 2rem; }
header { margin-bottom: 2rem; }
header p { opacity: .7; }
#messages { min-height: 40vh; display: grid; gap: .75rem; margin-bottom: 1rem; }
article { padding: .8rem 1rem; border-radius: .75rem; white-space: pre-wrap; }
article.user { background: #222; }
textarea { width: 100%; box-sizing: border-box; margin: .5rem 0 1rem; }
button { padding: .7rem 1.2rem; cursor: pointer; }
#status { margin-bottom: 1rem; opacity: .8; }