.xa-page{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));background:var(--sand);color:var(--ink);font-family:var(--font-body), system-ui, sans-serif;box-sizing:border-box;justify-content:center;align-items:flex-start;margin:0;font-size:16px;line-height:1.5;display:flex}.xa-page *,.xa-page :before,.xa-page :after{box-sizing:border-box}.xa-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:18px;width:100%;max-width:420px;margin-top:4vh;padding:28px 20px 24px;display:flex}.xa-logo{justify-content:center;display:flex}.xa-logo img{width:min(240px,70%);height:auto}.xa-title{font-family:var(--font-heading), var(--font-body), system-ui, sans-serif;color:var(--navy);text-align:center;margin:0;font-size:1.6rem;font-weight:650;line-height:1.2}.xa-lede{color:var(--ink-2);text-align:center;margin:0}.xa-form{flex-direction:column;gap:16px;display:flex}.xa-field{flex-direction:column;gap:6px;display:flex}.xa-label{font-weight:600}.xa-input{width:100%;min-height:48px;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;padding:10px 12px;font-size:16px}.xa-input:focus-visible{outline:3px solid var(--blue);outline-offset:1px;border-color:var(--blue)}.xa-input[aria-invalid=true]{border:2px solid var(--navy);padding:9px 11px}.xa-field-hint{color:var(--ink-2)}.xa-error{color:var(--ink);background:var(--sand);border-left:4px solid var(--navy);border-radius:0 10px 10px 0;align-items:flex-start;gap:10px;margin:0;padding:10px 12px;font-weight:600;display:flex}.xa-error:before{content:"!";background:var(--navy);width:22px;height:22px;color:var(--on-navy);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:1px;font-size:14px;font-weight:800;line-height:1;display:inline-flex}.xa-notice{color:var(--ink);background:var(--sand);border-left:4px solid var(--navy);border-radius:0 10px 10px 0;margin:0;padding:10px 12px}.xa-button{width:100%;min-height:48px;font:inherit;color:var(--on-navy);background:var(--navy);border:1px solid var(--navy);cursor:pointer;text-align:center;border-radius:12px;justify-content:center;align-items:center;padding:10px 16px;font-size:1.05rem;font-weight:650;text-decoration:none;display:inline-flex}.xa-button:hover{background:var(--navy-deep)}.xa-button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.xa-button[disabled]{opacity:.7;cursor:progress}.xa-button[data-variant=quiet]{color:var(--navy);background:0 0;border-color:#0000}.xa-button[data-variant=quiet]:hover{background:var(--navy-soft)}.xa-button[data-variant=secondary]{color:var(--navy);background:var(--surface);border-color:var(--navy)}.xa-hint{color:var(--ink-2);margin:-8px 0 0;font-size:16px}.xa-link{min-height:48px;color:var(--navy);text-underline-offset:3px;align-items:center;padding-inline:4px;font-weight:600;text-decoration:underline;display:inline-flex}.xa-foot{text-align:center;color:var(--ink-2);margin:0}.xa-card>.ui-back{min-height:48px;font-size:16px}.xa-key{color:var(--ink-2);background:var(--sand);letter-spacing:.04em;-webkit-user-select:all;user-select:all;border-radius:10px;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:16px;display:flex}.xa-qr{justify-content:center;display:flex}.xa-qr img{width:192px;height:192px;image-rendering:pixelated}.xa-row{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.xa-row>:first-child{flex:15rem;min-width:0}.xa-row>.xa-button{flex:auto;width:auto}.xa-steps>summary{justify-content:center}.xa-steps-body{text-align:left;flex-direction:column;gap:8px;padding-bottom:8px;display:flex}.xa-steps-body p{margin:0}