:root{--page-bg:#eef1f6;--app-bg:#f9fafb;--surface:#fff;--surface-muted:#f3f4f6;--surface-inset:#f9fafb;--track:#e5e7eb;--border:#e5e7eb;--hairline:transparent;--text-primary:#030712;--text-secondary:#6b7280;--text-muted:#9ca3af;--accent:#10b981;--accent-strong:#047857;--accent-soft:#ecfdf5;--accent-soft-text:#047857;--strong-bg:#030712;--on-strong:#fff;--icon-btn-bg:#fff;--icon-btn-text:#111827;--clean-bg:#ecfdf5;--clean-text:#047857;--clean-dot:#10b981;--warn-bg:#fffbeb;--warn-text:#b45309;--warn-dot:#f59e0b;--danger-bg:#fef2f2;--danger-text:#dc2626;--danger-dot:#ef4444;--shadow-sm:0 1px 2px rgba(15,23,42,.08);--shadow-xl:0 24px 48px rgba(15,23,42,.18);--menu-shadow:0 18px 40px rgba(15,23,42,.22);color:var(--text-primary);background:var(--page-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=dark]{--page-bg:#05070c;--app-bg:#0b0f17;--surface:#161c27;--surface-muted:#1c2330;--surface-inset:#10151e;--track:#2a3342;--border:#262f3d;--hairline:hsla(0,0%,100%,.06);--text-primary:#f3f5f8;--text-secondary:#9aa6b6;--text-muted:#6b7686;--accent:#34d399;--accent-strong:#6ee7b7;--accent-soft:rgba(52,211,153,.14);--accent-soft-text:#6ee7b7;--strong-bg:#e8ebf0;--on-strong:#0b0f17;--icon-btn-bg:#1c2330;--icon-btn-text:#e5e7eb;--clean-bg:rgba(52,211,153,.14);--clean-text:#6ee7b7;--clean-dot:#34d399;--warn-bg:rgba(245,158,11,.16);--warn-text:#fbbf24;--warn-dot:#f59e0b;--danger-bg:rgba(239,68,68,.16);--danger-text:#f87171;--danger-dot:#ef4444;--shadow-sm:0 1px 2px rgba(0,0,0,.5);--shadow-xl:0 24px 48px rgba(0,0,0,.55);--menu-shadow:0 18px 40px rgba(0,0,0,.6)}*{box-sizing:border-box}body{margin:0;background:var(--page-bg);transition:background .2s ease}button,input{font:inherit}button{min-height:42px;border:0;border-radius:8px;background:#111827;color:#fff;padding:0 16px;font-weight:700;cursor:pointer}button:disabled{cursor:wait;opacity:.6}input{width:100%;min-height:42px;border:1px solid #d1d5db;border-radius:8px;padding:8px 10px;background:#fff}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.hero{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:26px 0}.hero h1{margin:0;font-size:clamp(40px,6vw,72px);line-height:.95}.hero-copy{max-width:680px;color:#4b5563;font-size:18px}.eyebrow{margin:0 0 8px;color:#2563eb;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:18px}.panel h2,.panel h3{margin:0 0 14px}.auth-panel{max-width:480px}.form{display:grid;gap:12px}.form.compact{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-items:end;margin-top:12px}label{display:grid;gap:6px;color:#374151;font-size:14px;font-weight:700}.button-row,.metric-row,.score-strip{display:flex;flex-wrap:wrap;gap:8px}.metric-row span,.score-strip span{border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;padding:8px 12px}.ghost-button,.secondary-button{border:1px solid #d1d5db;background:#fff;color:#111827}.link-button{min-height:auto;margin-top:12px;background:transparent;color:#2563eb;padding:0}.ghost-button{margin-top:18px}.hint,.notice{margin:12px 0 0;color:#4b5563}.last-call{display:flex;gap:12px;align-items:center;margin-bottom:16px;border-radius:8px;background:#fef3c7;color:#78350f;padding:14px 16px}.scanner-panel{transition:background .16s ease,border-color .16s ease}.scanner-panel.light-red{border-color:#ef4444;background:#fef2f2}.scanner-panel.light-green{border-color:#22c55e;background:#f0fdf4}.photo-preview,.scanner-video{width:100%;max-height:220px;border-radius:8px;background:#111827;-o-object-fit:cover;object-fit:cover}.checkin-list,.product-result,.recipe-list{display:grid;gap:10px;margin-top:12px}.traffic-light{width:-moz-fit-content;width:fit-content;border-radius:999px;background:#111827;color:#fff;padding:4px 10px}.checkin-list article,.leaderboard li,.recipe-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e5e7eb;padding-top:10px}.squad-section{margin-top:16px}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:12px}.leaderboard{display:grid;gap:10px;margin:0;padding-left:22px}.leaderboard em{color:#dc2626;font-style:normal}.checkin-list article{justify-content:start}.checkin-list img{width:86px;height:86px;border-radius:8px;-o-object-fit:cover;object-fit:cover}@media(max-width:720px){.hero,.section-heading{align-items:start;flex-direction:column}.shell{width:min(100% - 20px,1180px);padding-top:16px}}