:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { margin: 0; padding: 24px; line-height: 1.5; }
main { max-width: 560px; margin: 32px auto; }
h1 { font-size: 1.6rem; line-height: 1.25; }
ul { padding-left: 24px; }
li { margin: 16px 0; }
button { font: inherit; padding: 12px 20px; cursor: pointer; }
strong[data-state="ok"] { color: #16814b; }
strong[data-state="error"] { color: #d6483a; }