*{box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow:hidden}#root{width:100%;height:100vh;margin:0;padding:0}.qr-screen{position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(180deg,#0072b1 50%,#fff);padding:20px}.version-label{position:absolute;top:0;left:0;font-size:8pt;color:#ffffffb3;padding:4px 8px}.qr-instructions{text-align:center;color:#fff;max-width:400px}.qr-instructions h1{font-size:2.5rem;margin-bottom:2rem;font-weight:700}.qr-instructions p{font-size:1.1rem;margin:1rem 0}.qr-instructions code{display:block;background:#fff3;padding:1rem;border-radius:8px;font-size:1.2rem;margin:1.5rem 0}.qr-instructions .example{font-size:.9rem;opacity:.8}.qr-container{text-align:center;background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 40px #0003}.qr-container h2{color:#000;font-size:1.8rem;margin-bottom:1.5rem}.qr-code-wrapper{cursor:pointer;transition:transform .2s}.qr-code-wrapper:hover{transform:scale(1.05)}.qr-code-wrapper:active{transform:scale(.95)}.qr-code{max-width:300px;width:100%;height:auto;border-radius:10px}.tap-hint{margin-top:1rem;color:#666;font-size:.9rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error{color:#dc2626;font-size:1rem;margin-top:1rem}.camera-screen{position:fixed;inset:0;background:#000;display:flex;justify-content:center;align-items:center}.camera-video{width:100%;height:100%;object-fit:cover;cursor:pointer;transform:scaleX(-1)}.camera-overlay{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:2rem}.tap-instruction{background:#0009;color:#fff;padding:1rem 2rem;border-radius:50px;font-size:1.2rem;animation:pulse 2s infinite}.error-overlay,.loading-overlay{position:absolute;inset:0;background:#000000e6;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;padding:2rem;z-index:10}.error-overlay p,.loading-overlay p{font-size:1.2rem;text-align:center;margin-bottom:2rem}.error-overlay button{background:#0072b1;color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-size:1rem;cursor:pointer;transition:background .2s}.error-overlay button:hover{background:#084d92}.capture-flash{position:absolute;inset:0;background:#fff;animation:flash .3s;pointer-events:none;z-index:5}@keyframes flash{0%{opacity:0}50%{opacity:.8}to{opacity:0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.app{width:100%;height:100vh;margin:0;padding:0;overflow:hidden}