*{box-sizing:border-box}body{font:16px system-ui,sans-serif;background:#f5f6f7;color:#222;margin:0;padding:24px 16px}main{max-width:380px;margin:5vh auto;background:white;padding:24px;border:1px solid #ddd;border-radius:10px}h1{font-size:24px;margin:0 0 12px}label{display:block;margin:16px 0}input,button{font:inherit;width:100%;min-height:44px;margin-top:7px;padding:10px;border:1px solid #aaa;border-radius:5px}button{background:#245d4b;color:white;cursor:pointer}button:disabled{opacity:.55;cursor:wait}#message{white-space:pre-wrap;overflow-wrap:anywhere}.note{font-size:13px;color:#666}[hidden]{display:none!important}

#enrollment-qr{display:block;max-width:100%;height:auto;margin:auto}#enrollment-secret{display:block;overflow-wrap:anywhere;user-select:all}h2{font-size:18px}