:root { font-family: system-ui, sans-serif; color-scheme: light dark; }
body { max-width: 1000px; margin: 0 auto; padding: 24px; }
header { display:flex; align-items:center; gap:16px; margin-bottom:24px; }
header form { margin-left:auto; }
.role { padding:4px 8px; border:1px solid #888; border-radius:999px; }
.card { border:1px solid #888; border-radius:12px; padding:24px; margin:16px 0; }
.narrow { max-width:420px; margin:10vh auto; }
label { display:block; margin:14px 0; }
input { display:block; width:100%; box-sizing:border-box; padding:10px; margin-top:6px; }
button, .button { display:inline-block; padding:10px 14px; border:1px solid #888; border-radius:8px; cursor:pointer; text-decoration:none; }
.secondary { opacity:.85; }
.notice { padding:12px; border:1px solid #888; border-radius:8px; margin:12px 0; }
pre { overflow:auto; white-space:pre-wrap; }