:root{--bg:#f2f2f2;--card:#fff;--border:#d7d7d7;--text:#1b1b1b;--muted:#555;--muted-light:gray;--input-bg:#fff;--input-border:#dedede;--primary:#2e2e2e;--primary-text:#f8f8f8;--danger:#e40014;--error-bg:#fef2f2;--error-text:#b91c1c;--error-border:#fecaca;--notice-bg:#f0fdf4;--notice-text:#15803d;--notice-border:#bbf7d0;--code-bg:#ebebeb;--hover:#ebebeb}@supports (color:lab(0% 0 0)){:root{--bg:lab(95.36% 0 0);--card:lab(100% 0 0);--border:lab(86.08% -.0000298023 0);--text:lab(9.52% -.00000745058 0);--muted:lab(36.2% 0 .00000596046);--muted-light:lab(53.6% 0 0);--input-bg:lab(100% 0 0);--input-border:lab(88.4% 0 .0000119209);--primary:lab(18.8% 0 0);--primary-text:lab(97.68% -.0000298023 .0000119209);--danger:lab(48.4493% 77.4328 61.5452);--code-bg:lab(93.04% .0000298023 -.0000119209);--hover:lab(93.04% .0000298023 -.0000119209)}}:root[data-theme=dark]{--bg:#0a0a0a;--card:#171717;--border:#ffffff1a;--text:#fafafa;--muted:#a1a1a1;--muted-light:#717171;--input-bg:#171717;--input-border:#ffffff26;--primary:#e5e5e5;--primary-text:#171717;--danger:#ff6568;--error-bg:#2a1214;--error-text:#f87171;--error-border:#7f1d1d;--notice-bg:#0f2417;--notice-text:#4ade80;--notice-border:#14532d;--code-bg:#262626;--hover:#262626}@supports (color:lab(0% 0 0)){:root[data-theme=dark]{--bg:lab(2.75381% 0 0);--card:lab(7.78201% -.0000149012 0);--border:lab(100% 0 0/.1);--text:lab(98.26% 0 0);--muted:lab(66.128% -.0000298023 .0000119209);--muted-light:lab(47.8% 0 .0000119209);--input-bg:lab(7.78201% -.0000149012 0);--input-border:lab(100% 0 0/.15);--primary:lab(90.952% 0 -.0000119209);--primary-text:lab(7.78201% -.0000149012 0);--danger:lab(63.7053% 60.745 31.3109);--code-bg:lab(15.204% 0 -.00000596046);--hover:lab(15.204% 0 -.00000596046)}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);justify-content:center;align-items:center;min-height:100dvh;margin:0;padding:16px;font-family:system-ui,-apple-system,Hiragino Sans,sans-serif;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;width:100%;max-width:380px;padding:32px;box-shadow:0 1px 3px #00000014}.form h1{text-align:center;margin:0 0 4px;font-size:30px}.form .sub{text-align:center;color:var(--muted);margin:0 0 24px;font-size:14px}.form .back-button{width:100%;color:var(--muted);background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:11px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.form .back-button:hover{color:var(--text);background:color-mix(in oklch, var(--text) 6%, transparent)}.form label{color:var(--text);margin-bottom:14px;font-size:13px;display:block}.form input{width:100%;color:var(--text);background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;margin-top:6px;padding:10px 12px;font-size:15px}.form input:focus{outline:2px solid var(--primary);outline-offset:-1px}.form button{width:100%;color:var(--primary-text);background:var(--primary);cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:11px;font-size:15px;font-weight:600}.form button:disabled{opacity:.6}.form .error{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border);border-radius:8px;padding:10px 12px;font-size:13px}.form .notice{background:var(--notice-bg);color:var(--notice-text);border:1px solid var(--notice-border);border-radius:8px;padding:10px 12px;font-size:13px}.section{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.section h2{margin:0 0 12px;font-size:16px}.sub-left{color:var(--muted);margin:0 0 14px;font-size:13px}.profile .row{justify-content:space-between;gap:12px;margin:6px 0;font-size:14px;display:flex}.profile .row span{color:var(--muted);font-size:13px}.qr{border:1px solid var(--border);background:#fff;border-radius:8px;margin:0 auto 12px;display:block}.secret{color:var(--muted);word-break:break-all;margin:0 0 14px;font-size:12px}.codes{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px;display:grid}.codes code{background:var(--code-bg);border:1px solid var(--border);text-align:center;border-radius:6px;padding:6px 10px;font-size:14px}.form button.secondary{background:var(--card);color:var(--text);border:1px solid var(--input-border)}.form button.danger{background:var(--danger);color:#fff}.inline-action{gap:8px;display:flex}.inline-action input{flex:1}.form .inline-action button{white-space:nowrap;width:auto;margin-top:6px;padding:10px 14px;font-size:13px}.step-actions{justify-content:space-between;margin-top:12px;display:flex}.form button.link{width:auto;color:var(--muted);cursor:pointer;background:0 0;border:none;margin:0;padding:4px 0;font-size:13px;font-weight:500}.form button.link:hover{color:var(--text)}.form button.link:disabled{opacity:.5}.alt-link{text-align:center;color:var(--muted);margin:16px 0 0;font-size:13px}.alt-link a{color:var(--text);font-weight:600}.theme-menu{z-index:10;position:fixed;top:16px;right:16px}.theme-menu-trigger{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.theme-menu-trigger:hover{color:var(--text);background:var(--hover)}.theme-menu-panel{background:var(--card);border:1px solid var(--border);border-radius:10px;min-width:140px;padding:4px;position:absolute;top:42px;right:0;box-shadow:0 4px 12px #0000001f}.theme-menu-panel button{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.theme-menu-panel button:hover{background:var(--hover)}.theme-menu-panel button .check{color:var(--muted);margin-left:auto}.fed{margin-bottom:4px}.fed-link{width:100%;color:var(--primary-text);background:var(--primary);border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;padding:11px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.fed-link:hover{opacity:.9}.fed-icon{background:#fff;border-radius:3px;width:20px;height:20px;padding:1px}.totp-icon{width:48px;height:48px;color:var(--text);background:var(--hover);border-radius:9999px;justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.divider{color:var(--muted-light);align-items:center;gap:12px;margin:16px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--border);flex:1}