:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { margin: 0; background: Canvas; color: CanvasText; }
main { max-width: 52rem; margin: 0 auto; padding: 1rem; }
h1 { font-size: 1.4rem; }
h2 { font-size: 1.1rem; margin-top: 2rem; }
button, input, textarea { font: inherit; padding: .5rem .75rem; margin: .25rem 0; }
textarea { width: 100%; min-height: 8rem; box-sizing: border-box; }
table { border-collapse: collapse; width: 100%; }
td, th { text-align: left; padding: .35rem .5rem; border-bottom: 1px solid GrayText; }
.error { color: crimson; }
.note { color: GrayText; }