:root{--eui-bg:#fff;--eui-bg-subtle:#f9fafb;--eui-bg-hover:#eff6ff;--eui-text:#1f2937;--eui-text-muted:#6b7280;--eui-text-disabled:#9ca3af;--eui-text-on-primary:#fff;--eui-border:#d1d5db;--eui-border-subtle:#e5e7eb;--eui-primary:#3b82f6;--eui-primary-hover:#2563eb;--eui-primary-subtle:#dbeafe;--eui-primary-border:#bfdbfe;--eui-shadow:0 4px 16px 0 #0000001f;--eui-font-family:"Inter", system-ui, -apple-system, sans-serif;--eui-radius-sm:.25rem;--eui-radius-md:.375rem}[class*=eui-]{scrollbar-width:thin;scrollbar-color:var(--eui-border) transparent}[class*=eui-]::-webkit-scrollbar{width:6px;height:6px}[class*=eui-]::-webkit-scrollbar-track{background:0 0}[class*=eui-]::-webkit-scrollbar-thumb{background-color:var(--eui-border);border-radius:3px}[class*=eui-]::-webkit-scrollbar-thumb:hover{background-color:var(--eui-text-muted)}[class*=eui-]::-webkit-scrollbar-corner{background:0 0}.eui-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body.mode-dark{--eui-bg:#1f2937;--eui-bg-subtle:#111827;--eui-bg-hover:#1e3a5f;--eui-text:#e5e7eb;--eui-text-muted:#9ca3af;--eui-text-disabled:#6b7280;--eui-text-on-primary:#fff;--eui-border:#4b5563;--eui-border-subtle:#374151;--eui-primary:#2563eb;--eui-primary-hover:#3b82f6;--eui-primary-subtle:#1e3a5f;--eui-primary-border:#1d4ed8;--eui-shadow:0 4px 16px 0 #0006}.eui-qr-scanner{border-radius:var(--eui-radius-md);color:#fff;font-family:var(--eui-font-family);isolation:isolate;background:#000;min-height:200px;display:block;position:relative;overflow:hidden}.eui-qr-scanner *,.eui-qr-scanner :before,.eui-qr-scanner :after{box-sizing:border-box}.eui-qr-scanner-video{object-fit:cover;background:#000;width:100%;height:100%;display:block;position:absolute;inset:0}.eui-qr-scanner-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.eui-qr-scanner-overlay-mask{background:radial-gradient(circle,#0000 0 30%,#0000008c 60%)}.eui-qr-scanner-frame{aspect-ratio:1;width:min(70%,280px);max-height:70%;position:relative}.eui-qr-scanner-corner{filter:drop-shadow(0 1px 2px #0006);border:0 solid #fff;width:28px;height:28px;position:absolute}.eui-qr-scanner-corner-tl{border-top-width:3px;border-left-width:3px;border-top-left-radius:6px;top:0;left:0}.eui-qr-scanner-corner-tr{border-top-width:3px;border-right-width:3px;border-top-right-radius:6px;top:0;right:0}.eui-qr-scanner-corner-bl{border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:6px;bottom:0;left:0}.eui-qr-scanner-corner-br{border-bottom-width:3px;border-right-width:3px;border-bottom-right-radius:6px;bottom:0;right:0}.eui-qr-scanner-scanline{background:linear-gradient(90deg, transparent, var(--eui-primary,#3b82f6), transparent);border-radius:999px;height:2px;animation:2s ease-in-out infinite eui-qr-scanner-sweep;position:absolute;top:6%;left:6%;right:6%;box-shadow:0 0 12px #3b82f6d9}@keyframes eui-qr-scanner-sweep{0%{opacity:.4;top:6%}50%{opacity:1;top:88%}to{opacity:.4;top:6%}}@media (prefers-reduced-motion:reduce){.eui-qr-scanner-scanline{animation:none}}.eui-qr-scanner-controls{-webkit-backdrop-filter:blur(8px);z-index:2;background:#0000008c;border-radius:999px;gap:10px;padding:6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.eui-qr-scanner-control{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;font-size:22px;font-weight:600;line-height:1;transition:background .15s;display:inline-flex}.eui-qr-scanner-control:hover{background:#ffffff40}.eui-qr-scanner-control:focus-visible{outline:2px solid var(--eui-primary,#3b82f6);outline-offset:2px}.eui-qr-scanner-control-active{background:var(--eui-primary,#3b82f6);color:var(--eui-text-on-primary,#fff)}.eui-qr-scanner-control-active:hover{background:var(--eui-primary-hover,#2563eb)}.eui-qr-scanner-control-stop{background:#ef4444d9}.eui-qr-scanner-control-stop:hover{background:#ef4444}.eui-qr-scanner-state{text-align:center;color:#fff;-webkit-backdrop-filter:blur(2px);z-index:3;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.eui-qr-scanner-state span{font-size:14px;font-weight:600}.eui-qr-scanner-state small{color:#ffffffbf;max-width:280px;font-size:12px;line-height:1.4}.eui-qr-scanner-state-error{color:#fca5a5;background:#141414d9}.eui-qr-scanner-state-error span{color:#fca5a5}.eui-qr-scanner-state-error small{color:#ffffffb3}.eui-qr-scanner-start{border-radius:var(--eui-radius-md);background:var(--eui-primary,#3b82f6);color:var(--eui-text-on-primary,#fff);cursor:pointer;border:none;min-height:44px;margin-top:4px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s}.eui-qr-scanner-start:hover{background:var(--eui-primary-hover,#2563eb)}.eui-qr-scanner-start:focus-visible{outline-offset:2px;outline:2px solid #fff}
