body { font-family: system-ui, sans-serif; max-width: 40em; margin: 2em auto; }
nav { display: flex; gap: 1em; align-items: baseline; border-bottom: 1px solid #ccc; padding-bottom: .5em; }
nav form.inline { display: inline; margin: 0; }
.timeline { list-style: none; padding: 0; }
.timeline li { border-bottom: 1px solid #eee; padding: .75em 0; }
.timeline .author { font-weight: bold; margin-right: .5em; }
.timeline .time { color: #666; font-size: .9em; }
.timeline .content { margin-top: .25em; }
.timeline .empty { color: #666; }
.error { color: #a00; }
textarea { width: 100%; min-height: 4em; }