:root{--bg: #0b1020;--bg2: #141a36;--fg: #e8ecff;--muted: #8a93b8;--accent: #00add8;--accent2: #ce422b;--card: #161d3d;--border: #232a4f;--radius: 14px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(1200px 600px at 20% -10%,#20275a 0%,transparent 60%),radial-gradient(800px 400px at 100% 100%,#3a1418 0%,transparent 55%),var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100dvh}#app{max-width:560px;margin:0 auto;padding:max(env(safe-area-inset-top),1rem) 1rem 2rem;display:flex;flex-direction:column;gap:1rem}.hero{text-align:center;margin:1rem 0 .5rem}.hero h1{margin:0;font-size:2rem;letter-spacing:-.02em}.tagline{color:var(--muted);margin:.25rem 0 0}.card{background:linear-gradient(180deg,var(--card),var(--bg2));border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.stack>*+*{margin-top:.75rem}.counters{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.counter{display:flex;align-items:center;gap:.75rem}.counter img{width:48px;height:48px}.counter .num{font-size:1.6rem;font-weight:700;line-height:1}.counter .lbl{color:var(--muted);font-size:.85rem}.actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--card);color:var(--fg);padding:.9rem 1rem;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer}.btn.primary{background:linear-gradient(180deg,var(--accent),#0083a8);border-color:transparent}.btn.ghost{background:transparent}.btn:active{transform:translateY(1px)}.device{margin-top:auto;color:var(--muted);font-size:.75rem;text-align:center}.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem}.topbar h2{margin:0;font-size:1.1rem;text-align:center}.back{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--border);color:var(--fg);padding:.4rem .75rem;border-radius:999px;cursor:pointer}.scanner-wrap{position:relative;aspect-ratio:1 / 1;background:#000;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.scanner-wrap video{width:100%;height:100%;object-fit:cover}.reticle{position:absolute;top:15%;right:15%;bottom:15%;left:15%;border:3px solid rgba(255,255,255,.8);border-radius:12px;box-shadow:0 0 0 9999px #00000059;pointer-events:none}.status .big{font-size:3rem;text-align:center}.status .muted{color:var(--muted);font-size:.9rem}.row{display:flex;gap:.5rem;flex-wrap:wrap}.big-counters{display:grid;grid-template-columns:1fr 1fr;gap:1rem;text-align:center}.big-counter img{width:80px;height:80px}.big-counter .num{font-size:2.5rem;font-weight:800}.big-counter .lbl{color:var(--muted)}.big-counter.gopher .num{color:var(--accent)}.big-counter.crab .num{color:var(--accent2)}