:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}#root{width:100%;min-height:100dvh}.app{color:#fff5eb;background:#142430;flex-direction:column;min-height:100dvh;display:flex}.topbar{border-bottom:1px solid #2d4a5a;padding:22px 20px}.topbar h1{color:#a8f0f4;margin:0;font-size:1.4rem}.tag{color:#6b8a99;margin:6px 0 0;font-size:.95rem}.empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:30px 24px;display:flex}.empty .big{margin:0;font-size:1.5rem}.muted{color:#6b8a99;max-width:30rem;margin:0;line-height:1.55}.leads{flex:1;padding:20px;overflow-y:auto}.count{color:#a8f0f4;margin:0 0 14px;font-size:1.1rem;font-weight:600}.lead-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lead{background:#1b3240;border:1px solid #2d4a5a;border-radius:10px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.lead-name{font-weight:600}.lead-email{color:#6b8a99;font-size:.9rem}.foot{color:#6b8a99;text-align:center;border-top:1px solid #2d4a5a;flex-direction:column;align-items:center;gap:8px;padding:16px 20px;font-family:ui-monospace,Consolas,monospace;font-size:.82rem;display:flex}.foot-links{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.make-badge-link,.share-list-link{color:#a8f0f4;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.share-list-link:disabled{color:#5e6e76;cursor:not-allowed;text-decoration:none}.foot-glossary{color:#6b8a99}.actions{gap:12px;margin:0 20px 18px;display:flex}.scan-button,.export-button,.raffle-button{color:#0c1a22;cursor:pointer;border:none;border-radius:12px;flex:1;padding:16px;font-size:1.15rem;font-weight:700}.scan-button{background:#4ad6c4}.scan-button:active{background:#3bbdad}.export-button{background:#8bd64a}.export-button:active{background:#74bd3b}.export-button:disabled{color:#5e6e76;cursor:not-allowed;background:#2a3a42}.raffle-button{background:#f4b740}.raffle-button:active{background:#d99e2c}.raffle-button:disabled{color:#5e6e76;cursor:not-allowed;background:#2a3a42}.scan-overlay{z-index:10;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.scan-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scan-hud{z-index:1;padding:16px 18px;padding-top:max(16px, env(safe-area-inset-top));background:linear-gradient(#000000a6,#0000);justify-content:space-between;align-items:center;display:flex;position:relative}.scan-count{color:#fff5eb;text-shadow:0 1px 3px #000c;font-size:1.1rem;font-weight:700}.scan-done{color:#0c1a22;cursor:pointer;background:#fff5eb;border:none;border-radius:10px;padding:10px 20px;font-size:1rem;font-weight:700}.scan-toast{left:50%;bottom:max(40px, env(safe-area-inset-bottom));z-index:2;white-space:nowrap;border-radius:999px;padding:14px 22px;font-size:1.1rem;font-weight:700;position:absolute;transform:translate(-50%);box-shadow:0 6px 20px #00000080}.scan-toast--saved{color:#06210f;background:#2fbf71}.scan-toast--duplicate{color:#2a1c00;background:#f4b740}.scan-toast--not-a-badge{color:#e6eef2;background:#3a4a55}.scan-error{z-index:3;text-align:center;color:#fff5eb;background:#142430;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:30px 28px;display:flex;position:absolute;inset:0}.scan-error p{color:#c8d6dd;max-width:28rem;margin:0;line-height:1.55}.scan-error button{color:#0c1a22;cursor:pointer;background:#4ad6c4;border:none;border-radius:10px;padding:12px 26px;font-size:1rem;font-weight:700}.badge-overlay{z-index:10;color:#fff5eb;background:#142430;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.badge-hud{padding:16px 18px;padding-top:max(16px, env(safe-area-inset-top));border-bottom:1px solid #2d4a5a;justify-content:space-between;align-items:center;display:flex}.badge-title{color:#a8f0f4;font-size:1.1rem;font-weight:700}.badge-done{color:#0c1a22;cursor:pointer;background:#fff5eb;border:none;border-radius:10px;padding:10px 20px;font-size:1rem;font-weight:700}.badge-form{flex-direction:column;gap:16px;width:100%;max-width:26rem;margin:0 auto;padding:24px 20px;display:flex}.badge-field{flex-direction:column;gap:6px;font-weight:600;display:flex}.badge-field input{color:#fff5eb;background:#1b3240;border:1px solid #2d4a5a;border-radius:10px;padding:12px 14px;font-size:1.05rem}.badge-generate{color:#0c1a22;cursor:pointer;background:#4ad6c4;border:none;border-radius:12px;padding:16px;font-size:1.15rem;font-weight:700}.badge-generate:disabled{color:#5e6e76;cursor:not-allowed;background:#2a3a42}.badge-hint{text-align:center;color:#6b8a99;margin:0}.badge-result{flex-direction:column;align-items:center;gap:14px;display:flex}.badge-qr{background:#fff;border-radius:12px;width:280px;max-width:80vw;height:auto;padding:12px}.badge-name{margin:0;font-size:1.3rem;font-weight:700}.badge-actions{gap:12px;display:flex}.badge-download,.badge-print{font:inherit;color:#142430;cursor:pointer;background:#e89a4a;border:1px solid #e89a4a;border-radius:10px;padding:10px 18px;font-weight:600;text-decoration:none}.share-stack{flex-direction:column;align-items:center;gap:28px;padding:24px 20px;display:flex}.share-card{flex-direction:column;align-items:center;gap:12px;display:flex}.share-qr{background:#fff;border-radius:12px;width:280px;max-width:80vw;height:auto;padding:12px}.share-label{color:#a8f0f4;margin:0;font-size:1.1rem;font-weight:700}@media print{body *{visibility:hidden}.badge-result,.badge-result *{visibility:visible}.badge-overlay{color:#000;background:#fff;position:static;overflow:visible}.badge-result{margin:auto;position:absolute;inset:0}.badge-actions{display:none}.badge-qr{background:#fff;padding:0}}.raffle-overlay{z-index:10;color:#fff5eb;background:#142430;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.raffle-hud{padding:16px 18px;padding-top:max(16px, env(safe-area-inset-top));border-bottom:1px solid #2d4a5a;justify-content:space-between;align-items:center;display:flex}.raffle-title{color:#a8f0f4;font-size:1.1rem;font-weight:700}.raffle-done{color:#0c1a22;cursor:pointer;background:#fff5eb;border:none;border-radius:10px;padding:10px 20px;font-size:1rem;font-weight:700}.raffle-stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:32px;padding:30px 24px;display:flex}.raffle-viewport{background:#0c1922;border:1px solid #21404f;border-radius:14px;width:min(360px,100%);height:300px;position:relative;overflow:hidden}.raffle-strip{will-change:transform;position:absolute;top:0;left:0;right:0}.raffle-cell{color:#8aa6b3;justify-content:center;align-items:center;height:60px;font-size:1.25rem;font-weight:600;display:flex}.raffle-band{pointer-events:none;border:2px solid #a8f0f4;border-radius:10px;height:60px;position:absolute;top:120px;left:8px;right:8px;box-shadow:0 0 0 1000px #0810168c}.raffle-winner{flex-direction:column;align-items:center;gap:10px;animation:.25s ease-out raffle-pop;display:flex}@keyframes raffle-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.raffle-winner{animation:none}}.raffle-label{letter-spacing:.12em;text-transform:uppercase;color:#f4b740;margin:0;font-size:1rem;font-weight:700}.raffle-winner-name{color:#fff5eb;margin:0;font-size:2.4rem;font-weight:800;line-height:1.1}.raffle-winner-email{color:#a8f0f4;margin:0;font-size:1.15rem}.raffle-again{color:#0c1a22;cursor:pointer;background:#f4b740;border:none;border-radius:12px;padding:16px 28px;font-size:1.15rem;font-weight:700}.raffle-again:active{background:#d99e2c}