@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@400;600;700;800;900&display=swap";
.mapp{--sky1:#8fd0f2;--sky2:#cdebfb;--sky-deep:#5baedc;--orange:#ff9131;--orange-d:#f97a12;--amber:#ffc23d;--denim:#3e72b0;--grass:#46be72;--coral:#ff7a66;--violet:#8b7be8;--ink:#22344e;--mute:#6e7e92;--faint:#9aa7b6;--cream:#fff8ef;--paper:#fff;--line:#22344e17;--disp:"Fredoka",sans-serif;--body:"Nunito",sans-serif;--soft:0 14px 30px #22344e1f;--soft-sm:0 8px 18px #22344e17;--ring:0 0 0 1px #22344e0f;background:var(--cream);max-width:480px;font-family:var(--body);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0 auto;position:fixed;inset:0;overflow:hidden}.mapp *,.mapp :before,.mapp :after{box-sizing:border-box;margin:0;padding:0}.mapp .disp{font-family:var(--disp);letter-spacing:-.01em;font-weight:700;line-height:1.04}.mapp button{font-family:inherit}.mapp .scr{flex-direction:column;height:100%;display:flex;position:relative}.mapp .scr-bg-cream{background:var(--cream)}.mapp .scr-bg-sky{background:linear-gradient(180deg,var(--sky1),var(--sky2) 42%,var(--cream) 78%)}.mapp .scr-bg-dark{background:#10202f}.mapp .scroller{-webkit-overflow-scrolling:touch;flex:1;overflow:auto}.mapp .pad{padding:0 18px}.mapp .pb-tab{padding-bottom:104px}.mapp .appbar{padding:calc(env(safe-area-inset-top,0px) + 26px) 18px 10px;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.mapp .appbar .ey{color:var(--mute);font-size:13px;font-weight:800}.mapp .appbar h1{font-family:var(--disp);letter-spacing:-.02em;white-space:nowrap;margin-top:2px;font-size:28px;font-weight:700}.mapp .appbar.lg h1{font-size:32px}.mapp .iconbtn{background:var(--paper);width:42px;height:42px;box-shadow:var(--soft-sm),var(--ring);color:var(--ink);cursor:pointer;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mapp .btn{font-family:var(--disp);white-space:nowrap;background:var(--paper);color:var(--ink);box-shadow:var(--soft-sm),var(--ring);cursor:pointer;border:none;border-radius:18px;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px 22px;font-size:16px;font-weight:600;transition:transform .1s,box-shadow .1s;display:inline-flex}.mapp .btn:active{transform:scale(.985)}.mapp .btn-primary{background:linear-gradient(180deg,#ffa049,var(--orange));color:#fff;box-shadow:0 12px 24px #ff913166}.mapp .btn-ink{background:var(--ink);color:#fff;box-shadow:0 12px 22px #22344e47}.mapp .btn-grass{background:linear-gradient(180deg,#54ce80,var(--grass));color:#fff;box-shadow:0 12px 24px #46be725c}.mapp .btn-ghost{box-shadow:none;color:var(--mute);background:0 0}.mapp .btn-sm{border-radius:13px;width:auto;padding:11px 16px;font-size:14px}.mapp .card{background:var(--paper);box-shadow:var(--soft-sm),var(--ring);border-radius:24px;padding:18px}.mapp .card.tap{cursor:pointer;transition:transform .1s}.mapp .card.tap:active{transform:scale(.99)}.mapp .card-h{align-items:center;gap:11px;margin-bottom:6px;display:flex}.mapp .sect-t{font-family:var(--disp);margin:22px 4px 12px;font-size:18px;font-weight:700}.mapp .stack{flex-direction:column;gap:13px;display:flex}.mapp .chip{color:var(--mute);background:#f0f3f7;border-radius:30px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:800;display:inline-flex}.mapp .chip.green{color:#2e9457;background:#46be7229}.mapp .chip.orange{color:var(--orange-d);background:#ff913129}.mapp .chip.blue{color:var(--denim);background:#3e72b024}.mapp .chip.red{color:#e05540;background:#ff7a662e}.mapp .dot{background:var(--grass);border-radius:50%;width:8px;height:8px}.mapp .dot.pulse{animation:1.5s ease-in-out infinite mapp-p}@keyframes mapp-p{0%,to{opacity:1}50%{opacity:.35}}.mapp .av{color:#fff;font-family:var(--disp);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.mapp .field{margin-bottom:14px}.mapp .field label{color:var(--mute);margin:0 4px 7px;font-size:13px;font-weight:800;display:block}.mapp .input{width:100%;font-family:var(--body);color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:16px;outline:none;padding:15px 16px;font-size:16px;font-weight:700}.mapp .input::placeholder{color:var(--faint);font-weight:600}.mapp .input:focus{border-color:var(--orange)}.mapp .lrow{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:13px 0;display:flex}.mapp .lrow:last-child{border-bottom:none}.mapp .lrow .meta{flex:1;min-width:0}.mapp .lrow .meta .t{font-size:15px;font-weight:800}.mapp .lrow .meta .s{color:var(--mute);margin-top:1px;font-size:12.5px}.mapp .lrow .rt{text-align:right;font-size:14px;font-weight:800}.mapp .statgrid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.mapp .stat{background:var(--paper);box-shadow:var(--soft-sm),var(--ring);border-radius:22px;padding:16px}.mapp .stat .n{font-family:var(--disp);font-size:30px;font-weight:700;line-height:1}.mapp .stat .l{color:var(--mute);margin-top:5px;font-size:12.5px;font-weight:700}.mapp .tabbar{z-index:40;padding:10px 10px calc(env(safe-area-inset-bottom,0px) + 14px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#ffffffeb;justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #22344e0f}.mapp .tab{color:var(--faint);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:4px 0;display:flex}.mapp .tab .lab{font-size:11px;font-weight:800;font-family:var(--disp)}.mapp .tab.active{color:var(--orange)}.mapp .scanview{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.mapp .scan-grid{background:radial-gradient(120% 80% at 50% 40%,#1c3247,#0c1825);position:absolute;inset:0}.mapp .scan-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mapp .reticle{width:228px;height:228px;position:relative}.mapp .reticle .corner{border:5px solid #fff;border-radius:14px;width:46px;height:46px;position:absolute}.mapp .c-tl{border-bottom:none;border-right:none;top:0;left:0}.mapp .c-tr{border-bottom:none;border-left:none;top:0;right:0}.mapp .c-bl{border-top:none;border-right:none;bottom:0;left:0}.mapp .c-br{border-top:none;border-left:none;bottom:0;right:0}.mapp .scanline{background:linear-gradient(90deg,transparent,var(--amber),transparent);height:3px;box-shadow:0 0 14px var(--amber);border-radius:3px;animation:2.1s ease-in-out infinite mapp-scan;position:absolute;left:8px;right:8px}@keyframes mapp-scan{0%{top:14px}50%{top:208px}to{top:14px}}.mapp .sheet{z-index:60;text-align:center;background:linear-gradient(180deg,var(--sky1),var(--cream) 60%);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.mapp .burst{background:linear-gradient(180deg,#54ce80,var(--grass));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;animation:.45s cubic-bezier(.2,1.4,.4,1) mapp-pop;display:flex;box-shadow:0 18px 36px #46be7273}@keyframes mapp-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.mapp .fadein{animation:.35s mapp-fi}@keyframes mapp-fi{0%{transform:translateY(10px)}to{transform:none}}.mapp .progress{background:#eaeff4;border-radius:8px;height:8px;overflow:hidden}.mapp .progress>i{background:linear-gradient(90deg,var(--orange),var(--amber));border-radius:8px;height:100%;display:block}