body { font-family: system-ui, sans-serif; max-width: 42rem; margin: 2rem auto; padding: 0 1rem; line-height: 1.5; }
label { display: block; margin: .5rem 0; }
label span { display: block; font-weight: 600; }
input, textarea { width: 100%; box-sizing: border-box; font: inherit; padding: .4rem; }
button { font: inherit; padding: .4rem .9rem; margin: .3rem .3rem .3rem 0; }
ul { padding-left: 0; list-style: none; }
li { border-bottom: 1px solid #ddd; padding: .6rem 0; }
li.mine { background: #f4f9ff; }
.muted { color: #666; }
.warn { color: #8a4b00; }
.error { color: #a00000; border: 1px solid #e4b3b3; padding: .5rem; margin: .5rem 0; }
.banner { background: #fff4d6; border: 1px solid #e8c766; padding: .7rem; margin: 1rem 0; }
.done { text-decoration: line-through; color: #777; }