:root{color-scheme:light dark;--bg:#f6f5f2;--card:#fff;--fg:#1c1c1c;--muted:#6f6f6f;--line:#e2e0da;--accent:#1c1c1c;--accent-fg:#fff;--warn:#b42318}
@media (prefers-color-scheme:dark){:root{--bg:#121212;--card:#1c1c1c;--fg:#ededed;--muted:#a0a0a0;--line:#333;--accent:#ededed;--accent-fg:#121212;--warn:#ff8a7a}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 -apple-system,"Segoe UI",Helvetica,Arial,sans-serif}
main{max-width:420px;margin:8vh auto;padding:32px;background:var(--card);border:1px solid var(--line);border-radius:12px}
.brand{font-weight:600;letter-spacing:.02em;margin:0 0 24px}h1{font-size:22px;margin:0 0 20px}
.stack{display:flex;flex-direction:column;gap:12px}label{display:flex;flex-direction:column;gap:4px}label span{font-size:13px;color:var(--muted)}
input{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:transparent;color:inherit}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;padding:10px 16px;border-radius:8px;border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer;text-decoration:none}
.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn.wide{width:100%}.btn:disabled{opacity:.6;cursor:default}
.next{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin:4px 0}.or::before,.or::after{content:"";flex:1;border-top:1px solid var(--line)}
.meta{font-size:13px;color:var(--muted)}a{color:inherit}.lede{font-size:16px}.warn{color:var(--warn)}.note{color:var(--muted)}
.mono,.key{font-family:ui-monospace,Menlo,monospace}.key{word-break:break-all;padding:10px;border:1px dashed var(--line);border-radius:8px;letter-spacing:.08em}
dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0 0 20px}dt{color:var(--muted)}dd{margin:0}.back{margin-top:24px}[hidden]{display:none!important}