:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:radial-gradient(circle at center,#242424,#121212);overflow:hidden}#root{width:100%;height:100vh}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;position:relative}.status-circle-container{position:relative;width:300px;height:300px;margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.status-circle{width:100%;height:100%;border-radius:50%;background-size:cover;background-position:center;box-shadow:0 0 30px #00000080;transition:all .5s ease;background-image:url(https://n8n-img-host.y6u6tw.easypanel.host/i/2025/12/C%C3%B3pia%20de%20Josy%20A%C3%A7a%C3%AD%20-%20%20Alta%20Qualidade.jpg);background-color:#333;display:flex;align-items:center;justify-content:center;font-size:5rem}.status-active{border:4px solid #00ff88;box-shadow:0 0 40px #00ff8880,inset 0 0 20px #00ff8840}.status-disconnected{border:4px solid #ff4444;box-shadow:0 0 40px #ff444480,inset 0 0 20px #ff444440}.status-loading{border:4px solid #ffd700;box-shadow:0 0 40px #ffd70080;animation:pulse 2s infinite}.status-connecting{border:4px solid #ffa500;box-shadow:0 0 40px #ffa50080;animation:pulse 2s infinite}.status-text{font-size:2rem;font-weight:700;margin-bottom:3rem;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 2px 10px rgba(0,0,0,.5)}.text-active{color:#0f8}.text-disconnected{color:#f44}.text-loading{color:gold}.text-connecting{color:orange}.btn-generate{background:linear-gradient(135deg,#646cff,#9089fc);color:#fff;border:none;padding:1rem 3rem;font-size:1.2rem;font-weight:600;border-radius:50px;cursor:pointer;box-shadow:0 10px 20px #646cff4d;transition:transform .2s,box-shadow .2s;text-transform:uppercase;letter-spacing:1px}.btn-generate:hover{transform:translateY(-2px);box-shadow:0 15px 30px #646cff80}.btn-generate:active{transform:translateY(1px)}.qr-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;animation:fadeIn .3s ease}.qr-container{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 0 50px #fff3;text-align:center}.qr-image{max-width:300px;max-height:300px;display:block}.countdown{margin-top:2rem;font-size:3rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;animation:scaleIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.8}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}