:root{font-family:Tahoma,Arial,sans-serif;color:#202e49;background:#f4f6fa;color-scheme:light}
body{margin:0}main{box-sizing:border-box;max-width:760px;margin:24px auto;padding:24px;background:white;border:1px solid #d4dbea;border-radius:16px}
header,.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}header{justify-content:space-between}h1{font-size:1.7rem}p{line-height:1.8;overflow-wrap:anywhere}
form,section{margin:20px 0}label{display:block;margin:12px 0}input:not([type=checkbox]),textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid #64728b;border-radius:6px;font:inherit}
textarea{min-height:180px;resize:vertical;overflow-wrap:anywhere;font-family:monospace}button{min-height:44px;max-width:100%;padding:10px 16px;border:1px solid #334b80;border-radius:8px;background:#fff;color:#183666;font:inherit;cursor:pointer;margin:6px 0}button:disabled{opacity:.55;cursor:default}
button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #a34500;outline-offset:3px}[hidden]{display:none!important}a{color:#234b92}#message{min-height:28px}#proof{background:#e7f3ea;padding:12px}
@media(max-width:600px){main{margin:0;border-radius:0;padding:16px}.actions{align-items:stretch}.actions button{flex:1 1 180px}}
#totp-qr{display:block;max-width:100%;height:auto;margin:auto;background:white}#enrollment-timer{font-weight:bold;font-variant-numeric:tabular-nums}#totp-guide{background:#f4f6fa;padding:12px}