:root{--bg: #0d0f12;--surface: #14181d;--border: #232a32;--text: #e7ecf2;--text-dim: #97a3b2;--text-faint: #6b7787;--brand: #ffc784;--brand-ink: #1a1206;--ok: #7ec89e;--error: #d4756a;--warn: #d4b07a;--info: #7ba4d4;--radius: 12px;--radius-sm: 8px;--gap: 16px;--tap: 48px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}h1,h2,p{margin:0}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:400 16px/1.5 var(--font);-webkit-font-smoothing:antialiased}.shell{display:flex;flex-direction:column;gap:var(--gap);width:100%;max-width:30rem;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 32px) 20px calc(env(safe-area-inset-bottom,0px) + 32px)}.brand{display:flex;flex-direction:column;gap:4px}.brand-mark{font-size:.8125rem;font-weight:600;letter-spacing:.08em;color:var(--text-faint)}.brand-colon{color:var(--brand)}.brand-title{font-size:1.5rem;font-weight:650;letter-spacing:-.01em}.status{font-size:.875rem;color:var(--text-dim)}.step{display:none;flex-direction:column;gap:12px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}[data-state=loading] [data-step=loading],[data-state=unsupported] [data-step=unsupported],[data-state=no-fragment] [data-step=no-fragment],[data-state=bad-qr] [data-step=bad-qr],[data-state=form] [data-step=form],[data-state=scanning] [data-step=progress],[data-state=pairing] [data-step=progress],[data-state=handshaking] [data-step=progress],[data-state=sas] [data-step=sas],[data-state=awaiting-approval] [data-step=sas],[data-state=connected] [data-step=connected],[data-state=failed] [data-step=failed],[data-state=lost] [data-step=lost]{display:flex}.step-title{display:flex;align-items:center;gap:10px;font-size:1.125rem;font-weight:620;letter-spacing:-.01em}.step-title:focus{outline:none}.step-body{color:var(--text-dim)}.tone-error{color:var(--error)}.tone-warn{color:var(--warn)}.step-title:focus-visible{outline:2px solid var(--info);outline-offset:4px;border-radius:var(--radius-sm)}.step-detail,.step-note{font-size:.8125rem;color:var(--text-faint)}.step-detail{padding:10px 12px;background:#d4756a14;border-left:2px solid var(--error);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-dim)}.step-detail:empty,.field-error:empty{display:none}.tenant{font-family:var(--mono);font-size:.9375rem;color:var(--text);overflow-wrap:anywhere}.dot{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px #7ec89e29}.sas-code{font-family:var(--mono);font-size:2.25rem;font-weight:600;letter-spacing:.16em;text-align:center;padding:18px 8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);overflow-wrap:anywhere}.sas-code[data-state=pending],.sas-code[data-state=error]{font-family:var(--font);font-size:1rem;font-weight:400;letter-spacing:normal;color:var(--text-faint)}.sas-code[data-state=error]{color:var(--warn)}.sas-waiting{display:none;align-items:center;gap:10px;font-size:.8125rem;color:var(--text-dim)}[data-state=awaiting-approval] .sas-waiting{display:flex}.sas-waiting .spinner{flex:0 0 auto}.form{display:flex;flex-direction:column;gap:8px;margin:0}.field-label{font-size:.8125rem;font-weight:600;color:var(--text-dim)}.field-input{width:100%;min-height:var(--tap);padding:12px 14px;font-family:inherit;font-size:1rem;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.field-input:focus-visible{outline:2px solid var(--info);outline-offset:1px;border-color:var(--info)}.field-error{font-size:.8125rem;color:var(--error)}.cta{min-height:var(--tap);margin-top:8px;padding:12px 20px;font:650 1rem/1.5 var(--font);color:var(--brand-ink);background:var(--brand);border:1px solid var(--brand);border-radius:var(--radius-sm);cursor:pointer;transition:filter .12s ease}.cta-secondary{min-height:var(--tap);padding:12px 20px;font:600 1rem/1.5 var(--font);color:var(--text);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .12s ease}.cta:hover,.cta:active{filter:brightness(1.06)}.cta-secondary:hover,.cta-secondary:active{border-color:var(--info)}.cta:focus-visible,.cta-secondary:focus-visible{outline:2px solid var(--info);outline-offset:2px}.spinner{width:22px;height:22px;border:2px solid var(--border);border-top-color:var(--info);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none;border-left-color:var(--info)}.cta,.cta-secondary{transition:none}}@media(max-height:620px){.shell{padding-top:calc(env(safe-area-inset-top,0px) + 20px);gap:12px}.sas-code{font-size:1.875rem;padding:12px 8px}}