.scan-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);max-width:32rem;margin:0 auto;padding:var(--sp-4) var(--sp-4) 0}.scan-brand{font-family:var(--font-display);font-weight:var(--weight-semi)}p.scan-brand a{display:inline-flex;align-items:center;min-block-size:var(--target);color:inherit;text-decoration:none}.scan-tools{display:flex;gap:var(--sp-2);align-items:center}.scan-no-code a{display:inline-flex;align-items:center;min-block-size:var(--target);padding-block:.5rem;font-size:var(--type-control)}.scan-page{max-width:32rem;margin:0 auto;padding:var(--sp-6) var(--sp-4) var(--sp-8)}.scan{display:grid;gap:var(--sp-5);min-inline-size:0}.scan>*,.scan-form>*{min-inline-size:0}.scan-title{font-size:var(--type-display);line-height:var(--lh-title)}.scan-intro{color:var(--tone-text-muted);font-size:var(--type-control);line-height:var(--lh-body)}.scan-form{display:grid;gap:var(--sp-2)}.scan-label{font-size:var(--type-body);font-weight:var(--weight-medium)}.scan-code-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.scan-code-head .scan-paste{min-height:44px;padding-inline:var(--sp-3);font-size:var(--type-control)}input[type=text].scan-input{width:100%;min-inline-size:0;min-height:3.5rem;border-width:2px;border-style:solid;background:var(--tone-surface-1);font-family:var(--font-mono);font-size:1.75rem;font-variant-numeric:tabular-nums;letter-spacing:.14em;text-transform:uppercase}.scan-hint{color:var(--tone-text-muted);font-size:var(--type-secondary);line-height:var(--lh-body)}.scan-error{display:grid;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--tone-tint-urgency);color:var(--tone-text-primary);font-size:var(--type-body);line-height:var(--lh-body)}.scan-error[hidden]{display:none}.scan-error-text{margin:0}.scan-error-action{justify-self:start}.scan-actions{display:grid;gap:var(--sp-3);margin-top:var(--sp-2)}.scan-actions .btn-ghost{min-height:var(--target-primary);font-size:var(--text-body)}.scan-actions .btn-ghost span{white-space:normal}.scan-or{display:flex;align-items:center;gap:var(--sp-3);color:var(--tone-text-muted);font-size:var(--type-secondary)}.scan-or:before,.scan-or:after{content:"";flex:1;height:1px;background:var(--tone-stroke)}.scan-status{min-height:1.5rem;color:var(--tone-text-muted);font-size:var(--type-control);font-variant-numeric:tabular-nums}.scan-camera{display:grid}.scan-camera[hidden]{display:none}.scan-foot{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);max-width:32rem;margin:0 auto;padding:0 var(--sp-4) var(--sp-8);color:var(--tone-text-muted);font-size:var(--text-sm)}.scan-foot a{display:inline-flex;align-items:center;min-height:var(--target)}.scan-foot a.btn-ghost{color:var(--tone-urgency);border-color:currentColor}@media(min-width:40rem){.scan-page{padding-top:var(--sp-10)}}.qr-scanner{display:grid;gap:var(--sp-3);justify-items:center}.qr-scanner-stage{position:relative;width:min(100%,20rem);aspect-ratio:1;overflow:hidden;border:1px solid var(--tone-stroke);border-radius:var(--r-lg);background:#000}.qr-scanner-video{width:100%;height:100%;object-fit:cover;display:block}.qr-scanner-reticle{position:absolute;inset:16%;border-radius:var(--r-md);background:linear-gradient(var(--tone-action-brand) 0 0) 0 0 / 1.5rem 2px no-repeat,linear-gradient(var(--tone-action-brand) 0 0) 0 0 / 2px 1.5rem no-repeat,linear-gradient(var(--tone-action-brand) 0 0) 100% 0 / 1.5rem 2px no-repeat,linear-gradient(var(--tone-action-brand) 0 0) 100% 0 / 2px 1.5rem no-repeat,linear-gradient(var(--tone-action-brand) 0 0) 0 100% / 1.5rem 2px no-repeat,linear-gradient(var(--tone-action-brand) 0 0) 0 100% / 2px 1.5rem no-repeat,linear-gradient(var(--tone-action-brand) 0 0) 100% 100% / 1.5rem 2px no-repeat,linear-gradient(var(--tone-action-brand) 0 0) 100% 100% / 2px 1.5rem no-repeat}.qr-scanner[data-state=denied] .qr-scanner-stage,.qr-scanner[data-state=unavailable] .qr-scanner-stage,.qr-scanner[data-state=unsupported] .qr-scanner-stage,.qr-scanner[data-state=done] .qr-scanner-stage{display:none}.qr-scanner-hint{margin:0;max-width:22rem;color:var(--tone-text-muted);font-size:var(--text-sm);text-align:center}.qr-scanner[data-state=denied] .qr-scanner-hint,.qr-scanner[data-state=unavailable] .qr-scanner-hint,.qr-scanner[data-state=unsupported] .qr-scanner-hint{color:var(--tone-state-warning)}.qr-scanner-actions{display:flex;gap:var(--sp-2)}.qr-scanner-cancel,.qr-scanner-torch{min-height:max(2.75rem,44px)}.qr-scanner-torch .icon{width:1rem;height:1rem}.qr-scanner-torch[aria-pressed=true]{border-color:color-mix(in srgb,var(--tone-action-brand) 45%,var(--tone-stroke));color:var(--tone-action-brand)}