:root { color-scheme: light dark; --accent: #c8102e; }
body { font-family: system-ui, sans-serif; margin: 0; }
header { padding: .8rem 1.2rem; border-bottom: 3px solid var(--accent); display: flex; gap: 1rem; }
header #who { margin-left: auto; }
header select { width: auto; padding: .1rem .3rem; }
main { padding: 1.2rem; max-width: 52rem; }
label { display: block; margin: .6rem 0 .2rem; }
input { font: inherit; padding: .4rem; width: 22rem; max-width: 100%; }
input[type=checkbox] { width: auto; margin-right: .4rem; }
textarea, select { font: inherit; padding: .4rem; width: 36rem; max-width: 100%; }
button { font: inherit; padding: .45rem 1rem; margin-top: .8rem; cursor: pointer; }
.err { color: var(--accent); }
.warn { background: #fff3cd; color: #5c4400; padding: .6rem 1.2rem; }
table { border-collapse: collapse; }
td, th { text-align: left; padding: .2rem .8rem .2rem 0; vertical-align: top; }
code { word-break: break-all; }
pre { white-space: pre-wrap; word-break: break-all; background: #f4f4f4; padding: .6rem; }