:root{color-scheme:dark;--bg: #0c0f14;--panel: #151a22;--line: #232b38;--text: #e8ecf2;--muted: #8b96a5;--amber: #e8b44c;--amber-hi: #f2c56a;--ok: #4ade80;--ok-dim: #14361f;--err: #f87171;--sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}body{margin:0;font:15px/1.55 var(--sans);background:var(--bg);color:var(--text)}.wrap{max-width:640px;margin:0 auto;padding:28px 16px 64px}header{display:flex;align-items:center;justify-content:space-between}h1.wordmark{display:flex;align-items:center;gap:10px;font:500 19px var(--mono);letter-spacing:.02em;margin:0}.mark{width:40px;height:16px}.mark line{stroke:var(--amber);stroke-width:2}.mark circle{fill:var(--amber)}.tagline{color:var(--muted);font-size:14px;margin:6px 0 24px}h2{font-size:15px;font-weight:600;letter-spacing:.01em;margin:24px 0 8px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;margin:12px 0}.row{display:flex;align-items:center;justify-content:space-between;gap:8px}input,textarea{width:100%;padding:10px;margin:6px 0;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:inherit;font-family:var(--mono);font-size:13px}input[type=email],input[type=password]{font-family:var(--sans);font-size:15px}input:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--amber);outline-offset:1px}button{padding:9px 14px;border:0;border-radius:8px;background:var(--amber);color:#14110a;font:600 14px var(--sans);cursor:pointer}button:hover:not(:disabled){background:var(--amber-hi)}button:disabled{opacity:.55;cursor:default}button.ghost{background:transparent;border:1px solid var(--line);color:inherit;font-weight:500}button.ghost:hover:not(:disabled){background:transparent;border-color:var(--muted)}a{color:var(--amber)}.muted{color:var(--muted);font-size:13px}.muted code,.endpoint{font-family:var(--mono);font-size:12px}.err{color:var(--err);font-size:13px}.badge{font:500 12px var(--mono);padding:2px 8px;border-radius:999px;background:var(--line);color:var(--muted)}.badge.ok{background:var(--ok-dim);color:var(--ok)}.qr{width:200px;height:200px;margin-top:12px;background:#fff;border-radius:8px;padding:8px}textarea{resize:vertical}.or{text-align:center;color:var(--muted);font-size:12px;margin:10px 0}@media (prefers-reduced-motion: no-preference){.mark line{stroke-dasharray:28;stroke-dashoffset:28;animation:link .6s .15s ease-out forwards}@keyframes link{to{stroke-dashoffset:0}}}.qr-block{max-width:320px}.qr-block .muted{margin-top:8px}