:root{color-scheme:dark;background:#0e2025;color:#e7f3f1;font-family:system-ui,sans-serif}
body{margin:0}main{max-width:640px;margin:auto;padding:20px}header{display:flex;gap:16px;align-items:center}
.symbol{font-size:40px;color:#85e4bf}.sub,.helper,footer{color:#b7cecb}
.card{background:#183237;border:1px solid #35555a;border-radius:14px;padding:18px;margin:16px 0}
.notice{color:#ffde96;background:#332b1e;border-radius:10px;padding:12px}.ok{color:#85e4bf}
label{display:block;margin:12px 0 4px}input{width:100%;box-sizing:border-box;padding:13px;border:0;border-radius:8px;direction:ltr;text-align:left}
button{display:block;width:100%;padding:13px;border:0;border-radius:8px;background:#85e4bf;color:#12372c;font:inherit;font-weight:bold;margin:12px 0}
button.secondary{background:#30525a;color:white}button:disabled{opacity:.6}
#status{white-space:pre-wrap}#qr{max-width:225px;background:white;padding:8px}#totpSecret{word-break:break-all;direction:ltr}
dl{display:grid;grid-template-columns:1fr 1fr;gap:10px}dd{margin:0;color:#85e4bf}[hidden]{display:none!important}