:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--text-primary:#0e0e0f;--text-secondary:#3a3a3c;--text-muted:#636367;--text-faint:#636367;--text-inverse:#f4f2ed;--surface-canvas:#f1efea;--surface-shell:#f1efea;--surface-default:#e9e7e1;--surface-soft:#e4e2dc;--surface-raised:#f8f7f3;--border-default:#d9d7d1;--border-strong:#c4c2bc;--accent:#0e0e0f;--accent-soft:#e4e2dc;--success:#386f51;--success-soft:#e3ebe4;--warning:#545458;--warning-soft:#e4e2dc;--critical:#c0291d;--critical-soft:#f6e4e2;--info:#4a4740;--info-soft:#e7e4dd;--glow:#0e0e0f;--surface-sunken:#f1efea;--person-teal:#246f6b;--person-indigo:#5050a0;--person-plum:#7b4680;--note-pink:#b04a74;--glass:#f1efead1;--glass-strong:#f1efeaf0;--glass-soft:#e9e7e1c7;--glass-line:#ffffffd1;--highlight:#ffffffe6;--hover-fill:#0000000a;--scrim:#0006;--focus:#0a0a0a47;--shadow-glass:0 1px 0 #ffffffeb inset, 0 12px 30px #0000000f;--shadow-shell:0 30px 80px #00000029, 0 2px 12px #0000000f;--shadow-overlay:0 20px 54px #0000002e}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--text-primary:#f2f0eb;--text-secondary:#cfcfd1;--text-muted:#9c9ca0;--text-faint:#9c9ca0;--text-inverse:#0b0b0c;--surface-canvas:#0b0b0c;--surface-shell:#0b0b0c;--surface-default:#141415;--surface-soft:#19191b;--surface-raised:#18181a;--border-default:#262628;--border-strong:#3a3a3c;--accent:#f7f5f0;--accent-soft:#19191b;--success:#86c7a4;--success-soft:#0f1f16;--warning:#aeaeb2;--warning-soft:#19191b;--critical:#ff6b61;--critical-soft:#2a0f14;--info:#d9d4c7;--info-soft:#1a1916;--glow:#f7f5f0;--surface-sunken:#0b0b0c;--person-teal:#7accc5;--person-indigo:#aaace8;--person-plum:#cfa3d3;--note-pink:#eda6c0;--glass:#141415d1;--glass-strong:#141415f0;--glass-soft:#0b0b0cc7;--glass-line:#ffffff1a;--highlight:#ffffff0f;--hover-fill:#ffffff0d;--scrim:#000000a3;--focus:#ffffff6b;--shadow-glass:0 1px 0 #ffffff0d inset, 0 12px 30px #0000006b;--shadow-shell:0 30px 80px #0000008c, 0 2px 12px #00000059;--shadow-overlay:0 20px 54px #0009}}:root[data-theme=dark]{--text-primary:#f2f0eb;--text-secondary:#cfcfd1;--text-muted:#9c9ca0;--text-faint:#9c9ca0;--text-inverse:#0b0b0c;--surface-canvas:#0b0b0c;--surface-shell:#0b0b0c;--surface-default:#141415;--surface-soft:#19191b;--surface-raised:#18181a;--border-default:#262628;--border-strong:#3a3a3c;--accent:#f7f5f0;--accent-soft:#19191b;--success:#86c7a4;--success-soft:#0f1f16;--warning:#aeaeb2;--warning-soft:#19191b;--critical:#ff6b61;--critical-soft:#2a0f14;--info:#d9d4c7;--info-soft:#1a1916;--glow:#f7f5f0;--surface-sunken:#0b0b0c;--person-teal:#7accc5;--person-indigo:#aaace8;--person-plum:#cfa3d3;--note-pink:#eda6c0;--glass:#141415d1;--glass-strong:#141415f0;--glass-soft:#0b0b0cc7;--glass-line:#ffffff1a;--highlight:#ffffff0f;--hover-fill:#ffffff0d;--scrim:#000000a3;--focus:#ffffff6b;--shadow-glass:0 1px 0 #ffffff0d inset, 0 12px 30px #0000006b;--shadow-shell:0 30px 80px #0000008c, 0 2px 12px #00000059;--shadow-overlay:0 20px 54px #0009}:root{font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--surface-sunken);min-width:320px;color:var(--text-primary);font-size:15px;line-height:1.45}button,input{font:inherit;letter-spacing:0;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}svg{stroke-width:1.75px;flex:none;width:18px;height:18px}h1,h2,p{margin:0}.page{width:min(640px,100%);padding:max(28px, env(safe-area-inset-top)) 20px max(48px, env(safe-area-inset-bottom));margin:0 auto}.masthead{align-items:center;gap:10px;min-height:44px;font-size:17px;font-weight:600;display:flex}.masthead img{width:28px;height:28px;box-shadow:0 0 0 .75px var(--border-strong);border-radius:7px}main{gap:16px;display:grid}.intro{gap:12px;padding:40px 4px 20px;display:grid}.intro h1{letter-spacing:-.02em;font-size:32px;font-weight:500;line-height:1.15}.intro p{color:var(--text-secondary);font-size:17px}.card{border:.75px solid var(--border-default);background:var(--surface-default);border-radius:22px;justify-items:start;gap:14px;padding:22px;display:grid}.card h2{font-size:17px;font-weight:600}.card p{color:var(--text-secondary)}.card.split{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}.card.split>div{gap:6px;display:grid}.devices{width:100%;margin:0;padding:0;list-style:none}.devices li{grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:60px;display:grid}.devices li+li{border-top:.75px solid var(--border-default)}.device-icon{background:var(--surface-soft);width:36px;height:36px;color:var(--text-secondary);border-radius:10px;place-items:center;display:grid}.device-copy{min-width:0;display:grid}.device-copy strong{font-weight:600}.device-copy small{color:var(--text-muted);font-size:13px}.status{color:var(--text-muted);white-space:nowrap;align-items:center;gap:7px;font-size:14px;display:inline-flex}.status i{border:1.5px solid var(--text-muted);border-radius:50%;width:7px;height:7px}.status.on{color:var(--text-primary)}.status.on i{background:var(--success);border:0}.scan{grid-template-columns:196px minmax(0,1fr);align-items:center;gap:24px;width:100%;display:grid}.qr{background:var(--surface-default);width:196px;height:196px;color:var(--text-primary);fill:currentColor;box-shadow:0 0 0 .75px var(--border-strong) inset;border-radius:18px;padding:16px}.scan-copy{justify-items:start;gap:8px;display:grid}.card .instruction{color:var(--text-primary);font-size:17px}.scan-copy small{color:var(--text-muted);margin-top:4px;font-size:13px}.divider{width:100%;color:var(--text-muted);align-items:center;gap:12px;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--border-default);flex:1;height:.75px}.factor{gap:12px;width:100%;display:grid}.factor label{color:var(--text-secondary);gap:6px;font-size:13px;display:grid}.factor input{border:.75px solid var(--border-strong);background:var(--surface-soft);width:100%;height:44px;color:var(--text-primary);border-radius:12px;padding:0 14px;font-size:15px}.factor input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus);outline:0}.factor button{justify-self:start}.actions{flex-wrap:wrap;gap:10px;display:flex}.card .error,.error{color:var(--critical);font-size:14px}.card .done{color:var(--text-primary)}.steps{color:var(--text-secondary);gap:6px;margin:0;padding-left:20px;display:grid}.steps code{color:var(--text-primary);font:14px ui-monospace,SFMono-Regular,Menlo,monospace}.primary-button,.secondary-button,.danger-button{white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:15px;font-weight:600;text-decoration:none;transition:filter .18s ease-out,background .18s ease-out,border-color .18s ease-out;display:inline-flex}.primary-button{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 86%, white), var(--accent));color:var(--text-inverse);border:0}.primary-button:hover{filter:brightness(1.05)}.secondary-button{border:.75px solid var(--border-strong);background:var(--surface-soft);color:var(--text-primary)}.secondary-button:hover{background:var(--surface-raised)}.danger-button{border:.75px solid var(--border-strong);background:var(--surface-soft);color:var(--critical)}.danger-button:hover{background:var(--critical-soft)}button:disabled{cursor:not-allowed;opacity:.5;filter:none}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .qr{background:var(--text-primary);color:var(--surface-sunken);box-shadow:none}}:root[data-theme=dark] .qr{background:var(--text-primary);color:var(--surface-sunken);box-shadow:none}@media (width<=560px){.page{padding-inline:16px}.intro{padding-top:28px}.intro h1{font-size:28px}.card{border-radius:20px;padding:18px}.card.split{grid-template-columns:minmax(0,1fr);justify-items:start}.scan{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.scan-copy{justify-items:center}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.connection-error{place-items:center;min-height:100vh;padding:24px;display:grid}.connection-error>div{border:.75px solid var(--border-default);background:var(--surface-default);border-radius:22px;justify-items:start;gap:10px;width:min(420px,100%);padding:22px;display:grid}.connection-error strong{font-size:17px}.connection-error p{color:var(--text-secondary)}
