:root{color-scheme:light;--bg:#fff;--card:#fff;--text:#111;--muted:#64748b;--border:#e2e8f0;--pill:#f1f5f9;--error-bg:#fff1f2;--error:#be123c;--success-bg:#ecfdf5;--success:#065f46}
:root[data-theme=dark]{color-scheme:dark;--bg:#09090b;--card:#141417;--text:#f8fafc;--muted:#94a3b8;--border:#27272a;--pill:#1e1e24;--error-bg:#3b151b;--error:#fda4af;--success-bg:#052e25;--success:#6ee7b7}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 Inter,system-ui,sans-serif}.mfa-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;gap:16px;flex-wrap:wrap}.mfa-logo{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-size:21px;font-weight:800;letter-spacing:-.04em}.mfa-logo img{border-radius:8px}.mfa-controls{display:flex;align-items:center;gap:12px}.mfa-languages{display:flex;background:var(--pill);border:1px solid var(--border);border-radius:24px;padding:4px}.mfa-languages a{padding:4px 10px;font-size:12px;border-radius:20px;color:var(--muted);text-decoration:none;font-weight:700}.mfa-languages a[aria-current=true]{background:var(--text);color:var(--card)}#mfaThemeToggle{width:40px;height:40px;padding:0;border-radius:50%;background:var(--pill);color:var(--text);border:1px solid var(--border);font-size:24px;margin:0}.mfa-sun{display:none}[data-theme=dark] .mfa-sun{display:inline}[data-theme=dark] .mfa-moon{display:none}.mfa-card{width:calc(100% - 32px);max-width:520px;margin:48px auto;padding:32px;background:var(--card);border:1px solid var(--border);border-radius:20px;box-shadow:0 12px 40px #00000008}h1{font-size:25px;line-height:1.25;letter-spacing:-.03em;margin:0 0 16px}h2{font-size:18px;line-height:1.4;margin:0 0 12px}p{color:var(--muted);margin:0 0 16px}.mfa-small{font-size:13px}label{display:block;margin:16px 0 6px;font-weight:500}input{display:block;width:100%;padding:12px 14px;margin-top:6px;font:inherit;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:10px}button,.mfa-button{display:block;width:100%;padding:12px 16px;margin-top:16px;font:inherit;font-weight:600;color:var(--bg);background:var(--text);border:1px solid transparent;border-radius:10px;text-align:center;text-decoration:none;cursor:pointer}.secondary{color:var(--text);background:var(--pill);border-color:var(--border)}.danger{color:var(--error);background:var(--error-bg);border-color:var(--error)}button:hover,.mfa-button:hover{opacity:.85}button:disabled{opacity:.55;cursor:wait}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--text);outline-offset:3px}.mfa-link{display:block;text-align:center;color:var(--text);margin-top:20px}.mfa-error,.mfa-success{padding:12px 14px;border-radius:10px;color:var(--error);background:var(--error-bg)}.mfa-success{background:var(--success-bg);color:var(--success)}.mfa-status{border:1px solid var(--border);border-radius:10px;padding:12px}.mfa-status strong{color:var(--text)}.mfa-section{border-top:1px solid var(--border);padding-top:24px;margin-top:24px}.mfa-qr{background:#fff;padding:8px;max-width:256px;margin:24px auto;border-radius:12px}.mfa-qr svg{width:100%;height:auto;display:block}.mfa-secret{display:block;overflow-wrap:anywhere;padding:12px;border-radius:10px;background:var(--pill);font-size:13px;margin:8px 0 16px;user-select:all}.mfa-codes{list-style:none;padding:12px;margin:20px 0;background:var(--pill);border-radius:12px;font-size:14px}.mfa-codes li{padding:6px 0;text-align:center;overflow-wrap:anywhere}@media(max-width:520px){.mfa-header{padding:20px 16px}.mfa-card{margin:24px auto;padding:24px 20px}h1{font-size:23px}.mfa-codes{font-size:12px}}