:root { font-family: system-ui, sans-serif; }
*, *::before, *::after { box-sizing: border-box; }
main { max-width: 640px; margin: 2rem auto; padding: 0 1rem; }
h1 { font-size: 1.4rem; }
.field { margin-bottom: 1rem; display: flex; flex-direction: column; gap: .3rem; }
.field label { font-weight: 600; }
.field input[type="checkbox"] { width: 1.1rem; height: 1.1rem; align-self: flex-start; }
.field input, .field select { padding: .5rem; font-size: 1rem; max-width: 100%; }
button { padding: .6rem 1.2rem; font-size: 1rem; cursor: pointer; }
#status { margin-top: 1rem; font-weight: 600; }