:root{font-family:system-ui;color-scheme:dark;background:#0b1020;color:#edf2ff}body{margin:0}main{max-width:720px;margin:4rem auto;padding:2rem;background:#131b32;border:1px solid #2b3a66;border-radius:16px}form{display:grid;gap:1rem}label{display:grid;gap:.4rem}input,select,textarea,button{font:inherit;padding:.75rem;border-radius:8px;border:1px solid #405182;background:#0c1428;color:inherit}button{background:#4568ff;border:0;font-weight:700;cursor:pointer}#totp-enroll{padding:1rem;border:1px solid #405182;border-radius:12px;background:#0c1428}#totp-enroll p{margin:.25rem 0 .75rem}#totp-qr{display:grid;place-items:center;min-height:0}#totp-qr svg{display:block;max-width:240px;width:100%;height:auto;background:#fff;border-radius:10px;padding:.5rem}#totp-qr-status{text-align:center;color:#b9c7f5}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#090e1b;padding:1rem;border-radius:8px;min-height:3rem}