:root{font-family:system-ui,sans-serif;color:#e7eaf0;background:#111822}main{max-width:850px;margin:3rem auto;padding:0 1.5rem}h1{font-size:2.6rem;margin-bottom:.5rem}p{color:#aebdce}a{color:#94c5ff}form,fieldset{padding:1rem;border:1px solid #405065;border-radius:8px;margin:1rem 0}label{display:block;margin:.8rem 0}input:not([type=checkbox]),select{display:block;box-sizing:border-box;width:100%;padding:.7rem;margin-top:.35rem;background:#202e3f;color:inherit;border:1px solid #576a82;border-radius:5px}button{padding:.7rem 1.2rem;background:#9acbff;color:#102035;border:0;border-radius:5px;margin:.4rem;cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem}#message{color:#f0ce8a}[hidden]{display:none!important}
.panel{padding:1rem;border:1px solid #405065;border-radius:8px;margin:1rem 0}.panel h2{margin-top:0}h3{font-size:1rem;color:#aebdce}.who{display:flex;align-items:center;gap:1rem}.button,button.quiet{display:inline-block;text-decoration:none}a.button{padding:.7rem 1.2rem;background:#9acbff;color:#102035;border-radius:5px}button.quiet{background:transparent;color:#94c5ff;border:1px solid #405065;padding:.3rem .7rem}form.inline{border:0;padding:0;margin:.5rem 0}#totp-qr{background:#fff;padding:.5rem;border-radius:6px}code{overflow-wrap:anywhere;font-size:.95rem}#factors li{margin:.3rem 0}