*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#0c0c0e}#root{flex-direction:column;min-height:100svh;display:flex}.app{color:#f2f2f0;background:#0c0c0e;flex-direction:column;min-height:100svh;font-family:Inter,system-ui,sans-serif;display:flex}.app-header{border-bottom:1px solid #2a2a2d;flex-direction:column;align-items:center;gap:4px;padding:20px 24px 16px;display:flex}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#e8ff47;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600}.app-title{letter-spacing:-.03em;color:#f2f2f0;margin:0;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700}.scanner-area{flex:1;justify-content:center;align-items:center;padding:28px 20px;display:flex}.video-wrap{aspect-ratio:3/4;background:#0c0c0e;border-radius:4px;width:100%;max-width:480px;position:relative;overflow:hidden}.video-feed{object-fit:cover;width:100%;height:100%;display:block}.scan-frame{pointer-events:none;position:absolute;inset:0}.corner{border:0 solid #e8ff47;width:28px;height:28px;transition:opacity .3s;position:absolute}.corner.tl{border-top-width:2.5px;border-left-width:2.5px;top:16px;left:16px}.corner.tr{border-top-width:2.5px;border-right-width:2.5px;top:16px;right:16px}.corner.bl{border-bottom-width:2.5px;border-left-width:2.5px;bottom:16px;left:16px}.corner.br{border-bottom-width:2.5px;border-right-width:2.5px;bottom:16px;right:16px}@keyframes bracket-breathe{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:no-preference){.scan-frame.scanning .corner{animation:2.4s ease-in-out infinite bracket-breathe}}.scan-frame.paused .corner{opacity:1}.video-wrap.hidden{display:none}.idle-state{flex-direction:column;align-items:center;gap:32px;padding:48px 24px;display:flex}.idle-icon{opacity:.9}.btn-scan{color:#0c0c0e;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#e8ff47;border:none;border-radius:3px;padding:14px 36px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;transition:opacity .15s,transform .1s}.btn-scan:hover{opacity:.85}.btn-scan:active{transform:scale(.97)}.btn-scan:focus-visible{outline-offset:3px;outline:2px solid #e8ff47}.error-state{flex-direction:column;align-items:center;gap:16px;padding:40px 24px;display:flex}.error-icon{color:#e8ff47;opacity:.6;font-size:48px;line-height:1}.error-msg{color:#9a9a9e;text-align:center;max-width:280px;margin:0;font-family:Inter,sans-serif;font-size:15px;line-height:1.6}.app-footer{text-align:center;border-top:1px solid #2a2a2d;padding:16px 24px 28px}.hint{color:#5a5a5e;letter-spacing:.01em;margin:0;font-size:13px}.swal-popup{border:1px solid #2a2a2d!important;border-radius:6px!important;padding:32px 28px 28px!important;font-family:Inter,system-ui,sans-serif!important}.swal-title{letter-spacing:-.02em!important;color:#f2f2f0!important;margin-bottom:12px!important;font-family:Space Grotesk,sans-serif!important;font-size:20px!important;font-weight:700!important}.swal-html{margin:0 0 24px!important}.swal-code{color:#e8ff47;word-break:break-all;letter-spacing:.05em;background:#111113;border-radius:4px;padding:10px 16px;font-family:JetBrains Mono,Courier New,monospace;font-size:18px;font-weight:500;display:inline-block}.swal-btn{color:#0c0c0e!important;letter-spacing:.04em!important;text-transform:uppercase!important;cursor:pointer!important;background:#e8ff47!important;border:none!important;border-radius:3px!important;padding:10px 28px!important;font-family:Space Grotesk,sans-serif!important;font-size:14px!important;font-weight:600!important;transition:opacity .15s!important}.swal-btn:hover{opacity:.85!important}.swal-btn:focus-visible{outline-offset:3px!important;outline:2px solid #e8ff47!important}