:root{--c-bg: #FFF4E3;--c-bg-deep: #FFE7C7;--c-card: #FFFFFF;--c-card-soft: #FFFDF6;--c-ink: #53392A;--c-ink-soft: #8A6E58;--c-primary: #FF8A5C;--c-primary-deep: #F06A3B;--c-sunny: #FFC95C;--c-green: #6BCB77;--c-green-deep: #3C8F47;--c-sky: #5CA0F2;--c-lilac: #B98EF7;--c-teal: #5FD0B8;--c-line: #F0D9BB;--c-lock: #C9B8A6;--fs-hero: 34px;--fs-title: 26px;--fs-body: 20px;--fs-caption: 15px;--fs-tiny: 12px;--radius-lg: 24px;--radius-md: 16px;--gap: 16px;--font-kid: "PingFang SC", "PingFang SC Rounded", "HarmonyOS Sans", system-ui, sans-serif;--font-p: -apple-system, system-ui, sans-serif;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%}body{font-family:var(--font-p);color:var(--c-ink);background:radial-gradient(1200px 600px at 50% -10%,#ffe7c7,#f7e3c8 45%,#efd7b4);-webkit-font-smoothing:antialiased}#app{display:flex;flex-direction:column;align-items:center}.shell{width:min(480px,100%);height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.shell-kid{background:var(--c-bg)}.shell-parent{background:var(--c-card-soft)}@media(min-width:768px){.shell{width:min(720px,100%)}.shell-parent{width:min(640px,100%)}}@media(min-width:1024px){.shell{width:min(960px,100%);height:calc(100% - 32px);margin:16px 0;border-radius:24px;box-shadow:0 24px 60px #9664282e}.shell-parent{width:min(720px,100%)}}.page{flex:1;overflow-y:auto;padding:20px 18px calc(84px + var(--safe-bottom));scrollbar-width:none}.page::-webkit-scrollbar{display:none}.page--notab{padding-bottom:24px}.actions-sticky{position:sticky;bottom:calc(10px + var(--safe-bottom));z-index:6;padding-top:16px;background:linear-gradient(180deg,transparent,var(--c-bg) 42%)}.page:not(.page--notab) .actions-sticky{bottom:calc(82px + var(--safe-bottom))}.flex{display:flex;align-items:center}.between{justify-content:space-between}.gap6{gap:6px}.gap8{gap:8px}.gap10{gap:10px}.gap12{gap:12px}.gap14{gap:14px}.gap16{gap:16px}.col{display:flex;flex-direction:column}.grow{flex:1;min-width:0}.center{text-align:center}.card{background:var(--c-card);border:2px solid var(--c-line);border-radius:var(--radius-lg);padding:18px;box-shadow:0 8px #f0d9bb99}.card-soft{background:var(--c-card-soft);border:2px dashed var(--c-line);border-radius:var(--radius-md);padding:12px 14px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-md);font-family:var(--font-kid);font-weight:700;font-size:var(--fs-body);cursor:pointer;padding:16px 18px;width:100%;box-shadow:0 6px #c0782840;transition:transform .06s,box-shadow .06s;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(4px);box-shadow:0 2px #c0782840}.btn:disabled{opacity:.55;pointer-events:none}.btn-primary{background:linear-gradient(135deg,#ffa775,#ff7a45);color:#fff}.btn-ghost{background:#fff;color:var(--c-primary-deep);border:2px solid var(--c-primary);box-shadow:0 5px #f06a3b2e}.btn-lilac{background:linear-gradient(135deg,#cba3ff,#a879ec);color:#fff}.btn-soft{background:var(--c-sunny);color:#6b4a10}.btn-danger{background:#fff;border:2px solid #E0B4AC;color:#b0552f;box-shadow:0 5px #b0552f1f}.btn-sm{padding:10px 14px;font-size:15px;width:auto}.pill{display:inline-flex;align-items:center;gap:6px;background:#fff;border:2px solid var(--c-line);border-radius:999px;padding:6px 12px;font-family:var(--font-kid);font-weight:700;font-size:14px;color:var(--c-ink)}.pill.teal{border-color:var(--c-teal);color:#2a8f79}.pill.green{border-color:var(--c-green);color:var(--c-green-deep)}.pill.sunny{border-color:var(--c-sunny);color:#9a6a08}.prog{height:14px;background:#f3e5cd;border-radius:999px;overflow:hidden;border:1px solid var(--c-line)}.prog i{display:block;height:100%;background:linear-gradient(90deg,var(--c-sunny),var(--c-primary));border-radius:999px;transition:width .5s}.hbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px}.hbar .ttl{font-family:var(--font-kid);font-weight:800;font-size:20px}.back{width:38px;height:38px;border-radius:12px;background:#fff;border:2px solid var(--c-line);cursor:pointer;font-size:20px;color:var(--c-ink);display:flex;align-items:center;justify-content:center;flex:none}.field label{display:block;font-family:var(--font-kid);font-weight:700;font-size:14px;margin-bottom:6px;color:var(--c-ink)}.field{margin-bottom:14px}.input{width:100%;border:3px solid var(--c-line);border-radius:var(--radius-md);padding:14px;font-size:16px;font-family:var(--font-p);font-weight:600;background:#fff;color:var(--c-ink);outline:none;transition:border-color .15s}.input:focus{border-color:var(--c-primary)}.input::placeholder{color:var(--c-ink-soft);font-weight:400}.hint{font-size:var(--fs-tiny);color:var(--c-ink-soft);margin-top:8px;line-height:1.6}.banner-warn{background:#fff7e8;border:2px solid #FFD9A8;border-radius:14px;padding:12px;font-size:13px;color:#8a6e58;line-height:1.7}.pbody .ttl{font-family:var(--font-p);font-weight:700}.pbody{font-family:var(--font-p)}.pbody h2{font-size:20px;font-weight:700;margin:6px 0 12px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.confetti,.wave,.zZ{display:none}}.shell-kid{--k-sky-hi: #A8DEFF;--k-sky-mid: #D3EFFF;--k-sky-low: #F2FAFF;--k-ink: #1E3A5C;--k-ink-soft: #64809F;--k-ink-faint: #93AAC2;--k-coral: #FF7A59;--k-coral-deep: #E85430;--k-coral-soft: #FFF0EA;--k-sun: #FFC53D;--k-sun-deep: #E89600;--k-sun-soft: #FFF6DC;--k-mint: #46C68B;--k-mint-deep: #22996A;--k-mint-soft: #E4F9EE;--k-blue: #4FA8F5;--k-blue-deep: #2C80D8;--k-blue-soft: #E8F4FF;--k-lilac: #A78BFA;--k-lilac-deep: #7A5CD6;--k-lilac-soft: #F1ECFE;--k-card: #FFFFFF;--k-line: #D4E7F4;--k-line-strong: #AFCDE4;--k-block-shadow: #C9E0F1;--fs-hero: 40px;--fs-title: 26px;--fs-body: 19px;--fs-caption: 14px;--fs-tiny: 12px;--k-radius: 26px;--k-radius-sm: 18px;background:radial-gradient(420px 260px at 88% -60px,rgba(255,214,107,.55),transparent 70%),linear-gradient(180deg,var(--k-sky-hi) 0%,var(--k-sky-mid) 34%,var(--k-sky-low) 100%)}.shell-kid:before,.shell-kid:after{content:"";position:absolute;pointer-events:none;z-index:0}.shell-kid:before{top:96px;left:-34px;width:150px;height:52px;border-radius:999px;background:#ffffffbf;box-shadow:44px 14px 0 -6px #fff9,108px 44px 0 -12px #ffffff80;animation:k-cloud 26s ease-in-out infinite alternate}.shell-kid:after{top:210px;right:-46px;width:120px;height:44px;border-radius:999px;background:#ffffff8c;animation:k-cloud 32s ease-in-out infinite alternate-reverse}@keyframes k-cloud{0%{transform:translate(0)}to{transform:translate(26px)}}.shell-kid .page{position:relative;z-index:1;padding:18px 18px calc(96px + var(--safe-bottom))}.shell-kid .page--notab{padding-bottom:28px}.shell-kid button:focus-visible,.shell-kid a:focus-visible,.shell-kid [tabindex]:focus-visible{outline:4px solid var(--k-sun);outline-offset:2px;border-radius:12px}.k-topbar{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:4px 0 14px}.k-topbar__title{text-align:center;font-family:var(--font-kid);font-weight:800;font-size:20px;color:var(--k-ink);letter-spacing:.5px}.k-back{width:48px;height:48px;border-radius:16px;background:var(--k-card);border:3px solid var(--k-line);box-shadow:0 4px 0 var(--k-block-shadow);color:var(--k-ink);font-size:24px;font-weight:800;font-family:var(--font-kid);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .08s,box-shadow .08s}.k-back:active{transform:translateY(3px);box-shadow:0 1px 0 var(--k-block-shadow)}.k-card{background:var(--k-card);border:3px solid var(--k-line);border-radius:var(--k-radius);padding:20px 18px;box-shadow:0 7px 0 var(--k-block-shadow)}.k-card--pad-sm{padding:14px}.k-card--sun{background:linear-gradient(170deg,#fffdf4,#fff3d4);border-color:#f5d98b;box-shadow:0 7px #ebd49a}.k-card--sky{background:linear-gradient(170deg,#f5faff,#e9f4ff);border-color:#b9d9f2;box-shadow:0 7px #c4def3}.k-card--mint{background:linear-gradient(170deg,#f4fdf8,#e4f8ee);border-color:#b4e6cc;box-shadow:0 7px #c2ead5}.k-card--lilac{background:linear-gradient(170deg,#faf8ff,#f0eaff);border-color:#d6c8f8;box-shadow:0 7px #dedaf7}.k-sec{display:flex;align-items:center;gap:10px;margin:6px 2px 10px}.k-sec__ico{width:34px;height:34px;flex:none;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--k-sun-soft);border:2.5px solid #F2D89A}.k-sec__t{font-family:var(--font-kid);font-weight:800;font-size:17px;color:var(--k-ink)}.k-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:58px;padding:14px 20px;border:none;border-radius:22px;font-family:var(--font-kid);font-weight:800;font-size:19px;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .08s,box-shadow .08s,filter .15s}.k-btn:active{transform:translateY(4px);box-shadow:0 1px #00000024!important}.k-btn:disabled{opacity:.5;pointer-events:none}.k-btn--sun{background:linear-gradient(180deg,#ff9a6b,#ff6f45);color:#fff;text-shadow:0 2px 0 rgba(200,60,20,.35);box-shadow:0 6px 0 var(--k-coral-deep),0 12px 22px #e8543047}.k-btn--sky{background:linear-gradient(180deg,#6fbdf8,#3f97ec);color:#fff;text-shadow:0 2px 0 rgba(30,100,180,.35);box-shadow:0 6px 0 var(--k-blue-deep)}.k-btn--mint{background:linear-gradient(180deg,#63d69e,#35b37b);color:#fff;text-shadow:0 2px 0 rgba(20,120,80,.35);box-shadow:0 6px 0 var(--k-mint-deep)}.k-btn--lilac{background:linear-gradient(180deg,#bba3fb,#9270e8);color:#fff;text-shadow:0 2px 0 rgba(90,60,170,.35);box-shadow:0 6px 0 var(--k-lilac-deep)}.k-btn--ghost{background:var(--k-card);color:var(--k-ink);border:3px solid var(--k-line-strong);box-shadow:0 5px 0 var(--k-block-shadow)}.k-btn--sm{min-height:46px;padding:10px 16px;font-size:16px;width:auto;border-radius:18px}.k-breath{animation:k-breath 2.4s ease-in-out infinite}@keyframes k-breath{0%,to{filter:drop-shadow(0 0 0 rgba(255,160,60,0))}50%{filter:drop-shadow(0 6px 18px rgba(255,150,60,.55))}}.k-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:999px;background:var(--k-card);border:2.5px solid var(--k-line);font-family:var(--font-kid);font-weight:800;font-size:14px;color:var(--k-ink);white-space:nowrap}.k-chip--fire{border-color:#ffc9a3;background:#fff4ec;color:#d95b26}.k-chip--star{border-color:#f2d89a;background:var(--k-sun-soft);color:var(--k-sun-deep)}.k-chip--mint{border-color:#b4e6cc;background:var(--k-mint-soft);color:var(--k-mint-deep)}.k-chip--sky{border-color:#b9d9f2;background:var(--k-blue-soft);color:var(--k-blue-deep)}.k-chip--lilac{border-color:#d6c8f8;background:var(--k-lilac-soft);color:var(--k-lilac-deep)}.k-bar{height:16px;border-radius:999px;background:#dcebf7;border:2.5px solid #C3DDF0;overflow:hidden}.k-bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--k-sun),var(--k-coral));transition:width .5s cubic-bezier(.34,1.3,.64,1)}.k-bar--lilac>i{background:linear-gradient(90deg,#C4AEFC,var(--k-lilac-deep))}.k-bar--mint>i{background:linear-gradient(90deg,#7FE0AE,var(--k-mint-deep))}.k-dots{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:center}.k-dots i{width:13px;height:13px;border-radius:50%;background:#d8e9f5;border:2px solid #C0D8EA;transition:transform .2s}.k-dots i.done{background:var(--k-sun);border-color:var(--k-sun-deep)}.k-dots i.now{background:var(--k-coral);border-color:var(--k-coral-deep);transform:scale(1.35);animation:k-dotnow 1.1s ease-in-out infinite}@keyframes k-dotnow{50%{transform:scale(1.6)}}.fb{border-radius:var(--k-radius-sm);padding:14px 18px;font-family:var(--font-kid);font-weight:800;font-size:17px;text-align:center;animation:k-pop .3s ease}.fb.ok{background:linear-gradient(180deg,#5fd598,#3bbd7f);color:#fff;box-shadow:0 4px 0 var(--k-mint-deep)}.fb.try{background:var(--k-sun-soft);color:#9a6a00;border:2.5px dashed #EDCB7E}.fb.go{background:var(--k-blue-soft);color:var(--k-blue-deep);border:2.5px dashed #A9CFF0}.k-fbpop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:8;padding:24px}.k-fbpop__card{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:230px;max-width:320px;padding:22px 26px 20px;border-radius:30px;background:#fffffff5;border:4px solid var(--k-line-strong);box-shadow:0 16px 40px #1e3a5c38;text-align:center;animation:k-fbpop-in .42s cubic-bezier(.34,1.56,.64,1)}.k-fbpop__ico{width:74px;height:74px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px}.k-fbpop--ok .k-fbpop__ico{background:var(--k-mint-soft);border:3px solid #A9E3C6;animation:k-starburst .6s ease}.k-fbpop--try .k-fbpop__ico{background:var(--k-sun-soft);border:3px solid #EDCB7E;animation:k-wob .5s ease}.k-fbpop--timeout .k-fbpop__ico{background:var(--k-blue-soft);border:3px solid #A9CFF0}.k-fbpop__word{font-family:var(--font-kid);font-weight:800;font-size:30px;color:var(--k-ink);letter-spacing:1px}.k-fbpop__msg{font-family:var(--font-kid);font-weight:700;font-size:15px;color:var(--k-ink-soft);line-height:1.5}@keyframes k-fbpop-in{0%{transform:scale(.5) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes k-starburst{0%{transform:scale(.3)}55%{transform:scale(1.25) rotate(8deg)}to{transform:scale(1) rotate(0)}}.k-combo{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;background:linear-gradient(180deg,#ffd467,#ffae2e);border:3px solid #E89600;color:#6b4300;font-family:var(--font-kid);font-weight:800;font-size:16px;box-shadow:0 4px #c97f00;animation:k-pop .35s ease}.k-combo--big{animation:k-combo-big .6s ease;font-size:19px}@keyframes k-combo-big{0%{transform:scale(1)}45%{transform:scale(1.35) rotate(-4deg)}to{transform:scale(1)}}.opts{display:flex;flex-direction:column;gap:12px}.opt{display:flex;align-items:center;justify-content:center;min-height:68px;width:100%;padding:16px 18px;background:var(--k-card);border:3px solid var(--k-line);border-radius:22px;font-family:var(--font-kid);font-weight:800;font-size:22px;color:var(--k-ink);text-align:center;cursor:pointer;box-shadow:0 5px 0 var(--k-block-shadow);transition:transform .08s,box-shadow .08s,border-color .15s,background .15s}.opt:active{transform:translateY(3px);box-shadow:0 1px 0 var(--k-block-shadow)}.opt:disabled{cursor:default}.opt.ok{border-color:var(--k-mint);background:linear-gradient(180deg,#eafbf2,#cff5e2);color:var(--k-mint-deep);animation:k-okjump .5s ease}.opt.no{border-color:var(--k-line);opacity:.45;animation:k-wob .4s ease}@keyframes k-okjump{0%{transform:scale(1)}40%{transform:scale(1.06) translateY(-5px)}to{transform:scale(1)}}@keyframes k-wob{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.partner{position:relative;width:104px;height:92px;background:radial-gradient(28px 20px at 26px 16px,rgba(255,255,255,.85),transparent 70%),linear-gradient(165deg,#ffc08a,#ff9663 55%,#f87c49);border-radius:48% 52% 50% 50%/64% 60% 40% 36%;box-shadow:inset -10px -8px #db602a47,inset 8px 8px #ffffff40,0 12px 22px #f06e3c4d;margin:0 auto;animation:k-float 3.6s ease-in-out infinite}.partner:before{content:"";position:absolute;top:-12px;left:50%;width:16px;height:20px;transform:translate(-50%) rotate(8deg);border-radius:50%/70% 70% 30% 30%;background:linear-gradient(180deg,#ffd9a8,#ffaf7c)}.partner:after{content:"";position:absolute;bottom:22px;left:10px;right:10px;height:10px;background:radial-gradient(11px 7px at 12px 5px,rgba(255,120,120,.55),transparent 72%),radial-gradient(11px 7px at calc(100% - 12px) 5px,rgba(255,120,120,.55),transparent 72%)}.partner .eye{position:absolute;top:36px;width:12px;height:14px;background:#4a2c15;border-radius:50%}.partner .eye:before{content:"";position:absolute;top:2px;left:2.5px;width:4px;height:4px;background:#fff;border-radius:50%}.partner .eye.l{left:28px}.partner .eye.r{right:28px}.partner .mouth{position:absolute;top:50px;left:50%;transform:translate(-50%);width:26px;height:14px;border-bottom:4.5px solid #4A2C15;border-radius:0 0 32px 32px}.partner.happy .mouth{width:34px;height:20px;top:47px}.partner.happy{animation:k-float 3.6s ease-in-out infinite,k-bounce .9s ease-in-out 2}.partner.sad .mouth{border-bottom:none;border-top:4.5px solid #4A2C15;border-radius:32px 32px 0 0;top:56px}.partner.sad{filter:saturate(.75)}.partner.size-sm{width:72px;height:64px;margin:0}.partner.size-sm .eye{top:24px;width:9px;height:11px}.partner.size-sm .eye:before{width:3px;height:3px}.partner.size-sm .eye.l{left:19px}.partner.size-sm .eye.r{right:19px}.partner.size-sm .mouth{top:34px;width:20px;height:10px;border-bottom-width:3.5px}.partner.size-sm.happy .mouth{width:26px;height:14px;top:32px}.partner.size-sm.sad .mouth{top:38px;border-top-width:3.5px}.partner.size-sm:after{bottom:14px;height:8px}@keyframes k-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes k-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes k-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-14px)}60%{transform:translateY(-6px)}}.bubble{position:relative;background:var(--k-card);border:3px solid var(--k-line);border-radius:20px;padding:12px 16px;font-family:var(--font-kid);font-weight:700;font-size:15px;line-height:1.55;color:var(--k-ink);box-shadow:0 4px 0 var(--k-block-shadow)}.bubble:after{content:"";position:absolute;top:-13px;left:30px;border:7px solid transparent;border-bottom-color:var(--k-line)}.codegrp{display:flex;justify-content:center;align-items:center;gap:7px}.codegrp .grp{display:flex;gap:7px}.codegrp i{width:42px;height:56px;border-radius:14px;background:var(--k-card);border:3px solid var(--k-line);display:flex;align-items:center;justify-content:center;font-family:var(--font-kid);font-weight:800;font-size:27px;font-style:normal;color:var(--k-ink);transition:border-color .15s,background .15s}.codegrp i.fill{border-color:var(--k-blue);background:var(--k-blue-soft);color:var(--k-blue-deep)}.codegrp i.curr{border-color:var(--k-coral-deep);box-shadow:0 0 0 4px #ff7a5933;animation:k-ccblink 1.1s ease-in-out infinite}@keyframes k-ccblink{0%,to{opacity:1}50%{opacity:.5}}.codegrp .dash{width:16px;height:4px;border-radius:3px;background:var(--k-line-strong)}.listen-zone{position:relative;background:linear-gradient(170deg,#fff,#edf6ff);border:3px solid var(--k-line);border-radius:var(--k-radius);padding:20px 16px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 7px 0 var(--k-block-shadow)}.ring{position:relative;width:96px;height:96px;display:flex;align-items:center;justify-content:center}.ring:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid var(--k-coral);opacity:.5;animation:k-pulse 1.8s ease-out infinite}.ring.sm{width:66px;height:66px}.ring.sm .disc{width:56px;height:56px;font-size:24px}.ring .disc{width:78px;height:78px;border-radius:50%;background:linear-gradient(165deg,#ffb27e,#ff6f45);display:flex;align-items:center;justify-content:center;font-size:36px;box-shadow:0 8px 18px #f0603052,inset 0 -6px #c83c1440;cursor:pointer;border:none;transition:transform .1s}.ring .disc:active{transform:scale(.92)}.ring .disc--lilac{background:linear-gradient(165deg,#c7b0ff,#9270e8);box-shadow:0 8px 18px #825adc52,inset 0 -6px #6441be4d}.ring .disc--blue{background:linear-gradient(165deg,#7cc0f9,#3f97ec);box-shadow:0 8px 18px #3278d252,inset 0 -6px #1e5faf4d}@keyframes k-pulse{0%{transform:scale(.72);opacity:.6}to{transform:scale(1.32);opacity:0}}.wave{display:flex;align-items:flex-end;gap:4px;height:24px}.wave i{width:5px;background:var(--k-coral);border-radius:3px;animation:k-wavemove 1s ease-in-out infinite}.wave i:nth-child(1){height:10px}.wave i:nth-child(2){height:22px;animation-delay:.15s}.wave i:nth-child(3){height:15px;animation-delay:.3s}.wave i:nth-child(4){height:24px;animation-delay:.45s}.wave i:nth-child(5){height:17px;animation-delay:.6s}@keyframes k-wavemove{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.slots{display:flex;gap:9px;justify-content:center;margin:6px 0 2px;flex-wrap:wrap}.slot{width:46px;height:58px;border-radius:15px;background:var(--k-card);border:3px solid var(--k-line);display:flex;align-items:center;justify-content:center;font-family:var(--font-kid);font-weight:800;font-size:29px;color:var(--k-ink);text-transform:lowercase}.slot.filled{border-color:var(--k-blue);background:var(--k-blue-soft);color:var(--k-blue-deep);animation:k-pop .18s ease}.slot.hint{border-color:var(--k-lilac);background:var(--k-lilac-soft);color:var(--k-lilac-deep);animation:k-pop .25s ease}.slot.curr{border-color:var(--k-coral-deep);box-shadow:0 0 0 4px #ff7a5933}.keypad{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.keypad button{aspect-ratio:1 / 1;border-radius:16px;border:3px solid var(--k-line);background:var(--k-card);font-family:var(--font-kid);font-weight:800;font-size:22px;color:var(--k-ink);cursor:pointer;box-shadow:0 5px 0 var(--k-block-shadow);transition:transform .05s,box-shadow .05s}.keypad button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--k-block-shadow)}.keypad .k-act{font-size:16px;background:var(--k-sun-soft);border-color:#ebcf8e;color:#9a6a00}.keypad .k-sub{grid-column:span 4;aspect-ratio:auto;min-height:58px;font-size:19px;background:linear-gradient(180deg,#ff9a6b,#ff6f45);color:#fff;border-color:var(--k-coral-deep);text-shadow:0 2px 0 rgba(200,60,20,.35);box-shadow:0 5px 0 var(--k-coral-deep)}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-16px;width:9px;height:14px;border-radius:3px;opacity:0;animation:k-fall 2.8s linear infinite}@keyframes k-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(640px) rotate(340deg);opacity:0}}.zZ{position:absolute;font-family:var(--font-kid);font-weight:800;color:var(--k-lilac);animation:k-zZ 2.4s ease-in-out infinite}@keyframes k-zZ{0%{opacity:0;transform:translateY(6px) scale(.7)}30%{opacity:1}to{opacity:0;transform:translateY(-24px) scale(1.2)}}.ringprog{position:relative;width:92px;height:92px;border-radius:50%;background:conic-gradient(var(--k-coral) calc(var(--v, 50) * 1%),#DCEBF7 0);display:flex;align-items:center;justify-content:center;flex:none}.ringprog:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:#fff}.ringprog b{position:relative;font-family:var(--font-kid);font-weight:800;font-size:17px;color:var(--k-coral-deep);line-height:1.15;text-align:center}.harvest{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.token{aspect-ratio:1;border-radius:20px;background:var(--k-card);border:2.5px solid var(--k-line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 4px 6px;cursor:pointer;position:relative;font-family:var(--font-kid);transition:transform .12s}.token:active{transform:scale(.92)}.token .tk-art{flex:1;width:100%;min-height:0;padding:2px 10px 0}.token .tk-name{font-size:11px;font-weight:700;color:var(--k-ink-faint);line-height:1.2}.token.got{background:linear-gradient(170deg,#fffdf2,#ffefc2);border-color:#f0cf8a;box-shadow:0 4px #ebd49a}.token.got .tk-name{color:#b07614}.token.dim{background:#f4f9fd}.token.new .tk-art{animation:k-hatch .6s cubic-bezier(.34,1.56,.64,1)}@keyframes k-hatch{0%{transform:scale(.3) rotate(-14deg);opacity:0}55%{transform:scale(1.18) rotate(6deg);opacity:1}to{transform:scale(1) rotate(0)}}.token.new:after{content:"NEW";position:absolute;top:-8px;right:-8px;background:var(--k-coral);color:#fff;font-size:9px;font-weight:800;padding:2px 6px;border-radius:99px;font-family:var(--font-p);box-shadow:0 2px 6px #e8543066}.node{display:flex;align-items:center;gap:14px;background:var(--k-card);border:3px solid var(--k-line);border-radius:24px;padding:14px 16px;cursor:pointer;box-shadow:0 6px 0 var(--k-block-shadow);transition:transform .1s,box-shadow .1s}.node:active{transform:translateY(3px);box-shadow:0 2px 0 var(--k-block-shadow)}.node .loop{width:52px;height:52px;border-radius:50%;font-size:24px;display:flex;align-items:center;justify-content:center;font-weight:800;flex:none}.node.locked{border-style:dashed;box-shadow:none;opacity:.75;background:#fff9}.node.locked .loop{background:#e4edf5;color:var(--k-ink-faint);font-size:19px}.node.open .loop{background:var(--k-sun-soft);color:#b07614;border:3px solid #F0CF8A}.node.current{border-color:var(--k-coral);background:linear-gradient(170deg,#fff6f1,#ffe8dc);box-shadow:0 6px #f5c9b4}.node.current .loop{background:linear-gradient(180deg,#ffb27e,#ff6f45);color:#fff;border:3px solid var(--k-coral-deep);animation:k-dotnow 1.6s ease-in-out infinite}.node.mid{position:relative;margin-left:26px}.node.mid:before{content:"";position:absolute;left:-30px;top:-34px;height:68px;width:5px;border-left:5px dotted var(--k-line-strong)}.tabbar{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(0deg,#fff,#f4faff);border-top:3px solid var(--k-line);display:flex;gap:4px;padding:8px 10px calc(8px + var(--safe-bottom));z-index:5}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--k-ink-faint);text-decoration:none;font-family:var(--font-kid);font-weight:800;padding:7px 0 6px;border-radius:18px;transition:background .15s,color .15s,transform .15s}.tabbar a.on{color:#fff;transform:translateY(-3px)}.tabbar a.on .ico{animation:k-tabpop .45s ease}.tabbar[data-cur=home] a.on{background:linear-gradient(180deg,#ff9a6b,#ff6f45);box-shadow:0 4px 10px #e8543059}.tabbar[data-cur=map] a.on{background:linear-gradient(180deg,#6fbdf8,#3f97ec);box-shadow:0 4px 10px #2c80d859}.tabbar[data-cur=partner] a.on{background:linear-gradient(180deg,#bba3fb,#9270e8);box-shadow:0 4px 10px #7a5cd659}.tabbar[data-cur=collect] a.on{background:linear-gradient(180deg,#ffd467,#ffae2e);box-shadow:0 4px 10px #e8960059}@keyframes k-tabpop{0%{transform:scale(1)}45%{transform:scale(1.3)}to{transform:scale(1)}}.tabbar .ico{position:relative;display:flex;font-size:26px;line-height:1}.tabbar .ico svg{width:27px;height:27px;display:block}.tabbar a.on .ico svg [data-ink]{fill:#fff}.tabbar .lab{font-size:12px;line-height:1.2}.tabbar .badge{position:absolute;top:-7px;right:-15px;min-width:19px;height:19px;padding:0 4px;border-radius:99px;background:var(--k-coral);color:#fff;font-size:11px;font-weight:800;font-style:normal;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 2px 5px #e8543066}.wcard{background:var(--k-card);border:3px solid var(--k-line);border-radius:20px;padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;box-shadow:0 5px 0 var(--k-block-shadow);transition:all .15s}.wcard:active{transform:translateY(2px);box-shadow:0 2px 0 var(--k-block-shadow)}.wcard .wd{font-family:var(--font-kid);font-weight:800;font-size:19px;color:var(--k-ink)}.wcard.on{border-color:var(--k-lilac);background:linear-gradient(150deg,#fff,#f1eaff);box-shadow:0 5px #dedaf7}.wcard .ck{width:30px;height:30px;border-radius:10px;border:3px solid var(--k-line);display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:800;flex:none}.wcard.on .ck{background:var(--k-lilac);border-color:var(--k-lilac-deep);animation:k-pop .2s ease}.k-sticky{position:sticky;bottom:calc(12px + var(--safe-bottom));z-index:6;padding-top:18px;background:linear-gradient(180deg,transparent,var(--k-sky-low) 40%)}.page:not(.page--notab) .k-sticky{bottom:calc(94px + var(--safe-bottom))}@media(min-width:768px){.opts{display:grid;grid-template-columns:1fr 1fr}.keypad{max-width:560px;margin-left:auto;margin-right:auto}.harvest{grid-template-columns:repeat(6,1fr)}}@media(min-width:1024px){.harvest{grid-template-columns:repeat(8,1fr)}}