:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #11131a; color: #eef0f7; }
body { margin: 0; padding: 24px 16px; }
main { max-width: 680px; margin: auto; }
h1 { font-size: 26px; }
p { line-height: 1.65; }
label { display: block; margin: 16px 0 8px; }
input:not([type=checkbox]) { box-sizing: border-box; width: 100%; padding: 12px; font: inherit; color: inherit; background: #1d2130; border: 1px solid #5a6075; border-radius: 8px; }
button { font: inherit; padding: 10px 20px; border: 0; border-radius: 8px; background: #c9c4ff; color: #17132d; cursor: pointer; }
button:disabled { opacity: .45; cursor: default; }
.actions { display: flex; gap: 12px; margin-top: 18px; }
#messages { padding: 16px 16px 16px 36px; min-height: 100px; max-height: 320px; overflow: auto; background: #1d2130; border-radius: 8px; }
#messages li { white-space: pre-wrap; overflow-wrap: anywhere; padding: 5px; }
#send { margin-top: 12px; }
.note { color: #adb4ca; font-size: 14px; }