.fjn-qr-scanner[hidden]{display:none}.fjn-qr-scanner{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:18px;background:rgba(9,12,15,.76);backdrop-filter:blur(7px)}.fjn-qr-dialog{width:min(100%,480px);max-height:calc(100dvh - 36px);overflow:auto;padding:18px;border-radius:22px;background:#f5f5f2;color:#17191b;box-shadow:0 24px 80px rgba(0,0,0,.35)}.fjn-qr-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.fjn-qr-head h2{margin:0;font-size:23px}.fjn-qr-head p{margin:5px 0 0;color:#697076;font-size:13px}.fjn-qr-close{min-width:44px;min-height:44px;padding:0;border-radius:50%;font-size:22px}.fjn-qr-camera{position:relative;display:grid;place-items:center;min-height:290px;overflow:hidden;border-radius:18px;background:#111}.fjn-qr-camera video{display:block;width:100%;height:min(54vh,420px);object-fit:cover}.fjn-qr-frame{position:absolute;width:62%;aspect-ratio:1;border:3px solid #fff;border-radius:22px;box-shadow:0 0 0 999px rgba(0,0,0,.23);pointer-events:none}.fjn-qr-status{margin:12px 0;padding:11px 13px;border-radius:12px;background:#e7e8e4;font-size:13px}.fjn-qr-status.error{background:#f7dddd;color:#7d2323}.fjn-qr-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.fjn-qr-actions button{min-height:46px;border-radius:12px}.fjn-qr-manual{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.fjn-qr-manual input{min-width:0;min-height:46px;padding:0 12px;border:1px solid #cfd2cf;border-radius:12px;background:#fff;font:inherit}.fjn-qr-manual button{min-height:46px;border-radius:12px}@media(max-width:520px){.fjn-qr-scanner{padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))}.fjn-qr-dialog{max-height:calc(100dvh - 20px);padding:14px;border-radius:18px}.fjn-qr-camera{min-height:260px}.fjn-qr-camera video{height:48vh}.fjn-qr-actions{grid-template-columns:1fr}.fjn-qr-manual{grid-template-columns:1fr}.fjn-qr-manual button{width:100%}}