:root { color-scheme: light dark; --gap: 16px; }
body { font: 16px/1.5 system-ui, sans-serif; margin: 0; padding: var(--gap); }
main { max-width: 28rem; margin: 0 auto; }
section { margin: calc(var(--gap) * 1.5) 0; }
input[type=text], input:not([type]) { width: 100%; box-sizing: border-box; padding: 12px; margin: 8px 0; font-size: 1rem; }
button { padding: 12px 16px; font-size: 1rem; margin: 8px 0; min-height: 44px; }
#status { min-height: 1.5em; }