:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { margin: 0; padding: 16px; }
main { max-width: 28rem; margin: 0 auto; }
label { display: block; margin: .75rem 0; }
input { display: block; width: 100%; box-sizing: border-box; padding: .5rem; font-size: 1rem; }
button { padding: .6rem 1rem; font-size: 1rem; margin-top: .5rem; cursor: pointer; }
#status:not(:empty) { padding: .5rem; border: 1px solid currentColor; border-radius: 4px; }
[hidden] { display: none !important; }

.warn { padding: .75rem; border: 2px solid #b36b00; border-radius: 4px; }
.account-box { padding: .75rem; border: 2px solid currentColor; border-radius: 4px; margin: .75rem 0; }
.account-box strong { display: block; font-size: 1.6rem; margin: .25rem 0; word-break: break-all; }
label.check { display: flex; gap: .5rem; align-items: flex-start; }
label.check input { display: inline; width: auto; margin-top: .25rem; }
li { margin: .75rem 0; }
dt { font-weight: 600; margin-top: .5rem; }
dd { margin: 0 0 .25rem 0; }