:root{--brand-300: #6ef967;--brand-400: #3af52f;--brand-500: #0df205;--bad: #ff3b30;--warn: #ffb020;--bg: #000;--surface: rgba(255, 255, 255, .05);--ring: rgba(255, 255, 255, .15);--text: #fff;--muted: #9ca3af;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none;user-select:none;-webkit-user-select:none}#app{height:100dvh;display:flex;flex-direction:column}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}input{font:inherit}.screen{flex:1;display:flex;flex-direction:column;padding:calc(var(--safe-top) + 1.25rem) 1.25rem calc(var(--safe-bottom) + 1.25rem);max-width:28rem;width:100%;margin:0 auto;overflow-y:auto}.field{display:block;margin:1rem 0}.field span{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.input{display:block;width:100%;border-radius:.75rem;background:var(--surface);border:1px solid var(--ring);padding:.7rem .9rem;color:var(--text);font-size:1rem}.input:focus{outline:none;border-color:var(--brand-400);box-shadow:0 0 0 2px #3af52f59}.btn{display:block;width:100%;text-align:center;border-radius:.75rem;padding:.8rem 1rem;font-weight:600;font-size:1rem;background:linear-gradient(to right,var(--brand-500),var(--brand-400));color:#000}.btn:active{filter:brightness(.85)}.btn:disabled{opacity:.5}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--ring)}.error-note{background:#ff3b301f;border:1px solid rgba(255,59,48,.4);color:#ffb4ae;border-radius:.75rem;padding:.7rem .9rem;font-size:.9rem;margin:1rem 0}.muted{color:var(--muted);font-size:.875rem}.spinner{width:1.1rem;height:1.1rem;border:2px solid rgba(0,0,0,.3);border-top-color:#000;border-radius:50%;display:inline-block;vertical-align:-.2rem;animation:spin .7s linear infinite}.spinner.light{border-color:#ffffff40;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.login-logo{width:4.5rem;height:4.5rem;border-radius:1.1rem;margin:3rem auto 1.25rem;display:block}.login-title{text-align:center;font-size:1.6rem;font-weight:700}.login-subtitle{text-align:center;color:var(--muted);margin-top:.35rem;margin-bottom:1.5rem}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.top-bar h1{font-size:1.3rem;font-weight:700}.link-btn{color:var(--muted);font-size:.9rem;text-decoration:underline}.event-card{display:block;width:100%;text-align:left;background:var(--surface);border:1px solid var(--ring);border-radius:1rem;padding:1rem;margin-bottom:.75rem}.event-card:active{background:#ffffff1a}.event-card h2{font-size:1.05rem;font-weight:600}.event-card .meta{color:var(--muted);font-size:.85rem;margin-top:.25rem}.event-card .count{margin-top:.6rem;display:inline-block;font-size:.8rem;font-weight:600;color:var(--brand-300);background:#0df2051a;border:1px solid rgba(13,242,5,.35);border-radius:999px;padding:.2rem .7rem}.scan-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}.scan-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.reticle{position:absolute;top:50%;left:50%;width:min(62vw,17rem);aspect-ratio:1;transform:translate(-50%,-55%);pointer-events:none}.reticle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1.25rem;box-shadow:0 0 0 100vmax #00000073;border:2px solid rgba(13,242,5,.8)}.scan-top{position:absolute;top:0;left:0;right:0;z-index:6;padding:calc(var(--safe-top) + .75rem) 1rem .75rem;display:flex;align-items:center;gap:.75rem;background:linear-gradient(to bottom,rgba(0,0,0,.75),transparent)}.scan-top .title{flex:1;min-width:0;font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{width:2.6rem;height:2.6rem;flex:none;border-radius:999px;background:#00000080;border:1px solid var(--ring);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.icon-btn.active{background:var(--brand-500);color:#000}.stats-chip{flex:none;font-size:.85rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--brand-300);background:#0000008c;border:1px solid rgba(13,242,5,.4);border-radius:999px;padding:.35rem .75rem}.scan-bottom{position:absolute;bottom:0;left:0;right:0;padding:1rem 1rem calc(var(--safe-bottom) + 1.25rem);display:flex;gap:.75rem;justify-content:center;background:linear-gradient(to top,rgba(0,0,0,.75),transparent)}.scan-bottom .btn-ghost{width:auto;padding:.7rem 1.4rem;border-radius:999px;background:#00000080}.scan-hint{position:absolute;bottom:calc(var(--safe-bottom) + 5.5rem);left:0;right:0;text-align:center;color:#ffffffd9;font-size:.9rem;text-shadow:0 1px 3px rgba(0,0,0,.8)}.result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;text-align:center;animation:pop .18s ease-out}.result-overlay.ok{background:#099603f0}.result-overlay.bad{background:#c81e18f2}.result-overlay.warn{background:#d68a00f2;color:#000}.result-overlay .icon{font-size:5rem;line-height:1}.result-overlay h2{font-size:1.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.result-overlay p{font-size:1.05rem;opacity:.9}@keyframes pop{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.busy-chip{position:absolute;top:calc(var(--safe-top) + 4.5rem);left:50%;transform:translate(-50%);z-index:10;background:#000000b3;border:1px solid var(--ring);border-radius:999px;padding:.4rem 1rem;font-size:.85rem;display:flex;align-items:center;gap:.5rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#000000b3;display:flex;align-items:flex-end;justify-content:center}.modal{width:100%;max-width:28rem;background:#111;border:1px solid var(--ring);border-radius:1.25rem 1.25rem 0 0;padding:1.25rem 1.25rem calc(var(--safe-bottom) + 1.25rem)}.modal h2{font-size:1.15rem;font-weight:700;margin-bottom:.25rem}.peek-card{background:var(--surface);border:1px solid var(--ring);border-radius:.9rem;padding:.9rem;margin:1rem 0}.peek-card .holder{font-weight:600;font-size:1.05rem}.peek-card .meta{color:var(--muted);font-size:.85rem;margin-top:.2rem}.badge{display:inline-block;font-size:.75rem;font-weight:700;border-radius:999px;padding:.2rem .65rem;margin-top:.55rem;text-transform:uppercase}.badge.ok{color:var(--brand-300);background:#0df2051f;border:1px solid rgba(13,242,5,.4)}.badge.bad{color:#ffb4ae;background:#ff3b301f;border:1px solid rgba(255,59,48,.4)}.badge.warn{color:#ffd48a;background:#ffb0201f;border:1px solid rgba(255,176,32,.45)}.modal-actions{display:flex;gap:.75rem;margin-top:1rem}.modal-actions .btn,.modal-actions .btn-ghost{flex:1;border-radius:.75rem;padding:.8rem 1rem;font-weight:600;text-align:center}.install-card{position:relative;background:#0df20512;border:1px solid rgba(13,242,5,.35);border-radius:1rem;padding:1rem 2.4rem 1rem 1rem;margin:1.25rem 0}.install-title{font-weight:700;font-size:.98rem}.install-note{margin-top:.3rem}.install-btn{margin-top:.8rem}.install-steps{margin:.7rem 0 0;padding-left:1.2rem;font-size:.9rem;color:#d1d5db;display:grid;gap:.35rem}.install-steps strong{color:var(--text)}.share-icon{width:1.05rem;height:1.05rem;vertical-align:-.2rem;color:var(--brand-300)}.install-dismiss{position:absolute;top:.5rem;right:.5rem;width:1.8rem;height:1.8rem;border-radius:999px;color:var(--muted);font-size:.85rem;display:flex;align-items:center;justify-content:center}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--warn);color:#000;font-size:.85rem;font-weight:600;text-align:center;padding:calc(var(--safe-top) + .45rem) 1rem .45rem}.full-note{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center;background:#000;z-index:5}.full-note p{color:var(--muted);max-width:18rem}