:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; line-height: 1.5; margin: 0; padding: 2rem 1rem; }
main { max-width: 40rem; margin: 0 auto; }
h1 { font-size: 1.5rem; }
h2 { font-size: 1.2rem; margin-top: 2rem; }
h3 { font-size: 1rem; margin-bottom: .25rem; }
ul { list-style: none; padding: 0; }
#connected-accounts > li, #available-accounts > li { border: 1px solid currentColor; border-radius: .5rem; padding: 1rem; margin-bottom: 1rem; }
form { margin: .5rem 0; }
label { display: block; font-weight: 600; margin-top: .75rem; }
input, select, button { font: inherit; padding: .5rem; margin-top: .25rem; max-width: 100%; }
button { cursor: pointer; }
[role="alert"] { font-weight: 600; }
:focus-visible { outline: 3px solid currentColor; outline-offset: 2px; }