:root{--teal:#22a3c9;--teal2:#5fe6dd;--deep:#1186ae;--deep2:#0b6d95;--ink:#0b2540;--muted:#7d93a4;--line:#e6f0f7;--bg:#eef7fc;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:32px;--s8:40px;--s9:48px;--pad-x:20px;--header-gap:20px;--gap-section:16px;--nav-h:78px;--safe-top:calc(env(safe-area-inset-top) + var(--header-gap));--safe-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + var(--s5))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;height:100%}body{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:#cfe6f6;color:var(--ink)}button,input{font-family:inherit}p{text-wrap:pretty}::-webkit-scrollbar{width:0;height:0;display:none}.app-shell{min-height:100dvh;display:flex;align-items:stretch;justify-content:center;background:linear-gradient(180deg,#eef9ff,#dbf0fb)}.phone{position:relative;width:100%;max-width:440px;height:100vh;height:100dvh;background:var(--bg);overflow:hidden;display:flex;flex-direction:column}@media (min-width:520px){.app-shell{padding:24px 0;align-items:center}.phone{min-height:0;height:min(840px,92dvh);border-radius:26px;box-shadow:0 24px 60px -28px #082f4966}}.scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-top:var(--safe-top)}.screen{display:flex;flex-direction:column;min-height:100%;padding-left:var(--pad-x);padding-right:var(--pad-x)}.screen--tab{padding-bottom:var(--safe-bottom)}.screen--flow{padding-bottom:calc(env(safe-area-inset-bottom) + var(--s7))}.screen--center{align-items:center;text-align:center}.stack>*+*{margin-top:var(--gap-section)}.grow{flex:1 1 auto;min-height:var(--s4)}@keyframes bxjFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes bxjFloatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bxjWobble{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes bxjFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes bxjPop{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes bxjGlow{0%,to{opacity:.55}50%{opacity:.95}}@keyframes bxjRise{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bxjSpin{to{transform:rotate(360deg)}}@keyframes bxjReveal{0%{opacity:0;transform:scale(.5) translateY(10px)}55%{transform:scale(1.12) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes bxjSprite{to{background-position:100% 0}}@keyframes bxjFeedSquash{0%{transform:translateY(0) scale(1)}12%{transform:translateY(2px) scale(1.05,.92)}28%{transform:translateY(-2px) scale(.96,1.08)}46%{transform:translateY(1px) scale(1.03,.97)}68%,to{transform:translateY(0) scale(1)}}@keyframes bxjGachaAnticipate{0%{transform:translateY(2px) scale(.9);filter:brightness(.9)}14%{transform:translateY(4px) scale(.84,.9);filter:brightness(.82)}30%{transform:translateY(-3px) scale(1.08,1.02);filter:brightness(1.08)}54%{transform:translateY(0) scale(.98,1.02);filter:brightness(1)}78%,to{transform:translateY(0) scale(1);filter:brightness(1)}}@keyframes bxjBuddyAlive{0%,to{transform:translateY(0) rotate(-.4deg)}34%{transform:translateY(-7px) rotate(.6deg)}68%{transform:translateY(-3px) rotate(-.2deg)}}@keyframes bxjBuddyBreathe{0%,to{transform:scale(1)}46%{transform:translateY(1px) scale(1.026,.988)}}.sprite-anim{width:var(--sprite-size,96px);height:var(--sprite-size,96px);display:block;background-image:var(--sprite-url);background-size:800% 100%;background-repeat:no-repeat;background-position:0 0;pointer-events:none;-webkit-user-select:none;user-select:none;animation:bxjSprite var(--sprite-duration,1s) steps(7) var(--sprite-iteration,1) both}.motion-feed-squash{display:inline-block;transform-origin:50% 86%;animation:bxjFeedSquash .98s cubic-bezier(.2,.82,.22,1) both}.motion-gacha-anticipate{display:inline-block;transform-origin:50% 82%;animation:bxjGachaAnticipate .95s cubic-bezier(.2,.82,.22,1) both}@keyframes bxjWash{0%{transform:rotate(0)}20%{transform:rotate(-7deg)}45%{transform:rotate(6deg)}68%{transform:rotate(-4deg)}to{transform:rotate(0)}}@keyframes bxjWashBubble{0%{opacity:0;transform:translateY(6px) scale(.5)}25%{opacity:.9}to{opacity:0;transform:translateY(-46px) scale(1)}}.bxj-wash{animation:bxjWash .9s cubic-bezier(.36,.07,.19,.97) both;transform-origin:50% 88%}.bxj-wash-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.bxj-washbubble{position:absolute;bottom:34%;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#fffffff2,#9fe0f2b8 60%,#78c8e080);box-shadow:0 1px 3px #0e74902e;animation:bxjWashBubble 1.15s ease-out both}.bxj-pet-idle{animation:bxjFloat 4.5s ease-in-out infinite;transform-origin:50% 88%}@keyframes bxjPatHead{0%{transform:rotate(0)}22%{transform:rotate(-14deg)}50%{transform:rotate(10deg)}74%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes bxjPatBelly{0%{transform:scaleX(1) scaleY(1)}30%{transform:scaleX(1.14) scaleY(.86)}58%{transform:scaleX(.94) scaleY(1.06)}80%{transform:scaleX(1.03) scaleY(.98)}to{transform:scaleX(1) scaleY(1)}}@keyframes bxjPatFeet{0%{transform:translateY(0)}22%{transform:translateY(-16px)}46%{transform:translateY(0)}64%{transform:translateY(-9px)}82%{transform:translateY(0)}to{transform:translateY(0)}}.bxj-pet--head{animation:bxjPatHead .65s cubic-bezier(.36,.07,.19,.97) both;transform-origin:50% 100%}.bxj-pet--belly{animation:bxjPatBelly .6s cubic-bezier(.36,.07,.19,.97) both;transform-origin:50% 100%}.bxj-pet--feet{animation:bxjPatFeet .6s cubic-bezier(.36,.07,.19,.97) both;transform-origin:50% 100%}.bxj-pet-zones{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.bxj-pet-zone{position:absolute;left:0;right:0;cursor:pointer}.bxj-pat-hearts{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.bxj-patheart{position:absolute;bottom:40%;font-size:21px;line-height:1;opacity:0;animation:bxjPatHeart 1s ease-out both}@keyframes bxjPatHeart{0%{opacity:0;transform:translateY(10px) scale(.5)}25%{opacity:1}to{opacity:0;transform:translateY(-58px) scale(1.1)}}.bxj-pet-line{margin-top:8px;padding:7px 13px;border-radius:99px;background:#f0fbfd;border:1px solid #cdeef5;font-size:12px;font-weight:800;color:#0c5a73;text-align:center;animation:bxjFadeUp .3s both}.bxj-a-float{animation:bxjFloat var(--adur,5s) ease-in-out infinite}.bxj-a-floatslow{animation:bxjFloatSlow var(--adur,4s) ease-in-out infinite}.bxj-a-wobble{animation:bxjWobble 2s ease-in-out infinite}.bxj-a-glow{animation:bxjGlow var(--adur,3s) infinite}.bxj-a-pop{animation:bxjPop .35s both}.bxj-a-fadeup{animation:bxjFadeUp var(--adur,.3s) both}.bxj-a-rise{animation:bxjRise .45s both}@media (prefers-reduced-motion:reduce){.sprite-anim{animation:none;background-position:100% 0}.motion-feed-squash,.motion-gacha-anticipate{animation:none;transform:none;filter:none}.buddy-idle,.buddy-idle-art,.bxj-wash{animation:none!important;transform:none!important}.bxj-washbubble{animation:none!important}.bxj-wash-bubbles{display:none}.bxj-pet-idle,.bxj-pet--head,.bxj-pet--belly,.bxj-pet--feet{animation:none!important;transform:none!important}.bxj-patheart{animation:none!important}.bxj-pat-hearts{display:none}.bxj-pet-line{animation:none!important;opacity:1;transform:none}.bxj-a-float,.bxj-a-floatslow,.bxj-a-wobble,.bxj-a-glow,.bxj-a-pop,.bxj-a-fadeup,.bxj-a-rise{animation:none!important;transform:none;opacity:1}.pop,.reveal,.bay-pet--pop,.bay-pet--float{animation:none;transform:none}.bay-status-glow{animation:none;opacity:1}.fade>*{animation:none;opacity:1;transform:none}.bxj-tour-bubble-inner{animation:none;transform:none;opacity:1}.bxj-tour-scrim{animation:none;opacity:1}.bxj-tour-hole{transition:none}}.pop{animation:bxjPop .35s cubic-bezier(.34,1.56,.64,1) both;display:inline-block}.reveal{animation:bxjReveal .5s cubic-bezier(.34,1.56,.64,1) both}.fade>*{animation:bxjFadeUp .5s both}.fade>*:nth-child(2){animation-delay:.06s}.fade>*:nth-child(3){animation-delay:.12s}.fade>*:nth-child(4){animation-delay:.18s}.fade>*:nth-child(5){animation-delay:.24s}.fade>*:nth-child(6){animation-delay:.3s}.fade>*:nth-child(7){animation-delay:.36s}.spin{width:30px;height:30px;border-radius:50%;border:3px solid rgba(34,163,201,.25);border-top-color:var(--teal);animation:bxjSpin .8s linear infinite}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 14px 30px -24px #082f4966}.btn{border:none;cursor:pointer;font-family:inherit;font-weight:900;transition:transform .12s cubic-bezier(.2,.8,.2,1),filter .12s}.btn:active:not(:disabled):not([aria-disabled=true]){transform:scale(.95);filter:brightness(.96)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:default;box-shadow:none!important}.btn-primary{height:54px;width:100%;border-radius:16px;font-size:16px;letter-spacing:1px;background:linear-gradient(135deg,#22a3c9,#5fe6dd);color:#06384a;box-shadow:0 14px 26px -12px #22a3c980}.btn-ghost{height:50px;border-radius:14px;background:#fff;border:1.5px solid #d7e8f2;color:#5b7186;font-size:14px;font-weight:800}@keyframes bxjFadeIn{0%{opacity:0}to{opacity:1}}@keyframes bxjSlideUp{0%{transform:translateY(70px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#08203080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:bxjFadeIn .22s both;touch-action:none}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:41;background:#fff;border-radius:24px 24px 0 0;padding:6px 20px calc(env(safe-area-inset-bottom) + 20px);max-height:86%;overflow-y:auto;animation:bxjSlideUp .3s cubic-bezier(.2,.8,.2,1) both;overscroll-behavior:contain;touch-action:pan-y;transition:height .25s cubic-bezier(.2,.8,.2,1),transform .22s cubic-bezier(.2,.8,.2,1)}.sheet--full{max-height:none;height:calc(100% - env(safe-area-inset-top) - 10px)}.sheet-handle-zone{padding:6px 0 10px;margin:0 -20px 2px;display:grid;place-items:center;cursor:grab;touch-action:none}.sheet-handle{width:38px;height:5px;border-radius:99px;background:#dbe4ec;transition:background .2s}.sheet-handle-zone:active .sheet-handle{background:#b7c9d6}.seg{display:flex;background:#e8f1f7;border-radius:12px;padding:3px;gap:3px}.seg>div{flex:1;text-align:center;padding:8px 2px;border-radius:10px;font-size:13px;font-weight:800;color:#7d93a4;cursor:pointer;transition:all .2s;white-space:nowrap}.seg>div.on{background:#fff;color:#0c5a73;box-shadow:0 4px 10px -6px #082f4959}.toast{position:absolute;top:calc(var(--safe-top) + 2px);left:50%;z-index:60;max-width:86%;background:#0c4a6e;color:#fff;border-radius:99px;padding:10px 18px;font-size:13px;font-weight:800;box-shadow:0 14px 30px -10px #082f498c;animation:bxjToast 2.6s both;text-align:center}@keyframes bxjToast{0%{opacity:0;transform:translate(-50%,-14px)}10%,84%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.buddy-idle{position:relative;overflow:visible;transform-origin:50% 86%;filter:drop-shadow(0 9px 16px rgba(8,47,73,.35));animation:bxjBuddyAlive 4.2s cubic-bezier(.45,0,.55,1) infinite}.buddy-idle--poke{animation:bxjPop .5s cubic-bezier(.34,1.56,.64,1) both,bxjBuddyAlive 4.2s cubic-bezier(.45,0,.55,1) .5s infinite}.buddy-idle-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;animation:bxjBuddyBreathe 3.6s ease-in-out infinite;transform-origin:50% 82%}.buddy-idle--bay{filter:drop-shadow(0 6px 11px rgba(8,47,73,.28))}.bay-pet--pop{display:block;animation:bxjPop .5s cubic-bezier(.34,1.56,.64,1) both;transform-origin:50% 86%}.bay-pet--float{display:block;animation:bxjFloat 3.5s ease-in-out infinite}.bay-status-glow{display:inline-block;animation:bxjGlow 2.6s ease-in-out infinite}.buddy-bubble{position:absolute;bottom:84px;right:0;min-width:130px;max-width:200px;background:#fff;border:1px solid var(--line);border-radius:14px 14px 4px;padding:8px 11px;font-size:12px;font-weight:700;color:#0c5a73;line-height:1.55;box-shadow:0 12px 26px -14px #082f4973;animation:bxjPop .3s both;cursor:pointer}.pet--low{filter:saturate(.55) brightness(.97)}.pet--hungry{filter:grayscale(.6) brightness(.94)}.chip{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}@keyframes bxjTourIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bxj-tour{position:absolute;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none}.bxj-tour-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0818249e;pointer-events:auto;animation:bxjFadeIn .3s both}.bxj-tour-hole{position:absolute;background:transparent;pointer-events:none;transition:left .3s,top .3s,width .3s,height .3s}.bxj-tour-block{position:absolute;pointer-events:auto}.bxj-tour-bubble{position:absolute;left:var(--pad-x);right:var(--pad-x);pointer-events:auto}.bxj-tour-bubble--center{top:50%;left:var(--pad-x);right:var(--pad-x);transform:translateY(-50%)}.bxj-tour-bubble-inner{background:#fff;border-radius:20px;padding:16px 16px 14px;box-shadow:0 22px 48px -22px #082f4999;animation:bxjTourIn .32s both}