* { box-sizing: border-box; }
body { font: 16px/1.5 system-ui, sans-serif; margin: 0; background: #fafafa; color: #222; }
main { max-width: 640px; margin: 2rem auto; padding: 0 1rem; }
h1 { margin: 0 0 0.25rem; }
.hint { color: #666; margin-top: 0; }
form { display: grid; gap: 0.5rem; margin: 1rem 0; }
input, textarea, button { font: inherit; padding: 0.5rem; border: 1px solid #ccc; border-radius: 6px; }
button { background: #1f6feb; color: white; border: 0; cursor: pointer; }
button:hover { background: #1559c4; }
ul { list-style: none; padding: 0; }
li { background: white; border: 1px solid #eee; border-radius: 6px; padding: 0.75rem; margin-bottom: 0.5rem; }
li h3 { margin: 0 0 0.25rem; font-size: 1rem; }
li time { color: #888; font-size: 0.85rem; }
li button { background: transparent; color: #c33; border: 1px solid #c33; padding: 0.2rem 0.5rem; font-size: 0.85rem; float: right; }
li button:hover { background: #c33; color: white; }
footer { color: #999; font-size: 0.85rem; text-align: center; margin-top: 2rem; }
code { background: #eee; padding: 0 0.25rem; border-radius: 3px; }