:root{--bg:#0a0c10;--surface:#12161d;--surface-2:#1a1f28;--border:#252b36;--text:#f3f5f8;--muted:#8b94a3;--volt:#008f33;--volt-2:#1fb455;--volt-dark:#006b26;--volt-light:#2ecc6a;--volt-glow:#008f3373;--danger:#ff5a5f;--radius:20px;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;min-height:100%;margin:0}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:default}:focus-visible{outline:2px solid var(--volt);outline-offset:3px}.muted{color:var(--muted)}.accent{color:var(--volt-light);text-shadow:0 0 24px var(--volt-glow)}.app{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.grid-bg{pointer-events:none;background:radial-gradient(600px at 50% 30%,#008f331f,#0000 60%),linear-gradient(#ffffff09 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 35%,#000 30%,#0000 75%);mask-image:radial-gradient(at 50% 35%,#000 30%,#0000 75%)}.foot{color:var(--muted);text-align:center;margin-top:32px;font-size:12px;position:relative}.home{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:400px;display:flex;position:relative}.logo{background:var(--volt);color:#fff;width:64px;height:64px;box-shadow:0 0 0 6px #008f331f, 0 10px 40px var(--volt-glow);border-radius:18px;place-items:center;display:grid}.logo svg{width:34px;height:34px}h1{letter-spacing:-.02em;margin:22px 0 8px;font-size:clamp(28px,8vw,36px);font-weight:800;line-height:1.1}.lead{max-width:320px;margin:0 0 36px;font-size:16px;line-height:1.5}.scan-cta{color:#fff;background:radial-gradient(circle at 35% 30%, var(--volt-2), var(--volt) 60%, var(--volt-dark));width:196px;height:196px;box-shadow:0 0 0 10px #008f331a, 0 20px 60px var(--volt-glow), inset 0 -6px 16px #00000026;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:17px;font-weight:700;transition:transform .15s;display:flex;position:relative}.scan-cta:active{transform:scale(.96)}.pulse,.pulse:after{border:2px solid var(--volt);opacity:0;content:"";border-radius:50%;animation:2.4s ease-out infinite pulse;position:absolute;inset:-10px}.pulse:after{animation-delay:1.2s;inset:-2px}@keyframes pulse{0%{opacity:.7;transform:scale(.95)}to{opacity:0;transform:scale(1.35)}}.steps{text-align:left;gap:10px;width:100%;margin:48px 0 0;padding:0;list-style:none;display:grid}.steps li{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:14px;padding:14px 16px;font-size:14px;display:flex}.steps span{width:26px;height:26px;color:var(--volt-light);background:#008f331a;border-radius:8px;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;padding:32px 24px 24px;position:relative;box-shadow:0 30px 80px #00000080}.result{text-align:center;flex-direction:column;align-items:center;animation:.35s ease-out rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.result h2{margin:20px 0 6px;font-size:22px}.result p{margin:0 0 20px;line-height:1.5}.charge-ring{--p:0;background:radial-gradient(closest-side, var(--surface) 82%, transparent 83%), conic-gradient(var(--volt) calc(var(--p) * 360deg), var(--surface-2) 0);width:96px;height:96px;filter:drop-shadow(0 0 18px var(--volt-glow));border-radius:50%;place-items:center;transition:--p 1s linear;display:grid}@property --p{syntax:"<number>";inherits:false;initial-value:0}.charge-bolt{width:40px;height:40px;color:var(--volt-light);animation:1.2s ease-in-out infinite flicker}@keyframes flicker{50%{opacity:.55}}.alert-badge{width:72px;height:72px;color:var(--danger);background:#ff5a5f1f;border-radius:50%;place-items:center;display:grid}.alert-badge svg{width:34px;height:34px}.url-box{background:var(--surface-2);border:1px solid var(--border);text-align:left;width:100%;color:var(--muted);border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:14px;display:flex}.url-box svg{width:18px;height:18px;color:var(--volt-light);flex:none}.url-box span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.url-box strong{color:var(--text);font-weight:600}.raw{word-break:break-all;text-align:left;width:100%;max-height:96px;color:var(--muted);background:var(--surface-2);border-radius:10px;margin-bottom:20px;padding:12px;font-size:12px;overflow:auto}.btn{border:none;border-radius:14px;place-items:center;width:100%;height:52px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .1s,filter .15s;display:grid}.btn:active{transform:scale(.98)}.btn.primary{color:#fff;background:var(--volt);box-shadow:0 8px 28px var(--volt-glow)}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{color:var(--muted);background:0 0;margin-top:8px}.scanner{background:#000;position:fixed;inset:0;overflow:hidden}.scanner-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scanner-video.mirrored{transform:scaleX(-1)}.scanner-mask{--size:min(72vw, 300px);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.viewfinder{width:var(--size);height:var(--size);border-radius:24px;position:relative;box-shadow:0 0 0 100vmax #05070ab8}.corner{border:4px solid var(--volt-light);width:44px;height:44px;filter:drop-shadow(0 0 8px var(--volt-glow));position:absolute}.corner.tl{border-bottom:0;border-right:0;border-top-left-radius:24px;top:0;left:0}.corner.tr{border-bottom:0;border-left:0;border-top-right-radius:24px;top:0;right:0}.corner.bl{border-top:0;border-right:0;border-bottom-left-radius:24px;bottom:0;left:0}.corner.br{border-top:0;border-left:0;border-bottom-right-radius:24px;bottom:0;right:0}.scanline{background:linear-gradient(90deg, transparent, var(--volt-light), transparent);height:3px;box-shadow:0 0 16px 2px var(--volt-glow);opacity:0;border-radius:3px;position:absolute;top:8%;left:8%;right:8%}.viewfinder.live .scanline{opacity:1;animation:2.2s ease-in-out infinite alternate sweep}@keyframes sweep{to{top:92%}}.scanner-top,.scanner-bottom{padding:0 20px;position:absolute;left:0;right:0}.scanner-top{padding-top:max(16px, env(safe-area-inset-top));justify-content:space-between;align-items:center;display:flex;top:0}.brand-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#12161dbf;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:15px;font-weight:700;display:flex}.brand-pill svg{width:18px;height:18px;color:var(--volt-light)}.scanner-bottom{padding-bottom:max(28px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:24px;display:flex;bottom:0}.scanner-msg{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#12161dbf;border-radius:12px;max-width:340px;margin:0;padding:10px 16px;font-size:15px;line-height:1.4}.scanner-msg.error{color:#ffd1d2;background:#781419bf}.scanner-actions{align-items:center;gap:28px;display:flex}.icon-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#12161dbf;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.icon-btn-spacer{width:48px}.icon-btn.big{width:64px;height:64px}.icon-btn.active{color:#fff;background:var(--volt);border-color:var(--volt);box-shadow:0 0 24px var(--volt-glow)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}