:root{--green:#1f9d55;--green-d:#0f6e3c;--green-l:#e7f6ee;--amber:#ef9f27;--amber-l:#faeeda;--org:#b97515;--org-l:#faeeda;--blue:#378add;--blue-l:#e6f1fb;--rec:#185fa5;--rec-l:#e6f1fb;--red:#e24b4a;--red-l:#fcebeb;--ink:#1b211d;--muted:#6b7670;--line:#e6e9e6;--bg:#f4f6f4;--card:#fff}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#dde1dd;color:var(--ink);line-height:1.45;-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;overscroll-behavior:none;min-height:100dvh}#root{display:contents}input,textarea,select{-webkit-user-select:text;user-select:text}.app{width:100%;max-width:440px;margin:0 auto;height:100dvh;background:var(--bg);display:flex;flex-direction:column;position:relative;overflow:hidden}.has-nav{padding-bottom:0}.appbar{flex:none;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;display:flex;align-items:center;justify-content:space-between;background:#ffffffd1;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line);z-index:10}@keyframes screen{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.btn:active,.navscan:active,.reward:active,.challenge:active,.card.challenge:active{transform:scale(.98)}.navi:active{opacity:.55}@media (min-width:480px){body{display:flex;justify-content:center;align-items:center;padding:22px 0}.app{flex:none;width:440px;height:min(900px,calc(100dvh - 44px));border-radius:30px;box-shadow:0 24px 70px #0003;border:1px solid rgba(0,0,0,.06)}.loginwrap,.onboard{flex:none;width:440px;height:min(900px,calc(100dvh - 44px));border-radius:30px;box-shadow:0 24px 70px #0003;overflow:auto;background:var(--bg)}}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px}.brand .logo{width:28px;height:28px;border-radius:8px;display:block}.loc{font-size:12px;color:var(--muted)}.locbtn{background:#f0f3f0;border:1px solid var(--line);border-radius:20px;padding:5px 10px;cursor:pointer;font-weight:600}.body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;padding:14px 16px 26px;animation:screen .24s ease}.body::-webkit-scrollbar{display:none}.row{display:flex;align-items:center;gap:10px}.sp{justify-content:space-between}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:11px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px}.sectitle{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#7a847d;margin:18px 4px 8px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--green);color:#fff;font-weight:600;font-size:15px;padding:14px;border-radius:14px;border:none;width:100%;cursor:pointer}.btn:disabled{opacity:.5}.btn.sec{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.ghost{background:#eef1ee;color:var(--ink)}.pill{font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:4px}.pill.green{background:var(--green-l);color:var(--green-d)}.pill.amber{background:var(--amber-l);color:#8a5a08}.pill.org{background:var(--org-l);color:var(--org)}.pill.rec{background:var(--rec-l);color:var(--rec)}.pill.red{background:var(--red-l);color:#a32d2d}.pill.land{background:#eceeec;color:#5a635c}.pill.blue{background:var(--blue-l);color:var(--rec)}.pill.gray{background:#eceeec;color:#5a635c}.hero{background:linear-gradient(135deg,#1f9d55,#0f6e3c);border:none;color:#fff;border-radius:16px;padding:16px}.hero .pts{font-size:24px;font-weight:800;margin-top:6px}.rings{display:flex;align-items:center;justify-content:center;gap:20px}.ringbox{position:relative;width:120px;height:120px;flex:none}.ringlbl{flex:none;display:flex;flex-direction:column;gap:10px}.goalsel{font-size:13px;font-weight:600;padding:7px 8px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}.rl{display:flex;align-items:center;gap:7px;font-size:13px}.dot{width:9px;height:9px;border-radius:50%;flex:none}.rl b{font-weight:700}.ringlegend{display:flex;justify-content:space-around;margin-top:6px}.rlcol{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.rlnum{font-size:18px;font-weight:800}.stat{flex:1;background:#fff;border:1px solid var(--line);border-radius:13px;padding:11px;text-align:center}.stat b{font-size:19px;font-weight:700;display:block}.stat span{font-size:10px;color:var(--muted)}.drop{border:2px dashed #cdd3ce;border-radius:16px;background:#fff;padding:26px 16px;text-align:center;cursor:pointer}.drop .ic{font-size:40px}.preview{width:100%;border-radius:14px;max-height:300px;object-fit:cover;display:block}.bin{border-radius:14px;padding:12px;display:flex;gap:11px;align-items:flex-start;border:1.5px solid;margin-bottom:9px}.bin.org{background:var(--org-l);border-color:#eccb8b}.bin.rec{background:var(--rec-l);border-color:#b5d4f4}.bin.land{background:#f0f1ef;border-color:#dcdfdb}.bin.amber{background:var(--amber-l);border-color:#eccb8b}.binicon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:19px;flex:none;background:#fff}.track{display:flex;flex-direction:column}.tstep{display:flex;gap:12px;align-items:flex-start}.tline{display:flex;flex-direction:column;align-items:center}.tnode{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;background:#dfe3df;color:#8b948d;flex:none}.tnode.done{background:var(--green);color:#fff}.tnode.now{background:var(--amber);color:#fff}.tbar{width:3px;flex:1;min-height:22px;background:#dfe3df}.tbar.done{background:var(--green)}.tcont{padding-bottom:16px}.tcont h4{font-size:14px;font-weight:600}.tcont p{font-size:12px;color:var(--muted)}.spin{width:22px;height:22px;border:3px solid var(--amber-l);border-top-color:var(--amber);border-radius:50%;animation:sp .8s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.reward{display:flex;gap:11px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:10px;width:100%;text-align:left;cursor:pointer}.rlogo{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex:none}.rlogo.amber{background:var(--amber-l)}.rlogo.green{background:var(--green-l)}.rlogo.blue{background:var(--blue-l)}.rlogo.gray{background:#eceeec}.progressbar{height:8px;background:#ffffff4d;border-radius:6px;overflow:hidden}.progressbar>span{display:block;height:100%;background:#fff;border-radius:6px}.qr{width:140px;height:140px;border-radius:14px;background:repeating-linear-gradient(90deg,#111 0,#111 8px,#fff 8px,#fff 16px),repeating-linear-gradient(0deg,#111 0 8px,transparent 8px 16px);background-blend-mode:multiply;margin:0 auto;border:8px solid #fff;box-shadow:0 0 0 1px var(--line)}.banner{font-size:11px;color:#5a635c;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-top:12px;text-align:center}.src{font-size:10px;color:#9aa39c}.bottomnav{flex:none;height:60px;padding-bottom:env(safe-area-inset-bottom);background:#ffffffe6;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-top:1px solid var(--line);display:flex;align-items:center}.navi{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;color:#97a09a;font-weight:600;background:none;border:none;cursor:pointer;flex:1 1 0;height:100%}.navi:focus{outline:none}.navi.on{color:var(--green)}.navicon{display:flex;align-items:center;justify-content:center;line-height:0}.navscan{flex:none;width:52px;height:52px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;margin-top:-18px;box-shadow:0 6px 14px #1f9d5566;border:4px solid #fff;cursor:pointer}.navscan:focus{outline:none}.loginwrap{padding:30px 20px;display:flex;flex-direction:column;min-height:100dvh;max-width:440px;margin:0 auto;width:100%}.loginhero{text-align:center;margin-bottom:22px}.loginhero .logo{width:60px;height:60px;border-radius:16px;display:inline-block;margin-bottom:12px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:600;color:#5f6b62;margin-bottom:6px}.field .req{color:#e24b4a}.ti{width:100%;font-size:15px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}.ti:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--green-l)}.suggest{position:absolute;left:0;right:0;z-index:20;border:1px solid var(--line);border-radius:12px;background:#fff;max-height:220px;overflow:auto;margin-top:4px;box-shadow:0 8px 20px #0000001a}.suggest button{display:block;width:100%;text-align:left;padding:11px 12px;background:none;border:none;border-bottom:1px solid var(--line);font-size:13px;cursor:pointer;color:var(--ink)}.suggest button:last-child{border-bottom:none}.suggest button:active{background:var(--green-l)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--green-l);color:var(--green-d);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;border:none;cursor:pointer}.onboard{min-height:100dvh;display:flex;flex-direction:column;max-width:440px;margin:0 auto;background:var(--bg);width:100%}.onboard-top{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 28px}.onboard-ill{width:180px;height:180px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:82px;margin-bottom:32px}.onboard h2{font-size:25px;font-weight:800;margin-bottom:10px;color:var(--ink)}.onboard p{font-size:16px;color:var(--muted);line-height:1.55;max-width:300px}.dots{display:flex;gap:8px;justify-content:center;margin-top:28px}.dot2{width:8px;height:8px;border-radius:50%;background:#d4d8d4;transition:width .2s}.dot2.on{width:22px;background:var(--green)}.onboard-bottom{display:flex;align-items:center;justify-content:space-between;padding:18px 26px 32px}.skip{background:none;border:none;color:var(--muted);font-weight:600;font-size:15px;cursor:pointer}.nextbtn{background:var(--green);color:#fff;border:none;border-radius:30px;padding:14px 32px;font-weight:700;font-size:15px;cursor:pointer}.stepper{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:3px 8px}.stepper button{border:none;background:transparent;font-size:18px;line-height:1;width:24px;cursor:pointer;color:var(--ink)}.stepper span{min-width:18px;text-align:center;font-size:14px;font-weight:700}.challenge{display:flex;align-items:center;gap:12px;width:100%;text-align:left;margin-bottom:10px;cursor:pointer}.chemoji{width:44px;height:44px;border-radius:12px;background:var(--green-l);display:flex;align-items:center;justify-content:center;font-size:22px;flex:none}.lbrow{display:flex;align-items:center;gap:10px;padding:9px 6px;border-bottom:1px solid var(--line)}.lbrow:last-child{border-bottom:none}.lbrank{width:22px;text-align:center;font-weight:800;color:var(--muted);font-size:13px}.av{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex:none;border-radius:50%}.move{font-size:11px;font-weight:800;width:28px;text-align:right}.move.up{color:var(--green)}.move.down{color:var(--red)}.move.flat{color:#b4b9b4}.lbhead{background:linear-gradient(135deg,#1f9d55,#0f6e3c);color:#fff;border:none;border-radius:16px;padding:16px;text-align:center}.lbhead .rank{font-size:30px;font-weight:800;margin:2px 0}.podium{display:flex;align-items:flex-end;justify-content:center;gap:9px;margin:14px 0}.pod{flex:1;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 6px 8px;text-align:center}.pod1{padding-top:16px;border-color:#f0d9a0}.pod .medal{font-size:19px;line-height:1}.podav{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;margin:4px auto 6px;font-size:16px;border-radius:50%}.pod .pname{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pod .ppts{font-size:13px;font-weight:800;margin-top:1px}.podbar{height:6px;border-radius:4px;margin-top:8px}.streakcard{background:linear-gradient(135deg,#1f9d55,#0f6e3c);color:#fff;border:none}.weekrow{display:flex;justify-content:space-between;margin-top:12px}.daycol{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12px;font-weight:700}.daydot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;background:#ffffff2e}.daydot.done{background:#fff;color:var(--green-d)}.daydot.today{box-shadow:0 0 0 2px #fff}.celebrate{text-align:center;background:linear-gradient(135deg,#1f9d55,#0f6e3c);color:#fff;border:none;border-radius:16px;padding:24px 16px}.badge{flex:1;background:#fff;border:1px solid var(--line);border-radius:13px;padding:11px;text-align:center}.badge b{font-size:20px;display:block}.badge span{font-size:10px;color:var(--muted)}