:root { color-scheme: light dark; }
body { margin: 0; min-height: 100dvh; display: grid; place-items: center;
  font: 16px/1.5 ui-monospace, "SF Mono", Menlo, monospace; background: Canvas; color: CanvasText; }
main { width: min(22rem, 90vw); }
h1 { font-size: 1rem; font-weight: 600; margin: 0 0 1.5rem; letter-spacing: .04em; }
button { width: 100%; padding: .9rem; font: inherit; border: 1px solid CanvasText; background: transparent;
  color: inherit; border-radius: 6px; cursor: pointer; }
button:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; }
button:disabled { opacity: .5; cursor: default; }
p.status { min-height: 1.5rem; margin: 1rem 0 0; opacity: .8; }