:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{place-items:center;min-width:320px;min-height:100svh;margin:0;display:flex;overflow:hidden}#root{width:100%;height:100svh}.app-container{width:100%;height:100%;padding-bottom:env(safe-area-inset-bottom);background:#000;flex-direction:column;display:flex;position:relative}.scanner-container{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.scanner-video{object-fit:cover;width:100%;height:100%}.scanner-overlay{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.scan-frame{border:2px solid #ffffff80;border-radius:20px;width:250px;height:250px;position:relative;box-shadow:0 0 0 9999px #00000080}.scan-frame:after{content:"";background:#0f0;width:100%;height:2px;animation:2s linear infinite scan;position:absolute;top:0;left:0;box-shadow:0 0 15px #0f0}@keyframes scan{0%{top:0}50%{top:100%}to{top:0}}.result-modal{bottom:calc(20px + env(safe-area-inset-bottom));color:#333;pointer-events:auto;background:#fff;border-radius:16px;flex-direction:column;gap:16px;padding:24px;animation:.3s ease-out slide-up;display:flex;position:absolute;left:20px;right:20px;box-shadow:0 10px 25px #0000004d}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.result-header{margin-bottom:4px;font-size:1.2rem;font-weight:600}.result-content{word-break:break-all;background:#f4f4f4;border-radius:8px;max-height:100px;padding:12px;font-family:monospace;overflow-y:auto}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:1rem;font-weight:600;transition:transform .1s;display:flex}.btn:active{transform:scale(.98)}.btn-primary{color:#fff;background-color:#2563eb}.btn-secondary{color:#374151;background-color:#e5e7eb}.btn:disabled{opacity:.6;cursor:not-allowed}.status-toast{z-index:100;border-radius:30px;padding:12px 24px;font-weight:600;animation:.3s ease-out fade-in;position:fixed;top:40px;left:50%;transform:translate(-50%)}.status-success{color:#fff;background:#10b981}.status-error{color:#fff;background:#ef4444}@keyframes fade-in{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}