:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { margin: 0; line-height: 1.5; }
main { box-sizing: border-box; max-width: 640px; margin: 0 auto; padding: 2rem 1rem; }
form { display: flex; gap: .5rem; flex-wrap: wrap; }
input, button { font: inherit; padding: .5rem; }
input[type=email] { flex: 1 1 15rem; }
#drop-zone { display: block; border: 2px dashed; border-radius: .5rem; padding: 2rem 1rem; text-align: center; cursor: pointer; }
#drop-zone:focus, #drop-zone:hover { outline: 2px solid; }
#file { display: none; }
progress { display: block; width: 100%; margin: 1rem 0; }
article { border-top: 1px solid; margin-top: 1rem; padding-top: 1rem; overflow-wrap: anywhere; }