:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
main { max-width: 40rem; margin: 2rem auto; padding: 0 1rem; }
label { display: block; font-weight: 600; margin-bottom: .25rem; }
textarea { width: 100%; min-height: 5rem; box-sizing: border-box; font: inherit; }
button { margin-top: .5rem; font: inherit; cursor: pointer; }
ul { list-style: none; padding: 0; }
li { display: flex; gap: .5rem; justify-content: space-between; align-items: start; border-bottom: 1px solid #8884; padding: .75rem 0; }
li p { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
li time { display: block; font-size: .8em; opacity: .7; }
#err { color: #c33; }