:root{--bg:#f6f7f9;--surface:#ffffff;--ink:#182233;--ink-2:#4a5568;--muted:#6b7686;--line:#e6e9ee;--primary:#1f3a5f;--primary-press:#16304e;--accent:#b08a4f;--danger-bg:#fdecec;--danger-ink:#9b2c2c;--danger-line:#f5c6c6;--radius:12px;--shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.08)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--primary)}h1{letter-spacing:-.01em}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(1100px 560px at 50% -12%,#eef1f6 0,var(--bg) 62%)}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px}.brand{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-weight:600}.auth-card h1{font-size:22px;margin:0 0 6px}.muted{font-size:14px}.fineprint,.muted{color:var(--muted);margin:0}.fineprint{font-size:12px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;cursor:pointer;width:100%;padding:11px 16px;border-radius:9px;font-size:14px;font-weight:600;transition:background .15s,opacity .15s}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-press)}.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink-2);width:auto;padding:8px 14px}.btn-ghost:hover{background:#f1f3f7}.field label{display:block;font-size:13px;font-weight:600;margin:0 0 6px}.input{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:9px;font-size:20px;letter-spacing:.3em;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:#fff;color:var(--ink)}.input:focus{outline:3px solid color-mix(in srgb,var(--primary) 22%,transparent);border-color:var(--primary)}.alert{background:var(--danger-bg);color:var(--danger-ink);border:1px solid var(--danger-line);border-radius:9px;padding:10px 12px;font-size:13px}.qr{display:grid;place-items:center;padding:14px;background:#fff;border:1px solid var(--line);border-radius:10px}.qr img{width:188px;height:188px}.secret{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;background:#f1f3f7;border:1px solid var(--line);border-radius:8px;padding:8px 10px;word-break:break-all;text-align:center;color:var(--ink-2)}.stack>*+*{margin-top:16px}.app-shell{max-width:720px;margin:0 auto;padding:48px 24px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.row{display:flex;align-items:center;justify-content:space-between;gap:16px}.tag{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px}.tag-warn{background:#fff4e5;color:#9a5b00;border:1px solid #ffe1b3}.tag-ok{background:#e7f6ee;color:#1a7a44;border:1px solid #bfe8cf}