:root { color-scheme: light dark; font-family: system-ui, sans-serif; } body { margin: 0; min-height: 100vh; display: grid; place-items: center; } main { width: min(92vw, 420px); } h1 { margin-bottom: 1.5rem; } label, input, button { display: block; width: 100%; box-sizing: border-box; } label { margin-bottom: .5rem; } input { padding: .75rem; font-size: 1rem; border: 1px solid #888; border-radius: 6px; } button { margin-top: 1rem; padding: .75rem; font-size: 1rem; border-radius: 6px; cursor: pointer; } #status { min-height: 2.5rem; }