.ks-qr-modal[hidden]{display:none}.ks-qr-modal{position:fixed;inset:0;z-index:100060;display:flex;align-items:center;justify-content:center;padding:20px}.ks-qr-modal__backdrop{position:absolute;inset:0;background:rgba(10,6,12,0.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer}.ks-qr-card{position:relative;overflow:hidden;width:min(380px,92vw);max-height:calc(100vh - 40px);overflow-y:auto;scrollbar-width:none;border-radius:28px;padding:26px 26px 24px;text-align:center;background:linear-gradient(165deg,var(--knack-accent,#60335e) 0%,color-mix(in srgb,var(--knack-accent,#60335e) 55%,#140812) 100%);box-shadow:0 24px 80px rgba(0,0,0,0.45);animation:ksQrPop 0.28s cubic-bezier(0.2,0.9,0.3,1.2)}.ks-qr-card::-webkit-scrollbar{display:none}@keyframes ksQrPop{from{transform:scale(0.92);opacity:0}to{transform:scale(1);opacity:1}}.ks-qr-card__pattern{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ks-qr-card>*:not(.ks-qr-card__pattern):not(.ks-qr-card__close){position:relative}.ks-qr-card__close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,0.18);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3}.ks-qr-card__close:hover{background:rgba(255,255,255,0.3)}.ks-qr-card__close::after{content:'';position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.ks-qr-card__brand{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 auto 14px;padding:0 40px}.ks-qr-card__brand-mark{width:18px;height:18px;object-fit:contain;display:block;flex-shrink:0}.ks-qr-card__brand-name{font-size:12px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.9);white-space:nowrap}.ks-qr-card__badge{width:64px;height:64px;border-radius:50%;margin:0 auto -32px;position:relative;z-index:2;overflow:hidden;border:3px solid #fff;box-shadow:0 6px 18px rgba(0,0,0,0.35);background:color-mix(in srgb,var(--knack-accent,#60335e) 70%,#140812);display:flex;align-items:center;justify-content:center}.ks-qr-card__badge img{width:100%;height:100%;object-fit:cover;display:block}.ks-qr-card__badge span{color:#fff;font-size:26px;font-weight:800;line-height:1}.ks-qr-card__tile{background:#fff;border-radius:20px;padding:48px 14px 14px;margin:0 auto;width:100%;max-width:264px;box-sizing:border-box}.ks-qr-card__tile[hidden]{display:none}.ks-qr-card__tile canvas{display:block;width:100%;height:auto}.ks-qr-card__name{margin-top:18px;font-size:20px;font-weight:800;color:#fff;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ks-qr-card__handle{font-size:14px;font-weight:600;color:rgba(255,255,255,0.82);margin-top:2px}.ks-qr-card__handle[hidden]{display:none}.ks-qr-card__hint{font-size:12.5px;color:rgba(255,255,255,0.72);margin:10px 0 16px}.ks-qr-card__actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ks-qr-card__actions button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 4px;border-radius:12px;border:1px solid rgba(255,255,255,0.32);background:rgba(255,255,255,0.14);color:#fff;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background 0.15s ease}.ks-qr-card__actions button:hover{background:rgba(255,255,255,0.26)}.ks-qr-card__actions button[hidden]{display:none}.ks-qr-card__actions:has(button[hidden]){grid-template-columns:repeat(2,1fr)}.ks-qr-card__actions button:focus-visible,.ks-qr-card__close:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (max-width:360px){.ks-qr-card{padding:22px 18px 20px}.ks-qr-card__wide-only{display:none}.ks-qr-card__actions button{gap:4px;padding:8px 2px}}.ks-qr-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:var(--knack-z-toast,500);padding:10px 18px;border-radius:999px;background:#111;color:#fff;font-size:14px}@media (prefers-reduced-motion:reduce){.ks-qr-card{animation:none}}