body { font-family: system-ui, sans-serif; max-width: 40em; margin: 2em auto; padding: 0 1em; line-height: 1.5; }
header nav { margin-bottom: 1.5em; color: #888; }
#entries { padding-left: 1.2em; }
#entries li { margin: 0.6em 0; }
#entries .markdown { display: inline; }
#entries .markdown > p { display: inline; margin: 0; }
form { display: grid; gap: 0.5em; margin: 1.5em 0; }
input, textarea, button { font: inherit; padding: 0.3em 0.5em; }
textarea { min-height: 4em; }
.note { color: #777; font-size: 0.9em; }
.flash { background: #eef7ee; border-left: 4px solid #5a5; padding: 0.4em 0.8em; }
.flash:empty { display: none; }
.error { color: #b00; font-size: 0.9em; }
.error:empty { display: none; }
fieldset { border: none; padding: 0; display: flex; gap: 1em; }
.mood { color: #888; font-size: 0.85em; }
.mood:empty { display: none; }
.photos { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 0.5em; }
.ff-needs-js { color: #b00; }