:root{--bg:#f4f5f6;--panel:#fff;--border:#dde1e5;--text:#1d2125;--muted:#646d76;--accent:#2f6fdb;--ok:#1f8a4c;--danger:#c23b2b;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg:#15181b;--panel:#1d2125;--border:#343a40;--text:#e6e9ec;--muted:#9aa3ac;--accent:#6b9cf0;--ok:#52c285;--danger:#ef7565;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.ms-top{display:flex;gap:12px;align-items:center;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border)}.ms-top #who{margin-left:auto}.brand-mark{color:var(--accent)}.ms-main{max-width:860px;margin:0 auto;padding:20px 16px 60px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:18px;margin-bottom:16px}h1{font-size:20px;margin:0 0 8px}h2{font-size:15px;margin:0 0 12px}.muted{color:var(--muted)}.ok{color:var(--ok)}.err{color:var(--danger)}button,input{font:inherit;color:inherit}button{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:6px 12px;cursor:pointer}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button:disabled{opacity:.5;cursor:default}input[type=text],input[type=password]{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:6px 8px;width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;padding:10px 0;border-top:1px solid var(--border)}.row:first-of-type{border-top:0}.row label{display:block;font-weight:600;margin-bottom:2px}.row .state{font-size:12px;margin:2px 0 6px}.steps{padding-left:18px}.steps li{margin:6px 0}.code{font:600 22px/1 ui-monospace,monospace;letter-spacing:.3em;text-align:center;max-width:220px}.secret{font-family:ui-monospace,monospace;word-break:break-all;background:var(--bg);padding:6px 8px;border-radius:6px}.qr{display:block;width:200px;height:200px;background:#fff;border-radius:8px;padding:8px;margin:10px 0}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:4px 6px;border-top:1px solid var(--border)}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
