:root { font-family: system-ui, sans-serif; color: #1a1a1a; background: #f7f6f2; }
body { margin: 0; }
.bar { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 1.5rem; background: #fff; border-bottom: 1px solid #e4e2dc; }
.bar nav { display: flex; gap: 1rem; align-items: center; }
main { max-width: 48rem; margin: 2rem auto; padding: 0 1rem; }
.card { background: #fff; border: 1px solid #e4e2dc; border-radius: 8px; padding: 1.25rem 1.5rem; margin-bottom: 1rem; }
.button, button { background: #1a1a1a; color: #fff; border: 0; border-radius: 6px; padding: 0.5rem 1rem; cursor: pointer; font: inherit; }
form.inline { display: inline; }
.muted { color: #6b6860; }
.flash { padding: 0.5rem 0.75rem; border-radius: 6px; background: #fff4d6; }
.choices { list-style: none; padding: 0; display: grid; gap: 0.75rem; }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: 0.35rem 0.5rem; border-bottom: 1px solid #eee; }