@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Roboto+Mono:wght@500&display=swap";:root{--blue:#002beb;--blue-press:#0023c4;--blue-deep:#0b1a78;--blue-tint:#e8ecfe;--blue-tint-2:#f2f5ff;--blue-grad:linear-gradient(157deg, #143cf6 0%, #002beb 60%, #0e2bb8 100%);--blue-hero:linear-gradient(165deg, #1e48ff 0%, #002beb 52%, #06208f 100%);--orange:#efa63c;--orange-tint:#fcf1dc;--gold:#f4b43e;--gold-grad:linear-gradient(135deg, #ffe08a 0%, #f6b93e 48%, #e08e1f 100%);--gold-deep:#9c6510;--yellow:#fbd800;--star:#ffc233;--green:#0e9c5a;--green-tint:#e2f6ec;--violet:#6e56cf;--violet-tint:#ece9fb;--ink:#121a40;--ink-soft:#5b638a;--ink-faint:#9097b8;--line:#e4e7f3;--line-soft:#eef0f8;--bg:#eef1fb;--surface:#fff;--lock:#a7aecb;--lock-bg:#e8eaf4;--lock-ring:#d7daea;--r-card:24px;--r-lg:30px;--r-md:18px;--r-sm:14px;--r-pill:999px;--sh-card:0 6px 22px #121a4012;--sh-soft:0 2px 10px #121a400f;--sh-pop:0 18px 44px #121a4033;--sh-blue:0 12px 26px #002beb4d;--sh-gold:0 12px 26px #e08e1f57;--safe-top:58px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#e7eaf4;font-family:Be Vietnam Pro,system-ui,sans-serif}#root{justify-content:center;align-items:center;min-height:100vh;display:flex}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}.screen{background:var(--bg);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.screen-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:hidden auto}.screen-scroll::-webkit-scrollbar{width:0;height:0}.appbar{padding:var(--safe-top) 18px 12px;background:var(--bg);flex:none;align-items:center;gap:12px;display:flex}.appbar.on-blue{background:0 0}.appbar-title{letter-spacing:-.01em;font-size:18px;font-weight:700}.iconbtn{border-radius:var(--r-pill);background:var(--surface);width:42px;height:42px;box-shadow:var(--sh-soft);flex:none;justify-content:center;align-items:center;transition:transform .12s;display:flex}.iconbtn:active{transform:scale(.92)}.iconbtn.ghost{box-shadow:none;background:#ffffff2e}.dock{padding:14px 18px calc(env(safe-area-inset-bottom,0px) + 26px);background:linear-gradient(to top, var(--bg) 72%, #eef1fb00);flex:none}.dock.on-surface{background:linear-gradient(to top, var(--surface) 72%, #fff0)}.dock-btn-wrap{position:relative}.pending-tooltip{border-radius:var(--r-md);background:var(--blue-deep);box-shadow:var(--sh-pop);z-index:10;align-items:center;gap:10px;padding:12px 12px 12px 10px;display:flex;position:absolute;bottom:calc(100% + 14px);left:0;right:0}.pending-tooltip:after{content:"";background:var(--blue-deep);border-radius:0 0 3px;width:14px;height:14px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.pending-tooltip-ic{background:#ffffff1f;border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.pending-tooltip-body{flex:1;min-width:0}.pending-tooltip-title{color:#fff;font-size:13px;font-weight:700;line-height:1.3}.pending-tooltip-desc{color:#ffffffc7;margin-top:2px;font-size:11.5px;font-weight:500;line-height:1.35}.pending-tooltip-action{border-radius:var(--r-pill);height:34px;color:var(--ink);white-space:nowrap;background:#fff;flex:none;padding:0 14px;font-size:13px;font-weight:700}.pending-tooltip-action:active{transform:scale(.97)}.pending-banner{border-radius:var(--r-md);background:#fff9e7;border:1px solid #f5e6c8;align-items:flex-start;gap:12px;margin-top:18px;padding:14px 16px;display:flex}.pending-banner-ic{width:38px;height:38px;box-shadow:var(--sh-soft);background:#fff;border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.pending-banner-title{color:var(--ink);font-size:15px;font-weight:700;line-height:1.35}.pending-banner-desc{color:var(--gold-deep);margin-top:4px;font-size:13.5px;font-weight:500;line-height:1.45}.rejected-banner{border-radius:var(--r-md);background:#fff0f0;border:1px solid #f5d5d5;align-items:flex-start;gap:12px;margin-top:18px;padding:14px 16px;display:flex}.rejected-banner-title{color:var(--ink);font-size:15px;font-weight:700;line-height:1.35}.rejected-banner-desc{color:#b83232;margin-top:4px;font-size:13.5px;font-weight:500;line-height:1.45}.trial-banner{border-radius:var(--r-md);background:#fff9e7;border:1px solid #f5e6c8;align-items:flex-start;gap:10px;margin-bottom:12px;padding:14px 16px;display:flex}.trial-banner-ic{flex:none;font-size:20px;line-height:1.2}.trial-banner-title{color:#5c4a32;font-size:15px;font-weight:700;line-height:1.35}.trial-banner-desc{color:#7a5a2e;margin-top:4px;font-size:13.5px;font-weight:500;line-height:1.45}.t-display{letter-spacing:-.02em;font-size:30px;font-weight:800;line-height:1.16}.t-h1{letter-spacing:-.015em;font-size:25px;font-weight:800;line-height:1.2}.t-h2{letter-spacing:-.01em;font-size:21px;font-weight:700;line-height:1.25}.t-title{font-size:18px;font-weight:700;line-height:1.3}.t-body-lg{font-size:17px;font-weight:500;line-height:1.5}.t-body{font-size:16px;font-weight:500;line-height:1.5}.t-sub{color:var(--ink-soft);font-size:15px;font-weight:500;line-height:1.46}.t-cap{font-size:13px;font-weight:600;line-height:1.35}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.on-blue-txt{color:#fff}.on-blue-sub{color:#ffffffc7}.btn{border-radius:var(--r-md);letter-spacing:-.01em;justify-content:center;align-items:center;gap:9px;width:100%;min-height:56px;font-size:18px;font-weight:700;transition:transform .12s,box-shadow .2s,filter .15s;display:flex}.btn:active{transform:translateY(2px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:var(--sh-blue)}.btn-primary:active{background:var(--blue-press)}.btn-gold{background:var(--gold-grad);color:#4a2d00;box-shadow:var(--sh-gold)}.btn-light{color:var(--blue);box-shadow:var(--sh-soft);background:#fff}.btn-ghost{background:var(--blue-tint);color:var(--blue)}.btn-outline{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);background:#fff}.btn-disabled,.btn:disabled{background:var(--lock-bg);color:var(--lock);box-shadow:none;pointer-events:none;cursor:not-allowed}.btn-disabled:active,.btn:disabled:active{background:var(--lock-bg);transform:none}.btn-sm{border-radius:var(--r-sm);min-height:48px;font-size:16px}.btn-text{width:auto;min-height:auto;color:var(--blue);background:0 0;font-size:16px;font-weight:700}.card{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--sh-card)}.pad{padding:18px}.pad-lg{padding:22px}.pill{border-radius:var(--r-pill);white-space:nowrap;align-items:center;gap:6px;height:30px;padding:0 12px;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.pill-done{background:var(--green-tint);color:var(--green)}.pill-current{background:var(--blue-tint);color:var(--blue)}.pill-lock{background:var(--lock-bg);color:var(--lock)}.pill-gold{background:var(--orange-tint);color:var(--gold-deep)}.tag{white-space:nowrap;background:var(--blue-tint-2);color:var(--blue);border-radius:9px;align-items:center;gap:5px;padding:5px 10px;font-size:12.5px;font-weight:600;line-height:1;display:inline-flex}.tag-warm{background:var(--orange-tint);color:var(--gold-deep)}.tag-green{background:var(--green-tint);color:var(--green)}.title-badge{border-radius:var(--r-pill);background:#ffffff29;border:1px solid #ffffff47;align-items:center;gap:9px;padding:9px 15px 9px 11px;display:inline-flex}.title-badge .star{background:var(--gold-grad);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;display:flex;box-shadow:0 3px 8px #e08e1f80}.path{padding:6px 0 4px;position:relative}.level-row{gap:16px;padding-bottom:18px;display:flex;position:relative}.level-rail{flex-direction:column;flex:none;align-items:center;width:48px;display:flex;position:relative}.connector{background:var(--lock-ring);border-radius:2px;width:4px;position:absolute;top:48px;bottom:-18px;left:50%;overflow:hidden;transform:translate(-50%)}.connector.fill:after{content:"";background:var(--blue);border-radius:2px;position:absolute;inset:0}.level-row:last-child .connector{display:none}.node{z-index:1;border-radius:50%;flex:none;justify-content:center;align-items:center;width:48px;height:48px;font-size:19px;font-weight:800;transition:transform .2s;display:flex;position:relative}.node-done{background:var(--green);color:#fff;box-shadow:0 6px 14px #0e9c5a57}.node-current{background:var(--blue);color:#fff;box-shadow:var(--sh-blue)}.node-lock{background:var(--lock-bg);color:var(--lock);box-shadow:inset 0 0 0 2px var(--lock-ring)}.node-current:before{content:"";border:3px solid var(--blue);opacity:.32;border-radius:50%;animation:2.1s ease-out infinite pulse-ring;position:absolute;inset:-7px}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.85)}70%{opacity:0;transform:scale(1.25)}to{opacity:0}}.level-card{flex:1;min-width:0}.level-card .lc-inner{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--sh-card);padding:16px;transition:transform .14s,box-shadow .2s}.level-card.is-current .lc-inner{box-shadow:0 10px 26px #002beb29}.level-card.is-current .lc-inner:active{transform:scale(.985)}.level-card.is-lock .lc-inner{box-shadow:none;background:#f3f4fa}.level-card.is-lock .lc-name,.level-card.is-lock .lc-task{color:var(--lock)}.lc-stage{letter-spacing:.06em;text-transform:uppercase;color:var(--blue);font-size:12.5px;font-weight:700}.level-card.is-lock .lc-stage{color:var(--lock)}.level-card.is-done .lc-stage{color:var(--green)}.lc-name{letter-spacing:-.01em;margin:3px 0 4px;font-size:19px;font-weight:800}.lc-task{color:var(--ink-soft);font-size:14.5px;font-weight:500;line-height:1.4}.field{flex-direction:column;gap:7px;margin-bottom:15px;display:flex}.field-label{color:var(--ink);font-size:14px;font-weight:700}.field-label .req{color:var(--orange);margin-left:2px}.field-input{border-radius:var(--r-sm);background:var(--bg);border:1.5px solid var(--line);width:100%;min-height:52px;color:var(--ink);padding:0 15px;font-family:inherit;font-size:16px;font-weight:600;transition:border-color .15s,background .15s}.field-input::placeholder{color:var(--ink-faint);font-weight:500}.field-input:focus{border-color:var(--blue);background:#fff;outline:none}.field-input.filled{border-color:var(--green);background:#fff}.form-group-label{letter-spacing:.05em;color:var(--blue);text-transform:uppercase;align-items:center;gap:8px;margin:4px 0 12px;font-size:12.5px;font-weight:800;display:flex}.agree-row{border-radius:var(--r-md);background:var(--blue-tint-2);cursor:pointer;align-items:flex-start;gap:12px;padding:14px;display:flex}.agree-box{border:2px solid var(--lock-ring);background:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;margin-top:1px;transition:all .15s;display:flex}.agree-row.on .agree-box{background:var(--blue);border-color:var(--blue)}.bar{border-radius:var(--r-pill);background:var(--lock-bg);height:16px;position:relative;overflow:hidden}.bar-fill{border-radius:var(--r-pill);background:var(--blue-grad);width:0;transition:width .7s cubic-bezier(.34,1.2,.5,1);position:absolute;inset:0}.bar-thick{height:22px}.dots{justify-content:space-between;margin-top:10px;display:flex}.dot{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.dot-mark{background:var(--lock-bg);width:30px;height:30px;color:var(--lock);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;transition:transform .2s,background .2s;display:flex}.dot.on .dot-mark{background:var(--blue);color:#fff;box-shadow:var(--sh-blue);transform:scale(1.05)}.dot.milestone.on .dot-mark{background:var(--gold-grad);color:#4a2d00;box-shadow:var(--sh-gold)}.dot-lbl{color:var(--ink-faint);font-size:11px;font-weight:700}.dot.on .dot-lbl{color:var(--ink)}.chk{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--sh-soft);align-items:center;gap:14px;padding:16px;transition:transform .12s;display:flex}.chk:active{transform:scale(.99)}.chk-box{border:2.5px solid var(--lock-ring);border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.chk.done .chk-box{background:var(--green);border-color:var(--green)}.chk-ic{background:var(--blue-tint);border-radius:13px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}.chk-name{font-size:16.5px;font-weight:700}.chk-desc{color:var(--ink-soft);margin-top:1px;font-size:13.5px;font-weight:500}.thumb{border-radius:var(--r-sm);background:repeating-linear-gradient(135deg,#eef1ff 0 9px,#e4e9fb 9px 18px);flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.thumb span{color:#9aa3cc;letter-spacing:.02em;font-family:Roboto Mono,ui-monospace,monospace;font-size:10px;font-weight:500}.thumb.warm{background:repeating-linear-gradient(135deg,#fdf2dc 0 9px,#fbebcb 9px 18px)}.thumb.warm span{color:#c79a4e}.thumb.green{background:repeating-linear-gradient(135deg,#e6f7ee 0 9px,#d8f1e3 9px 18px)}.thumb.green span{color:#5fa77f}.prod{border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-soft);align-items:center;gap:14px;padding:13px;transition:transform .12s;display:flex}.prod:active{transform:scale(.99)}.prod-name{font-size:15.5px;font-weight:700;line-height:1.25}.prod-price{color:var(--ink);font-size:16px;font-weight:800}.prod-comm{color:var(--green);font-size:13px;font-weight:700}.sheet-scrim{z-index:40;opacity:0;background:#0c12306b;transition:opacity .28s;position:absolute;inset:0}.sheet-scrim.show{opacity:1}.sheet{z-index:41;background:var(--surface);border-radius:26px 26px 0 0;flex-direction:column;max-height:86%;transition:transform .34s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -10px 40px #0c123038}.sheet.show{transform:translateY(0)}.sheet-grab{background:var(--line);border-radius:3px;flex:none;width:42px;height:5px;margin:10px auto 4px}.sheet-head{flex:none;padding:6px 20px 12px}.sheet-body{flex:1;min-height:0;padding:4px 18px 0;overflow-y:auto}.sheet-body::-webkit-scrollbar{width:0}.toast{z-index:60;background:var(--ink);color:#fff;box-shadow:var(--sh-pop);opacity:0;border-radius:16px;align-items:center;gap:11px;padding:14px 16px;font-size:15px;font-weight:600;transition:transform .34s cubic-bezier(.22,1,.36,1),opacity .3s;display:flex;position:absolute;bottom:30px;left:18px;right:18px;transform:translateY(160%)}.toast.show{opacity:1;transform:translateY(0)}.confetti-wrap{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.confetti{will-change:transform, opacity;border-radius:2px;animation:linear forwards confetti-fall;position:absolute;top:-24px}@keyframes confetti-fall{0%{opacity:0;transform:translateY(0)rotate(0)}8%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(980px)rotate(720deg)}}.overlay{z-index:50;flex-direction:column;display:flex;position:absolute;inset:0}.pop-in{animation:.55s cubic-bezier(.2,1.3,.4,1) both pop-in}@keyframes pop-in{0%{transform:scale(.82)}60%{transform:scale(1.04)}to{transform:scale(1)}}.rise-1{animation:.5s .1s both rise}.rise-2{animation:.5s .2s both rise}.rise-3{animation:.5s .32s both rise}.rise-4{animation:.5s .46s both rise}@keyframes rise{0%{transform:translateY(14px)}to{transform:none}}.float{animation:3.4s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.cele-rays{z-index:0;pointer-events:none;background:repeating-conic-gradient(#fff3 0deg 6deg,#fff0 6deg 19deg);border-radius:50%;margin:auto;animation:24s linear infinite cele-spin;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#000 12%,#00000080 38%,#0000 66%);mask:radial-gradient(circle,#000 12%,#00000080 38%,#0000 66%)}.cele-rays.gold{background:repeating-conic-gradient(#f7be5099 0deg 6deg,#f7be5000 6deg 19deg)}@keyframes cele-spin{to{transform:rotate(360deg)}}.halo-ring{z-index:1;opacity:0;border:2px solid;border-radius:50%;margin:auto;animation:2.9s ease-out infinite halo-pulse;position:absolute;inset:0}@keyframes halo-pulse{0%{opacity:.55;transform:scale(.6)}80%{opacity:0}to{opacity:0;transform:scale(1.5)}}.twinkle{z-index:4;filter:drop-shadow(0 1px 2px #78500a2e);animation:2.4s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.55)}50%{opacity:1;transform:scale(1)}}.ribbon{border-radius:var(--r-pill);background:var(--gold-grad);color:#5a3500;letter-spacing:-.01em;align-items:center;gap:8px;padding:10px 20px;font-size:16px;font-weight:800;display:inline-flex;box-shadow:0 8px 22px #e08e1f66,inset 0 1px #ffffff73}.stamp-in{animation:.58s cubic-bezier(.2,1.5,.34,1) .38s both stamp-in}@keyframes stamp-in{0%{transform:scale(1.28)}55%{transform:scale(.97)}to{transform:scale(1)}}.medallion{z-index:3;background:radial-gradient(120% 120% at 50% 18%,#fff 0%,#eef2ff 100%);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 5px #ffffff8c,0 0 0 10px #ffd28066,0 16px 34px #06125066,inset 0 -8px 18px #788cd22e}.medallion img{object-fit:contain;width:84%;height:84%}.medal-badge{z-index:5;background:var(--gold-grad);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;box-shadow:0 5px 14px #e08e1f8c}.glow-burst{background:radial-gradient(circle,#ffd2788c 0%,#ffd27800 68%);border-radius:50%;animation:2.6s ease-in-out infinite glow-pulse;position:absolute}@keyframes glow-pulse{0%,to{opacity:.7;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}.divider{background:var(--line-soft);height:1px}.scr-enter{animation:.34s both scr-enter}@keyframes scr-enter{0%{transform:translateY(10px)}to{transform:none}}.ach-card{color:#fff;isolation:isolate;background:radial-gradient(125% 90% at 50% -12%,#2a52ff 0%,#0731e6 42%,#061c86 100%);border:1px solid #ffffff24;border-radius:26px;flex-direction:column;align-items:center;width:100%;padding:18px 18px 14px;display:flex;position:relative;overflow:hidden;box-shadow:0 26px 60px #06145a73}.ach-card:before{content:"";pointer-events:none;z-index:2;border:1.5px solid #ffd28073;border-radius:18px;position:absolute;inset:9px}.ach-glow{z-index:0;background:radial-gradient(circle,#ffcd7852 0%,#ffcd7800 62%);border-radius:50%;width:300px;height:300px;margin-left:-150px;position:absolute;top:18%;left:50%}.ach-wm{z-index:0;position:absolute}.ach-medal{z-index:3;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:92px;height:92px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 4px #ffd280e6,0 0 0 9px #ffffff2e,0 14px 30px #06145a80}.ach-medal img{object-fit:cover;object-position:50% 22%;width:100%;height:100%}.ach-medal.mascot img{object-position:50% 18%;transform:scale(1.16)}.ach-titlewrap{z-index:3;text-align:center;margin-top:10px;position:relative}.ach-deck{letter-spacing:.04em;color:#ffffffb3;margin-bottom:3px;font-size:12.5px;font-weight:700}.ach-title{letter-spacing:-.01em;background:var(--gold-grad);color:#0000;filter:drop-shadow(0 2px 6px #e08e1f4d);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;line-height:1.06}.ach-name{z-index:3;color:#fff;text-align:center;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;max-width:100%;margin-top:8px;font-weight:800;line-height:1.12;display:-webkit-box;position:relative;overflow:hidden}.ach-proud{z-index:3;color:#ffffffd6;text-align:center;max-width:250px;margin-top:6px;font-size:13px;font-weight:500;line-height:1.4;position:relative}.ach-foot{z-index:3;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:12px;display:flex;position:relative}.ach-foot img{opacity:.96;width:auto;height:16px}.ach-date{color:#fff9;letter-spacing:.02em;font-size:11px;font-weight:600}.ach-divline{z-index:3;background:#ffd280b3;border-radius:2px;width:36px;height:3px;margin:10px 0 0;position:relative}.ref-ach-card{padding:22px 18px 16px}.ref-ach-avatar-wrap{z-index:3;margin-top:4px;position:relative}.ref-ach-crown{z-index:4;font-size:18px;line-height:1;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.ref-ach-avatar{background:var(--blue-grad);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto;font-size:28px;font-weight:800;display:flex;box-shadow:0 0 0 4px #ffd280f2,0 0 0 8px #ffffff26,0 14px 30px #06145a80}.ref-ach-deck{z-index:3;letter-spacing:.08em;color:var(--star);margin-top:14px;font-size:11px;font-weight:700;position:relative}.ref-ach-title{z-index:3;color:var(--star);filter:drop-shadow(0 2px 6px #e08e1f59);margin-top:6px;font-size:26px;font-weight:800;line-height:1.1;position:relative}.ref-ach-month{z-index:3;border-radius:var(--r-pill);color:var(--star);background:#06145a8c;border:1px solid #ffd28059;align-items:center;gap:5px;margin-top:10px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex;position:relative}.ref-ach-name{z-index:3;color:#fff;margin-top:12px;font-size:20px;font-weight:800;position:relative}.ref-ach-desc{z-index:3;color:#ffffffd6;text-align:center;max-width:250px;margin:8px 0 0;font-size:13px;font-weight:500;line-height:1.45;position:relative}.ref-ach-foot{z-index:3;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:14px;display:flex;position:relative}.ref-ach-foot-line{background:#ffffff40;flex:1;max-width:60px;height:1px}.ref-ach-foot img{opacity:.92;flex:none;width:auto;height:14px}.ref-congrats-screen{background:linear-gradient(#081631 0%,#0b1f4a 55%,#061631 100%)}.ref-congrats-dock{background:linear-gradient(#06163100,#061631 28%)}.share-dests{justify-content:space-between;gap:16px;padding:6px 2px 4px;display:flex}.share-dest{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.share-dest .ic{color:#fff;width:54px;height:54px;box-shadow:var(--sh-soft);border-radius:18px;justify-content:center;align-items:center;font-size:19px;font-weight:800;transition:transform .12s;display:flex}.share-dest:active .ic{transform:scale(.92)}.share-dest .nm{color:var(--ink-soft);font-size:12.5px;font-weight:600}.welcome-top{padding:calc(var(--safe-top) - 8px) 18px 6px;justify-content:center;align-items:center;display:flex;position:relative}.welcome-top .exit{left:16px;top:calc(var(--safe-top) - 10px);color:var(--ink-soft);box-shadow:var(--sh-soft);border-radius:var(--r-pill);background:#fff;align-items:center;gap:4px;padding:7px 13px 7px 9px;font-size:14px;font-weight:600;display:flex;position:absolute}.welcome-top .logo{width:auto;height:22px}.bubble{border:1px solid var(--line);box-shadow:var(--sh-card);color:var(--ink);background:#fff;border-radius:18px;padding:13px 15px;font-size:14.5px;font-weight:600;line-height:1.4;position:relative}.bubble:after{content:"";border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;width:15px;height:15px;position:absolute;top:26px;left:-8px;transform:rotate(45deg)}.chip-new{border-radius:var(--r-pill);white-space:nowrap;background:var(--orange-tint);color:var(--gold-deep);align-items:center;gap:7px;padding:8px 14px;font-size:13.5px;font-weight:700;line-height:1;display:inline-flex}.stages-card{box-shadow:var(--sh-card);background:#fff;border-radius:22px;padding:17px 16px 18px}.stages-row{justify-content:space-between;align-items:flex-start;margin-top:15px;display:flex;position:relative}.stage{z-index:1;flex-direction:column;flex:1;align-items:center;gap:9px;display:flex}.stage-ring{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.stage-ring:before{content:"";opacity:.45;border:2px dashed;border-radius:50%;position:absolute;inset:-5px}.stage-core{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex;box-shadow:0 7px 16px #121a4029}.stage-name{color:var(--ink);font-size:13px;font-weight:800}.stage-cap{color:var(--ink-faint);letter-spacing:.02em;font-size:10.5px;font-weight:700}.lvl-head{flex:none}.lvl-tabs{justify-content:center;align-items:center;gap:3px;padding:0 14px 12px;display:flex}.lvl-tab{border-radius:var(--r-pill);white-space:nowrap;background:var(--lock-bg);height:34px;color:var(--lock);align-items:center;gap:5px;padding:0 13px;font-size:13px;font-weight:700;transition:transform .12s;display:inline-flex}.lvl-tab:active{transform:scale(.95)}.lvl-tab.done{color:var(--ink);box-shadow:var(--sh-soft);background:#fff}.lvl-tab.current{color:#fff}.lvl-tab-dash{background:var(--lock-ring);border-radius:2px;flex:none;width:11px;height:2px}.lvl-hero{justify-content:space-between;align-items:center;gap:14px;padding:6px 22px 20px;display:flex}.lvl-eyebrow{letter-spacing:.02em;font-size:12.5px;font-weight:800}.lvl-title{letter-spacing:-.02em;color:var(--ink);margin-top:5px;font-size:30px;font-weight:800;line-height:1}.lvl-reward{max-width:215px;color:var(--ink-soft);align-items:flex-start;gap:7px;margin-top:13px;font-size:12.5px;font-weight:600;line-height:1.35;display:flex}.lvl-emblem{border-radius:24px;flex:none;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative}.lvl-emblem:before{content:"";opacity:.45;border:2px dashed;border-radius:28px;position:absolute;inset:-5px}.search{height:50px;box-shadow:var(--sh-soft);background:#fff;border-radius:16px;align-items:center;gap:10px;padding:0 14px;display:flex}.search input{min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:16px;font-weight:500}.search input::placeholder{color:var(--ink-faint);font-weight:500}.search-x{background:var(--bg);border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.stat-row{gap:10px;display:flex}.stat-card{box-shadow:var(--sh-soft);background:#fff;border-radius:18px;flex:1;padding:13px}.stat-num{color:var(--ink);font-size:25px;font-weight:800;line-height:1}.stat-lbl{color:var(--ink-soft);margin-top:5px;font-size:12px;font-weight:600;line-height:1.3}.avatar{color:#fff;letter-spacing:.02em;border-radius:50%;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:16px;font-weight:800;display:flex}.team-card{border-radius:var(--r-card);box-shadow:var(--sh-card);cursor:pointer;background:#fff;padding:15px 15px 13px;transition:transform .12s}.team-card:active{transform:scale(.99)}.ach-rail-card{border-radius:var(--r-card);box-shadow:var(--sh-card);background:linear-gradient(150deg,#e9f0ff 0%,#f4f1ff 45%,#fff6e9 100%);padding:16px 16px 18px;position:relative;overflow:hidden}.ach-rail-tab{border-radius:var(--r-pill);box-shadow:var(--sh-soft);letter-spacing:.04em;color:var(--blue);background:#fff;align-items:center;gap:6px;padding:6px 13px;font-size:11.5px;font-weight:800;display:inline-flex}.ach-rail-head{justify-content:space-between;align-items:flex-end;gap:10px;margin-top:13px;display:flex}.ach-rail-num{color:var(--ink);letter-spacing:-.02em;font-size:34px;font-weight:800;line-height:1}.ach-rail-num span{color:var(--ink-soft);margin-left:4px;font-size:15px;font-weight:700}.ach-rail-next{text-align:right;max-width:46%;font-size:13px;font-weight:700;line-height:1.35}.ach-rail{justify-content:space-between;gap:4px;margin-top:16px;display:flex;position:relative}.ach-rail-track{background:var(--lock-ring);z-index:0;border-radius:2px;height:3px;position:absolute;top:25px;left:14%;right:14%}.ach-rail-track i{background:var(--blue);border-radius:2px;transition:width .6s;position:absolute;top:0;bottom:0;left:0}.rail-item{z-index:1;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:8px 3px 7px;display:flex;position:relative}.rail-item.next{box-shadow:0 0 0 2px var(--blue);background:#002beb12}.emblem{border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative}.emblem .core{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.emblem.earned:before{content:"";border:2px solid var(--gold);opacity:.7;border-radius:50%;position:absolute;inset:-4px}.emblem.locked .core{background:var(--lock-bg);color:var(--lock);box-shadow:none}.rail-name{text-align:center;color:var(--ink);font-size:11px;font-weight:800;line-height:1.18}.rail-item.locked .rail-name{color:var(--lock)}.rail-req{color:var(--ink-faint);font-size:10px;font-weight:700}.modal-scrim{z-index:55;opacity:0;background:#0c123085;justify-content:center;align-items:center;padding:26px;transition:opacity .25s;display:flex;position:absolute;inset:0}.modal-scrim.show{opacity:1}.modal{width:100%;max-width:330px;box-shadow:var(--sh-pop);opacity:0;background:linear-gradient(#e7f3ff 0%,#eef1fb 100%);border-radius:28px;padding:8px;transition:transform .3s cubic-bezier(.2,1.2,.4,1),opacity .25s;transform:scale(.9)}.modal-scrim.show .modal{opacity:1;transform:scale(1)}.modal-eyebrow{text-align:center;color:var(--blue);padding:16px 0 2px;font-size:14px;font-weight:800}.modal-title{text-align:center;color:var(--ink);padding:0 18px;font-size:21px;font-weight:800;line-height:1.25}.modal-inner{border:1.5px solid var(--gold);text-align:center;color:var(--blue);background:#fff;border-radius:20px;margin:16px 10px;padding:18px 16px;font-size:15.5px;font-weight:600;line-height:1.45}.modal-actions{gap:12px;padding:0 10px 14px;display:flex}@media (prefers-reduced-motion:reduce){.confetti,.float,.glow-burst,.node-current:before,.pop-in,.rise-1,.rise-2,.rise-3,.rise-4,.scr-enter,.cele-rays,.halo-ring,.twinkle,.stamp-in{animation:none!important}.bar-fill{transition:none!important}}