:root { color-scheme: light; font-family: system-ui, sans-serif; line-height: 1.5; }
body { max-width: 900px; margin: 2rem auto; padding: 0 1rem; color: #17202a; }
nav { display: flex; gap: 1rem; align-items: center; margin-bottom: 2rem; }
nav a:last-child { margin-left: auto; }
form { display: grid; gap: .8rem; max-width: 640px; }
label { font-weight: 650; }
input, textarea, select, button { box-sizing: border-box; width: 100%; padding: .7rem; font: inherit; }
textarea { min-height: 8rem; }
button { width: auto; cursor: pointer; }
.notice { padding: .8rem; background: #eef7ee; border-left: 4px solid #26833a; }
.error { padding: .8rem; background: #fff0f0; border-left: 4px solid #b42318; }
.card { padding: 1rem; margin: 1rem 0; border: 1px solid #d5d8dc; border-radius: .4rem; }
.meta { color: #566573; font-size: .9rem; }
.inline { display: flex; gap: .5rem; align-items: center; }
.inline form { display: inline; }
.inline input[type="checkbox"] { width: auto; }
.honeypot { position: absolute; left: -10000px; }
code { overflow-wrap: anywhere; }