:root { font-family: system-ui, sans-serif; color-scheme: light dark; }
body { margin: 0 auto; max-width: 72rem; padding: 1rem; }
header { display: flex; gap: 1rem; align-items: center; border-bottom: 1px solid #8884; padding-bottom: .5rem; }
header nav { display: flex; gap: 1rem; align-items: center; margin-left: auto; }
table { border-collapse: collapse; width: 100%; margin: 1rem 0; }
th, td { border: 1px solid #8884; padding: .35rem .6rem; text-align: right; }
th:first-child, td:first-child { text-align: left; }
.error, .flash { padding: .5rem; border: 1px solid #c33; }
.flash { border-color: #383; }
label { display: block; margin: .75rem 0; }
meter { width: 12rem; }
code.token { user-select: all; background: #8882; padding: .2rem .4rem; }