:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { margin: 0; background: Canvas; color: CanvasText; }
main { box-sizing: border-box; max-width: 30rem; margin: 3rem auto; padding: 1.5rem; }
form { display: grid; gap: 0.6rem; margin: 1.5rem 0; }
input, button, .button { font: inherit; padding: 0.7rem; }
button, .button { cursor: pointer; text-align: center; text-decoration: none; display: block;
  border: 1px solid currentColor; border-radius: 0.4rem; background: ButtonFace; color: ButtonText; }
#status { min-height: 1.5em; }