:root{color-scheme:light dark;--bg: #f7f7f5;--surface: #ffffff;--text: #1c1c1a;--muted: #5d5d58;--border: #d9d9d4;--accent: #1f5f99;--accent-text: #ffffff;--error: #b3261e;--notice-bg: #eaf2fa;--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--radius: .5rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media(prefers-color-scheme:dark){:root{--bg: #161615;--surface: #1f1f1e;--text: #ececea;--muted: #a8a8a2;--border: #3a3a37;--accent: #7ab3e6;--accent-text: #0b1b2a;--error: #ff8a80;--notice-bg: #1c2a38}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}h1{font-size:1.5rem;margin:0 0 var(--space-3)}h2{font-size:1.2rem;margin:var(--space-4) 0 var(--space-2)}h3{font-size:1rem;margin:var(--space-3) 0 var(--space-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-3)}.card>h2:first-child{margin-top:0}.narrow{max-width:26rem;margin:var(--space-4) auto}form{display:flex;flex-direction:column;gap:var(--space-2)}label{font-weight:600}input,select{font:inherit;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);width:100%}input[type=checkbox]{width:auto;margin-top:.3rem}.checkbox{display:flex;gap:var(--space-2);align-items:flex-start;font-weight:400}button{font:inherit;font-weight:600;padding:var(--space-2) var(--space-3);border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:var(--accent-text);cursor:pointer;align-self:flex-start}button:disabled{opacity:.6;cursor:progress}button.secondary{background:transparent;color:var(--accent)}button.link{background:none;border:none;padding:0;color:var(--accent);text-decoration:underline;font-weight:400}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.error,.field-errors{color:var(--error);margin:0}.field-errors{padding-left:var(--space-3)}.hint{color:var(--muted);margin:0}.notice{background:var(--notice-bg);border-radius:var(--radius);padding:var(--space-3);margin-top:var(--space-3)}.notice p{margin:0 0 var(--space-2)}.link-box{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.link-box code{overflow-wrap:anywhere}.inline-form{flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3)}.inline-form>div{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1 12rem}.plain-list{list-style:none;padding:0;margin:0}.plain-list li{padding:var(--space-1) 0}.recovery-key{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:1.15rem;display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);padding:var(--space-3);border:2px dashed var(--border);border-radius:var(--radius);letter-spacing:.08em}.recovery-codes{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:1.05rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) calc(var(--space-3) + 1.5rem);border:2px dashed var(--border);border-radius:var(--radius);letter-spacing:.05em}.qr-code{display:block;background:#fff;padding:var(--space-2);border-radius:var(--radius);image-rendering:pixelated}.shared-key{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;letter-spacing:.05em;word-spacing:.3em}.print-only{display:none}@media print{body *{visibility:hidden}.printable,.printable *{visibility:visible}.printable{position:absolute;top:0;left:0;color:#000}.print-only{display:block}}