:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { max-width: 40rem; margin: 0 auto; padding: 1rem; }
nav { display: flex; flex-wrap: wrap; gap: 1rem; }
nav a { padding-block: 0.75rem; }
label { display: block; margin-block: 1rem; }
input:not([type=checkbox]), textarea { display: block; width: 100%; box-sizing: border-box; font: inherit; }
button, input:not([type=checkbox]) { min-height: 2.75rem; }
button { font: inherit; }
form button { display: block; width: 100%; margin-block: 0.5rem; }
ul { padding: 0; list-style: none; }
li { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin-block: 0.5rem; }