:root{--fg:#1a1a1a;--fg-muted:#666;--bg:#fafafa;--bg-card:#fff;--border:#d8d8d8;--accent:#2563eb;--accent-fg:#fff;--error:#dc2626;--error-bg:#fef2f2;--info:#15803d;--info-bg:#f0fdf4}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);min-height:100vh;margin:0;padding:0;font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#root,.layout{display:flex;flex-direction:column;min-height:100vh}.topnav{display:flex;background:var(--bg-card);border-bottom:1px solid var(--border);justify-content:space-between;align-items: center;padding:.75em 1.5em}.brand{text-decoration:none;color:var(--fg);font-size:1.05em;font-weight:600}.nav-links{display:flex;align-items: center;gap:1em}.nav-links a,.nav-links .link-btn{color:var(--fg-muted);text-decoration:none;font-size:.95em}.nav-links a:hover,.nav-links .link-btn:hover{color:var(--accent)}.nav-user{color:var(--fg);font-weight:500}.link-btn{cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.content{flex:1;width:100%;max-width:32em;margin:2em auto;padding:0 1em}.footer{color:var(--fg-muted);border-top:1px solid var(--border);text-align:center;padding:1em 1.5em;font-size:.85em}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;margin-bottom:1em;padding:1.5em}.card-title{margin:0 0 1em;font-size:1.2em;font-weight:600}.field{display:block;margin-bottom:1em}.field-label{display:block;color:var(--fg-muted);margin-bottom:.25em;font-size:.85em}.field-input{font:inherit;border:1px solid var(--border);background:var(--bg-card);color:var(--fg);border-radius:4px;width:100%;padding:.5em .7em}.field-input:focus{outline:none;border-color:var(--accent)}.field-input-error{border-color:var(--error)}.field-hint,.field-error{display:block;margin-top:.25em;font-size:.8em}.field-hint{color:var(--fg-muted)}.field-error{color:var(--error)}.btn{display:inline-block;font:inherit;cursor:pointer;text-decoration:none;border:1px solid #0000;border-radius:4px;padding:.5em 1.2em}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-secondary{background:var(--bg-card);color:var(--fg);border-color:var(--border)}.error-banner{background:var(--error-bg);color:var(--error);border:1px solid var(--error);border-radius:4px;margin-bottom:1em;padding:.75em 1em;font-size:.95em}.info-banner{background:var(--info-bg);color:var(--info);border:1px solid var(--info);border-radius:4px;margin-bottom:1em;padding:.75em 1em;font-size:.95em}.qr-wrapper{text-align:center;margin:1em 0}.qr-wrapper svg{max-width:200px}.secret-row{word-break:break-all;background:#f4f4f4;border-radius:4px;margin-bottom:1em;padding:.5em .7em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85em}.kv{margin:.5em 0}.kv .key{display:inline-block;color:var(--fg-muted);width:8em;font-size:.9em}.kv .val{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em}.actions{display:flex;gap:.5em;margin-top:1em}