:root { color-scheme: light dark; font-family: -apple-system, system-ui, sans-serif; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; }
main { flex: 1; max-width: 34rem; margin: 0 auto; padding: 4rem 1.5rem; }
h1 { font-size: 2.6rem; margin: 0 0 .5rem; }
.lede { font-size: 1.2rem; opacity: .75; }
#reveal { margin-top: 3rem; }
form { display: flex; flex-wrap: wrap; gap: .5rem; }
input, button, .button { font: inherit; padding: .6rem .9rem; border-radius: .6rem; border: 1px solid #8886; }
button, .button { background: #222; color: #fff; cursor: pointer; text-decoration: none; display: inline-block; }
footer { text-align: center; padding: 2rem; opacity: .6; }
footer a { color: inherit; }