@font-face{font-family:WakNan;src:url(/assets/WakNan-Bk9ckzb_.ttf) format("truetype");font-display:swap}@font-face{font-family:WakNanDot;src:url(/assets/WakNanDot-IP61t9yr.ttf) format("truetype");font-display:swap}@font-face{font-family:Syazalina;src:url(/assets/Syazalina-CgVbdvy1.ttf) format("truetype");font-display:swap}:root{--pj-font-teach: "WakNan", "Andika", system-ui, sans-serif;--pj-font-trace: "WakNanDot", "WakNan", sans-serif;--pj-font-ui: "Syazalina", "Quicksand", system-ui, sans-serif;--pj-font-adult: "Poppins", system-ui, sans-serif;--pj-primary: #00cc85;--pj-primary-strong: #00a36a;--pj-primary-subtle: #e1f9ea;--pj-success: #18c964;--pj-success-strong: #13a150;--pj-success-subtle: #d1f4e0;--pj-tryagain: #ff9f43;--pj-tryagain-subtle: #fff6ed;--pj-warning: #ff4c51;--pj-info: #00a2e8;--pj-info-subtle: #e6f6fd;--pj-coins: #fece00;--pj-streak: #7367f0;--pj-surface: #ffffff;--pj-page: #f6fef6;--pj-ring: #ffffff;--pj-text-heading: #4d4d4d;--pj-text-body: #666666;--pj-text-ink: #1a1a1a;--pj-neutral-50: #f2f2f2;--pj-neutral-100: #e5e5e5;--pj-neutral-150: #d9d9d9;--pj-neutral-250: #bfbfbf;--pj-sky-50: #f2fafd;--pj-sky-200: #c6e7f8;--pj-sky-500: #9ad5f2;--pj-membaca: #4d77ff;--pj-membaca-subtle: #ebf1ff;--pj-membaca-tint: #dbe4ff;--pj-mengira: #42ac7b;--pj-mengira-subtle: #f1f9f5;--pj-mengira-tint: #d9eee5;--pj-menulis: #8431d8;--pj-menulis-subtle: #f5eefc;--pj-menulis-tint: #e6d6f7;--pj-menulis-200: #ceadef;--pj-profile-1: #d9eee5;--pj-profile-2: #d4ecf7;--pj-profile-3: #fff7d9;--pj-profile-4: #dbe4ff;--pj-profile-5: #e6d6f7;--pj-art-outline: #000000;--pj-art-water: #27a0d7;--pj-art-wood: #a97c50;--pj-art-pink: #de4d7f;--pj-radius-lg: 12px;--pj-radius-xl: 16px;--pj-radius-3xl: 24px;--pj-radius-4xl: 54px;--pj-radius-pill: 999px;--pj-space-xs: 8px;--pj-space-sm: 12px;--pj-space-md: 16px;--pj-space-lg: 20px;--pj-space-xl: 24px;--pj-border-s: 2px;--pj-border-m: 4px;--pj-tap-min: 64px;--pj-tap-secondary: 48px;--pj-text-teach-min: 32px;--pj-text-ui-min: 16px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--pj-page);color:var(--pj-text-heading);font-family:var(--pj-font-ui);font-size:20px;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{min-height:100dvh}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{max-width:100%}:focus-visible{outline:4px solid var(--pj-info);outline-offset:3px}.screen{position:relative;min-height:100dvh;max-width:1024px;margin:0 auto;padding:max(var(--pj-space-md),env(safe-area-inset-top)) var(--pj-space-md) var(--pj-space-xl);display:flex;flex-direction:column;gap:var(--pj-space-lg)}.screen--center{align-items:center;text-align:center}.with-nav{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.pad{padding:0 var(--pj-space-md)}.top-bar,.pill-header{display:flex;align-items:center;gap:var(--pj-space-sm);width:100%}.top-bar{justify-content:space-between;position:relative;z-index:2}.ui-title{margin:0;font-size:30px;font-weight:700;color:var(--pj-text-heading)}.ui-label{margin:0;font-size:20px;color:var(--pj-text-body)}.ui-subject{font-size:26px;font-weight:700}.teach-text{font-family:var(--pj-font-teach);font-size:max(var(--pj-text-teach-min),40px);color:var(--pj-text-ink)}.ring-btn{display:inline-grid;place-items:center;flex:none;border:var(--pj-border-m) solid var(--pj-ring);border-radius:var(--pj-radius-pill);background:var(--pj-primary);color:var(--pj-surface);box-shadow:0 4px 0 var(--pj-primary-strong),0 6px 14px #00000014;cursor:pointer;transition:transform 80ms ease,box-shadow 80ms ease}.ring-btn:is(:active,.is-pressed){transform:translateY(3px);box-shadow:0 1px 0 var(--pj-primary-strong)}.ring-btn--md{width:var(--pj-tap-min);height:var(--pj-tap-min)}.ring-btn--lg{width:88px;height:88px}.ring-btn--xl{width:128px;height:128px}.ring-btn--surface{background:var(--pj-surface);color:var(--pj-primary-strong);border-color:var(--pj-primary-subtle);box-shadow:0 4px 0 var(--pj-primary-subtle),0 6px 14px #0000000f}.ring-btn--success{background:var(--pj-success);box-shadow:0 4px 0 var(--pj-success-strong)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:var(--pj-radius-pill);background:var(--pj-surface);border:var(--pj-border-s) solid var(--pj-primary-subtle);font-weight:700}.play-btn{display:grid;place-items:center;width:148px;height:148px;margin:0 auto;border-radius:var(--pj-radius-pill);border:6px solid var(--pj-ring);background:var(--pj-primary);box-shadow:0 8px 0 var(--pj-primary-strong),0 12px 24px #0000001f;animation:pulse 1.8s ease-in-out infinite}.play-btn:is(:active,.is-pressed){transform:translateY(6px);box-shadow:0 2px 0 var(--pj-primary-strong);animation:none}.play-glyph{display:block;width:0;height:0;margin-left:10px;border-left:46px solid var(--pj-surface);border-top:30px solid transparent;border-bottom:30px solid transparent;border-radius:4px}.ring-btn .play-glyph{border-left-width:36px;border-top-width:24px;border-bottom-width:24px;margin-left:8px}@keyframes pulse{50%{scale:1.05}}@media(prefers-reduced-motion:reduce){.play-btn{animation:none}}:root{--pj-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--pj-ease-soft: cubic-bezier(.22, 1, .36, 1);--pj-dur-press: 70ms;--pj-dur-release: .48s;--pj-dur-enter: .56s}@supports (transition-timing-function: linear(0,1)){:root{--pj-ease-spring: linear(0, .119, .385, .683, .935, 1.103, 1.184, 1.193, 1.156, 1.099, 1.043, .999, .972, .962, .964, .973, .985, .995, 1.003, 1.007, 1.008, 1.006, 1);--pj-ease-soft: linear(0, .08, .251, .444, .619, .76, .865, .936, .981, 1.006, 1.017, 1.02, 1.019, 1.016, 1.012, 1.008, 1.005, 1.003, 1.001, 1)}}:where(button,a[href],[role=button],[data-press]){transform-origin:50% 100%;touch-action:manipulation}:where(button,[role=button],[data-press]) img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;pointer-events:none}.is-pressed{scale:1.07 .86;animation:none!important;transition:scale var(--pj-dur-press) ease-out,transform var(--pj-dur-press) ease-out,box-shadow var(--pj-dur-press) ease-out}.is-released{animation:pj-jelly var(--pj-dur-release) ease-out both!important}.adult .is-pressed{scale:1.02 .94}.adult .is-released{animation-name:pj-jelly-soft!important;animation-duration:.32s!important}@keyframes pj-jelly{0%{scale:1.07 .86}26%{scale:.94 1.09}48%{scale:1.04 .96}68%{scale:.985 1.02}84%{scale:1.005 .995}to{scale:1 1}}@keyframes pj-jelly-soft{0%{scale:1.02 .94}45%{scale:.99 1.03}to{scale:1 1}}.enter{animation:pj-pop-in var(--pj-dur-enter) var(--pj-ease-spring) both;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes pj-pop-in{0%{opacity:0;translate:0 18px;scale:.92}to{opacity:1;translate:0 0;scale:1}}@keyframes pj-breathe{50%{scale:1.025}}@keyframes pj-bob{50%{translate:0 -5px}}@keyframes pj-hop{0%{translate:0 0;scale:1 1}30%{translate:0 -14px;scale:.96 1.06}55%{translate:0 0;scale:1.06 .94}75%{scale:.98 1.02}to{translate:0 0;scale:1 1}}@keyframes pj-wiggle{0%,80%,to{rotate:0deg}85%{rotate:-9deg}90%{rotate:7deg}95%{rotate:-3deg}}@keyframes pj-cheer{0%{scale:1 1}25%{scale:1.08 .9}50%{scale:.95 1.1}75%{scale:1.03 .98}to{scale:1 1}}@media(prefers-reduced-motion:reduce){.is-pressed{scale:1}.is-released,.enter,.guide-bubble__avatar,.kid-pick__avatar,.kid-pick__avatar img,.pill-btn--lg,.answer-card.is-correct{animation:none!important}}.user-btn{display:flex;align-items:center;gap:6px;padding:4px;border-radius:var(--pj-radius-pill);background:var(--pj-surface);border:var(--pj-border-m) solid var(--pj-ring);box-shadow:0 4px 0 var(--pj-primary-subtle),0 6px 14px #00000014}.user-btn__avatar,.user-btn__gear{display:grid;place-items:center;width:52px;height:52px;padding:0;border:0;border-radius:var(--pj-radius-pill);background:var(--pj-primary-subtle);cursor:pointer}.user-btn__gear{background:transparent;color:var(--pj-text-body);width:var(--pj-tap-secondary);height:var(--pj-tap-secondary)}.user-btn__name{border:0;background:transparent;padding:0 8px 0 14px;min-height:var(--pj-tap-secondary);font-weight:700;font-size:20px;cursor:pointer;max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav{position:fixed;left:50%;bottom:0;translate:-50% 0;z-index:10;width:min(100%,720px);box-sizing:border-box;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;align-items:center;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--pj-surface);border-radius:var(--pj-radius-3xl) var(--pj-radius-3xl) 0 0;box-shadow:0 -4px 20px #00000014}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:var(--pj-tap-min);padding:6px 0;border-radius:var(--pj-radius-xl);color:var(--pj-text-body);font-size:14px;font-weight:700;text-decoration:none;transition:background-color .22s ease,color .22s ease}.bottom-nav__item.is-active{color:var(--pj-primary-strong);background:var(--pj-primary-subtle)}.home{align-items:center;overflow:hidden}.home__bg{position:fixed;inset:0;z-index:-1;background:var(--pj-page) url(/art/home-bg-school-portrait.webp) center bottom / cover no-repeat}@media(orientation:landscape){.home__bg{background-image:url(/art/home-bg-school-landscape.webp)}}.home__logo{display:block;width:min(72vw,300px);height:auto;margin-top:var(--pj-space-md)}.home__junior{width:min(60vw,280px);height:auto;margin-top:auto}.home .play-btn{margin-bottom:var(--pj-space-xl)}.profile-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--pj-space-lg);width:min(100%,720px)}.profile-tile{display:flex;flex-direction:column;align-items:center;gap:var(--pj-space-xs);width:100%;padding:var(--pj-space-sm);border:0;background:transparent;cursor:pointer}.profile-tile__ring{display:grid;place-items:center;width:128px;height:128px;border-radius:var(--pj-radius-pill);background:var(--pj-primary-subtle);border:6px solid var(--pj-ring);box-shadow:0 5px #00000014,0 8px 18px #00000014}.profile-tile:is(:active,.is-pressed) .profile-tile__ring{transform:translateY(3px)}.profile-tile--add .profile-tile__ring{background:var(--pj-surface);color:var(--pj-primary-strong);border-style:dashed;border-color:var(--pj-primary-subtle)}.profile-tile__ring--lg{width:168px;height:168px}.onb{max-width:480px;padding:max(15px,env(safe-area-inset-top)) 15px max(15px,env(safe-area-inset-bottom));gap:18px}.top-nav{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;border-radius:var(--pj-radius-pill);background:color-mix(in srgb,var(--pj-success) 8%,transparent)}.audio-btn,.pill-btn,.kid-pick__name,.onb__ask{border:1px solid var(--pj-success-strong);border-bottom-width:var(--pj-border-m);border-radius:var(--pj-radius-4xl) var(--pj-radius-4xl) 60px 60px}.audio-btn{display:grid;place-items:center;width:56px;height:56px;padding:0;background:var(--pj-success);cursor:pointer}.audio-btn__disc{display:grid;place-items:center;width:43px;height:43px;padding:2px;border:1px solid var(--pj-ring);border-radius:var(--pj-radius-pill);background:radial-gradient(ellipse 45px 68px at center,var(--pj-sky-50) 11%,var(--pj-sky-200) 55%,var(--pj-sky-500) 100%) content-box,var(--pj-primary)}.audio-btn:is(:active,.is-pressed),.pill-btn:is(:active,.is-pressed):not(:disabled){transform:translateY(2px);border-bottom-width:2px}.guide-bubble{display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:8px 18px 8px 10px;border:1px solid var(--pj-neutral-150);border-radius:var(--pj-radius-pill);background:var(--pj-neutral-50)}.guide-bubble__avatar{flex:none;width:56px;height:56px;transform-origin:50% 90%;animation:pj-wiggle 4.5s ease-in-out 1.2s infinite}.guide-bubble__text{margin:0;font-size:16px;line-height:1.35;color:var(--pj-text-ink);text-align:left}.pill-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:4px 12px 6px;background:var(--pj-success);color:var(--pj-surface);font:inherit;font-size:18px;cursor:pointer}.pill-btn:disabled{opacity:.5;cursor:default}.pill-btn--lg{min-height:72px;animation:pj-breathe 2.2s ease-in-out infinite}.pill-btn--quiet{background:var(--pj-surface);color:var(--pj-success-strong)}.onb__actions{display:flex;gap:15px;width:100%;margin-top:auto}.onb__footer{display:flex;flex-direction:column;gap:14px;width:100%;margin-top:auto}.onb__try{align-self:center;padding:0;font-size:16px}.onb__form{display:flex;flex-direction:column;gap:18px;flex:1;width:100%}.onb__forgot{align-self:flex-end;padding:0 8px;font-size:14px}.onb__note{margin:0;padding:10px 14px;border-radius:var(--pj-radius-xl);background:var(--pj-info-subtle);font-size:14px;color:var(--pj-text-body)}.field-stack,.field-group{display:flex;flex-direction:column;gap:10px;min-width:0}.field-group{margin:0;padding:0;border:0}.field-group__title{display:flex;justify-content:space-between;align-items:center;width:100%;padding:4px 4px 0;font-size:14px;font-weight:600;color:var(--pj-text-body)}.field-group__title .adult-link{padding:0;font-size:14px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-row .field{flex:1;min-width:0;text-align:center;text-align-last:center}.field{width:100%;height:48px;padding:0 16px;border:1px solid var(--pj-neutral-150);border-radius:var(--pj-radius-pill);background:var(--pj-neutral-50);font:inherit;font-size:16px;color:var(--pj-text-ink);appearance:none}.picker{position:relative;flex:1;min-width:0;display:flex}.picker__trigger{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;padding:0 40px;cursor:pointer;text-align:center}.picker__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker__chevron{position:absolute;right:16px;color:var(--pj-neutral-250);transition:rotate .26s var(--pj-ease-spring)}.picker.is-open .picker__chevron{rotate:180deg;color:var(--pj-primary)}.picker.is-open .picker__trigger{border-color:var(--pj-primary);box-shadow:0 0 0 3px var(--pj-primary-subtle)}.picker__list{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:30;min-width:180px;max-height:300px;margin:0;padding:6px;list-style:none;overflow-y:auto;overscroll-behavior:contain;background:var(--pj-surface);border:1px solid var(--pj-neutral-150);border-radius:var(--pj-radius-3xl);box-shadow:0 4px 0 var(--pj-primary-subtle),0 14px 32px #00000024;transform-origin:50% 0;animation:pj-drop .3s var(--pj-ease-spring) both}.picker__list:focus{outline:none}.picker--up .picker__list{top:auto;bottom:calc(100% + 8px);transform-origin:50% 100%}.picker__opt{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:0 16px;border-radius:var(--pj-radius-pill);font-size:16px;color:var(--pj-text-ink);cursor:pointer;transform-origin:50% 50%}.picker__opt.is-active{background:var(--pj-primary-subtle)}.picker__opt[aria-selected=true]{background:var(--pj-success);color:var(--pj-surface)}.picker__opt--clear{color:var(--pj-neutral-250)}:is(.field-group,.enter):has(.picker.is-open){position:relative;z-index:30}@keyframes pj-drop{0%{opacity:0;scale:.92 .8}to{opacity:1;scale:1 1}}@media(prefers-reduced-motion:reduce){.picker__list{animation:none}}.field::placeholder,.field.is-empty{color:var(--pj-neutral-250)}.field-date{position:relative;flex:1;min-width:0;display:flex}.field-date__ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--pj-neutral-250);font-size:16px;pointer-events:none}.field-date .field.is-empty:not(:focus)::-webkit-datetime-edit{color:transparent}.field-date:focus-within .field-date__ph{display:none}.field:focus{outline:none;border-color:var(--pj-primary);box-shadow:0 0 0 3px var(--pj-primary-subtle)}.add-child{display:flex;align-items:center;justify-content:center;gap:10px;height:48px;border:1px solid var(--pj-neutral-150);border-radius:var(--pj-radius-pill);background:var(--pj-neutral-100);font:inherit;font-size:16px;color:var(--pj-text-body);cursor:pointer}.add-child:disabled{color:var(--pj-neutral-250);cursor:default}.add-child__icon{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--pj-neutral-250);border-radius:var(--pj-radius-pill);background:var(--pj-neutral-50)}.consent{display:grid;gap:8px;font-size:14px;color:var(--pj-text-body);text-align:left}.consent__row{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.consent__row input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--pj-primary)}.consent__notice summary{color:var(--pj-primary-strong);font-weight:600;cursor:pointer}.consent__notice h2{margin:12px 0 4px;font-size:15px;color:var(--pj-text-ink)}.consent__notice p{margin:6px 0;font-size:13px}.consent__draft{color:var(--pj-warning);font-weight:600}.onb__pick{flex:1;display:flex;flex-direction:column;justify-content:center;gap:24px;width:100%}.onb__ask{margin:0;padding:8px 16px 10px;background:var(--pj-surface);color:var(--pj-primary);font-size:22px;font-weight:400;text-align:center}.kid-grid{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.kid-grid{--kid: 118px}.kid-grid--few{--kid: 150px}.kid-pick{display:flex;flex-direction:column;align-items:center;gap:12px;width:var(--kid);padding:0;border:0;background:transparent;cursor:pointer;transition:transform .42s var(--pj-ease-spring)}.kid-pick__avatar{position:relative;display:grid;place-items:center;width:calc(var(--kid) + 3px);height:calc(var(--kid) + 3px)}.kid-pick__avatar:before{content:"";position:absolute;inset:4px;border-radius:var(--pj-radius-pill);background:var(--ring);transform:scale(1.08)}.kid-pick__avatar img{position:relative;width:100%;height:auto;animation:pj-bob 2.8s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -.7s)}.kid-pick.is-on .kid-pick__avatar{animation:pj-hop .56s ease-out}.kid-pick__name{display:block;width:100%;min-height:48px;padding:8px 6px 10px;background:var(--pj-success);color:var(--pj-surface);font-size:20px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kid-grid:not(.kid-grid--few) .kid-pick__name{font-size:18px}.kid-pick.is-on{transform:translateY(-4px)}.kid-pick.is-on .kid-pick__avatar:before{box-shadow:0 0 0 4px var(--pj-success)}.kid-pick:not(.is-on) .kid-pick__name{background:var(--pj-surface);color:var(--pj-success-strong)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.subject-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--pj-space-lg)}@media(min-width:720px){.subject-list{grid-template-columns:repeat(3,1fr)}}.subject-card{display:flex;align-items:center;gap:var(--pj-space-lg);min-height:128px;padding:var(--pj-space-lg) var(--pj-space-xl);border-radius:var(--pj-radius-3xl);border:6px solid var(--pj-ring);color:var(--pj-surface)}@media(min-width:720px){.subject-card{flex-direction:column;justify-content:center;min-height:220px}}.subject-card--membaca{background:var(--pj-membaca);box-shadow:0 6px color-mix(in srgb,var(--pj-membaca) 70%,black)}.subject-card--mengira{background:var(--pj-mengira);box-shadow:0 6px color-mix(in srgb,var(--pj-mengira) 70%,black)}.subject-card--menulis{background:var(--pj-menulis);box-shadow:0 6px color-mix(in srgb,var(--pj-menulis) 70%,black)}.subject-card:is(:active,.is-pressed){transform:translateY(4px)}.subject-card.is-locked{filter:saturate(.35);opacity:.75}.subject-card.is-locked svg:last-child{margin-left:auto}.subject-icon-num{font-family:var(--pj-font-teach);font-size:40px;font-weight:700}.stage-path{list-style:none;margin:0;padding:var(--pj-space-lg) 0;display:flex;flex-direction:column;gap:var(--pj-space-xl)}.stage__node{display:grid;place-items:center;width:96px;height:96px;border-radius:var(--pj-radius-pill);border:6px solid var(--pj-ring);font-size:34px;font-weight:700;color:var(--pj-surface)}.stage--done .stage__node{background:var(--pj-success);box-shadow:0 6px 0 var(--pj-success-strong)}.stage--current .stage__node{width:116px;height:116px;background:var(--pj-membaca);box-shadow:0 6px color-mix(in srgb,var(--pj-membaca) 70%,black);animation:pulse 1.8s ease-in-out infinite}.stage--locked .stage__node{background:var(--pj-surface);color:var(--pj-text-body);box-shadow:0 6px #00000014}.lesson__bar{display:flex;align-items:center;gap:var(--pj-space-md)}.progress{flex:1;height:20px;border-radius:var(--pj-radius-pill);background:var(--pj-surface);border:3px solid var(--pj-ring);box-shadow:inset 0 2px 4px #00000014;overflow:hidden}.progress__fill{height:100%;background:var(--pj-primary);border-radius:inherit;transition:width .3s ease}.lesson__done{display:flex;flex-direction:column;align-items:center;gap:var(--pj-space-lg);margin:auto}.mech{display:flex;flex-direction:column;align-items:center;gap:var(--pj-space-xl);flex:1;justify-content:center}.mech__prompt .ring-btn{width:112px;height:112px}.mech__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--pj-space-lg);width:min(100%,720px)}.answer-card{display:grid;place-items:center;min-height:140px;padding:var(--pj-space-md);border-radius:var(--pj-radius-3xl);border:6px solid var(--pj-ring);background:var(--pj-surface);box-shadow:0 6px 0 var(--pj-primary-subtle),0 8px 18px #0000000f;cursor:pointer;transition:transform 80ms ease}.answer-card:is(:active,.is-pressed):not(:disabled){transform:translateY(4px)}.answer-card:disabled{cursor:default;opacity:.7}.answer-card.is-correct{background:var(--pj-success-subtle);box-shadow:0 6px 0 var(--pj-success);animation:pj-cheer .52s ease-out}.answer-card.is-tryagain{background:var(--pj-tryagain-subtle);box-shadow:0 6px 0 var(--pj-tryagain);animation:wobble .3s ease}.answer-card__img{font-family:var(--pj-font-teach);font-size:28px;color:var(--pj-text-ink)}.mech.is-locked .mech__options{pointer-events:none}@keyframes wobble{25%{translate:-6px 0}75%{translate:6px 0}}html:has(.mframe) body{background:var(--pj-surface)}.mframe{flex:1;display:flex;flex-direction:column;gap:14px;width:100%;max-width:560px;margin:0 auto}.mframe__top{display:grid;gap:10px}.mframe__play{flex:1;display:grid;place-items:center;align-content:center;gap:var(--pj-space-lg)}.guide-bubble--game{min-height:63px;gap:10px;padding:7px 15px}.guide-bubble--game .guide-bubble__avatar{width:45px;height:45px}.guide-bubble__stand-in{display:grid;place-items:center;border-radius:50%;background:var(--pj-surface);font-size:30px;line-height:1}.guide-bubble--game .guide-bubble__stand-in{font-size:26px}.guide-bubble--game .guide-bubble__text{font-family:var(--pj-font-teach);font-size:14px;line-height:1.25}.speak-bar{display:grid;place-items:center;width:100%;height:40px;padding:0;cursor:pointer;background:var(--pj-success);border:1px solid var(--pj-success-strong);border-bottom-width:4px;border-radius:var(--pj-radius-4xl) var(--pj-radius-4xl) 60px 60px}.speak-bar:is(:active,.is-pressed){transform:translateY(2px);border-bottom-width:2px}.round-track{list-style:none;margin:0;padding:8px 10px;display:flex;align-items:center;width:100%;--done: var(--pj-success-strong);--pale: color-mix(in srgb, #77d836 42%, white)}.round-track__stop{display:flex;align-items:center;flex:1}.round-track__stop:first-child{flex:none}.round-track__stop:before{content:"";flex:1;height:15px;margin:0 -6px;background:linear-gradient(to right,var(--done) 50%,var(--pale) 50%) 100% 0 / 200% 100% no-repeat;transition:background-position .65s cubic-bezier(.4,0,.2,1) .12s}.round-track__stop:first-child:before{display:none}.round-track__stop:is(.is-done,.is-now):before{background-position:0 0}.round-track__stop.is-just .round-track__node{animation:pj-stop-done .62s var(--pj-ease-spring) .38s both}@keyframes pj-stop-done{0%{scale:1}40%{scale:1.35;box-shadow:0 0 0 6px color-mix(in srgb,var(--pj-success) 40%,transparent)}to{scale:1;box-shadow:0 0 0 0 transparent}}.round-track__node{position:relative;z-index:1;flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--pale);transition:background-color .3s ease .4s}.round-track__node:after{content:"";width:14px;height:14px;border-radius:50%;background:#fff;border:2.5px solid var(--done);border-right-color:#fff;box-shadow:0 0 0 2.5px #fff}.round-track__stop.is-done .round-track__node{background:var(--done)}.round-track__stop.is-done .round-track__node:after{background:none;border-color:#fff;box-shadow:none;width:17px;height:17px;border-width:2px}.round-track__node:before{content:"";position:absolute;width:7px;height:4px;border:solid #fff;border-width:0 0 2px 2px;rotate:-45deg;translate:0 -1px;scale:0;transition:scale .38s var(--pj-ease-spring) .52s}.round-track__stop.is-done .round-track__node:before{scale:1}.round-track__node:after{transition:border-color .3s ease .45s,width .3s ease .45s,height .3s ease .45s}.round-track__stop.is-now .round-track__node{background:var(--done);box-shadow:0 0 0 0 transparent;animation:pj-halo 1.8s ease-out infinite}.round-track__stop.is-now .round-track__node:after{animation:spin 1.6s linear infinite}@keyframes pj-halo{0%{box-shadow:0 0 color-mix(in srgb,var(--pj-success) 55%,transparent)}to{box-shadow:0 0 0 8px transparent}}@keyframes spin{to{rotate:360deg}}@media(prefers-reduced-motion:reduce){.round-track,.round-track__node,.round-track__node:after,.round-track__node:before,.round-track__stop:before{animation:none!important;transition:none}}.where-pills{display:flex;justify-content:center;gap:4px}.where-pill{display:inline-flex;align-items:center;gap:5px;height:27px;padding:0 15px;border-radius:var(--pj-radius-pill);background:var(--pj-neutral-50);border:1px solid var(--pj-neutral-150);font-family:var(--pj-font-teach);font-size:10px;color:var(--pj-text-ink)}.lesson__where{flex:1;display:grid;gap:10px}.mech__prompt-img{width:140px;height:140px;object-fit:contain;border-radius:var(--pj-radius-3xl);background:var(--pj-surface)}.pick-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px;width:100%;max-width:420px}.pick-grid[data-count="3"]>.pick-card:nth-child(3){grid-column:1 / -1;justify-self:center;width:calc(50% - 7.5px)}.pick-card{container-type:inline-size;display:grid;place-items:center;aspect-ratio:1;padding:0;cursor:pointer;color:var(--pj-text-ink);background:var(--pj-surface);border:1px solid var(--pj-neutral-100);border-radius:30px;box-shadow:0 10px 0 var(--pj-neutral-250);transition:transform 80ms ease,box-shadow 80ms ease}.pick-card:is(:active,.is-pressed):not(:disabled){transform:translateY(6px);box-shadow:0 4px 0 var(--pj-neutral-250)}.pick-card:disabled{cursor:default}.mframe.is-locked .pick-card{opacity:.85}.pick-card__text{font-family:var(--pj-font-teach);font-size:70cqi;line-height:1;translate:0 -4%;white-space:nowrap}.pick-card[data-len="2"] .pick-card__text{font-size:44cqi}.pick-card[data-len="4"] .pick-card__text{font-size:30cqi}.pick-card[data-len="6"] .pick-card__text{font-size:21cqi}.pick-card[data-len=long] .pick-card__text{font-size:15cqi;white-space:normal;text-align:center}.pick-card__pic{width:78%;aspect-ratio:1;object-fit:contain}.pick-grid.is-pictures .pick-card{position:relative;padding:7px;overflow:hidden;transition:transform 80ms ease,box-shadow 80ms ease,opacity .32s ease,filter .32s ease}.pick-grid.is-pictures .pick-card__pic{width:100%;height:100%;object-fit:cover;border-radius:23px;background:var(--pj-surface)}.pick-grid.is-pictures .pick-card:is(.is-correct,.is-tryagain):after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:color-mix(in srgb,var(--tint) 18%,transparent)}.pick-grid.is-pictures .pick-card.is-correct{--tint: var(--pj-success)}.pick-grid.is-pictures .pick-card.is-tryagain{--tint: var(--pj-tryagain);animation:wobble .3s ease}.mframe.is-locked .pick-grid.is-pictures .pick-card{opacity:.5;filter:saturate(.6)}.pick-card__placeholder{position:relative;container-type:size;display:grid;place-items:center;width:100%;height:100%;min-width:0;overflow:hidden}.pick-card__placeholder .pick-card__word{max-width:94%;line-height:1.05;text-align:center;translate:none;overflow-wrap:anywhere}.sort-basket__label .pick-card__placeholder{width:72px;height:72px}.sort-chip .pick-card__placeholder{width:26px;height:26px}.pick-card__gap{position:absolute;left:50%;bottom:10px;translate:-50% 0;padding:2px 9px;border:1px dashed var(--pj-tryagain);border-radius:var(--pj-radius-pill);background:var(--pj-tryagain-subtle);color:var(--pj-text-ink);font:600 11px/1.3 var(--pj-font-adult);white-space:nowrap;pointer-events:none}@container (max-width: 96px){.pick-card__gap{bottom:3px;padding:0 4px;font-size:8.5px}}.pick-card.is-correct{background:var(--pj-success);border-color:transparent;box-shadow:0 10px 0 var(--pj-success-strong);color:#fff;animation:pj-cheer .52s ease-out}.pick-card.is-tryagain{background:var(--pj-tryagain);border-color:transparent;box-shadow:0 10px color-mix(in srgb,var(--pj-tryagain) 78%,black);color:#fff;animation:wobble .3s ease,pj-wrong-flash .65s ease-out}@keyframes pj-wrong-flash{0%,30%{background:#d84a53;box-shadow:0 10px #a63940}to{background:var(--pj-tryagain);box-shadow:0 10px color-mix(in srgb,var(--pj-tryagain) 78%,black)}}.mframe.is-shaking .round-track,.mframe.is-shaking .pick-grid{animation:pj-shake .38s ease}@keyframes pj-shake{15%{translate:-7px 0}35%{translate:6px 0}55%{translate:-4px 0}75%{translate:2px 0}}.pick-card{transition:transform 80ms ease,box-shadow 80ms ease,opacity .32s ease}.pick-card.is-tried:not(.is-tryagain),.pick-grid:has(.is-hint) .pick-card:not(.is-hint){opacity:.4}.pick-card.is-hint{border-color:var(--pj-success);animation:pj-glow 1.4s ease-in-out infinite}@keyframes pj-glow{0%,to{box-shadow:0 10px 0 var(--pj-neutral-250),0 0 14px 4px color-mix(in srgb,var(--pj-success) 50%,transparent)}50%{box-shadow:0 10px 0 var(--pj-neutral-250),0 0 30px 10px color-mix(in srgb,var(--pj-success) 80%,transparent)}}.mframe__top .guide-bubble--game{animation:pj-drop .42s var(--pj-ease-spring) both}.speak-bar{animation:pj-rise .48s var(--pj-ease-spring) .28s both}.pick-card{animation:pj-card-in var(--pj-dur-enter) var(--pj-ease-spring) backwards;animation-delay:calc(var(--i, 0) * 80ms + .14s)}.pick-card__in{display:grid;place-items:center;width:100%;height:100%}.pick-grid.is-ready .pick-card__in{animation:pj-jelly-soft .42s ease-out both,pj-breathe 2.8s ease-in-out infinite;animation-delay:calc(var(--i, 0) * 90ms),calc(var(--i, 0) * .25s + .6s)}.pick-card.is-correct .pick-card__in,.pick-card.is-tried .pick-card__in{animation:none}.pick-grid.is-leaving .pick-card,.pick-grid.is-leaving .pick-card.is-correct{animation:pj-card-out .38s ease-in both;animation-delay:calc(var(--i, 0) * 50ms)}.pick-grid.is-leaving .pick-card.is-correct{animation-delay:.22s}@keyframes pj-card-in{0%{opacity:0;scale:.55;translate:0 26px}to{opacity:1;scale:1;translate:0 0}}@keyframes pj-card-out{to{opacity:0;scale:.7;translate:0 -18px}}@keyframes pj-rise{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.pick-card,.pick-card__in,.pick-card.is-correct,.pick-card.is-tryagain,.pick-card.is-hint,.speak-bar,.mframe__top .guide-bubble--game{animation:none!important}.pick-grid.is-leaving .pick-card{animation:none!important;opacity:0;transition:opacity .2s}}.mech__hand{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;pointer-events:none;border-radius:50%;background:#1a1a1a73;border:4px solid #fff;box-shadow:0 0 0 10px #1a1a1a1f;animation:pj-tap 1.1s ease-in-out infinite}@keyframes pj-tap{0%,to{scale:1;translate:0 0}40%{scale:.82;translate:0 6px}55%{scale:.82;translate:0 6px}}@media(prefers-reduced-motion:reduce){.mech__hand{animation:none}}.speaker-card__icon{width:46cqi;height:46cqi;transition:filter .2s ease}.pick-slot{display:grid;animation:pj-card-in var(--pj-dur-enter) var(--pj-ease-spring) backwards;animation-delay:calc(var(--i, 0) * 80ms + .14s)}.pick-grid.has-slots[data-count="3"]>.pick-slot:nth-child(3){grid-column:1 / -1;justify-self:center;width:calc(50% - 7.5px)}.pick-grid.has-slots .pick-card:not(.is-correct,.is-tryagain,.is-hint){animation:none}.pick-grid.has-slots.is-leaving .pick-card{animation:none}.pick-grid.has-slots.is-leaving .pick-slot{animation:pj-card-out .38s ease-in both;animation-delay:calc(var(--i, 0) * 50ms)}.pick-grid.has-slots.is-leaving .pick-slot:has(.is-correct){animation-delay:.22s}.see-target[data-len="6"] .pick-card__text{font-size:22cqi}.see-target[data-len=long] .pick-card__text{font-size:17cqi}.see-target:is([data-len="6"],[data-len=long]){width:220px}.pick-grid.is-speakers .pick-card{transition:transform 80ms ease,box-shadow 80ms ease,opacity .32s ease,translate .22s var(--pj-ease-spring),border-color .22s ease}.pick-grid.is-speakers .pick-card.is-lifted{translate:0 -10px;border-color:var(--pj-success);box-shadow:0 18px 0 var(--pj-neutral-250)}.pick-grid.is-speakers .pick-card.is-playing .speaker-card__icon{animation:pj-speak .52s ease-in-out infinite}.pick-grid.is-speakers .pick-card.is-tryagain{animation:wobble .3s ease}.pick-grid.is-speakers .pick-card:is(.is-correct,.is-tryagain) .speaker-card__icon{filter:brightness(0) invert(1)}@keyframes pj-speak{50%{scale:1.14}}.read-sentence{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 6px;max-width:420px;margin:0 0 22px;font-family:var(--pj-font-teach);font-size:clamp(26px,7.5vw,40px);line-height:1.35;color:var(--pj-text-ink);text-align:center}.read-sentence__word{padding:0 8px;border-radius:var(--pj-radius-pill);transition:background-color .16s ease,color .16s ease}.read-sentence__word.is-lit,.read-sentence.is-all-lit .read-sentence__word{background:color-mix(in srgb,var(--pj-success) 22%,transparent);color:var(--pj-success-strong)}@media(prefers-reduced-motion:reduce){.read-sentence__word{transition:none}}.match{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;width:100%;max-width:420px}.match-col{display:flex;flex-direction:column;gap:14px}.match .pick-card{container-type:size;width:100%;aspect-ratio:auto;height:clamp(64px,calc((100dvh - 360px) / var(--rows, 3) - 14px),120px);border-radius:24px;transition:transform 80ms ease,box-shadow 80ms ease,opacity .32s ease,translate .22s var(--pj-ease-spring),border-color .22s ease,background-color .22s ease}.match .pick-card:not(.is-tryagain,.is-hint){animation:none}.match .pick-card__text{font-size:min(64cqh,60cqi)}.match .pick-card[data-len="2"] .pick-card__text{font-size:min(54cqh,40cqi)}.match .pick-card[data-len="4"] .pick-card__text{font-size:min(42cqh,26cqi)}.match .pick-card[data-len="6"] .pick-card__text{font-size:min(34cqh,19cqi)}.match .pick-card[data-len=long] .pick-card__text{font-size:min(28cqh,14cqi)}.match .speaker-card__icon{width:auto;height:52cqh}.match .pick-card__pic{width:auto;height:86cqh;aspect-ratio:1;object-fit:contain}.match-dots{display:grid;grid-template-columns:repeat(var(--cols, 3),auto);justify-content:center;gap:7cqh}.match-dots i{width:19cqh;height:19cqh;border-radius:50%;background:currentColor}.match-dots:is([data-n="7"],[data-n="8"],[data-n="9"],[data-n="10"]) i{width:15cqh;height:15cqh}.match .pick-card.is-lifted{translate:0 -6px;border-color:var(--pj-success);box-shadow:0 14px 0 var(--pj-neutral-250)}.match .pick-card.is-playing .speaker-card__icon{animation:pj-speak .52s ease-in-out infinite}.match .pick-card.is-matched{background:var(--pj-success-subtle);border-color:var(--pj-success);box-shadow:0 6px 0 var(--pj-success)}.match .pick-card.is-tryagain{animation:wobble .3s ease}.match .pick-card.is-tryagain .speaker-card__icon{filter:brightness(0) invert(1)}.match:has(.is-hint) .pick-card:not(.is-hint,.is-matched,.is-lifted){opacity:.4}.match.is-ready .pick-card:not(.is-matched) .pick-card__in{animation:pj-jelly-soft .42s ease-out both,pj-breathe 2.8s ease-in-out infinite;animation-delay:calc(var(--i, 0) * 60ms),calc(var(--i, 0) * .25s + .6s)}.match .pick-slot{animation-delay:calc(var(--i, 0) * 60ms + .14s)}.match-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;transition:opacity .3s ease}.match-line{stroke:var(--pj-success);stroke-width:6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:pj-draw .36s ease-out forwards}@keyframes pj-draw{to{stroke-dashoffset:0}}.mframe.is-shaking .match{animation:pj-shake .38s ease}.match.is-leaving .pick-slot{animation:pj-card-out .38s ease-in both;animation-delay:calc(var(--i, 0) * 40ms)}.match.is-leaving .match-lines{opacity:0}@media(prefers-reduced-motion:reduce){.match .pick-slot,.match-line,.match .pick-card.is-tryagain,.match .pick-card.is-playing .speaker-card__icon,.match.is-ready .pick-card__in{animation:none!important}.match-line{stroke-dashoffset:0}.match.is-leaving .pick-slot{opacity:0;transition:opacity .2s}}.gap-tiles.is-soft .gap-tile.is-tryagain .gap-tile__body{animation:wobble .3s ease}.gap-tile.is-picture .gap-tile__body{padding:6px;overflow:hidden}.gap-tile.is-picture .pick-card__pic,.gap-slot .pick-card__pic{width:100%;height:100%;object-fit:contain;border-radius:16px}.gap-tile.is-tried:not(.is-tryagain){opacity:.4}.gap-tile.is-eaten .gap-tile__body{scale:.1;opacity:0;transition:transform .32s ease,scale .26s ease-in .12s,opacity .2s ease .2s}.mech__hand.is-drag{animation:pj-drag-hint 1.6s ease-in-out infinite}@keyframes pj-drag-hint{0%{translate:0 30px;scale:1}20%{translate:0 30px;scale:.85}70%{translate:0 -90px;scale:.85}85%,to{translate:0 -90px;scale:1;opacity:0}}.sort-baskets{display:grid;grid-template-columns:repeat(var(--n, 2),minmax(0,1fr));gap:12px;width:100%;max-width:420px;margin-bottom:34px}.sort-baskets[data-count="2"]{--n: 2}.sort-baskets[data-count="3"]{--n: 3}.sort-basket{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:150px;padding:12px 8px 14px;cursor:pointer;border:3px solid color-mix(in srgb,var(--pj-primary) 45%,transparent);border-top-width:10px;border-radius:14px 14px 30px 30px;background:color-mix(in srgb,var(--pj-primary) 8%,var(--pj-surface));color:var(--pj-text-ink);width:100%;transition:background-color .2s ease,border-color .2s ease,scale .2s var(--pj-ease-spring)}.sort-slot{display:grid;animation:pj-card-in var(--pj-dur-enter) var(--pj-ease-spring) backwards;animation-delay:calc(var(--i, 0) * 80ms + .14s)}.sort-basket__label{font-family:var(--pj-font-teach);font-size:clamp(20px,5.5vw,28px);line-height:1.1;text-align:center}.sort-basket__label .pick-card__pic{width:64px;height:64px}.sort-basket__in{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.sort-chip{display:grid;place-items:center;min-width:30px;height:30px;padding:0 6px;border-radius:9px;background:var(--pj-success);color:#fff;font:20px/1 var(--pj-font-teach);animation:pj-slot-in .42s cubic-bezier(.3,.7,.4,1)}.sort-chip .pick-card__pic{width:26px;height:26px}.sort-chip .pick-card__text{font-size:16px}.sort-basket.is-over{background:color-mix(in srgb,var(--pj-primary) 24%,var(--pj-surface));border-color:var(--pj-primary);scale:1.04}.sort-basket.is-tryagain{background:var(--pj-tryagain-subtle);border-color:var(--pj-tryagain);animation:wobble .3s ease}.sort-basket.is-hint{border-color:var(--pj-success);animation:pj-glow 1.4s ease-in-out infinite}.sort-baskets.is-leaving .sort-slot{animation:pj-card-out .38s ease-in both}.mframe.is-shaking .sort-baskets{animation:pj-shake .38s ease}.feed-pet{display:grid;place-items:center;width:170px;height:170px;margin-bottom:28px;border-radius:50%;background:color-mix(in srgb,var(--pj-primary) 8%,transparent);transition:scale .22s var(--pj-ease-spring),background-color .2s ease}.feed-pet.is-over{scale:1.1;background:color-mix(in srgb,var(--pj-success) 18%,transparent)}.feed-pet.is-unsure .feed-pet__body{animation:wobble .3s ease}.feed-pet__body.is-chomp{animation:pj-chomp .52s ease-out}@keyframes pj-chomp{25%{scale:1.12 .86}50%{scale:.94 1.08}75%{scale:1.03 .98}}.feed-pet.is-leaving{animation:pj-card-out .38s ease-in .2s both}.balloon-target{display:grid;place-items:center;width:92px;height:92px;margin-bottom:18px;padding:0;cursor:pointer;container-type:inline-size;border:1px solid var(--pj-neutral-100);border-radius:26px;background:var(--pj-surface);box-shadow:0 8px 0 var(--pj-neutral-250)}.balloon-target.is-playing .speaker-card__icon{animation:pj-speak .52s ease-in-out infinite}.balloons{position:relative;display:grid;grid-template-columns:repeat(var(--cols, 3),minmax(0,1fr));gap:10px 14px;width:100%;max-width:400px}.balloon-slot{display:grid;justify-items:center;animation:pj-card-in var(--pj-dur-enter) var(--pj-ease-spring) backwards;animation-delay:calc(var(--i, 0) * 70ms + .14s)}.balloon{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:104px;padding:0;border:0;background:none;cursor:pointer;color:#fff}.balloon__body{container-type:inline-size;display:grid;place-items:center;width:100%;aspect-ratio:.84;border-radius:50% 50% 47% 47%/56% 56% 44% 44%;background:radial-gradient(circle at 32% 28%,rgb(255 255 255 / .45) 0 12%,transparent 13%),var(--tint, var(--pj-primary));box-shadow:inset -8px -10px #00000014;transition:scale .26s ease,opacity .26s ease,background-color .2s ease}.balloon[data-tint="1"]{--tint: var(--pj-art-pink)}.balloon[data-tint="2"]{--tint: var(--pj-info)}.balloon[data-tint="3"]{--tint: var(--pj-streak)}.balloon[data-tint="4"]{--tint: var(--pj-primary)}.balloon__string{width:2px;height:26px;background:var(--pj-neutral-250);transition:opacity .2s ease}.balloon .pick-card__text{font-size:50cqi}.balloon[data-len="2"] .pick-card__text{font-size:36cqi}.balloon[data-len="4"] .pick-card__text{font-size:24cqi}.balloons.is-ready .balloon-slot:not(:has(.is-popped)){animation:pj-card-in var(--pj-dur-enter) var(--pj-ease-spring) backwards,pj-balloon-bob 3.2s ease-in-out infinite;animation-delay:calc(var(--i, 0) * 70ms + .14s),calc(var(--i, 0) * -.45s)}@keyframes pj-balloon-bob{50%{translate:0 -8px}}.balloon.is-popped .balloon__body{scale:1.3;opacity:0}.balloon.is-popped .balloon__string{opacity:0}.balloon.is-tryagain .balloon__body{--tint: var(--pj-tryagain);animation:wobble .3s ease}.balloon.is-tried:not(.is-tryagain){opacity:.55}.balloon.is-hint .balloon__body{animation:pj-glow 1.4s ease-in-out infinite}.balloons:has(.is-hint) .balloon:not(.is-hint,.is-popped){opacity:.4}.mframe.is-locked .balloon{opacity:.6}.mframe.is-shaking .balloons{animation:pj-shake .38s ease}.balloons.is-leaving .balloon-slot{animation:pj-card-out .38s ease-in both;animation-delay:calc(var(--i, 0) * 30ms)}.flip-grid.is-memory .flip-card.is-tryagain .flip-card__front{animation:wobble .3s ease}.flip-card .speaker-card__icon{width:46cqi;height:auto}.flip-card.is-match .speaker-card__icon,.flip-card.is-tryagain .speaker-card__icon{filter:brightness(0) invert(1)}.flip-card .match-dots{gap:6cqi}.flip-card .match-dots i{width:15cqi;height:15cqi}.flip-card .match-dots:is([data-n="7"],[data-n="8"],[data-n="9"],[data-n="10"]) i{width:11cqi;height:11cqi}.flip-card .pick-card__pic{width:80%;height:80%;object-fit:contain}.tf-picture{display:grid;place-items:center;width:150px;height:150px;margin-bottom:10px;padding:6px;border-radius:26px;background:var(--pj-surface);border:1px solid var(--pj-neutral-100);box-shadow:0 8px 0 var(--pj-neutral-250);animation:pj-card-in var(--pj-dur-enter) var(--pj-ease-spring) backwards}.tf-picture .pick-card__pic{width:100%;height:100%;object-fit:contain;border-radius:20px}.tf-picture.is-leaving{animation:pj-card-out .38s ease-in both}.tf-grid{max-width:340px}.tf-btn__icon{width:48cqi;height:48cqi}.tf-btn--yes{color:var(--pj-success-strong)}.tf-btn--no{color:var(--pj-primary)}.tf-grid .pick-card.is-tryagain{animation:wobble .3s ease}.tf-grid .pick-card:is(.is-correct,.is-tryagain){color:#fff}@media(prefers-reduced-motion:reduce){.sort-slot,.sort-basket,.sort-chip,.balloon-slot,.balloon,.balloon__body,.feed-pet,.feed-pet__body,.tf-picture,.mech__hand.is-drag,.gap-tiles.is-soft .gap-tile.is-tryagain .gap-tile__body,.flip-grid.is-memory .flip-card.is-tryagain .flip-card__front{animation:none!important}}.mech__hand.is-double{animation:pj-tap-double 1.6s ease-in-out infinite}@keyframes pj-tap-double{0%,to{scale:1;translate:0 0}15%,22%{scale:.82;translate:0 6px}32%{scale:1;translate:0 0}45%,52%{scale:.82;translate:0 6px}62%{scale:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.pick-grid.is-speakers .pick-card.is-playing .speaker-card__icon,.pick-grid.is-speakers .pick-card.is-tryagain,.mech__hand.is-double,.pick-slot{animation:none!important}.pick-grid.has-slots.is-leaving .pick-slot{opacity:0;transition:opacity .2s}.pick-grid.is-speakers .pick-card{transition:opacity .2s}}.pet-home{align-items:center}.pet-meters{display:flex;justify-content:space-between;align-items:center;width:100%;gap:var(--pj-space-md)}.meter{display:flex;align-items:center;gap:var(--pj-space-xs);color:var(--pj-tryagain)}.meter__track{width:140px;height:18px;border-radius:var(--pj-radius-pill);background:var(--pj-surface);border:3px solid var(--pj-ring);overflow:hidden;box-shadow:inset 0 2px 4px #00000014}.meter__fill{display:block;height:100%;background:var(--pj-coins);border-radius:inherit}.pet-home__junior{width:min(70vw,320px);height:auto;margin:auto 0}.care-row{display:flex;gap:var(--pj-space-lg)}.care-glyph{font-size:34px;line-height:1}.adult{font-family:var(--pj-font-adult);font-size:16px;color:var(--pj-text-ink);max-width:640px}.adult h1{font-size:24px;margin:0}.adult h2{font-size:18px;margin:0 0 var(--pj-space-sm)}.adult__header{display:flex;align-items:center;gap:var(--pj-space-sm)}.adult__back{display:grid;place-items:center;width:var(--pj-tap-secondary);height:var(--pj-tap-secondary);border:0;border-radius:var(--pj-radius-pill);background:var(--pj-surface);cursor:pointer;box-shadow:0 1px 4px #0000001f}.screen--center .adult__back{align-self:flex-start}.adult__card{background:var(--pj-surface);border-radius:var(--pj-radius-xl);padding:var(--pj-space-lg);box-shadow:0 1px 6px #00000014}.adult__list{list-style:none;margin:0 0 var(--pj-space-md);padding:0;display:grid;gap:var(--pj-space-xs)}.adult__list li{display:flex;align-items:center;gap:var(--pj-space-sm);min-height:var(--pj-tap-secondary)}.adult__list .dot{width:20px;height:20px;border-radius:var(--pj-radius-pill)}.adult__list .grow{flex:1}.adult__list li:has(.adult__confirm){flex-wrap:wrap}.adult__confirm{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:10px 12px;border-radius:var(--pj-radius-xl);background:var(--pj-tryagain-subtle);font-size:14px;animation:pj-drop .26s var(--pj-ease-spring) both;transform-origin:50% 0}.adult__confirm>span{flex-basis:100%}.adult-link--danger{color:var(--pj-warning);font-weight:700}.adult__row{display:flex;flex-wrap:wrap;gap:var(--pj-space-sm);align-items:center}.adult__form{display:grid;gap:var(--pj-space-md);width:100%;text-align:left}.adult__form label{display:grid;gap:6px;font-weight:500}.adult__form input{min-height:var(--pj-tap-secondary);padding:0 var(--pj-space-sm);font:inherit;font-size:18px;border:var(--pj-border-s) solid #d9d9d9;border-radius:var(--pj-radius-lg);background:var(--pj-surface)}.adult__form input:focus{border-color:var(--pj-primary);outline:none}.adult__note{margin:0;color:var(--pj-text-body)}.adult__error{margin:0;color:var(--pj-warning)}.adult__ok{margin:0;color:var(--pj-success-strong)}.adult-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--pj-tap-secondary);padding:0 var(--pj-space-xl);border:0;border-radius:var(--pj-radius-pill);background:var(--pj-primary);color:var(--pj-surface);font:inherit;font-weight:600;cursor:pointer}.adult-btn:disabled{opacity:.6;cursor:default}.adult-btn--ghost{background:var(--pj-primary-subtle);color:var(--pj-primary-strong)}.adult-link{border:0;background:none;padding:8px 0;color:var(--pj-primary-strong);font:inherit;font-weight:600;cursor:pointer}.hold-btn{--p: 0;display:grid;place-items:center;width:140px;height:140px;border:0;border-radius:var(--pj-radius-pill);cursor:pointer;touch-action:none;user-select:none;color:var(--pj-text-heading);background:conic-gradient(var(--pj-primary) calc(var(--p) * 360deg),var(--pj-primary-subtle) 0);box-shadow:inset 0 0 0 14px var(--pj-surface),0 2px 10px #0000001a}.flip-target{position:relative;container-type:inline-size;display:grid;place-items:center;width:116px;aspect-ratio:1;margin-bottom:18px;background:var(--pj-surface);border:3px solid var(--pj-success);border-radius:30px;box-shadow:0 8px 0 var(--pj-neutral-250);color:var(--pj-text-ink);animation:pj-card-in var(--pj-dur-enter) var(--pj-ease-spring) backwards}.flip-target[data-len="2"] .pick-card__text{font-size:44cqi}.flip-target[data-len="4"] .pick-card__text{font-size:30cqi}.flip-target[data-len="6"],.flip-target[data-len=long]{width:170px;aspect-ratio:auto;padding:18px 12px}.flip-target__lock{position:absolute;top:-10px;right:-10px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--pj-success);color:#fff;box-shadow:0 3px 0 var(--pj-success-strong)}.flip-grid{position:relative;display:grid;grid-template-columns:repeat(var(--cols, 3),minmax(0,1fr));gap:14px;width:100%;max-width:420px}.flip-slot{display:grid;animation:pj-card-in var(--pj-dur-enter) var(--pj-ease-spring) backwards;animation-delay:calc(var(--i, 0) * 60ms)}.flip-card{container-type:inline-size;aspect-ratio:1;padding:0;border:0;background:none;cursor:pointer;perspective:900px}.flip-card:disabled{cursor:default}.flip-card__in{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.3,.7,.4,1)}.flip-card.is-up .flip-card__in{transform:rotateY(180deg)}.flip-card__face{position:absolute;inset:0;display:grid;place-items:center;border-radius:22px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:background-color .2s ease,box-shadow .2s ease}.flip-card__back{background:radial-gradient(circle,rgb(255 255 255 / .9) 0 9%,rgb(255 255 255 / .25) 9.5% 16%,transparent 16.5%),var(--pj-primary);box-shadow:0 8px color-mix(in srgb,var(--pj-primary) 70%,black)}.flip-card__back:before{content:"";position:absolute;inset:9%;border:2.5px dashed rgb(255 255 255 / .4);border-radius:15px}.flip-card:active:not(:disabled):not(.is-up) .flip-card__in{transform:translateY(4px)}.flip-card__front{transform:rotateY(180deg);background:var(--pj-surface);border:1px solid var(--pj-neutral-100);box-shadow:0 8px 0 var(--pj-neutral-250);color:var(--pj-text-ink)}.flip-card .pick-card__text{font-size:62cqi}.flip-card[data-len="2"] .pick-card__text{font-size:40cqi}.flip-card[data-len="4"] .pick-card__text{font-size:27cqi}.flip-card[data-len="6"] .pick-card__text{font-size:19cqi}.flip-card[data-len=long] .pick-card__text{font-size:14cqi;white-space:normal;text-align:center}.flip-card.is-match .flip-card__front{background:var(--pj-success);border-color:transparent;color:#fff;box-shadow:0 8px 0 var(--pj-success-strong),0 0 22px 4px color-mix(in srgb,var(--pj-success) 55%,transparent)}.flip-card.is-tryagain .flip-card__front{background:var(--pj-tryagain);border-color:transparent;color:#fff;animation:pj-wrong-flash .65s ease-out}.flip-card.is-hint .flip-card__back{animation:pj-glow 1.4s ease-in-out infinite}.flip-grid:has(.is-hint) .flip-card:not(.is-hint):not(.is-up){opacity:.4;transition:opacity .32s ease}.mframe.is-shaking .flip-grid{animation:pj-shake .38s ease}.flip-grid.is-leaving .flip-slot{animation:pj-card-out .38s ease-in both;animation-delay:calc(var(--i, 0) * 30ms)}@media(prefers-reduced-motion:reduce){.flip-slot,.flip-target,.flip-card.is-tryagain .flip-card__front,.flip-card.is-hint .flip-card__back{animation:none!important}.flip-card__in{transition:none}.flip-grid.is-leaving .flip-slot{animation:none!important;opacity:0;transition:opacity .2s}}.flip-card:focus:not(:focus-visible){outline:none}.burst{position:absolute;inset:0;pointer-events:none;z-index:2}.burst i{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;opacity:0;animation:pj-burst .64s cubic-bezier(.2,.7,.3,1) var(--d, 0ms) both}.burst__dot{border-radius:50%;background:var(--pj-coins)}.burst__star{background:var(--pj-primary);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:16px!important;height:16px!important;margin:-8px 0 0 -8px!important}@keyframes pj-burst{0%{opacity:0;transform:rotate(var(--a)) translateY(0) scale(.4)}25%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(-70px) scale(1)}}.follow-stage{display:grid;justify-items:center;gap:26px;width:100%}.follow-big__hit{position:relative;display:grid;width:min(78%,300px);aspect-ratio:1;padding:0;border:0;background:none;cursor:pointer}.follow-big__hit:focus:not(:focus-visible){outline:none}.follow-big{grid-area:1 / 1;position:relative;container-type:inline-size;display:grid;place-items:center;width:100%;height:100%;color:var(--pj-text-ink);background:var(--pj-surface);border:1px solid var(--pj-neutral-100);border-radius:36px;box-shadow:0 12px 0 var(--pj-neutral-250);transition:background-color .22s ease,box-shadow .22s ease,color .22s ease}.follow-big__in{display:grid;place-items:center;width:100%;height:100%}.follow-big .pick-card__text{font-size:66cqi}.follow-big[data-len="2"] .pick-card__text{font-size:44cqi}.follow-big[data-len="4"] .pick-card__text,.follow-big[data-len=long] .pick-card__text{font-size:28cqi}.follow-big.is-wait{animation:pj-card-in var(--pj-dur-enter) var(--pj-ease-spring) backwards}.follow-big.is-live{animation:pj-follow-breathe 1.8s ease-in-out infinite}@keyframes pj-follow-breathe{0%,to{scale:1;box-shadow:0 12px 0 var(--pj-neutral-250),0 0 14px 4px color-mix(in srgb,var(--pj-primary) 35%,transparent)}50%{scale:1.04;box-shadow:0 12px 0 var(--pj-neutral-250),0 0 32px 10px color-mix(in srgb,var(--pj-primary) 60%,transparent)}}.follow-big.is-live.is-hint{animation-duration:1.1s}.follow-big.is-green{background:var(--pj-success);border-color:transparent;color:#fff;box-shadow:0 12px 0 var(--pj-success-strong),0 0 30px 8px color-mix(in srgb,var(--pj-success) 50%,transparent)}.follow-big.is-green .follow-big__in{animation:wobble .32s ease,pj-cheer .52s ease-out .26s}.follow-big.is-out{animation:pj-glide-out .46s cubic-bezier(.22,1,.36,1) both;pointer-events:none}.follow-big.is-in{animation:pj-glide-in .46s cubic-bezier(.22,1,.36,1) both}@keyframes pj-glide-out{to{transform:translate(-115%) rotate(-6deg);opacity:0}}@keyframes pj-glide-in{0%{transform:translate(115%) rotate(6deg);opacity:0}}.follow-next{width:240px;padding-bottom:10px;overflow:hidden;-webkit-mask:linear-gradient(90deg,#000 70%,transparent);mask:linear-gradient(90deg,#000 70%,transparent)}.follow-next__track{display:flex;gap:12px;transform:translate(calc((var(--at) + 1) * -84px));transition:transform .46s cubic-bezier(.22,1,.36,1)}.follow-next__card{flex:none;container-type:inline-size;display:grid;place-items:center;width:72px;aspect-ratio:1;border-radius:18px;color:var(--pj-text-ink);background:var(--pj-surface);border:1px solid var(--pj-neutral-100);box-shadow:0 6px 0 var(--pj-neutral-250);opacity:.7;transition:opacity .3s ease}.follow-next__card.is-past{opacity:0}.follow-next__card .pick-card__text{font-size:60cqi}.follow-next__card[data-len="2"] .pick-card__text{font-size:40cqi}.follow-grid{position:relative;display:grid;grid-template-columns:repeat(var(--cols, 5),minmax(0,1fr));gap:12px;width:100%;max-width:420px}.follow-tile{position:relative;container-type:inline-size;display:grid;place-items:center;aspect-ratio:1;border-radius:20px;color:#fff;background:var(--pj-success);box-shadow:0 7px 0 var(--pj-success-strong);opacity:0}.follow-tile__in{display:grid;place-items:center;width:100%;height:100%}.follow-tile .pick-card__text{font-size:60cqi}.follow-tile[data-len="2"] .pick-card__text{font-size:40cqi}.follow-tile[data-len="4"] .pick-card__text,.follow-tile[data-len=long] .pick-card__text{font-size:26cqi}.follow-grid.is-flowing .follow-tile{opacity:1;animation:pj-flow-in .64s cubic-bezier(.22,1,.36,1) var(--fd, 0ms) backwards}@keyframes pj-flow-in{0%{transform:translate(var(--fx),var(--fy)) scale(2.4);opacity:0}30%{opacity:1}}.follow-grid.is-waving .follow-tile{animation:pj-wave .52s ease-in-out both;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes pj-wave{0%,to{translate:0 0}45%{translate:0 -16px}}.follow-grid.is-leaving .follow-tile{animation:pj-card-out .38s ease-in both;animation-delay:calc(var(--i, 0) * 30ms)}@media(prefers-reduced-motion:reduce){.follow-big,.follow-big__in,.follow-grid .follow-tile{animation:none!important}.follow-next__track{transition:none}}.gap-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;max-width:420px;margin-bottom:40px}.gap-slot{position:relative;container-type:inline-size;display:grid;place-items:center;width:clamp(60px,21%,88px);aspect-ratio:1;border-radius:20px;background:var(--pj-surface);border:1px solid var(--pj-neutral-100);box-shadow:0 6px 0 var(--pj-neutral-250);color:var(--pj-text-ink);transition:background-color .22s ease,box-shadow .22s ease,transform .22s ease;animation:pj-card-in var(--pj-dur-enter) var(--pj-ease-spring) backwards;animation-delay:calc(var(--i, 0) * 60ms + .1s)}.gap-slot.is-open{background:color-mix(in srgb,var(--pj-primary) 10%,var(--pj-surface));border:3px dashed var(--pj-primary);animation:pj-card-in var(--pj-dur-enter) var(--pj-ease-spring) backwards,pj-slot-glow 1.6s ease-in-out .7s infinite}@keyframes pj-slot-glow{0%,to{box-shadow:0 0 10px 2px color-mix(in srgb,var(--pj-primary) 35%,transparent);scale:1}50%{box-shadow:0 0 24px 8px color-mix(in srgb,var(--pj-primary) 65%,transparent);scale:1.04}}.gap-slot.is-over{background:color-mix(in srgb,var(--pj-primary) 28%,var(--pj-surface));border-style:solid;scale:1.12;box-shadow:0 0 30px 12px color-mix(in srgb,var(--pj-primary) 75%,transparent);animation:none;transition:scale .16s ease,box-shadow .16s ease,background-color .16s ease}.gap-slot.is-tryagain{border-color:var(--pj-tryagain);background:var(--pj-tryagain-subtle)}.gap-slot.is-filled{background:var(--pj-success);border-color:transparent;color:#fff;box-shadow:0 6px 0 var(--pj-success-strong);animation:pj-slot-in .46s cubic-bezier(.3,.7,.4,1)}.gap-slot.is-filled .pick-card__text{animation:pj-letter-drop .42s cubic-bezier(.3,.7,.4,1)}@keyframes pj-slot-in{0%{scale:1.18}40%{scale:.9 1.08}70%{scale:1.04 .97}to{scale:1}}@keyframes pj-letter-drop{0%{translate:0 -40%;scale:1.4;opacity:.4}}.gap-slot__ripple{position:absolute;inset:-4px;border-radius:22px;border:3px solid var(--pj-success);pointer-events:none;animation:pj-ripple .62s ease-out both}@keyframes pj-ripple{0%{opacity:.9;scale:1}to{opacity:0;scale:1.7}}.gap-slot.is-reading{transform:translateY(-8px) scale(1.06);background:color-mix(in srgb,var(--pj-coins) 32%,var(--pj-surface));border-color:transparent}.gap-slot.is-filled.is-reading{background:var(--pj-success);transform:translateY(-12px) scale(1.16);z-index:3;box-shadow:0 6px 0 var(--pj-success-strong),0 0 34px 12px color-mix(in srgb,var(--pj-success) 70%,transparent),0 0 70px 26px color-mix(in srgb,var(--pj-coins) 40%,transparent);animation:pj-shine-pulse .7s ease-out}@keyframes pj-shine-pulse{0%{filter:brightness(1)}35%{filter:brightness(1.25)}to{filter:brightness(1)}}.gap-slot__shine{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}.gap-slot__shine:after{content:"";position:absolute;top:-20%;bottom:-20%;width:40%;left:-60%;transform:skew(-18deg);background:linear-gradient(90deg,transparent,rgb(255 255 255 / .75),transparent);animation:pj-sheen .62s ease-out 80ms both}@keyframes pj-sheen{to{left:130%}}.burst--big i{animation-name:pj-burst-big;animation-duration:.9s}.burst--big .burst__star{width:20px!important;height:20px!important;margin:-10px 0 0 -10px!important}.burst--big .burst__dot{width:14px;height:14px;margin:-7px 0 0 -7px}@keyframes pj-burst-big{0%{opacity:0;transform:rotate(var(--a)) translateY(0) scale(.4)}20%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(-110px) scale(1.1) rotate(160deg)}}.gap-tiles{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:14px;width:100%;max-width:420px}.gap-tile-slot{position:relative;z-index:1;display:grid;width:clamp(72px,24%,100px);animation:pj-card-in var(--pj-dur-enter) var(--pj-ease-spring) backwards;animation-delay:calc(var(--i, 0) * 80ms + .42s)}.gap-tile-slot.is-dragging{z-index:5}.gap-tile{position:relative;container-type:inline-size;display:grid;width:100%;aspect-ratio:1;padding:0;border:0;background:none;cursor:grab;touch-action:none;color:var(--pj-text-ink)}.gap-tile:focus:not(:focus-visible){outline:none}.gap-tile__body{display:grid;place-items:center;width:100%;height:100%;border-radius:22px;background:var(--pj-surface);border:1px solid var(--pj-neutral-100);box-shadow:0 8px 0 var(--pj-neutral-250);transition:transform .32s cubic-bezier(.3,.7,.4,1),box-shadow .2s ease,scale .2s ease,background-color .2s ease}.gap-tile.is-dragging{z-index:5;cursor:grabbing}.gap-tile.is-dragging .gap-tile__body{scale:1.08;box-shadow:0 18px 26px #0003;animation:pj-drag-wiggle .26s ease-in-out infinite}@keyframes pj-drag-wiggle{0%,to{rotate:-3deg}50%{rotate:3deg}}.gap-tile.is-used{opacity:0;pointer-events:none;transition:opacity .12s ease .16s}.gap-tile.is-tryagain .gap-tile__body{background:var(--pj-tryagain);border-color:transparent;color:#fff;animation:pj-wrong-flash .65s ease-out}.gap-tile.is-hint .gap-tile__body{animation:pj-glow 1.4s ease-in-out infinite}.gap-tiles:has(.is-hint) .gap-tile:not(.is-hint):not(.is-used){opacity:.4}.gap-tiles.is-leaving .gap-tile-slot{animation:pj-card-out .38s ease-in both;animation-delay:calc(var(--i, 0) * 30ms)}.mframe.is-shaking .gap-row{animation:pj-shake .38s ease}.gap-row.is-leaving .gap-slot{animation:pj-card-out .38s ease-in both;animation-delay:calc(var(--i, 0) * 30ms)}@media(prefers-reduced-motion:reduce){.burst,.gap-slot,.gap-tile,.gap-tile__body,.gap-slot.is-open,.gap-slot__ripple,.gap-slot .pick-card__text,.gap-slot__shine:after{animation:none!important}.gap-row.is-leaving .gap-slot,.gap-tiles.is-leaving .gap-tile{animation:none!important;opacity:0;transition:opacity .2s}}.where-row{display:flex;align-items:center;justify-content:center;gap:4px}.where-row .aa-switch{position:relative;flex:none;height:27px;min-width:0;padding:0 13px;gap:2px;box-shadow:none;border:1px solid var(--pj-neutral-150);background:var(--pj-neutral-50)}.where-row .aa-switch:before{content:"";position:absolute;inset:-10px -6px}.where-row .aa-switch .aa-switch__big,.where-row .aa-switch.is-lower .aa-switch__small{font-size:17px}.where-row .aa-switch .aa-switch__small,.where-row .aa-switch.is-lower .aa-switch__big{font-size:13px}.aa-switch{display:inline-flex;align-items:center;justify-content:center;gap:1px;min-width:var(--pj-tap-min, 48px);height:var(--pj-tap-min, 48px);padding:0 12px;border:0;border-radius:999px;cursor:pointer;font-family:var(--pj-font-teach);color:var(--pj-text-ink);background:var(--pj-surface);box-shadow:0 4px 0 var(--pj-neutral-250),inset 0 0 0 2px var(--pj-neutral-100)}.aa-switch span{line-height:1;transition:font-size .22s cubic-bezier(.3,.7,.4,1),color .22s ease,opacity .22s ease}.aa-switch .aa-switch__big{font-size:23px}.aa-switch .aa-switch__small,.aa-switch.is-lower .aa-switch__big{font-size:18px;opacity:.45}.aa-switch.is-lower .aa-switch__small{font-size:26px;opacity:1}.aa-switch.is-upper .aa-switch__big,.aa-switch.is-lower .aa-switch__small{color:var(--pj-primary-strong)}.loading{justify-content:center;gap:14px;background:#f3fdf8}.loading__pet{display:block;animation:loading-hop 1.1s cubic-bezier(.4,0,.2,1) infinite}.loading__shadow{width:110px;height:14px;border-radius:50%;background:#00564c1f;animation:loading-shadow 1.1s cubic-bezier(.4,0,.2,1) infinite}.loading__dots{display:flex;gap:8px;margin-top:10px}.loading__dots i{width:10px;height:10px;border-radius:50%;background:#00cc85;animation:loading-dot 1.2s ease-in-out infinite}.loading__dots i:nth-child(2){animation-delay:.15s}.loading__dots i:nth-child(3){animation-delay:.3s}@keyframes loading-hop{0%,to{translate:0 0}45%{translate:0 -18px}}@keyframes loading-shadow{0%,to{scale:1;opacity:1}45%{scale:.75;opacity:.6}}@keyframes loading-dot{0%,to{opacity:.3;scale:.8}50%{opacity:1;scale:1}}@media(prefers-reduced-motion:reduce){.loading__pet,.loading__shadow,.loading__dots i{animation:none}}.lesson-notnow{justify-content:center;gap:12px;background:#f3fdf8}.lesson-notnow h1{margin:8px 0 0;font-size:26px;font-weight:800;color:#00564c}.lesson-notnow p{margin:0;color:var(--pj-text-body);font-size:17px}.lesson-notnow__back{margin-top:18px;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;border:1px solid #bfbfbf;background:#fff;box-shadow:inset 0 -5px #bfbfbf;color:var(--pj-text-heading);cursor:pointer}.word-picture{position:relative;display:grid;width:clamp(110px,30vw,150px);aspect-ratio:1;margin-bottom:12px;padding:6px;border-radius:26px;background:var(--pj-surface);border:1px solid var(--pj-neutral-100);box-shadow:0 8px 0 var(--pj-neutral-250);animation:pj-card-in var(--pj-dur-enter) var(--pj-ease-spring) backwards}.word-picture .pick-card__pic{width:100%;height:100%;object-fit:contain;border-radius:20px}.word-picture.is-leaving{animation:pj-card-out .38s ease-in both}.gap-row.is-word{position:relative;gap:6px;margin-bottom:32px;transition:gap .42s var(--pj-ease-spring)}.gap-row.is-word .gap-slot:not(.is-open,.is-filled){background:var(--pj-surface);border:1px solid var(--pj-neutral-100);box-shadow:0 6px 0 var(--pj-neutral-250)}.gap-row.is-merged{gap:0}.gap-row.is-merged .gap-slot{background:var(--pj-success);border-color:transparent;color:#fff;border-radius:0;box-shadow:0 6px 0 var(--pj-success-strong);transition:border-radius .42s ease,background-color .3s ease}.gap-row.is-merged .gap-slot:first-child{border-radius:20px 0 0 20px}.gap-row.is-merged .gap-slot:last-child{border-radius:0 20px 20px 0}.blend{display:flex;justify-content:center;gap:46px;margin-bottom:22px;transition:gap .52s var(--pj-ease-spring)}.blend.is-joined{gap:0}.blend__tile{min-width:76px;padding:10px 16px;border-radius:22px;background:var(--pj-surface);border:1px solid var(--pj-neutral-100);box-shadow:0 8px 0 var(--pj-neutral-250);font-family:var(--pj-font-teach);font-size:clamp(34px,10vw,52px);line-height:1.1;text-align:center;color:var(--pj-text-ink);transition:background-color .16s ease,color .16s ease,border-radius .42s ease;animation:pj-card-in var(--pj-dur-enter) var(--pj-ease-spring) backwards}.blend__tile.is-lit{background:color-mix(in srgb,var(--pj-success) 22%,var(--pj-surface));color:var(--pj-success-strong)}.blend.is-joined .blend__tile:first-child{border-radius:22px 0 0 22px}.blend.is-joined .blend__tile:last-child{border-radius:0 22px 22px 0}.blend.is-joined .blend__tile:not(:first-child,:last-child){border-radius:0}.flick-target{display:grid;justify-items:center;gap:8px;margin-bottom:26px}.flick-target.is-leaving{animation:pj-card-out .38s ease-in both}.flick-picture{position:relative;display:grid;width:clamp(130px,36vw,170px);aspect-ratio:1;padding:6px;overflow:hidden;border-radius:28px;background:var(--pj-surface);border:1px solid var(--pj-neutral-100);box-shadow:0 8px 0 var(--pj-neutral-250)}.flick-picture .pick-card__pic{width:100%;height:100%;object-fit:contain;border-radius:22px}.flick-water{position:absolute;inset:auto 0 0;height:calc(var(--fill, 0) * 100%);pointer-events:none;background:color-mix(in srgb,var(--pj-art-water) 34%,transparent);transition:height .52s var(--pj-ease-spring)}.flick-word{margin:0;font-family:var(--pj-font-teach);font-size:clamp(30px,9vw,44px);line-height:1.1;color:var(--pj-text-ink)}.flick-word__blank{display:inline-block;min-width:.8em;margin-right:2px;border-bottom:4px dashed var(--pj-primary);text-align:center;vertical-align:baseline}.flick-word__blank.is-revealed{border-bottom-color:transparent;color:var(--pj-success-strong);animation:pj-letter-drop .42s cubic-bezier(.3,.7,.4,1)}.flick-cards{position:relative;display:flex;justify-content:center;gap:14px;width:100%;max-width:420px}.flick-slot{display:grid;width:clamp(68px,21%,92px);animation:pj-card-in var(--pj-dur-enter) var(--pj-ease-spring) backwards;animation-delay:calc(var(--i, 0) * 70ms + .12s)}.flick-card{position:relative;container-type:inline-size;display:grid;width:100%;aspect-ratio:1;padding:0;border:0;background:none;cursor:grab;touch-action:none}.flick-card:focus:not(:focus-visible){outline:none}.flick-card__body{display:grid;place-items:center;width:100%;height:100%;border-radius:22px;background:var(--pj-surface);border:1px solid var(--pj-neutral-100);box-shadow:0 8px 0 var(--pj-neutral-250);color:var(--pj-text-ink);transition:transform .36s cubic-bezier(.3,.7,.4,1),opacity .24s ease,background-color .2s ease}.flick-card .pick-card__text{font-size:60cqi}.flick-card[data-len="2"] .pick-card__text{font-size:40cqi}.flick-cards.is-ready .flick-card:not(.is-dragging) .flick-card__body{animation:pj-breathe 2.8s ease-in-out infinite;animation-delay:calc(var(--i, 0) * .25s + .6s)}.flick-card.is-dragging{z-index:5;cursor:grabbing}.flick-card.is-dragging .flick-card__body{box-shadow:0 18px 26px #0003}.flick-card.is-in .flick-card__body{opacity:0;scale:.4;transition:transform .36s cubic-bezier(.3,.7,.4,1),opacity .24s ease .16s,scale .24s ease .16s}.flick-card.is-tryagain .flick-card__body{background:var(--pj-tryagain);border-color:transparent;color:#fff;animation:wobble .3s ease}.flick-card.is-hint .flick-card__body{animation:pj-glow 1.4s ease-in-out infinite}.flick-cards:has(.is-hint) .flick-card:not(.is-hint){opacity:.4}.mframe.is-shaking .flick-cards{animation:pj-shake .38s ease}.flick-cards.is-leaving .flick-slot{animation:pj-card-out .38s ease-in both;animation-delay:calc(var(--i, 0) * 30ms)}.guided-word{position:relative;display:flex;justify-content:center;gap:14px;margin:18px 0 26px;transition:gap .42s var(--pj-ease-spring)}.guided-word.is-merged{gap:0}.guided-slot{display:grid;animation:pj-card-in var(--pj-dur-enter) var(--pj-ease-spring) backwards;animation-delay:calc(var(--i, 0) * 70ms + .12s)}.guided-letter{position:relative;container-type:inline-size;display:grid;place-items:center;width:clamp(54px,15vw,74px);aspect-ratio:.82;padding:0;border-radius:20px;background:var(--pj-surface);border:1px solid var(--pj-neutral-100);box-shadow:0 6px 0 var(--pj-neutral-250);color:var(--pj-text-ink);transition:translate .42s var(--pj-ease-spring),scale .42s var(--pj-ease-spring),opacity .3s ease,background-color .2s ease,box-shadow .2s ease,border-radius .42s ease}.guided-letter:disabled{cursor:default}.guided-letter .pick-card__text{font-size:64cqi}.guided-word.is-merged .guided-letter{border-radius:0;box-shadow:none;border-color:transparent;background:none}.guided-letter.is-focus{z-index:3;translate:var(--dx, 0) 0;scale:1.4;background:color-mix(in srgb,var(--pj-coins) 32%,var(--pj-surface));border-color:transparent}.guided-letter.is-quiet{opacity:.35}.guided-letter.is-live{border-color:var(--pj-success);animation:pj-glow 1.4s ease-in-out infinite}.guided-letter.is-read{background:var(--pj-success);border-color:transparent;color:#fff;box-shadow:0 6px 0 var(--pj-success-strong)}.guided-letter.is-tryagain{background:var(--pj-tryagain);border-color:transparent;color:#fff;animation:wobble .3s ease}.guided-word.is-leaving .guided-slot{animation:pj-card-out .38s ease-in both;animation-delay:calc(var(--i, 0) * 30ms)}.guided-first{grid-template-columns:repeat(var(--n, 4),minmax(0,1fr));gap:12px;max-width:400px}.guided-first.has-slots[data-count]>.pick-slot:nth-child(3){grid-column:auto;justify-self:stretch;width:auto}.guided-first .pick-card{border-radius:22px}.pick-card.is-water{position:relative;overflow:hidden}.pick-card.is-water:before{content:"";position:absolute;inset:0;border-radius:inherit;background:color-mix(in srgb,var(--pj-art-water) 40%,transparent);transform-origin:bottom;animation:pj-water .7s ease-out both;pointer-events:none}@keyframes pj-water{0%{scale:1 0}to{scale:1 1}}.count-play{display:grid;justify-items:center;gap:18px;width:100%}.count-play.is-leaving{animation:pj-card-out .38s ease-in both}.count-drum{position:relative;display:grid;place-items:center;width:clamp(120px,34vw,150px);aspect-ratio:1;padding:0;cursor:pointer;border-radius:50%;background:radial-gradient(circle at 50% 42%,#fff 0 52%,#f3e3c3 53% 62%,var(--pj-art-wood) 63%);border:0;box-shadow:0 10px #a85a2c}.count-drum.is-ready{animation:pj-breathe 2.8s ease-in-out infinite}.count-drum__skin{width:64%;aspect-ratio:1;border-radius:50%;animation:pj-drum .26s ease-out}@keyframes pj-drum{0%{box-shadow:0 0 color-mix(in srgb,var(--pj-success) 60%,transparent)}to{box-shadow:0 0 0 26px transparent}}.count-beats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;min-height:34px;max-width:340px}.count-beat{position:relative;width:30px;height:30px;border-radius:50%;transition:background-color .2s ease,scale .2s ease,opacity .2s ease}.count-beat.is-on{background:var(--pj-success);box-shadow:0 4px 0 var(--pj-success-strong);animation:pj-card-in .3s var(--pj-ease-spring) backwards}.count-beat.is-ghost{border:3px dashed var(--pj-success);animation:pj-glow 1.4s ease-in-out infinite}.count-beat.is-reading{scale:1.3;background:var(--pj-coins)}.count-beats.is-tryagain .count-beat.is-on{background:var(--pj-tryagain);box-shadow:0 4px color-mix(in srgb,var(--pj-tryagain) 78%,black)}.mframe.is-shaking .count-beats{animation:pj-shake .38s ease}.count-done{display:grid;place-items:center;width:72px;height:72px;padding:0;border-radius:50%;cursor:pointer;color:var(--pj-neutral-250);background:var(--pj-surface);border:1px solid var(--pj-neutral-100);box-shadow:0 6px 0 var(--pj-neutral-250);transition:color .2s ease,background-color .2s ease}.count-done.is-live{color:#fff;background:var(--pj-success);border-color:transparent;box-shadow:0 6px 0 var(--pj-success-strong)}.count-done:disabled{cursor:default}.story{display:grid;justify-items:center;gap:6px;width:100%;margin-bottom:14px}.story.is-leaving{animation:pj-card-out .38s ease-in both}.story-picture{position:relative;display:grid;width:clamp(90px,24vw,120px);aspect-ratio:1;padding:5px;border-radius:22px;background:var(--pj-surface);border:1px solid var(--pj-neutral-100);box-shadow:0 6px 0 var(--pj-neutral-250)}.story-picture .pick-card__pic{width:100%;height:100%;object-fit:contain;border-radius:17px}.story-lines{display:grid;gap:2px}.story .read-sentence{margin:0;font-size:clamp(20px,5.6vw,28px)}.story .story-question{margin-top:8px;padding:4px 12px;border-radius:18px;background:var(--pj-neutral-50)}.story-answers{grid-template-columns:repeat(var(--n, 3),minmax(0,1fr));gap:12px;max-width:420px}.story-answers.has-slots[data-count]>.pick-slot:nth-child(3){grid-column:auto;justify-self:stretch;width:auto}.story-answers .pick-card{border-radius:22px}@media(prefers-reduced-motion:reduce){.word-picture,.blend__tile,.flick-slot,.flick-card__body,.guided-slot,.guided-letter,.count-drum,.count-drum__skin,.count-beat,.pick-card.is-water:before{animation:none!important}.blend,.gap-row.is-word,.guided-word,.flick-water{transition:none}}.trace-slot{position:relative;display:grid;place-items:center;width:100%;animation:pj-card-in var(--pj-dur-enter) var(--pj-ease-spring) backwards}.trace-slot.is-leaving{animation:pj-card-out .38s ease-in both}.trace-box{width:min(86vw,360px,46vh);aspect-ratio:1;overflow:visible;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:28px;background:var(--pj-surface);border:1px solid var(--pj-neutral-100);box-shadow:0 8px 0 var(--pj-neutral-250);cursor:crosshair}.trace-guide{fill:none;stroke:var(--pj-menulis-200);stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.1 5.5;transition:opacity .3s ease}.trace-guide.is-faint{opacity:.5}.trace-guide.is-done{opacity:.25}.trace-guide.is-hint{stroke:var(--pj-success);animation:pj-trace-glow 1.4s ease-in-out infinite}@keyframes pj-trace-glow{50%{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--pj-success) 80%,transparent))}}.trace-start circle{fill:var(--pj-primary)}.trace-start.is-hint circle{animation:pj-trace-glow 1.4s ease-in-out infinite}.trace-start text{fill:#fff;font:700 5.2px system-ui,sans-serif;text-anchor:middle;pointer-events:none}.trace-arrow{fill:var(--pj-primary)}.trace-ink{fill:none;stroke:var(--pj-menulis);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.trace-ink.is-off{opacity:.3}.trace-ink.is-done{stroke:var(--pj-success)}.trace-ink.is-rewind{animation:pj-trace-rewind .45s ease-in both}@keyframes pj-trace-rewind{to{opacity:0;stroke-width:2}}.trace-demo path{fill:none;stroke:var(--pj-primary);stroke-width:5;stroke-linecap:round;opacity:.75;stroke-dasharray:1;stroke-dashoffset:1;animation:pj-trace-draw .9s ease-in-out forwards}.trace-demo circle{fill:var(--pj-primary);stroke:#fff;stroke-width:1.4}@keyframes pj-trace-draw{to{stroke-dashoffset:0}}.punct-sentence{align-items:center}.punct-sentence.is-leaving{animation:pj-card-out .38s ease-in both}.punct-slot{position:relative;display:inline-grid;place-items:center;min-width:1.5em;height:1.4em;border-radius:16px;color:var(--pj-text-ink)}.punct-slot.is-open{background:color-mix(in srgb,var(--pj-primary) 10%,var(--pj-surface));border:3px dashed var(--pj-primary);animation:pj-slot-glow 1.6s ease-in-out .7s infinite}.punct-slot.is-over{background:color-mix(in srgb,var(--pj-primary) 28%,var(--pj-surface));border-style:solid;scale:1.12;animation:none;transition:scale .16s ease}.punct-slot.is-filled{background:var(--pj-success);color:#fff;animation:pj-slot-in .46s cubic-bezier(.3,.7,.4,1)}.punct-slot.is-lit{box-shadow:0 0 22px 6px color-mix(in srgb,var(--pj-success) 60%,transparent)}.punct-slot .pick-card__text{font-size:1em;line-height:1}.punct-marks{margin-top:18px}@media(prefers-reduced-motion:reduce){.trace-slot,.trace-guide.is-hint,.trace-start.is-hint circle,.trace-ink.is-rewind,.punct-slot{animation:none!important}.trace-demo path{animation-duration:1ms}}:root{--onb-ease: cubic-bezier(.4, 0, .2, 1);--onb-col: min(100%, 480px)}.onb-splash,.onb-who,.onb-form,.onb-wiz{box-sizing:border-box;min-height:100dvh;display:flex;flex-direction:column;padding:max(16px,env(safe-area-inset-top)) max(20px,calc((100% - 480px)/2)) max(20px,env(safe-area-inset-bottom));background:var(--pj-surface);color:var(--pj-text-heading);font-family:var(--pj-font-ui)}.onb-form.adult,.onb-step.adult{max-width:none}.onb-ring{flex:none;width:48px;height:48px;display:grid;place-items:center;padding:0;border-radius:var(--pj-radius-pill);background:var(--pj-surface);color:var(--pj-text-heading);border:1px solid var(--pj-neutral-100);box-shadow:inset 0 -3px 0 var(--pj-neutral-100);cursor:pointer}.onb-ring--speak{background:var(--pj-info);border-color:#0071a2;box-shadow:inset 0 -4px #0071a2}.onb-ring--ghost{visibility:hidden}.onb-ring--home{width:64px;height:64px;color:var(--pj-primary-strong);border-color:var(--pj-primary);box-shadow:inset 0 -5px 0 var(--pj-primary)}.onb-cta{align-self:stretch;height:64px;flex:none;display:flex;align-items:center;justify-content:center;padding:0;border-radius:54px 54px 60px 60px;border:1px solid var(--pj-primary-strong);background:var(--pj-primary);box-shadow:inset 0 -4px 0 var(--pj-primary-strong);cursor:pointer;opacity:0;scale:.72;translate:0 14px;pointer-events:none;transition:opacity .22s ease-out,scale .52s var(--pj-ease-spring),translate .52s var(--pj-ease-spring),background-color .24s ease,border-color .24s ease,box-shadow .24s ease}.onb-cta.is-shown{opacity:1;scale:1;translate:0 0;pointer-events:auto}.onb-cta.is-shown:not(:disabled){animation:onb-breathe 2.6s ease-in-out .9s infinite}.onb-cta:disabled.is-shown{background:var(--pj-neutral-100);border-color:var(--pj-neutral-150);box-shadow:inset 0 -4px 0 var(--pj-neutral-150);cursor:default}.onb-cta:disabled svg{stroke:var(--pj-neutral-250);fill:none}.onb-cta--play:disabled svg{fill:var(--pj-neutral-250)}@keyframes onb-breathe{50%{scale:1.025}}.onb-link{padding:0;border:0;background:none;font:inherit;font-weight:700;color:var(--pj-primary-strong);cursor:pointer;text-decoration:underline 2px transparent;text-underline-offset:3px;transition:text-decoration-color .16s ease}.onb-link:hover{text-decoration-color:currentColor}.onb-link:disabled{color:var(--pj-neutral-250);cursor:default}.onb-hint{margin:0;text-align:center;font-size:14px;line-height:20px;color:var(--pj-text-body)}.onb-title{margin:0;text-align:center;font-size:28px;line-height:36px;font-weight:700;color:var(--pj-text-heading)}.onb-pill{display:inline-block;padding:4px 16px;border-radius:var(--pj-radius-pill);background:var(--pj-primary);color:#fff;font-size:16px;font-weight:700}.onb-parent-tag{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--pj-radius-pill);background:var(--pj-info-subtle);color:#0071a2;font-family:var(--pj-font-adult);font-size:13px;font-weight:700}.pet-pic{display:block;object-fit:contain;user-select:none}.pet-pic--none{display:grid;place-items:center;background:var(--pj-neutral-50);border-radius:inherit}.pet-silhouette{width:70%;height:70%;fill:var(--pj-neutral-150)}.building{display:block;width:100%;height:auto;overflow:visible;transition:filter .3s ease,opacity .3s ease}.building.is-asleep{filter:grayscale(.85);opacity:.55}.onb-splash{position:relative;overflow:hidden;background:var(--pj-primary);color:#fff;align-items:center}.onb-splash__blob{position:absolute;border-radius:999px;pointer-events:none;animation:onb-float 7s ease-in-out infinite alternate}.onb-splash__blob--a{left:-120px;top:-90px;width:360px;height:360px;background:#66e0b6;opacity:.45}.onb-splash__blob--b{right:-140px;top:250px;width:320px;height:320px;background:var(--pj-primary-strong);opacity:.35;animation-delay:-3s}.onb-splash__hill{position:absolute;left:-10%;right:-10%;bottom:-180px;height:420px;border-radius:999px 999px 0 0;background:#b5f291;pointer-events:none}.onb-splash__sparkles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.onb-splash__sparkles path{animation:onb-twinkle 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.onb-splash__sparkles path:nth-child(2){animation-delay:-.8s}.onb-splash__sparkles path:nth-child(3){animation-delay:-1.6s}@keyframes onb-float{to{translate:12px 18px}}@keyframes onb-twinkle{50%{opacity:.35;scale:.7}}.onb-splash__brand{position:relative;margin-top:12vh;display:flex;flex-direction:column;align-items:center;gap:12px}.onb-splash__logo{display:block;width:min(78vw,320px);height:auto}.onb-splash__hero{position:relative;flex:1;display:grid;place-items:center;min-height:220px}.onb-splash__pet{width:min(62vw,250px);height:auto;animation:pj-bob 2.8s ease-in-out infinite;filter:drop-shadow(0 10px 16px rgb(0 86 76 / .18))}.onb-splash__foot{position:relative;align-self:stretch;display:flex;flex-direction:column;gap:20px;padding-bottom:28px}.onb-splash__tag{margin:0;text-align:center;font-size:30px;line-height:38px;font-weight:700;color:#00564c}.onb-splash .onb-cta{box-shadow:inset 0 -4px 0 var(--pj-primary-strong),0 0 0 6px #fff}.onb-who{gap:20px;background:var(--pj-surface);padding-bottom:0}.onb-who__top{display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:28px}.onb-who__logo{display:block;width:168px;height:auto}.onb-who__ask{display:flex;align-items:center;gap:12px}.onb-who__ask h1{margin:0;font-size:28px;line-height:36px;font-weight:700;white-space:nowrap}.onb-who__empty{display:grid;place-items:center;flex:1;min-height:200px}.onb-who__hello{width:min(52vw,210px);height:auto;animation:pj-bob 2.8s ease-in-out infinite}.onb-who__kids{list-style:none;margin:0;padding:4px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.onb-kid{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px 14px;cursor:pointer;border-radius:24px;background:color-mix(in srgb,var(--ring) 14%,#fff);border:2px solid var(--ring);box-shadow:inset 0 -5px 0 var(--ring);font:inherit;color:var(--pj-text-heading)}.onb-kid__pet{width:112px;height:112px;border-radius:28px;animation:onb-breathe 3.2s ease-in-out infinite}.onb-who__kids li:nth-child(2n) .onb-kid__pet{animation-delay:-1.6s}.onb-kid__name{font-size:22px;font-weight:700}.onb-kid--add{--ring: var(--pj-neutral-150);justify-content:center;min-height:166px;border-style:dashed;background:var(--pj-surface);box-shadow:none}.onb-kid__plus{width:64px;height:64px;display:grid;place-items:center;border-radius:999px;background:var(--pj-primary-subtle);color:var(--pj-primary-strong);font-size:40px;font-weight:700}.onb-guestfull{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .36s var(--onb-ease),opacity .26s ease}.onb-guestfull.is-open{grid-template-rows:1fr;opacity:1}.onb-guestfull>div{overflow:hidden}.onb-guestfull p{margin:0 0 10px;padding:14px 16px 0;font-family:var(--pj-font-adult);font-size:14px;line-height:20px;color:var(--pj-text-body)}.onb-guestfull__row{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 14px}.onb-guestfull.is-open>div{border-radius:20px;background:var(--pj-tryagain-subtle)}.onb-grown{margin:auto calc(-1*max(20px,calc((100vw - 480px)/2))) 0;padding:24px max(24px,calc((100vw - 480px)/2 + 4px)) max(32px,env(safe-area-inset-bottom));border-radius:32px 32px 0 0;background:var(--pj-neutral-50);display:flex;flex-direction:column;gap:12px;max-width:none}.onb-grown__title{margin:0;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--pj-text-heading)}.onb-grown__text{margin:0;font-size:14px;line-height:20px;color:var(--pj-text-body)}.onb-grown__btn{display:flex;align-items:center;justify-content:center;gap:10px;height:52px;border-radius:54px 54px 60px 60px;background:#fff;border:1px solid var(--pj-neutral-250);box-shadow:inset 0 -3px 0 var(--pj-neutral-250);font:inherit;font-size:15px;font-weight:600;color:var(--pj-text-heading);cursor:pointer}.onb-grown__new{margin:2px 0 0;text-align:center;font-size:14px;color:var(--pj-text-body)}.onb-grown__try{align-self:center;padding:6px 10px;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--pj-text-body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.onb-form{font-family:var(--pj-font-adult)}.onb-form__body{flex:1;display:flex;flex-direction:column;gap:20px;padding-top:24px}.onb-form__top{display:flex;align-items:center;justify-content:space-between}.onb-form__intro{display:flex;flex-direction:column;gap:6px}.onb-form__intro h1,.onb-step.adult h1{margin:0;font-size:26px;line-height:34px;font-weight:700;color:var(--pj-text-heading)}.onb-form__intro p{margin:0;font-size:14px;line-height:20px;color:var(--pj-text-body)}.onb-form__fields{display:flex;flex-direction:column;gap:14px}.onb-form__forgot{align-self:flex-end;font-size:14px}.onb-form__foot{margin-top:auto;display:flex;flex-direction:column;gap:16px}.onb-field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--pj-text-heading)}.onb-field input{height:52px;box-sizing:border-box;padding:0 16px;border-radius:18px;border:1px solid var(--pj-neutral-250);background:#fff;font:inherit;font-size:16px;font-weight:400;color:var(--pj-text-heading);outline:3px solid transparent;transition:border-color .18s ease,outline-color .18s ease}.onb-field input::placeholder{color:#8c8c8c}.onb-field input:focus{border-color:var(--pj-primary);outline-color:#99ebce}.onb-consent{display:flex;flex-direction:column;gap:8px}.onb-consent__row{position:relative;display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:19px;color:var(--pj-text-body);cursor:pointer}.onb-consent__row input{position:absolute;opacity:0;width:24px;height:24px;margin:0}.onb-consent__box{flex:none;width:24px;height:24px;display:grid;place-items:center;border-radius:7px;border:2px solid var(--pj-neutral-250);background:#fff;transition:background-color .18s ease,border-color .18s ease}.onb-consent__box svg{scale:0;transition:scale .34s var(--pj-ease-spring)}.onb-consent__row input:checked+.onb-consent__box{background:var(--pj-primary);border-color:var(--pj-primary)}.onb-consent__row input:checked+.onb-consent__box svg{scale:1}.onb-consent__row input:focus-visible+.onb-consent__box{outline:3px solid #99ebce}.onb-consent__notice{font-size:13px;color:var(--pj-text-body);padding-left:36px}.onb-consent__notice summary{color:var(--pj-primary-strong);font-weight:600;cursor:pointer}.onb-consent__notice h2{margin:12px 0 4px;font-size:15px;color:var(--pj-text-ink)}.onb-consent__notice p{margin:6px 0}.onb-consent__notice[open]>div{animation:onb-unfold .3s var(--onb-ease)}@keyframes onb-unfold{0%{opacity:0;translate:0 -6px}}.onb-handover{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:var(--pj-page);border:1px solid #d9f7ed}.onb-handover p{margin:0;font-size:13px;line-height:19px;color:#00564c;font-weight:500}.onb-handover__pet{width:52px;height:52px;flex:none;animation:pj-bob 2.6s ease-in-out infinite}.onb-wiz{height:100dvh;min-height:0;gap:16px;transition:background-color .42s ease}.onb-wiz--world{background:var(--pj-info-subtle)}.onb-wiz--hello{background:var(--pj-page)}.onb-head{display:flex;align-items:center;gap:12px;padding-top:24px}.onb-steps{flex:1;display:flex;gap:6px}.onb-steps__seg{flex:1;height:12px;border-radius:999px;background:var(--pj-neutral-100);overflow:hidden}.onb-steps__seg>span{display:block;height:100%;width:0;border-radius:inherit;background:var(--pj-primary);transition:width .48s var(--onb-ease) var(--d, 0ms)}.onb-steps__seg.is-done>span{width:100%}.onb-wiz__stage{position:relative;flex:1;min-height:0;display:grid;overflow:hidden auto;margin:0 -10px;padding:0 10px;scrollbar-width:none}.onb-wiz__stage::-webkit-scrollbar{display:none}.onb-pane{grid-area:1 / 1;min-width:0;display:flex;flex-direction:column}.onb-pane.is-in{animation:onb-pane-in .38s var(--onb-ease) both}.onb-pane.is-out{animation:onb-pane-out .34s var(--onb-ease) both;pointer-events:none}@keyframes onb-pane-in{0%{opacity:0;translate:calc(var(--dir, 1) * 32px) 0}}@keyframes onb-pane-out{to{opacity:0;translate:calc(var(--dir, 1) * -32px) 0}}.onb-step{flex:1;display:flex;flex-direction:column;gap:18px}.onb-wiz__foot{display:flex}.onb-wiz__foot .onb-cta{flex:1}.onb-guide{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:20px;background:var(--pj-page);border:1px solid #d9f7ed}.onb-guide__pet{width:64px;height:64px;flex:none;animation:pj-bob 2.6s ease-in-out infinite}.onb-guide__bubble{margin:0;font-size:20px;line-height:27px;font-weight:700;color:var(--pj-text-heading)}.onb-name{container-type:inline-size;position:relative;display:flex;align-items:center;justify-content:center;min-height:92px;padding:10px;box-sizing:border-box;border-radius:26px;background:var(--pj-page);border:2px solid var(--pj-primary);cursor:text;transition:box-shadow .2s ease}.onb-name:focus-within{box-shadow:0 0 0 4px #99ebce}.onb-name.is-full{animation:onb-shake .38s ease-out;border-color:var(--pj-tryagain)}@keyframes onb-shake{20%{translate:-7px 0}40%{translate:6px 0}60%{translate:-4px 0}80%{translate:2px 0}}.onb-hint.is-warn{color:#b26f2f;font-weight:600;transition:color .2s ease}.onb-name__tiles{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-height:64px}.onb-name__tile{flex:none;width:min(46px,calc((100cqi - 56px) / 7));height:64px;display:grid;place-items:center;border-radius:16px;background:#fff;box-shadow:inset 0 -4px #d9f7ed;font-family:var(--pj-font-teach);font-size:38px;font-weight:700;color:var(--pj-primary-strong);animation:onb-tile-in .36s var(--pj-ease-spring) both}.onb-name__tile.is-gone{animation:onb-tile-out .2s ease-in both}@keyframes onb-tile-in{0%{opacity:0;scale:.4;translate:0 10px}}@keyframes onb-tile-out{to{opacity:0;scale:.3}}.onb-name__caret{position:absolute;right:-9px;top:10px;width:3px;height:44px;border-radius:2px;background:var(--pj-primary);animation:onb-caret 1s steps(1) infinite}.onb-name.is-empty .onb-name__caret{position:static}.onb-name:not(:focus-within) .onb-name__caret{opacity:.35;animation:none}@keyframes onb-caret{50%{opacity:0}}.onb-name__input{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;padding:0;font-size:16px;cursor:text;caret-color:transparent}.onb-agepick{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.onb-bigcake{display:flex;flex-direction:column;align-items:center;width:220px}.onb-bigcake.is-bump{animation:onb-cake-bump .42s ease-out}@keyframes onb-cake-bump{30%{scale:1.05 .94}60%{scale:.98 1.03}}.onb-bigcake__candles{display:flex;justify-content:center;align-items:flex-end;height:46px}.onb-bigcake__candles i{position:relative;width:0;height:28px;margin:0;border-radius:4px;scale:0;transform-origin:50% 100%;background:repeating-linear-gradient(-45deg,#7367f0 0 5px,#9d95f5 5px 9px);transition:width .26s var(--onb-ease),margin .26s var(--onb-ease),scale .42s var(--pj-ease-spring) calc(var(--k) * 18ms)}.onb-bigcake__candles i.is-lit{width:11px;margin:0 3px;scale:1}.onb-bigcake__candles i:before{content:"";position:absolute;left:50%;top:-15px;width:11px;height:14px;margin-left:-5.5px;border-radius:50%/60% 60% 40% 40%;background:radial-gradient(circle at 50% 70%,#fff6a8 0 30%,var(--pj-coins) 60%,#ff9f43);animation:onb-flicker .9s ease-in-out infinite alternate;transform-origin:50% 100%}.onb-bigcake__candles i:nth-child(odd):before{animation-delay:-.45s}@keyframes onb-flicker{to{scale:.86 1.12}}.onb-bigcake__top{width:196px;height:20px;border-radius:14px 14px 0 0;background:#fff;border:4px solid #ff9dc1;border-bottom:0;box-sizing:border-box}.onb-bigcake__mid{width:208px;height:34px;background:#ff9dc1;box-shadow:inset 0 -8px #ff7fae}.onb-bigcake__base{width:220px;height:14px;border-radius:0 0 14px 14px;background:#ff7fae}.onb-agepick__row{display:flex;align-items:center;gap:14px}.onb-agepick__unit{font-size:26px;font-weight:700;color:var(--pj-text-body)}.onb-wheel{position:relative;width:112px;height:216px;perspective:420px}.onb-wheel__band{position:absolute;left:0;right:0;top:72px;height:72px;border-radius:20px;background:var(--pj-page);border:2px solid var(--pj-primary);box-shadow:inset 0 -5px 0 var(--pj-primary);pointer-events:none}.onb-wheel__list{position:relative;height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;padding:72px 0;box-sizing:border-box;border-radius:20px;outline-offset:4px;-webkit-mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}.onb-wheel__list::-webkit-scrollbar{display:none}.onb-wheel__n{display:block;width:100%;height:72px;padding:0;border:0;background:none;scroll-snap-align:center;cursor:pointer;box-sizing:border-box;font-size:36px;line-height:68px;font-weight:800;color:var(--pj-text-heading);transition:color .16s ease;will-change:transform,opacity}.onb-wheel__n.is-mid{color:var(--pj-primary-strong)}.onb-buddypick{flex:1;display:flex;flex-direction:column;justify-content:center;gap:22px}.onb-buddy{container-type:inline-size;display:flex;flex-direction:column;align-items:center}.onb-buddy__big{position:relative;width:min(250px,80cqi);aspect-ratio:1;border-radius:40px;overflow:hidden;border:4px solid var(--pj-primary);box-shadow:0 7px 0 var(--pj-primary-strong);background:var(--pj-page);display:grid;place-items:center;box-sizing:border-box;animation:onb-buddy-swap .26s var(--onb-ease) both;transition:border-color .2s ease,box-shadow .2s ease}.onb-buddy__big .pet-pic{width:86%;height:86%;animation:onb-breathe 2.8s ease-in-out .3s infinite}.onb-buddy__big .pet-pic.is-card{width:100%;height:100%;object-fit:cover;animation:none}.onb-buddy__big.is-soon{border-color:var(--pj-neutral-150);box-shadow:0 7px 0 var(--pj-neutral-150);background:var(--pj-neutral-50)}.onb-buddy__big.is-soon .pet-pic{animation:none}.onb-buddy__lock{position:absolute;right:14px;bottom:14px;width:40px;height:40px;padding:8px;box-sizing:border-box;border-radius:var(--pj-radius-pill);background:#fff;color:var(--pj-neutral-250);box-shadow:0 2px 0 var(--pj-neutral-150)}@keyframes onb-buddy-swap{0%{opacity:.4;scale:.94}}.onb-buddy__name{margin-top:-18px;position:relative;padding:5px 24px;border-radius:60px;background:var(--pj-primary);box-shadow:inset 0 -3px 0 var(--pj-primary-strong);font-size:22px;font-weight:700;color:#fff;animation:onb-buddy-swap .26s var(--onb-ease) both}.onb-buddy__name.is-soon{background:var(--pj-neutral-150);box-shadow:inset 0 -3px 0 var(--pj-neutral-250);color:var(--pj-text-body);font-size:18px}.onb-strip{container-type:inline-size;position:relative;margin:0 -4px}.onb-strip__band{position:absolute;left:calc(100cqi / 3 + 6px);width:calc(100cqi / 3 - 12px);top:4px;bottom:4px;border-radius:26px;border:3px solid var(--pj-primary);box-shadow:0 4px 0 var(--pj-primary-strong);background:#fff;pointer-events:none}.onb-strip__list{position:relative;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior:contain;scrollbar-width:none;padding:4px calc(100cqi / 3);box-sizing:border-box;outline-offset:4px;border-radius:26px;cursor:grab;touch-action:pan-x;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.onb-strip__list::-webkit-scrollbar{display:none}.onb-strip__list.is-drag{scroll-snap-type:none;cursor:grabbing}.onb-strip__card{position:relative;flex:none;width:calc(100cqi / 3);aspect-ratio:1;padding:14px;box-sizing:border-box;border:0;background:none;scroll-snap-align:center;cursor:pointer;outline:none;will-change:transform,opacity}.onb-strip__card .pet-pic{width:100%;height:100%;border-radius:18px;pointer-events:none}.onb-strip__card .pet-face{border-radius:50%}.onb-strip__lock{position:absolute;right:12px;bottom:12px;width:26px;height:26px;padding:5px;box-sizing:border-box;border-radius:var(--pj-radius-pill);background:#fff;color:var(--pj-neutral-250);box-shadow:0 0 0 2px var(--pj-neutral-100)}.onb-years{list-style:none;margin:0;padding:0 2px 4px;display:flex;flex-direction:column;gap:10px}.onb-year{width:100%;display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:22px;background:#fff;text-align:left;cursor:pointer;font:inherit;border:2px solid var(--pj-neutral-100);box-shadow:inset 0 -5px 0 var(--pj-neutral-100);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.onb-year.is-on{background:var(--pj-page);border-color:var(--pj-primary);box-shadow:inset 0 -5px 0 var(--pj-primary)}.onb-year__badge{flex:none;width:58px;height:58px;border-radius:18px;background:var(--pj-primary-subtle);color:var(--pj-primary-strong);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:24px;font-weight:800;line-height:26px}.onb-year__badge small{font-size:10px;line-height:12px;font-weight:700}.onb-years li:nth-child(3n+2) .onb-year__badge{background:#e3e1fc;color:#5c52c0}.onb-years li:nth-child(3n) .onb-year__badge{background:var(--pj-info-subtle);color:#0071a2}.onb-year__text{flex:1;display:flex;flex-direction:column;gap:2px}.onb-year__text b{font-size:17px;color:var(--pj-text-heading)}.onb-year__text span{font-size:13px;line-height:18px;color:var(--pj-text-body)}.onb-radio{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:999px;border:2px solid var(--pj-neutral-250);box-sizing:border-box;transition:border-color .2s ease}.onb-radio i{width:14px;height:14px;border-radius:999px;background:var(--pj-primary);scale:0;transition:scale .36s var(--pj-ease-spring)}.onb-year.is-on .onb-radio{border-color:var(--pj-primary)}.onb-year.is-on .onb-radio i{scale:1}.onb-world{position:relative;gap:12px}.onb-world__hill{position:absolute;inset:42% -60px -40px;border-radius:999px 999px 0 0;background:#b5f291;z-index:0}.onb-world__cloud{position:absolute;height:32px;border-radius:999px;background:#fff;animation:onb-drift 9s ease-in-out infinite alternate}.onb-world__cloud--a{left:4%;top:27%;width:84px;opacity:.9}.onb-world__cloud--b{right:3%;top:22%;width:104px;height:36px;opacity:.9;animation-delay:-4s}@keyframes onb-drift{to{translate:18px 0}}.onb-world>:not(.onb-world__hill,.onb-world__cloud){position:relative;z-index:1}.onb-world__head{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:8px}.onb-world__head .onb-title{color:#00564c}.onb-world__scene{position:relative;flex:1;min-height:220px;display:flex;justify-content:center;align-items:flex-end}.onb-world__books{position:relative;width:100%;height:300px}.onb-world__book{position:absolute;left:50%;bottom:96px;width:140px;margin-left:-70px;transform-origin:50% 100%;animation:onb-book-fan .62s var(--onb-ease) both;animation-delay:calc(.3s + var(--k) * .11s)}.onb-world__book.is-0{z-index:2;translate:0 -10px}.onb-world__book.is-1{rotate:-12deg;translate:-92px 12px;scale:.82}.onb-world__book.is-2{rotate:12deg;translate:92px 12px;scale:.82}.onb-world__book .bk-title{font-size:20px;line-height:24px}@keyframes onb-book-fan{0%{opacity:0;translate:0 40px;rotate:0deg;scale:.8}}.onb-world__pet{position:absolute;left:50%;margin-left:-56px;bottom:-14px;z-index:3;width:112px;animation:pj-bob 2.6s ease-in-out infinite}.onb-world__pet .pet-pic{width:100%;height:auto;border-radius:28px}.onb-world__map{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:24px;background:#fff}.onb-world__label{font-family:var(--pj-font-adult);font-size:13px;font-weight:700;color:#999}.onb-world__map ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.onb-world__map li{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:16px;background:var(--pj-neutral-50);text-align:center}.onb-world__map li.is-mine{background:var(--pj-primary-subtle)}.onb-world__map .building{width:72px}.onb-world__map b{font-size:14px;color:var(--pj-text-body)}.onb-world__map li.is-mine b{color:var(--pj-primary-strong)}.onb-world__map small{font-family:var(--pj-font-adult);font-size:11px;line-height:14px;color:var(--pj-text-body)}.onb-hello{position:relative;align-items:stretch;gap:16px;padding-top:28px}.onb-confetti{position:absolute;inset:-16px -20px auto;width:calc(100% + 40px);height:60%;pointer-events:none;overflow:visible}.onb-confetti>*{transform-box:fill-box;transform-origin:center;animation:onb-confetti-in .9s var(--onb-ease) both,onb-sway 3.2s ease-in-out .9s infinite alternate}.onb-confetti>:nth-child(2n){animation-delay:.12s,1.1s}.onb-confetti>:nth-child(3n){animation-delay:.24s,1.3s}@keyframes onb-confetti-in{0%{opacity:0;translate:0 -40px}}@keyframes onb-sway{to{translate:0 6px;rotate:12deg}}.onb-hello__head{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.onb-hello__head h1{margin:0;font-size:36px;line-height:44px;font-weight:700;color:#00564c}.onb-hello__head p{margin:0;font-size:20px;line-height:28px;color:var(--pj-text-body)}.onb-hello__pet{position:relative;align-self:center;width:min(56vw,230px)}.onb-hello__pet .pet-pic{width:100%;height:auto;border-radius:40px;animation:pj-cheer .7s ease-out .5s,pj-bob 2.8s ease-in-out 1.3s infinite}.onb-hello__heart{position:absolute;right:6%;top:4%;width:44px;height:44px;display:grid;place-items:center;border-radius:999px;background:#fff;box-shadow:0 4px 10px #00000014;animation:pj-pop-in .52s var(--pj-ease-spring) .7s both}.onb-gifts{display:flex;gap:12px}.onb-gift{flex:1;display:flex;align-items:center;gap:10px;padding:12px;border-radius:20px}.onb-gift>span:last-child{display:flex;flex-direction:column}.onb-gift b{font-size:24px;line-height:28px;font-weight:800;font-variant-numeric:tabular-nums}.onb-gift small{font-size:14px;font-weight:600}.onb-gift--coins{background:#fef1ce;border:1px solid #fabb0a;color:#967006}.onb-gift--sticker{background:#fdedf6;border:1px solid #ff9dc1;color:#99375b}.onb-coin{flex:none;animation:pj-wiggle 2.6s ease-in-out 1.4s infinite}.onb-sticker{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:999px;background:#fff;border:2px dashed #ff5c98;box-sizing:border-box;animation:onb-spin-in .7s var(--pj-ease-spring) .9s both}@keyframes onb-spin-in{0%{rotate:-90deg;scale:.4}}.onb-first{display:flex;align-items:center;gap:14px;padding:16px;border-radius:24px;background:#fff;border:2px solid var(--pj-primary);box-shadow:inset 0 -5px 0 var(--pj-primary)}.onb-first__icon{flex:none;width:64px;height:64px;display:grid;place-items:center;border-radius:20px;background:var(--pj-primary-subtle);font-family:var(--pj-font-teach);font-size:36px;font-weight:700;color:var(--pj-primary-strong)}.onb-first__text{flex:1;display:flex;flex-direction:column}.onb-first__text small{font-family:var(--pj-font-adult);font-size:12px;font-weight:700;color:var(--pj-primary-strong)}.onb-first__text b{font-size:20px;line-height:26px}.onb-first__text span{font-family:var(--pj-font-adult);font-size:13px;color:var(--pj-text-body)}.onb-hello__foot{margin-top:auto;display:flex;align-items:center;gap:12px}.onb-hello__foot .onb-cta{flex:1;align-self:auto}.onb-hello__another{align-self:center;font-size:14px;margin-bottom:4px}@media(prefers-reduced-motion:reduce){.onb-splash__blob,.onb-splash__sparkles path,.onb-splash__pet,.onb-who__hello,.onb-kid__pet,.onb-handover__pet,.onb-guide__pet,.onb-bigcake__candles i:before,.onb-world__book,.onb-world__cloud,.onb-world__pet,.onb-confetti>*,.onb-coin,.onb-cta.is-shown:not(:disabled),.onb-hello__pet .pet-pic,.onb-bigcake.is-bump,.onb-buddy__big,.onb-buddy__big .pet-pic,.onb-buddy__name{animation:none!important}.onb-pane.is-in,.onb-pane.is-out{animation-duration:1ms}.onb-steps__seg>span,.onb-cta,.onb-radio i,.onb-consent__box svg,.onb-guestfull{transition-duration:1ms}}.pet-pic--none img{width:70%;height:70%;object-fit:contain}:root{--bd-ease: cubic-bezier(.4, 0, .2, 1)}.pet-face{display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--fill, #fff)}.pet-face img{width:100%;height:100%;display:block}.avatar{position:relative;display:inline-grid;place-items:center;flex:none;border-radius:50%;background-color:var(--fill, #fff);box-shadow:inset 0 0 0 calc(var(--rw, 6) * 1px) var(--ring),0 4px color-mix(in srgb,var(--ring) 70%,#000 0%)}.avatar>.avatar__face,.avatar>.pet-silhouette{width:100%;height:100%;border-radius:50%;clip-path:circle(calc(50% - 4px))}.avatar__mark{position:absolute;inset:-12%;width:124%;height:124%;pointer-events:none}.avatar{background-size:cover;background-position:center}.avatar.has-ring-art{box-shadow:none}.avatar.has-ring-art>.avatar__face,.avatar.has-ring-art>.pet-silhouette{clip-path:circle(40%)}.avatar__ring{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.bd-thing-pic{width:100%;height:100%;object-fit:contain;display:block}.banner--pelangi{background-image:linear-gradient(120deg,#ff8a5c,#ffd45c 30%,#77d836 55%,#36b5ca 78%,#8f7bff)}.banner--hutan{background-image:radial-gradient(circle at 80% 20%,#b8f27a 0,transparent 45%),linear-gradient(135deg,#0a7a4a,#1fae5d,#77d836)}.banner--angkasa{background-image:radial-gradient(circle at 75% 30%,rgb(255 255 255 / .35) 0 2px,transparent 3px),radial-gradient(circle at 60% 70%,rgb(255 255 255 / .3) 0 1.5px,transparent 2.5px),linear-gradient(135deg,#1d2b6b,#4b3fb0 55%,#8f7bff)}.bd-breathe{animation:bd-breathe 3s ease-in-out infinite}@keyframes bd-breathe{50%{scale:1.03 .98;translate:0 2px}}.bd-pop{animation:bd-pop .42s var(--pj-ease-spring) both}@keyframes bd-pop{0%{scale:.86;opacity:.4}}.enter{animation:bd-enter .42s var(--bd-ease) both;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes bd-enter{0%{opacity:0;translate:0 14px}}.bd-coins{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 8px;border-radius:999px;background:#fff7d6;color:#8a5a00;font-weight:800;font-size:17px;box-shadow:inset 0 -3px #fde9a0}.bd-ico-coin{width:22px;height:22px}.bd-hearts{display:inline-flex;gap:4px}.bd-hearts svg{width:22px;height:22px;fill:var(--pj-neutral-100);transition:fill .3s ease,scale .3s var(--pj-ease-spring)}.bd-hearts svg.is-on{fill:#ff5c98}.bd-back{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:50%;border:0;background:#fff;color:var(--pj-text-heading);box-shadow:0 2px 0 var(--pj-neutral-100),0 0 0 1px var(--pj-neutral-100);cursor:pointer}.bd-tabs{display:flex;gap:6px;padding:5px;border-radius:999px;background:var(--pj-neutral-50)}.bd-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:0;border-radius:999px;background:none;cursor:pointer;font:inherit;font-size:15px;font-weight:700;color:var(--pj-text-body);transition:background-color .24s var(--bd-ease),color .24s ease}.bd-tab svg{width:22px;height:22px}.bd-tab.is-on{background:#fff;color:var(--pj-text-heading);box-shadow:0 2px 0 var(--pj-neutral-100)}.bd-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bd-home{gap:12px;padding-top:16px;background:#f3fdf8}.bd-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px}.bd-hello{margin:0;font-size:26px;font-weight:800;color:#00564c}.bd-say{align-self:flex-end;margin:0;padding:10px 16px;border-radius:18px 18px 6px;background:#fff;font-size:17px;font-weight:700;color:var(--pj-text-heading);box-shadow:0 2px 0 var(--pj-neutral-100)}.bd-room{position:relative;flex:1;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:14px;margin:0 -16px;background:linear-gradient(transparent 72%,#ffe6cf 72%)}.bd-room__window{position:absolute;left:20px;top:0;width:70px;height:84px;border-radius:12px;background:linear-gradient(#bfe9fb 70%,#a7e36a 70%);box-shadow:inset 0 0 0 5px #fff,0 2px 0 var(--pj-neutral-100)}.bd-room__pet{position:relative;z-index:1;padding:0;border:0;background:none;cursor:pointer;border-radius:50%}.bd-room__pet:active .avatar{scale:.96;transition:scale .12s ease}.bd-room__cushion{position:relative;margin-top:-30px;width:230px;height:44px;flex:none;border-radius:50%;background:#ffc2d6;box-shadow:inset 0 -6px #ff9fbf}.bd-capsule{position:absolute;right:14px;top:50%;translate:0 -50%;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px;border-radius:999px;background:#fff;box-shadow:0 4px 0 var(--pj-neutral-100),0 0 0 1px var(--pj-neutral-100)}.bd-side{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:0;background:var(--pj-neutral-50);cursor:pointer;color:#7367f0;transition:scale .2s var(--pj-ease-spring),background-color .2s ease}.bd-side svg{width:28px;height:28px}.bd-side:active{scale:.92}.bd-mood{position:relative;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:#ffe0ec;cursor:pointer;perspective:200px}.bd-mood>svg,.bd-mood__face{position:absolute;inset:8px;width:32px;height:32px;transition:rotate .42s var(--bd-ease),opacity .3s ease;backface-visibility:hidden}.bd-mood__face{display:grid;place-items:center;rotate:y 90deg;opacity:0}.bd-mood__face img,.bd-mood__face svg{width:100%;height:100%}.bd-mood.is-face>svg{rotate:y -90deg;opacity:0}.bd-mood.is-face .bd-mood__face{rotate:y 0deg;opacity:1}.bd-mood__empty{fill:#fff;stroke:#ff9fbf;stroke-width:1.6}.bd-mood__full{fill:#ff5c98}.bd-mood__heart rect{transition:transform .7s var(--bd-ease)}.bd-today{display:flex;align-items:center;gap:12px;width:100%;padding:12px 12px 12px 14px;border:2px solid #00cc85;border-radius:22px;background:#fff;box-shadow:0 5px #00a36a;cursor:pointer;text-align:left;font:inherit}.bd-today__tile{width:58px;height:58px;flex:none;display:grid;place-items:center;border-radius:16px;background:#e8fbf2;color:#00a36a;font-family:var(--pj-font-teach, "WakNan"),sans-serif;font-size:30px;font-weight:700}.bd-today__tile.is-long{font-size:20px;padding:0 4px}.bd-today__text{flex:1;display:flex;flex-direction:column;gap:8px}.bd-today__text b{font-size:18px;color:var(--pj-text-heading)}.bd-today__dots{display:flex;gap:5px}.bd-today__dots i{width:22px;height:7px;border-radius:4px;background:var(--pj-neutral-100)}.bd-today__dots i.is-done{background:#00cc85}.bd-today{position:relative}.bd-today:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-repeat:no-repeat;background-image:linear-gradient(105deg,transparent 40%,rgb(0 204 133 / .14) 47%,rgb(255 255 255 / .8) 50%,rgb(0 204 133 / .14) 53%,transparent 60%);background-size:300% 100%;background-position:150% 0;animation:bd-sweep 4.5s var(--bd-ease) 1.2s infinite}@keyframes bd-sweep{0%{background-position:150% 0}30%,to{background-position:-50% 0}}.bd-today__play{position:relative;width:50px;height:50px;flex:none;display:grid;place-items:center;border-radius:50%;background:#00cc85;box-shadow:0 4px #00a36a;animation:bd-play-pulse 2.4s ease-in-out infinite}.bd-today__play:before{content:"";position:absolute;inset:-2px;border-radius:50%;box-shadow:0 0 #00cc858c;animation:bd-glow 2.4s ease-out infinite}@keyframes bd-glow{0%{box-shadow:0 0 #00cc858c}70%,to{box-shadow:0 0 0 16px #00cc8500}}@keyframes bd-play-pulse{0%,to{scale:1}12%{scale:1.08}24%{scale:1}}.bd-today__play svg{position:relative}.bd-spark{position:absolute;width:8px;height:8px;pointer-events:none;opacity:0;background:#fece00;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:bd-twinkle 2.4s ease-in-out infinite;animation-delay:calc(var(--k) * .6s)}.bd-spark:nth-of-type(1){left:-6px;top:-4px}.bd-spark:nth-of-type(2){right:-6px;top:2px;background:#ff5c98}.bd-spark:nth-of-type(3){right:-2px;bottom:-6px}.bd-spark:nth-of-type(4){left:-8px;bottom:4px;background:#7fd0f3}@keyframes bd-twinkle{0%,to{opacity:0;scale:.3;rotate:0deg}20%{opacity:1;scale:1.2}40%{opacity:0;scale:.5;rotate:90deg}}.bd-today.is-go{box-shadow:0 5px #00a36a,0 0 0 6px #00cc8540,0 0 28px #00cc858c;transition:box-shadow .2s ease}.bd-today.is-go .bd-today__play{animation:bd-pop-go .42s var(--pj-ease-spring) both}@keyframes bd-pop-go{40%{scale:1.25}to{scale:1.1}}.bd-burst{position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px;border-radius:50%;pointer-events:none;background:hsl(calc(var(--k) * 36) 90% 60%);animation:bd-burst .46s var(--bd-ease) both}@keyframes bd-burst{0%{transform:rotate(var(--a)) translateY(0) scale(1);opacity:1}to{transform:rotate(var(--a)) translateY(-46px) scale(.3);opacity:0}}.bd-today__play svg{width:24px;height:24px}.bd-pet{gap:12px;padding-top:16px;background:#f3fdf8}.bd-pet__top{display:flex;align-items:center;gap:10px}.bd-proud{flex:1;display:flex;align-items:center;gap:8px;margin:0;padding:8px 14px;border-radius:16px;background:#fff;font-size:14px;font-weight:700;color:var(--pj-text-heading);box-shadow:0 2px 0 var(--pj-neutral-100)}.bd-proud svg{width:26px;height:26px;flex:none}.bd-pet__stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:0}.bd-bubble{margin:0;padding:10px 18px;border-radius:20px;background:#fff;font-size:20px;font-weight:800;color:#5c52c0;box-shadow:0 3px 0 var(--pj-neutral-100);animation:bd-pop .36s var(--pj-ease-spring) both}.bd-pet__buddy{position:relative;padding:0;border:0;background:none;cursor:pointer;border-radius:50%}.bd-pet__buddy.is-wave{animation:bd-wave .9s ease-in-out 2;transform-origin:50% 90%}.bd-pet__buddy.is-dance{animation:bd-dance .65s ease-in-out 3;transform-origin:50% 90%}.bd-pet__buddy.is-hug{animation:bd-hug .7s var(--pj-ease-spring) 2}.bd-pet__buddy.is-boo{animation:bd-boo .52s var(--pj-ease-spring)}.bd-pet__buddy.is-munch{animation:bd-munch .3s ease-in-out 4}@keyframes bd-wave{25%{rotate:-6deg}75%{rotate:6deg}}@keyframes bd-dance{25%{rotate:-8deg;translate:-10px -8px}50%{translate:0 0}75%{rotate:8deg;translate:10px -8px}}@keyframes bd-hug{40%{scale:1.08 .94}70%{scale:.97 1.03}}@keyframes bd-boo{30%{scale:1.18}60%{scale:.95}}@keyframes bd-munch{50%{scale:1.03 .96}}.bd-notes,.bd-love{position:absolute;inset:0;pointer-events:none}.bd-notes i,.bd-love i{position:absolute;font-style:normal;font-size:34px;font-weight:800;animation:bd-float 1.4s ease-out both}.bd-notes i{color:#7367f0}.bd-love i{color:#ff5c98}.bd-notes i:nth-child(1),.bd-love i:nth-child(1){left:-8%;top:10%}.bd-notes i:nth-child(2),.bd-love i:nth-child(2){right:-6%;top:28%;animation-delay:.25s}.bd-love i:nth-child(3){left:44%;top:-10%;animation-delay:.45s}@keyframes bd-float{0%{opacity:0;translate:0 16px;scale:.6}30%{opacity:1;scale:1}to{opacity:0;translate:0 -34px}}.bd-acts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.bd-act{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border:2px solid var(--pj-neutral-100);border-radius:18px;background:#fff;cursor:pointer;font:inherit;font-size:13px;font-weight:700;color:var(--pj-text-heading);transition:border-color .2s ease,scale .2s var(--pj-ease-spring)}.bd-act:active{scale:.94}.bd-act.is-on{border-color:var(--dot);color:var(--ink)}.bd-act__dot{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--dot);color:#fff;font-size:15px;font-weight:800}.bd-act__dot svg{width:24px;height:24px}.bd-act--care .bd-act__dot{background:#fff1e3}.bd-pet.has-sheet .bd-pet__stage{flex:0 0 auto}.bd-sheet{display:flex;flex-direction:column;gap:12px;margin:auto -16px 0;padding:10px 16px 16px;border-radius:28px 28px 0 0;background:#fff8f0;box-shadow:0 -2px #ffe3c7;animation:bd-sheet-in .38s var(--bd-ease) both}@keyframes bd-sheet-in{0%{translate:0 40%;opacity:0}}.bd-sheet__grip{align-self:center;width:54px;height:6px;padding:0;border:0;border-radius:3px;background:#ffcea0;cursor:pointer}.bd-sheet .bd-tabs{background:#ffe9d4}.bd-care-row{list-style:none;margin:0 -16px;padding:4px 16px 10px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px - 20px) / 3);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;overscroll-behavior-x:contain;scrollbar-width:none}.bd-care-row::-webkit-scrollbar{display:none}.bd-care-row>li{scroll-snap-align:start;animation:bd-card-in .38s var(--bd-ease) both;animation-delay:calc(min(var(--n, 0),5)*50ms)}@keyframes bd-card-in{0%{opacity:0;translate:18px 0}}.bd-thing{position:relative;width:100%;height:118px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 6px;border:2px solid #ffe3c7;border-radius:18px;background:#fff;cursor:pointer;font:inherit;font-size:14px;font-weight:700;color:var(--pj-text-heading);box-shadow:0 3px #ffe3c7;transition:scale .2s var(--pj-ease-spring),border-color .2s ease}.bd-thing:active:not(:disabled){scale:.93;border-color:#ff9f43}.bd-thing svg{width:44px;height:44px;flex:none}.bd-thing>span:not(.bd-thing__plus){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.35;padding-bottom:2px}.bd-thing small{font-size:12px;color:var(--pj-text-body);font-weight:600}.bd-thing--free{border-color:#b9f0d6;box-shadow:0 3px #b9f0d6}.bd-thing:disabled{opacity:.55;cursor:default}.bd-thing--shop{border-style:dashed}.bd-thing__plus{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#e8fbf2;color:#00a36a;font-size:28px;font-weight:800}.bd-dress{gap:14px;padding-top:16px}.bd-dress__top{display:flex;align-items:center;gap:10px}.bd-dress__top h1{flex:1;margin:0;font-size:24px;font-weight:800;color:#5c52c0}.bd-dress__preview{display:grid;place-items:center;padding:18px 0 22px;margin:0 -16px;border-radius:0 0 32px 32px;background:#ece9fd}.bd-grid--dress{overflow-y:auto}.bd-look{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;border:2px solid var(--pj-neutral-100);border-radius:18px;background:#fff;cursor:pointer;font:inherit;font-size:13px;font-weight:700;color:var(--pj-text-heading);transition:border-color .2s ease,background-color .2s ease,scale .2s var(--pj-ease-spring)}.bd-look:active{scale:.94}.bd-look.is-on{border-color:#00cc85;background:#f3fdf8}.bd-look.is-locked .avatar,.bd-look.is-locked .bd-look__pic{opacity:.55}.bd-look__pic{width:64px;height:64px;object-fit:contain;border-radius:50%}.bd-look__price{display:inline-flex;align-items:center;gap:3px;padding:1px 8px 1px 3px;border-radius:999px;background:#fff7d6;color:#8a5a00;font-size:12px;font-weight:800}.bd-look__price .bd-ico-coin{width:16px;height:16px}.bd-look__tick{position:absolute;right:-6px;top:-6px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#00cc85;color:#fff;border:2px solid #fff;animation:bd-pop .32s var(--pj-ease-spring) both}.bd-dress__soon{margin:0;text-align:center;font-size:14px;color:var(--pj-text-body)}.bd-dress__foot{margin-top:auto}.bd-save{width:100%;min-height:60px;display:grid;place-items:center;border:0;border-radius:999px;background:var(--pj-neutral-100);color:#fff;cursor:pointer;box-shadow:inset 0 -5px 0 var(--pj-neutral-150);transition:background-color .26s ease,box-shadow .26s ease}.bd-save.is-ready{background:#00cc85;box-shadow:inset 0 -5px #00a36a;animation:bd-breathe 2.6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.bd-mood>svg,.bd-mood__face{transition-duration:1ms}.bd-care-row>li,.bd-today:after,.bd-today__play,.bd-today__play:before,.bd-spark,.bd-breathe,.bd-pop,.enter,.bd-bubble,.bd-pet__buddy,.bd-notes i,.bd-love i,.bd-sheet,.bd-look__tick,.bd-save.is-ready{animation:none!important}}.sh{gap:16px;padding-top:16px;background:#fff}.sh__top{display:flex;align-items:center;gap:10px}.sh__top h1{margin:0;font-size:28px;font-weight:800;color:var(--pj-text-heading)}.sh__top>.sh-coins{margin-left:auto}.sh__top h1.sh__shelf{flex:1;font-size:24px}.sh__wait{margin:24px 0;text-align:center;color:var(--pj-text-body)}.sh-coins{display:inline-flex;align-items:center;gap:4px;height:44px;padding:0 14px 0 6px;box-sizing:border-box;border-radius:60px;background:#fef1ce;border:1px solid #fabb0a;font-size:18px;font-weight:800;color:#967006}.sh-coins .bd-ico-coin{width:30px;height:30px}.sh-coins.is-big{height:48px;font-size:20px}.sh-coins.is-big .bd-ico-coin{width:34px;height:34px}.sh-price{display:inline-flex;align-items:center;gap:4px;align-self:center;padding:4px 14px 4px 4px;border-radius:60px;background:#fef1ce;font-size:16px;font-weight:800;color:#967006}.sh-price .bd-ico-coin{width:24px;height:24px}.sh-price.is-big{padding:6px 16px 6px 6px;font-size:22px}.sh-price.is-big .bd-ico-coin{width:32px;height:32px}.sh-new{align-self:flex-start;padding:4px 12px;border-radius:60px;background:#7367f0;color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em}.sh-star{width:18px;height:18px;flex:none}.sh-feature{position:relative;display:flex;align-items:center;min-height:180px;padding:0 0 0 20px;border:0;border-radius:28px;background:#e3e1fc;overflow:hidden;text-align:left;font:inherit;color:var(--pj-text-heading);cursor:pointer;transition:scale .2s var(--pj-ease-spring)}.sh-feature:active{scale:.98}.sh-feature__blob{position:absolute;right:-30px;top:-30px;width:200px;height:200px;border-radius:50%;background:#c7c2f9}.sh-feature__text{position:relative;flex:1;display:flex;flex-direction:column;gap:6px}.sh-feature__text b{font-size:22px;line-height:28px;font-weight:800;color:#453e90}.sh-feature__text .sh-price{align-self:flex-start;background:#fff}.sh-feature__art{position:relative;margin:20px 8px -10px 0}.sh-shelves{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sh-shelf{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;border-radius:24px;background:var(--bg);border:2px solid var(--bd);box-shadow:inset 0 -5px 0 var(--bd);font:inherit;font-size:18px;font-weight:800;color:var(--fg);cursor:pointer;transition:scale .2s var(--pj-ease-spring)}.sh-shelf:active,.sh-card:active{scale:.95}.sh-shelf__art{width:96px;height:96px;display:grid;place-items:center}.sh-ico{width:76px;height:76px;display:grid;place-items:center}.sh-ico svg{width:100%;height:100%}.sh-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 0;color:var(--pj-text-body);font-size:18px;font-weight:700}.sh-empty p{margin:0}.sh-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sh-card{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 10px 14px;box-sizing:border-box;border-radius:24px;background:#fff;border:2px solid #b3e4f9;box-shadow:inset 0 -5px #b3e4f9;font:inherit;color:var(--pj-text-heading);cursor:pointer;transition:scale .2s var(--pj-ease-spring)}.sh-card.is-mine{background:#f6fef6;border-color:#99ebce;box-shadow:inset 0 -5px #99ebce}.sh-card.is-locked{background:#f2f2f2;border-color:#e5e5e5;box-shadow:inset 0 -5px #e5e5e5}.sh-card.is-locked .sh-card__art{opacity:.5;filter:grayscale(.6)}.sh-card__art{width:104px;height:104px;display:grid;place-items:center}.sh-card__name{font-size:16px;font-weight:700}.sh-card__new{position:absolute;left:10px;top:10px;z-index:1}.sh-card__have{position:absolute;left:10px;top:10px;padding:2px 10px;border-radius:60px;background:var(--pj-neutral-50);font-size:14px;font-weight:800;color:var(--pj-text-body)}.sh-card__new+.sh-card__art~.sh-card__have{top:40px}.sh-card__lock{position:absolute;right:10px;top:10px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#8c8c8c}.sh-card__lock svg{width:16px;height:16px}.sh-mine{display:inline-flex;align-items:center;gap:4px;padding:4px 14px;border-radius:60px;background:#e1f9ea;font-size:14px;font-weight:800;color:#00a36a}.sh-mine--big{font-size:16px;padding:8px 16px;white-space:nowrap;flex:none}.sh-stars{display:inline-flex;align-items:center;gap:4px;padding:4px 14px 4px 8px;border-radius:60px;background:#fff;font-size:15px;font-weight:800;color:#666}.sh-item{padding-top:0;gap:0}.sh-item__stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;margin:0 calc(-1 * var(--pj-space-md, 16px));padding:16px 16px 20px;background:#e3e1fc;border-radius:0 0 40px 40px}.sh-item__stage .sh__top{align-self:stretch}.sh-item__stage .bd-back{box-shadow:inset 0 -3px #c7c2f9,0 0 0 1px #c7c2f9}.sh-item__hi{flex:1;text-align:center;font-size:20px!important;color:#453e90!important}.sh-arch{position:relative;width:250px;height:290px;margin-top:18px;display:grid;place-items:center}.sh-arch__back{position:absolute;inset:0;border-radius:125px 125px 30px 30px;background:#fff;box-shadow:inset 0 0 0 8px #c7c2f9}.sh-arch__art{position:relative;display:grid;place-items:center;animation:sh-fade .32s var(--bd-ease) both}@keyframes sh-fade{0%{opacity:0;scale:.94}}.sh-item.is-mine .sh-arch__back{box-shadow:inset 0 0 0 8px #99ebce}.sh-arch__mine{position:absolute;right:-30px;bottom:44px;z-index:1;rotate:-6deg;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:60px;background:#00cc85;color:#fff;font-size:15px;font-weight:800;white-space:nowrap;box-shadow:0 3px #00a36a;animation:bd-pop .42s var(--pj-ease-spring) both}.sh-go svg+svg{margin-left:-4px}.sh-go>svg:not(.bd-ico-coin):not(.sh-star){width:32px;height:32px}.sh-go.is-worn{background:#e1f9ea;border-color:#99ebce;box-shadow:inset 0 -4px #99ebce;color:#00a36a;cursor:default}.sh-compare{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:240px;margin-top:-22px;padding:4px;box-sizing:border-box;border-radius:60px;background:#fff;position:relative;box-shadow:0 2px #c7c2f9}.sh-compare button{height:44px;border:0;border-radius:60px;background:transparent;font:inherit;font-size:15px;font-weight:700;color:#666;cursor:pointer;transition:background-color .24s var(--bd-ease),color .24s ease}.sh-compare button.is-on{background:#7367f0;color:#fff}.sh-item__info{flex:1;display:flex;flex-direction:column;gap:14px;padding:20px 0 max(24px,env(safe-area-inset-bottom))}.sh-item__name{display:flex;align-items:center;justify-content:space-between;gap:12px}.sh-item__name>span:first-child{display:flex;flex-direction:column}.sh-item__name b{font-size:24px;font-weight:800;color:var(--pj-text-heading)}.sh-item__name small{font-size:14px;color:#666}.sh-note{display:flex;align-items:center;gap:8px;margin:0;padding:12px 14px;border-radius:18px;background:#fffbec;font-size:15px;color:#6b5200;animation:bd-enter .32s var(--bd-ease) both}.sh-note .bd-ico-coin,.sh-note .sh-star,.sh-note svg{width:24px;height:24px;flex:none}.sh-note--parent{background:var(--pj-neutral-50);color:var(--pj-text-body);font-family:var(--pj-font-adult, inherit)}.sh-note--parent span{flex:1;display:flex;flex-direction:column;gap:2px;font-size:13px}.sh-note--parent b{font-size:14px;color:var(--pj-text-heading)}.sh-note--parent button{min-height:40px;padding:0 16px;border:0;border-radius:60px;background:#fff;box-shadow:inset 0 -3px 0 var(--pj-neutral-100),0 0 0 1px var(--pj-neutral-100);font:inherit;font-weight:700;color:var(--pj-text-heading);cursor:pointer}.sh-actions{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:12px}.sh-no{width:64px;height:64px;flex:none;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #bfbfbf;box-shadow:inset 0 -5px #bfbfbf;cursor:pointer;transition:scale .2s var(--pj-ease-spring)}.sh-no--shop{border-color:#00cc85;box-shadow:inset 0 -5px #00cc85}.sh-go{position:relative;flex:1;height:64px;display:flex;align-items:center;justify-content:center;gap:6px;overflow:hidden;border-radius:54px 54px 60px 60px;background:#00cc85;border:1px solid #00a36a;box-shadow:inset 0 -4px #00a36a;color:#fff;font:inherit;font-size:22px;font-weight:800;cursor:pointer;transition:scale .2s var(--pj-ease-spring),background-color .24s ease}.sh-no:active,.sh-go:active{scale:.96}.sh-go.is-off{background:#e5e5e5;border-color:#bfbfbf;box-shadow:inset 0 -4px #bfbfbf;color:#666}.sh-go.is-off .bd-ico-coin,.sh-go.is-off .sh-star{width:30px;height:30px}.sh-go.is-off svg:not(.bd-ico-coin):not(.sh-star){width:28px;height:28px}.sh-dim{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;padding:0 16px max(24px,env(safe-area-inset-bottom));background:#2e29608c;animation:sh-dim .26s ease both}@keyframes sh-dim{0%{background:#2e296000}}.sh-sheet{width:min(100%,480px);display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 20px 20px;box-sizing:border-box;border-radius:32px;background:#fff;animation:sh-rise .38s var(--bd-ease) both}@keyframes sh-rise{0%{translate:0 60px;opacity:0}}.sh-sheet__art{width:128px;height:128px;margin-top:-90px;display:grid;place-items:center;border-radius:50%;background:#e3e1fc;box-shadow:0 0 0 6px #fff}.sh-sheet__ask{display:flex;align-items:center;gap:10px}.sh-sheet__ask h2{margin:0;font-size:23px;font-weight:800;color:var(--pj-text-heading);text-align:center}.sh-sum{align-self:stretch;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:6px;padding:14px 10px;border-radius:24px;background:#fffbec}.sh-sum>span{display:flex;flex-direction:column;align-items:center;gap:2px}.sh-sum b{font-size:20px;font-weight:800}.sh-sum b.is-have{color:#967006}.sh-sum b.is-cost{color:#b26f2f}.sh-sum b.is-left{color:#00a36a}.sh-sum small{font-size:12px;font-weight:600;color:#666}.sh-sum i{font-style:normal;font-size:28px;font-weight:800;color:#bfbfbf}.sh-stack{display:flex}.sh-stack .bd-ico-coin{width:30px;height:30px}.sh-stack .bd-ico-coin+.bd-ico-coin{margin-left:-14px}.sh-sheet .sh-actions{align-self:stretch}.sh-hold{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.sh-hold__fill{position:absolute;inset:0;background:#00a36a;transform-origin:left center}.sh-hold__hand{position:relative;transition:scale .16s ease}.sh-hold.is-holding .sh-hold__hand{scale:.88}.sh-hold:disabled{cursor:progress}.sh-sheet__fine{font-size:12px;color:#999;text-align:center;font-family:var(--pj-font-adult, inherit)}.sh-yours{align-items:center;justify-content:flex-start;gap:16px;padding-top:64px;padding-bottom:max(32px,env(safe-area-inset-bottom));background:#e3e1fc;text-align:center;overflow:hidden}.sh-yours__confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.sh-yours>*:not(.sh-yours__confetti){position:relative}.sh-yours__pill{padding:6px 16px;border-radius:60px;background:#7367f0;color:#fff;font-size:14px;font-weight:700;animation:bd-enter .42s var(--bd-ease) both}.sh-yours h1{margin:0;font-size:36px;line-height:44px;font-weight:800;color:#453e90;animation:bd-enter .42s var(--bd-ease) 80ms both}.sh-yours__disc{width:300px;height:300px;max-width:78vw;max-height:78vw;display:grid;place-items:center;border-radius:50%;background:#fff;animation:sh-fade .52s var(--bd-ease) .16s both}.sh-yours p{margin:0;font-size:18px;line-height:26px;font-weight:600;color:#453e90}.sh-yours__left{display:inline-flex;align-items:center;gap:6px;padding:6px 16px 6px 6px;border-radius:60px;background:#fff;font-size:16px;font-weight:700;color:#967006}.sh-yours__left .bd-ico-coin{width:28px;height:28px}.sh-yours__foot{align-self:stretch;width:100%;animation:sh-pop .45s var(--pj-ease-spring, ease) 2.4s both}@keyframes sh-pop{0%{opacity:0;scale:.4}70%{opacity:1;scale:1.08}to{opacity:1;scale:1}}.sh-pic{display:grid;place-items:center;object-fit:contain}.sh-pic svg{width:100%;height:100%}.sh-pic--freeze svg{width:82%;height:82%}@media(min-width:640px){.sh-grid,.sh-shelves{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.sh-arch__art,.sh-dim,.sh-sheet,.sh-yours__pill,.sh-yours h1,.sh-yours__disc,.sh-yours__foot,.sh-note{animation:none!important}}.su-sheet__body{margin:0;align-self:stretch;display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:20px;background:var(--pj-neutral-50);color:var(--pj-text-body);font-family:var(--pj-font-adult, inherit);font-size:14px;line-height:1.45}.su-sheet__body b{font-size:14px;color:var(--pj-text-heading)}.su-sheet__go{font-family:var(--pj-font-adult, inherit);font-size:20px}:root{--bk-ease: cubic-bezier(.4, 0, .2, 1)}.bk-screen{gap:14px;padding-top:16px;background:#f3fdf8;transition:opacity .42s var(--bk-ease),scale .42s var(--bk-ease)}.bk-screen.is-going{animation:bk-go .56s var(--bk-ease) forwards}@keyframes bk-go{0%,45%{opacity:1;scale:1}to{opacity:0;scale:1.05}}.bk-top{display:flex;align-items:center;gap:10px}.bk-top h1{flex:1;margin:0;font-size:26px;font-weight:800;color:#00564c}.bk-stars{display:inline-flex;align-items:center;gap:5px;padding:6px 12px 6px 8px;border-radius:999px;background:#fff7d6;color:#8a5a00;font-weight:800;font-size:17px;box-shadow:inset 0 -3px #fde9a0}.bk-star{width:20px;height:20px;flex:none}.bk-empty{margin:auto;color:var(--pj-text-body);font-weight:700}.bk-skeleton{flex:1;margin:20px 18%;border-radius:22px;background:linear-gradient(100deg,#e8f5ef 40%,#f6fcf9,#e8f5ef 60%) 0 0 / 300% 100%;animation:bk-shimmer 1.3s linear infinite}.books{container-type:inline-size;flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px;margin:0 -16px;min-height:0}.books__list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior:contain;scrollbar-width:none;outline-offset:-4px;padding:18px 17cqi;cursor:grab;touch-action:pan-x}.books__list::-webkit-scrollbar{display:none}.books__list.is-drag{scroll-snap-type:none;cursor:grabbing}.books__slide{flex:none;width:66cqi;scroll-snap-align:center;display:grid;place-items:center;will-change:transform,opacity;cursor:pointer;animation:bk-deal .62s var(--bk-ease) backwards;animation-delay:calc(min(var(--k, 0),4)*70ms)}@keyframes bk-deal{0%{translate:var(--dx, 0) 48px;rotate:calc(var(--fan, 0) * 7deg);opacity:0}}.books.is-leaving .books__slide:not(.is-kept){animation:bk-gather .38s var(--bk-ease) forwards;animation-delay:calc((4 - min(var(--k, 0),4))*30ms)}@keyframes bk-gather{60%{translate:var(--dx, 0) 10px;rotate:calc(var(--fan, 0) * -5deg);opacity:1}to{translate:var(--dx, 0) 70px;rotate:calc(var(--fan, 0) * -5deg);opacity:0}}.books.is-leaving .books__dots{opacity:0;transition:opacity .2s ease}.books__dots{display:flex;justify-content:center;gap:6px}.books__dots i{width:8px;height:8px;border-radius:4px;background:#c8eedd;transition:width .3s var(--bk-ease),background-color .3s ease}.books__dots i.is-on{width:26px;background:#00cc85}.book{position:relative;width:min(100%,250px);aspect-ratio:3 / 4;perspective:1000px}.book__rig{position:absolute;inset:-8%;width:116%;height:116%}.book__drawn{position:absolute;inset:0;transform-style:preserve-3d;animation:bk-idle 4s ease-in-out infinite}.book__pages{position:absolute;inset:6px -6px 6px 10px;border-radius:6px 18px 18px 6px;background:repeating-linear-gradient(90deg,#fff 0 3px,var(--page) 3px 4px);box-shadow:0 10px color-mix(in srgb,var(--spine) 35%,transparent);transform:translateZ(-12px)}.book__cover{position:absolute;inset:0;border-radius:8px 20px 20px 8px;background:var(--cover);overflow:hidden;transform-origin:0 50%;box-shadow:inset 0 -8px color-mix(in srgb,#000 12%,transparent),inset 10px 0 color-mix(in srgb,var(--spine) 60%,transparent);transition:transform .7s var(--bk-ease);backface-visibility:hidden}.book__cover:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgb(255 255 255 / .22),transparent 40%)}.book__art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.book__spine{position:absolute;left:0;top:0;bottom:0;width:16px;border-radius:8px 0 0 8px;background:var(--spine)}.book__label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px 18px 18px 30px;text-align:center;color:#fff;pointer-events:none;transition:opacity .3s ease}.book.has-rig .book__label{justify-content:flex-start;padding-top:22px}.bk-chip{padding:4px 14px;border-radius:999px;background:#fff;color:var(--spine);font-size:14px;font-weight:800}.bk-title{font-size:26px;line-height:30px;font-weight:800;text-shadow:0 2px 0 rgb(0 0 0 / .12)}.bk-progress{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:#ffffff38;font-weight:800;font-size:15px}.bk-lock{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#ffffff40}.book.is-locked .book__cover{filter:saturate(.25) brightness(1.08)}@keyframes bk-idle{0%,to{transform:rotateY(-8deg) rotateX(2deg)}50%{transform:rotateY(-2deg) rotateX(0) translateY(-4px)}}.book.is-swipeLeft .book__drawn{animation:bk-swipe-l .52s var(--pj-ease-spring)}.book.is-swipeRight .book__drawn{animation:bk-swipe-r .52s var(--pj-ease-spring)}@keyframes bk-swipe-l{30%{transform:rotateY(-28deg) translate(-6px)}to{transform:rotateY(-8deg)}}@keyframes bk-swipe-r{30%{transform:rotateY(14deg) translate(6px)}to{transform:rotateY(-8deg)}}.book.is-tap .book__drawn{animation:bk-tap .48s var(--pj-ease-spring)}@keyframes bk-tap{30%{transform:rotateY(-4deg) scale(.94,.97)}65%{transform:rotateY(-6deg) scale(1.04,1.02)}}.book.is-open .book__drawn{animation:bk-open-near .9s var(--bk-ease) forwards}.book.is-open .book__cover{transform:rotateY(-155deg)}.book.is-open .book__label{opacity:0}@keyframes bk-open-near{to{transform:rotateY(0) scale(1.25)}}.bk-white{position:fixed;left:50%;top:50%;width:60px;height:60px;margin:-30px;border-radius:50%;background:#fff;pointer-events:none;z-index:20;scale:0;opacity:0;transition:scale .62s var(--bk-ease) .26s,opacity .2s ease .26s}.bk-screen.is-opening .bk-white{scale:40;opacity:1}.bk-map{gap:12px;padding-top:16px;background:#fff;animation:bk-from-white .42s var(--bk-ease) both}@keyframes bk-from-white{0%{opacity:0}}.bk-map__title{flex:1;display:flex;flex-direction:column}.bk-map__title small{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tint-dark)}.bk-map__title h1{margin:0;font-size:22px;line-height:26px;font-weight:800;color:#00564c}.bk-strip{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:4px 2px 16px;scrollbar-width:none}.bk-strip::-webkit-scrollbar{display:none}.bk-row{--slant: 16px;display:flex;gap:6px;height:150px;flex:none;animation:bk-row-in .42s var(--bk-ease) both;animation-delay:calc(var(--r, 0) * 60ms)}@keyframes bk-row-in{0%{opacity:0;translate:0 16px}}.bk-row>:first-child{flex:var(--a) 1 0;clip-path:polygon(0 0,100% 0,calc(100% - var(--slant)) 100%,0 100%);margin-right:calc(var(--slant) * -.5)}.bk-row>:last-child:not(:first-child){flex:var(--b) 1 0;clip-path:polygon(var(--slant) 0,100% 0,100% 100%,0 100%);margin-left:calc(var(--slant) * -.5)}.bk-row.is-single>:first-child{flex:1 1 0;clip-path:none;margin:0}.bk-panel{position:relative;padding:0;border:0;cursor:pointer;font:inherit;color:var(--pj-text-heading);background:#3a3f47;overflow:hidden}.bk-panel__art{position:absolute;inset:3px;display:grid;place-items:center;background:color-mix(in srgb,var(--tint) 16%,#fff);clip-path:inherit}.bk-panel__art img{width:100%;height:100%;object-fit:cover}.bk-panel__stand{font-family:var(--pj-font-teach);font-size:54px;font-weight:700;color:var(--tint-dark);opacity:.85}.bk-panel__no{position:absolute;left:10px;top:8px;min-width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#fff;font-size:14px;font-weight:800;box-shadow:0 2px #0000001f}.bk-panel__title{position:absolute;left:10px;right:26px;bottom:8px;padding:3px 8px;border-radius:8px;background:#ffffffeb;text-align:left;font-size:12px;font-weight:800;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bk-panel__stars{position:absolute;right:12px;top:8px;display:flex;gap:1px}.bk-panel__stars i{opacity:.25}.bk-panel__stars i.is-on{opacity:1}.bk-panel__stars .bk-star{width:18px;height:18px}.bk-panel__play{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px;display:grid;place-items:center;border-radius:50%;background:#00cc85;box-shadow:0 4px #00a36a,0 0 #00cc8580;animation:bk-call 2.2s ease-out infinite}.bk-panel__play svg{width:24px;height:24px}@keyframes bk-call{0%{box-shadow:0 4px #00a36a,0 0 #00cc858c}70%,to{box-shadow:0 4px #00a36a,0 0 0 18px #00cc8500}}.bk-panel__lock{position:absolute;right:12px;top:8px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--pj-neutral-250)}.bk-panel.is-current{background:#00cc85}.bk-panel.is-locked .bk-panel__art{filter:grayscale(1) opacity(.55)}.bk-panel.is-locked{background:#c7cbd1;cursor:default}.bk-panel.is-boss .bk-panel__art{background:color-mix(in srgb,#fabb0a 22%,#fff)}.bk-panel.is-skeleton{background:#e7ece9;cursor:default}.bk-panel.is-skeleton>*{opacity:0}.bk-panel.is-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,rgb(255 255 255 / .8) 50%,transparent 65%) 0 0 / 300% 100%;animation:bk-shimmer 1.2s linear infinite}.bk-panel.is-ready>*{animation:bk-fade .36s var(--bk-ease) both}@keyframes bk-fade{0%{opacity:0}}@keyframes bk-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@media(prefers-reduced-motion:reduce){.books__slide,.books.is-leaving .books__slide:not(.is-kept),.book__drawn,.bk-row,.bk-map,.bk-panel__play,.bk-panel.is-skeleton:after,.bk-skeleton{animation:none!important}.bk-screen,.book__cover,.bk-white{transition-duration:1ms!important;transition-delay:0ms!important}}.bk-panel.is-bonus,.bk-panel.is-bonus_locked{box-shadow:inset 0 0 0 3px #fabb0a}.bk-panel.is-bonus_locked .bk-panel__art{filter:saturate(.5) opacity(.75)}.bk-panel.is-bonus_locked{cursor:default}.bk-panel__bonus{position:absolute;left:10px;top:8px;padding:3px 10px;border-radius:60px;background:#fabb0a;color:#5c4400;font-size:13px;font-weight:800;box-shadow:inset 0 -2px #e0a800}.bk-panel__need{position:absolute;right:10px;top:8px;display:inline-flex;align-items:center;gap:3px;padding:4px 10px 4px 6px;border-radius:60px;background:#fff;color:#967006;font-size:15px;font-weight:800;box-shadow:0 2px #0000001f}.bk-panel__need .bk-star{width:18px;height:18px}.bk-chip--exam{background:#fff6d6;color:#967006}.sk{background:linear-gradient(180deg,#fff6ed,#fff 60%);padding-bottom:28px}.sk__body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.sk__flame{position:relative;width:150px;height:175px;display:grid;place-items:center;animation:sk-in .52s var(--pj-ease-spring) both}.sk__fire{width:100%;height:100%;filter:grayscale(1) opacity(.45)}.sk__flame.is-lit .sk__fire{filter:drop-shadow(0 10px 18px rgba(255,122,69,.35));animation:sk-breathe 2.4s ease-in-out infinite;transform-origin:50% 90%}.sk__outer{fill:#ff7a45}.sk__inner{fill:#fece00}.sk__flame.is-lit .sk__inner{animation:sk-flicker 1.3s ease-in-out infinite;transform-origin:50% 85%}.sk__num{position:absolute;top:58%;font-size:52px;line-height:1;font-weight:800;color:#fff;text-shadow:0 3px 0 rgba(178,83,30,.45);animation:sk-pop .46s var(--pj-ease-spring) both}.sk__flame:not(.is-lit) .sk__num{color:#999;text-shadow:none}@keyframes sk-in{0%{opacity:0;transform:scale(.7)}}@keyframes sk-pop{0%{transform:scale(.5);opacity:0}}@keyframes sk-breathe{50%{transform:scale(1.04)}}@keyframes sk-flicker{50%{transform:scale(.92,1.06)}}.sk--frozen,.sk--unfrozen{background:linear-gradient(180deg,#e6f6fd,#fff 62%)}.sk--lost{background:linear-gradient(180deg,#f2f2f2,#fff 62%)}.sk__flame.is-iced .sk__fire{filter:saturate(.55) brightness(1.05);animation:none}.sk__flame.is-iced .sk__inner{animation:none}.sk__ice{position:absolute;inset:-6px -8px 0;width:calc(100% + 16px);height:calc(100% + 6px);pointer-events:none}.sk__ice path{fill:#7fd0f36b;stroke:#7fd0f3;stroke-width:2.5;stroke-linejoin:round}.sk__ice .sk__shine{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round}.sk__ice .sk__crack{fill:none;stroke:#fff;stroke-width:3;stroke-dasharray:200;stroke-dashoffset:200}.sk__ice .sk__crack.is-on{animation:sk-crack .26s ease-out forwards,sk-gone .2s .52s ease-in forwards}@keyframes sk-gone{to{opacity:0}}.sk__icel,.sk__icer{transform-box:fill-box;transition:transform .62s .22s cubic-bezier(.55,0,.75,.45),opacity .42s .42s ease-in}.sk__ice.is-cracked .sk__icel{transform:translate(-40px,120px) rotate(-18deg);opacity:0}.sk__ice.is-cracked .sk__icer{transform:translate(40px,120px) rotate(18deg);opacity:0}.sk__ice.is-cracked .sk__shine{opacity:0;transition:opacity .12s}@keyframes sk-crack{to{stroke-dashoffset:0}}.sk__flame.is-thawed .sk__fire{animation:sk-relight .7s .3s var(--pj-ease-spring) both,sk-breathe 2.4s 1s ease-in-out infinite}@keyframes sk-relight{0%{transform:scale(.85);filter:saturate(.5)}}.sk__flame.is-iced .sk__num{color:#0071a2;text-shadow:0 2px 0 #fff}.sk--lost .sk__fire{transition:transform .7s cubic-bezier(.22,1,.36,1),filter .7s ease}.sk--lost .sk__flame:not(.is-lit) .sk__fire{transform:scale(.72) translateY(18px);filter:grayscale(1) opacity(.4)}.sk--lost .sk__flame:not(.is-lit) .sk__num{color:#999}.sk__plus{position:absolute;top:6px;right:-10px;padding:4px 10px;border-radius:60px;background:#00cc85;color:#fff;font-size:18px;font-weight:800;box-shadow:inset 0 -3px #00a36a;animation:sk-plus .52s var(--pj-ease-spring) both}@keyframes sk-plus{0%{opacity:0;transform:translateY(12px) scale(.6)}}.sk__sub{margin:-6px 0 0;max-width:340px;font-size:16px;line-height:25px;font-weight:700;color:#666;text-align:center}.sk--frozen .sk__title,.sk--unfrozen .sk__title{color:#0071a2}.sk--lost .sk__title{color:#4d4d4d}.sk__cube.is-using{animation:sk-glint 1.6s ease-in-out infinite}@keyframes sk-glint{50%{box-shadow:inset 0 -3px #0071a2,0 0 0 4px #7fd0f38c}}.sk__go.is-play{border-color:#00a36a}.sk__title{margin:0;font-size:28px;line-height:34px;font-weight:800;color:#b2531e;text-align:center}.sk__title span{white-space:nowrap}.sk__week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;width:100%;max-width:380px;padding:14px 12px;border-radius:24px;background:#fff;border:1px solid #ffe1c7;box-sizing:border-box}.sk__day{display:flex;flex-direction:column;align-items:center;gap:6px;animation:sk-pop .38s calc(.2s + var(--n) * 60ms) var(--pj-ease-spring) both}.sk__day small{font-size:13px;font-weight:700;color:#999}.sk__dot{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f2f2f2;box-sizing:border-box}.is-done .sk__dot{background:#ff7a45;box-shadow:inset 0 -3px #e0642f}.is-frozen .sk__dot{background:#e6f6fd;color:#00a2e8;border:2px solid #7fd0f3}.is-missed .sk__dot{background:#e5e5e5}.is-today .sk__dot{background:#fff;border:2px dashed #ff9f43}.is-future .sk__dot{background:#f7f7f7}.is-done small,.is-today small{color:#b2531e}.sk__freeze{display:flex;align-items:center;gap:12px;width:100%;max-width:380px;padding:12px 14px;border-radius:20px;background:#e6f6fd;border:1px solid #b3e3f8;box-sizing:border-box}.sk__cubes{display:flex;gap:6px;flex:none}.sk__cube{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;color:#bfbfbf;border:2px dashed #b3e3f8;box-sizing:border-box}.sk__cube.is-on{background:#00a2e8;color:#fff;border:0;box-shadow:inset 0 -3px #0071a2}.sk__freezetext{display:flex;flex-direction:column;min-width:0}.sk__freezetext b{font-size:16px;line-height:22px;font-weight:700;color:#0071a2}.sk__freezetext small{margin-top:3px;font-size:13px;line-height:20px;color:#4d4d4d}.sk__go{align-self:stretch;height:64px;flex:none;border-radius:54px 54px 60px 60px;border:1px solid #00a36a;background:#00cc85;box-shadow:inset 0 -4px #00a36a;color:#fff;display:grid;place-items:center}@media(prefers-reduced-motion:reduce){.sk__flame,.sk__fire,.sk__inner,.sk__num,.sk__day,.sk__plus,.sk__ice .sk__crack,.sk__cube{animation:none!important}.sk__icel,.sk__icer,.sk--lost .sk__fire{transition:none}}.ch{position:relative;overflow:hidden;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;background-color:var(--ch-bg);transition:background-color .7s ease;--ch-bg: #ffffff;--ch-ray: rgb(254 226 102 / 0)}.ch--s2{--ch-bg: #fff8e4;--ch-ray: rgb(254 206 0 / .22)}.ch--s3{--ch-bg: #f1ebff;--ch-ray: rgb(171 164 246 / .42)}.ch--s4{--ch-bg: #e4f8ec;--ch-ray: rgb(254 226 102 / .62)}.ch>*{position:relative}.ch__rays{position:absolute!important;left:50%;top:44%;width:180vmax;aspect-ratio:1;translate:-50% -50%;pointer-events:none;background:repeating-conic-gradient(from 0deg,var(--ch-ray) 0deg 9deg,transparent 9deg 24deg);-webkit-mask:radial-gradient(circle,#000 0 18%,transparent 46%);mask:radial-gradient(circle,#000 0 18%,transparent 46%);animation:ch-spin 24s linear infinite;transition:opacity .6s ease}.ch--s1 .ch__rays{opacity:0}.ch--s4 .ch__rays{animation-duration:12s}@keyframes ch-spin{to{rotate:360deg}}.ch__wash{position:absolute!important;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 44%,rgb(255 255 255 / .95),rgb(254 226 102 / .35) 38%,transparent 70%)}.ch--s2 .ch__wash,.ch--s3 .ch__wash,.ch--s4 .ch__wash{animation:ch-wash .7s ease-out}@keyframes ch-wash{0%{opacity:0}25%{opacity:1}to{opacity:0}}.ch__bubble{z-index:2;align-self:stretch;display:flex;align-items:center;gap:10px;min-height:63px;padding:7px 18px 7px 10px;border-radius:100px;background:#f8f8f8;border:1px solid #d9d9d9;box-shadow:0 6px 18px #453e9014;animation:ch-drop .52s var(--pj-ease-spring, ease) both}.ch__bubble p{margin:0;font-size:17px;line-height:1.3;color:#1f1f1f;text-align:left;word-spacing:normal}.ch__face{flex-shrink:0}.ch__say{animation:ch-say .32s ease-out both}@keyframes ch-say{0%{opacity:0;translate:0 6px}}@keyframes ch-drop{0%{opacity:0;translate:0 -16px}}.ch__stage{flex:1;width:100%;max-height:360px;display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer}.ch__chest{position:relative;width:min(300px,78vw);aspect-ratio:260 / 240;animation:ch-land .62s var(--pj-ease-spring, ease) both}.ch__rig,.ch__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ch__svg{transform-origin:50% 92%}@keyframes ch-land{0%{opacity:0;translate:0 -60px;scale:.8}}.ch__shadow{fill:#453e9029}.ch__beam{opacity:0;transform-origin:130px 112px;transition:opacity .5s ease}.ch__seam{fill:#fff6c0;opacity:0;transition:opacity .4s ease}.ch__lid,.ch__half,.ch__hole{transform-box:view-box;transition:transform .52s var(--pj-ease-spring, ease),opacity .4s ease}.ch__lid{transform-origin:130px 26px}.ch__pcrack{fill:none;stroke:#c46a1d;stroke-width:2.5;stroke-linejoin:round;stroke-dasharray:80;stroke-dashoffset:80;transition:stroke-dashoffset .4s ease}.ch__coin,.ch__spark{opacity:0}.ch__chest.is-s1 .ch__svg{animation:ch-rattle 1.8s ease-in-out .7s infinite}.ch__chest.is-s2 .ch__svg{animation:ch-rattle-hard 1.1s ease-in-out infinite}.ch__chest.is-s2 .ch__seam{opacity:.6}.ch__chest.is-s2 .ch__pcrack{stroke-dashoffset:40}.ch__chest.is-s2 .ch__coin{animation:ch-spill 1.3s ease-out calc(var(--i) * 90ms) both}.ch__chest.is-s2 .ch__spark{animation:ch-twinkle .9s ease-out .2s both}@keyframes ch-rattle{0%,55%,to{rotate:0deg}60%{rotate:-3deg}66%{rotate:3deg}72%{rotate:-2deg}78%{rotate:2deg}84%{rotate:0deg}}@keyframes ch-rattle-hard{0%,40%,to{rotate:0deg;translate:0 0}46%{rotate:-6deg;translate:-3px -4px}54%{rotate:6deg;translate:3px -2px}62%{rotate:-4deg;translate:-2px -3px}70%{rotate:4deg;translate:2px 0}78%{rotate:0deg}}@keyframes ch-spill{0%{opacity:0;transform:translate(var(--x0, 0))}20%{opacity:1}50%{opacity:1;transform:translate(calc(var(--i) * 7px - 14px),-38px)}to{opacity:0;transform:translate(calc(var(--i) * 14px - 28px),70px)}}.ch__coin{translate:0 0}@keyframes ch-twinkle{0%,to{opacity:0;scale:.4}40%{opacity:1;scale:1.2}}.ch__chest.is-s3 .ch__svg{animation:ch-jolt .42s ease-out both,ch-shake .76s ease-in-out .42s infinite}.ch__chest.is-s3 .ch__half--l{transform:translate(-18px,70px) rotate(-28deg);opacity:0}.ch__chest.is-s3 .ch__half--r{transform:translate(18px,70px) rotate(28deg);opacity:0}.ch__chest.is-s3 .ch__hole,.ch__chest.is-s4 .ch__hole{opacity:0}.ch__chest.is-s3 .ch__half,.ch__chest.is-s4 .ch__half{transition-duration:.7s;transition-timing-function:ease-in}.ch__chest.is-s3 .ch__seam{opacity:1;filter:drop-shadow(0 0 10px #fee266)}.ch__chest.is-s3 .ch__pcrack,.ch__chest.is-s4 .ch__pcrack{opacity:0}.ch__chest.is-s3{filter:drop-shadow(0 0 26px rgb(254 226 102 / .75));transition:filter .6s ease}@keyframes ch-jolt{30%{scale:1.06 .94}60%{scale:.97 1.03}to{scale:1}}@keyframes ch-hum{50%{scale:1.02}}@keyframes ch-shake{0%,to{rotate:0deg;translate:0 0}8%{rotate:-9deg;translate:-6px -10px}16%{rotate:8deg;translate:6px -14px}24%{rotate:-7deg;translate:-5px -8px}32%{rotate:6deg;translate:5px -4px}40%{rotate:-4deg;translate:-3px 0}48%{rotate:3deg;translate:2px 0}56%{rotate:0deg;translate:0 0}70%{rotate:-2deg;translate:-2px -3px}78%{rotate:2deg;translate:2px -2px}86%{rotate:0deg;translate:0 0}}.ch__chest.is-s4 .ch__half--l{transform:translate(-18px,70px) rotate(-28deg);opacity:0}.ch__chest.is-s4 .ch__half--r{transform:translate(18px,70px) rotate(28deg);opacity:0}.ch__chest.is-s4 .ch__lid{transform:translateY(-30px) scaleY(.58) rotate(-3deg)}.ch__mouth{fill:#fff6c0;opacity:0;filter:drop-shadow(0 0 12px #fee266);transition:opacity .4s ease}.ch__chest.is-s4 .ch__mouth{opacity:1}.ch__chest.is-s4 .ch__beam{opacity:1;animation:ch-beam 1.6s ease-in-out infinite}.ch__chest.is-s4 .ch__seam{opacity:1}.ch__chest.is-s4{filter:drop-shadow(0 0 36px rgb(254 226 102 / .9))}.ch__chest.is-s4 .ch__svg{animation:ch-hum 1.6s ease-in-out infinite}@keyframes ch-beam{50%{opacity:.7;transform:scaleX(1.08)}}.ch.is-burst .ch__chest{animation:ch-burst .65s ease-in both}.ch.is-burst:after{content:"";position:absolute;inset:0;background:#fff;animation:ch-flash .65s ease-in both;pointer-events:none;z-index:5}@keyframes ch-burst{to{scale:1.35;opacity:.4}}@keyframes ch-flash{0%{opacity:0}to{opacity:1}}.ch__foot{width:100%;display:flex;justify-content:center;padding-bottom:max(28px,env(safe-area-inset-bottom));perspective:700px;perspective-origin:50% 0}.ch__btn{width:min(248px,68vw);height:148px;padding:0;border:0;background:none;cursor:pointer;transform:rotateX(16deg);transform-style:preserve-3d;transition:transform .14s ease}.ch__btn:active:not(:disabled){transform:rotateX(16deg) translateY(10px)}.ch__btn:focus:not(:focus-visible),.ch__stage:focus:not(:focus-visible){outline:none}.ch__btn:disabled{cursor:default}.ch__btnface{position:relative;display:grid;place-items:center;height:100%;border-radius:30px;background:linear-gradient(180deg,#2ad676,#18c964 70%);box-shadow:0 20px #13a150,0 30px 28px #13a1504d;transition:box-shadow .14s ease}.ch__btn:active:not(:disabled) .ch__btnface{box-shadow:0 10px #13a150,0 16px 18px #13a1504d}.ch__lock{width:104px;height:104px;overflow:visible}.ch__shackle{transform-box:view-box;transform-origin:82px 54px;transition:transform .52s var(--pj-ease-spring, ease)}.ch__lcrack{fill:none;stroke:#13a150;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;animation:ch-draw .36s ease-out both}.ch__corner{position:absolute;width:40px;height:40px;overflow:visible;pointer-events:none}.ch__corner path{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 4px rgb(40 199 111 / .9))}.ch__corner.is-tr{right:-18px;top:-18px;transform-origin:0 100%}.ch__corner.is-tl{left:-18px;top:-18px;transform-origin:100% 100%}.ch__corner.is-br{right:-18px;bottom:-18px;transform-origin:0 0}.ch__corner.is-bl{left:-18px;bottom:-18px;transform-origin:100% 0}.ch__corner{animation:ch-corner 1.2s ease-out infinite}.ch__corner.is-tl{animation-delay:.3s}.ch__corner.is-br{animation-delay:.6s}.ch__corner.is-bl{animation-delay:.9s}@keyframes ch-corner{0%{opacity:0;transform:scale(.3)}35%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.35)}}.ch__cracks{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.ch__cracks path{fill:none;stroke:#0a6e378c;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:90;animation:ch-draw .36s ease-out both}.ch__cracks .ch__chip{fill:#18c964;stroke:none;animation:ch-chip .9s ease-in .2s both}.ch__cracks .ch__chip--r{animation-delay:.32s}@keyframes ch-draw{0%{stroke-dashoffset:90}to{stroke-dashoffset:0}}@keyframes ch-chip{to{transform:translate(-10px,80px) rotate(-40deg);opacity:0}}.ch__btn:not(:disabled):is(.ch--s2 *,.ch--s3 *){animation:ch-tremble .38s ease-out}@keyframes ch-tremble{25%{translate:-3px 0}50%{translate:3px 0}75%{translate:-2px 0}}.ch--s1 .ch__btnface{box-shadow:0 20px #13a150,0 30px 28px #13a1504d,0 0 18px 2px #28c76f40}.ch--s2 .ch__btnface{box-shadow:0 20px #13a150,0 30px 28px #13a1504d,0 0 30px 6px #28c76f66}.ch--s3 .ch__btnface{box-shadow:0 20px #13a150,0 30px 28px #13a1504d,0 0 44px 10px #28c76f8c}.ch__hit{position:absolute;inset:-6px;border-radius:36px;pointer-events:none;opacity:0;background:radial-gradient(circle,#ffffffd9,#fff0 70%);box-shadow:0 0 #fee266e6;animation:ch-hit .52s ease-out}.ch__hit:first-child:is(.ch--s1 *){animation:none}@keyframes ch-hit{0%{opacity:1;box-shadow:0 0 #fee266e6}to{opacity:0;box-shadow:0 0 0 28px #fee26600}}.ch__burst{position:absolute!important;width:0;height:0;pointer-events:none;z-index:4}.ch__burst i{position:absolute;left:0;top:0}.ch__ring{width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:4px solid #fee266;box-shadow:0 0 18px #fee266;animation:ch-ring .65s ease-out both}.ch__ring--2{border-color:#fff;animation-delay:90ms}.ch__burst.is-big .ch__ring{animation-duration:.9s;border-width:6px}@keyframes ch-ring{0%{opacity:1;scale:.3}to{opacity:0;scale:5}}.ch__burst.is-big .ch__ring{animation-name:ch-ring-big}@keyframes ch-ring-big{0%{opacity:1;scale:.3}to{opacity:0;scale:9}}.ch__p{width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);background:var(--c);filter:drop-shadow(0 0 6px var(--c));animation:ch-fly .9s cubic-bezier(.15,.7,.3,1) var(--t) both}.ch__p.is-dot{border-radius:50%}.ch__p.is-star{clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%)}.ch__p.is-coin{border-radius:50%;background:radial-gradient(circle,#fee266 0 45%,#fece00 46%);box-shadow:inset 0 -2px #e0a800}.ch__burst.is-big .ch__p{animation-duration:1.2s}@keyframes ch-fly{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.4)}60%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) rotate(180deg) scale(.2)}}.ch--s4 .ch__shackle{transform:translateY(-12px) rotate(-32deg)}.ch--s4 .ch__btnface{animation:ch-glow 1.2s ease-in-out infinite}.ch--s4 .ch__btn{animation:ch-excite 1.2s ease-in-out infinite}@keyframes ch-glow{0%,to{box-shadow:0 20px #13a150,0 0 #28c76f00,0 0 44px 12px #28c76f99}50%{box-shadow:0 20px #13a150,0 0 0 12px #28c76f4d,0 0 90px 30px #28c76fe6}}@keyframes ch-excite{50%{scale:1.05}}.ch__btn.is-nudge{animation:ch-hop 1.4s ease-in-out infinite}@keyframes ch-hop{0%,60%,to{translate:0 0}70%{translate:0 -12px}80%{translate:0 0}88%{translate:0 -5px}}@media(prefers-reduced-motion:reduce){.ch__rays,.ch__svg,.ch__btn,.ch__btnface{animation:none!important}.ch__p{animation-duration:1ms!important}}.chr{position:relative;overflow:hidden;align-items:center;gap:12px;padding-top:56px;background:#453e90;color:#fff;animation:chr-in .42s ease-out both}.chr>*{position:relative}@keyframes chr-in{0%{opacity:0}}.chr__rays{position:absolute!important;inset:0;width:100%;height:100%;pointer-events:none}.chr__spin{transform-box:view-box;transform-origin:195px 330px;animation:ch-spin 40s linear infinite}.chr__body{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.chr__pill{padding:6px 16px;border-radius:60px;background:#fece00;color:#4d4d4d;font-size:16px;font-weight:800;animation:ch-drop .48s var(--pj-ease-spring, ease) .15s both}.chr__title{margin:0;text-align:center;font-size:34px;line-height:42px;font-weight:800;color:#fff;animation:ch-drop .52s var(--pj-ease-spring, ease) .25s both}.chr__title span{display:block;white-space:nowrap}.chr__arch{position:relative;margin-top:8px;width:190px;height:220px;border-radius:95px 95px 20px 20px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;background:#fdedf6;box-shadow:0 0 0 10px #7367f0;animation:chr-arch .62s var(--pj-ease-spring, ease) .35s both}.chr__stripe{position:absolute;left:0;top:0;bottom:0;width:58px;background:#ff5c98;border-radius:95px 0 0;transform:skewY(8deg);transform-origin:left top}.chr__prize{position:relative;margin-bottom:6px;display:grid;place-items:center;min-height:150px;animation:chr-rise .7s var(--pj-ease-spring, ease) .65s both}@keyframes chr-arch{0%{opacity:0;scale:.6}}@keyframes chr-rise{0%{opacity:0;translate:0 60px}}.chr__name{font-size:24px;font-weight:800;animation:ch-drop .48s ease-out .8s both}.chr__card{align-self:stretch;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:24px;background:#fff;color:#4d4d4d;animation:ch-drop .48s ease-out .95s both}.chr__tile{width:64px;height:64px;flex-shrink:0;border-radius:20px;background:#f8f4f1;display:grid;place-items:center}.chr__text{flex:1;display:flex;flex-direction:column;min-width:0}.chr__text small{font-size:12px;font-weight:700;color:#5c52c0;letter-spacing:.02em}.chr__text b{font-size:19px;font-weight:800}.chr__text span{font-size:14px;color:#666}.chr__coins{display:flex;align-items:flex-end}.chr__coins .bd-ico-coin{width:78px;height:78px;filter:drop-shadow(0 4px 0 #e0a800)}.chr__coins .bd-ico-coin:nth-child(2){width:96px;height:96px;margin:0 -22px;z-index:1}.chr__xp{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:#7367f0;color:#fff;font-size:44px;font-weight:800;box-shadow:inset 0 -8px #5c52c0,0 0 0 8px #fff}.chr__food svg{width:130px;height:130px;filter:drop-shadow(0 6px 0 rgb(0 0 0 / .08))}.chr__freeze{width:120px;height:120px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(180deg,#7fd0f3,#00a2e8);box-shadow:inset 0 -8px #0000001f,0 0 0 8px #fff;rotate:-6deg}.chr__freeze svg{width:70px;height:70px}.chr__sorry{margin:0;text-align:center;font-size:18px;color:#e3e1fc}.chr__foot{align-self:stretch;display:flex;flex-direction:row-reverse;align-items:center;gap:12px;padding-bottom:max(8px,env(safe-area-inset-bottom));animation:chr-pop .45s var(--pj-ease-spring, ease) 2.4s both}.chr__foot.is-shown{animation:none}@keyframes chr-pop{0%{opacity:0;scale:.4}70%{opacity:1;scale:1.08}to{opacity:1;scale:1}}.chr__next{flex:1;height:64px;border-radius:54px 54px 60px 60px;background:#00cc85;border:1px solid #00a36a;box-shadow:inset 0 -4px #00a36a;display:grid;place-items:center;cursor:pointer}.chr__home{width:64px;height:64px;flex-shrink:0;border-radius:999px;background:#fff;border:1px solid #c7c2f9;box-shadow:inset 0 -5px #c7c2f9;display:grid;place-items:center;cursor:pointer}@media(prefers-reduced-motion:reduce){.chr__spin,.chr__foot{animation:none}}.done{position:relative;overflow:hidden;align-items:center;gap:14px;padding-top:20px;background:#5cc98b}.done__body{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:0}.done:before{content:"";position:absolute;left:50%;top:38%;width:150%;aspect-ratio:1;translate:-50% 0;border-radius:50%;background:#6fd39b;pointer-events:none}.done>*{position:relative}.done__title{margin:0;font-size:30px;line-height:38px;white-space:nowrap;font-weight:800;color:#00564c;text-align:center;animation:done-rise .52s var(--pj-ease-spring, ease) both}.done__stars{display:flex;align-items:flex-end;gap:10px;height:74px}.done__star{width:56px;height:56px;opacity:.25;scale:.7;filter:grayscale(1);transition:opacity .2s ease,filter .2s ease}.done__star.is-mid{width:72px;height:72px;margin-bottom:10px}.done__star .bk-star{width:100%;height:100%;filter:drop-shadow(0 3px 0 #d99a00)}.done__star.is-on{opacity:1;filter:none;animation:done-star .52s var(--pj-ease-spring, ease) both;scale:1}@keyframes done-star{0%{scale:.2;rotate:-40deg}60%{scale:1.25;rotate:8deg}to{scale:1;rotate:0deg}}.done__pet{position:relative;display:grid;place-items:center;margin-top:4px;animation:done-pet .64s cubic-bezier(.4,0,.2,1) .2s both}@keyframes done-pet{0%{opacity:0;translate:0 30px;scale:.85}}.done__glow{position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgb(255 255 255 / .55),transparent 65%);animation:done-glow 2.4s ease-in-out infinite}@keyframes done-glow{50%{scale:1.12;opacity:.7}}.done__avatar{animation:bd-breathe 3s ease-in-out .9s infinite}.done__replay{position:absolute;right:-10px;bottom:6px;width:52px;height:52px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 4px #0000001f}.done__replay svg{width:28px;height:28px}.done__rewards{list-style:none;margin:6px 0 0;padding:0;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.done__reward{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:112px;border-radius:22px;background:#fff;box-shadow:0 5px #f5c542;animation:done-rise .48s cubic-bezier(.4,0,.2,1) both;animation-delay:calc(1.1s + var(--n) * .12s)}.done__reward b{font-size:24px;font-weight:800;color:#8a5a00}.done__reward .bd-ico-coin,.done__reward .bk-star{width:40px;height:40px}.done__reward.is-sticker{box-shadow:0 5px #ff9fbf}.done__reward.is-sticker b{font-size:15px;color:#c7376c}.done__reward.is-xp{box-shadow:0 5px #aba4f6}.done__reward.is-xp b{color:#5c52c0}.done__sticker{width:42px;height:42px;border-radius:50%;border:2px dashed #ff5c98;background:radial-gradient(circle,#ff5c98 0 55%,transparent 56%)}.done__xp{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e3e1fc;color:#5c52c0;font-weight:800;font-size:16px}@keyframes done-rise{0%{opacity:0;translate:0 18px}}.done__foot{width:100%;display:flex;gap:12px;padding-bottom:10px;animation:done-rise .42s cubic-bezier(.4,0,.2,1) 1.5s both}.done__home{width:72px;height:64px;flex:none;display:grid;place-items:center;border:0;border-radius:999px;background:#e8fbf2;color:#00564c;cursor:pointer;box-shadow:0 5px #b9f0d6}.done__next{flex:1;height:64px;display:grid;place-items:center;border:0;border-radius:999px;background:#fff;cursor:pointer;box-shadow:0 5px #0000001f}.done__next svg{width:32px;height:32px}.done__confetti{position:absolute;inset:0;pointer-events:none}.done__confetti i{position:absolute;left:var(--x);top:-16px;background:var(--c);animation:done-fall var(--t) linear var(--d) infinite;rotate:var(--r)}.done__confetti i.is-strip{width:6px;height:16px;border-radius:3px}.done__confetti i.is-dot{width:10px;height:10px;border-radius:50%}@keyframes done-fall{to{translate:20px 110vh;rotate:calc(var(--r) + 540deg)}}@media(prefers-reduced-motion:reduce){.done__title,.done__star.is-on,.done__pet,.done__glow,.done__avatar,.done__reward,.done__foot,.done__confetti i{animation:none!important}}.done__waiting{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 16px;border-radius:60px;background:#fff;color:#0071a2;font-size:15px;font-weight:700;box-shadow:0 2px #0000000f;animation:bd-enter .42s var(--bd-ease, ease) 1.4s both}.done__waiting svg{width:26px;height:26px}.done__rewards.is-waiting .done__reward{opacity:.55;filter:saturate(.6)}.me{gap:14px}.me__top{display:flex;align-items:center;gap:10px;padding:0 4px}.me__who{flex:1;min-width:0;display:flex;flex-direction:column}.me__name{margin:0;font-size:26px;line-height:32px;font-weight:800;color:#00564c;overflow-wrap:anywhere}.me__where{font-size:14px;line-height:20px;font-weight:700;color:var(--pj-primary-strong)}.me__parent{display:flex;align-items:center;gap:6px;height:44px;padding:0 14px;border:0;border-radius:60px;flex:none;background:#f2f2f2;color:#666;font-family:var(--pj-font-adult);font-size:12px;font-weight:700}.me__tabs{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border-radius:60px;background:#f2f2f2}.me__thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 16px) / 3);border-radius:60px;background:#00cc85;box-shadow:inset 0 -3px #00a36a;transform:translate(calc(var(--at) * (100% + 4px)));transition:transform .36s var(--pj-ease-soft)}.me__tab{position:relative;height:44px;border:0;border-radius:60px;background:none;font:inherit;font-size:16px;font-weight:700;color:#666;transition:color .2s}.me__tab.is-on{color:#fff}.me__body{display:flex;flex-direction:column;gap:14px;animation:me-in .32s var(--pj-ease-soft) both}@keyframes me-in{0%{opacity:0;transform:translateY(10px)}}.me__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.me__stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 4px;border-radius:20px;border:0;font:inherit;animation:me-pop .42s var(--pj-ease-spring) both}.me__stat:nth-child(2){animation-delay:50ms}.me__stat:nth-child(3){animation-delay:.1s}.me__stat:nth-child(4){animation-delay:.15s}@keyframes me-pop{0%{opacity:0;transform:scale(.85)}}.me__staticon{display:grid;place-items:center;width:30px;height:30px}.me__stat b{font-size:24px;line-height:30px;font-weight:800}.me__stat small{font-size:12px;font-weight:700}.me__stat--green{background:#e1f9ea;color:#00564c}.me__stat--green .me__staticon{color:#00a36a}.me__stat--yellow{background:#fef1ce;color:#967006}.me__stat--pink{background:#fdedf6;color:#99375b}.me__stat--purple{background:#e3e1fc;color:#453e90}.me__dash{width:26px;height:26px;border-radius:50%;border:2px dashed #ff5c98;box-sizing:border-box}.me__card{display:grid;grid-template-columns:44px max-content minmax(0,1fr) auto;column-gap:12px;row-gap:12px;align-items:center;padding:16px;border-radius:24px;background:#fff;border:1px solid #e5e5e5}.me__card .me__h2{grid-column:1 / -1}.me__h2{margin:0;font-size:19px;line-height:24px;font-weight:700;color:#4d4d4d}.me__skill{display:contents}.me__glyph{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:14px;background:var(--t);color:var(--c);font-family:var(--pj-font-teach);font-size:19px;font-weight:800}.me__skillname{font-size:16px;font-weight:700;color:#4d4d4d}.me__bar{flex:1;height:14px;border-radius:999px;background:#f2f2f2;overflow:hidden}.me__bar i{display:block;height:100%;border-radius:inherit;background:var(--c);transform-origin:left;animation:me-grow .7s .2s var(--pj-ease-soft) both}@keyframes me-grow{0%{transform:scaleX(0)}}.me__count{min-width:40px;text-align:right;font-size:14px;line-height:20px;font-weight:700;color:#666;display:flex;justify-content:flex-end}.me__skill.is-soon>*{opacity:.55}.me__today{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:20px;background:#f6fef6;border:1px solid #00cc85}.me__today div{display:flex;flex-direction:column;min-width:0}.me__eyebrow{font-size:12px;font-weight:700;color:#00a36a;text-transform:uppercase;letter-spacing:.04em}.me__today b{font-size:17px;line-height:22px;font-weight:700;color:#4d4d4d}.me__book{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:28px;background:#fffbec;border:2px solid #ffeb99}.me__bookhead{display:flex;align-items:center;justify-content:space-between}.me__bookhead span{font-size:15px;font-weight:700;color:#987c00}.me__stickers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.me__sticker{aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#fff;border:4px solid var(--c);box-sizing:border-box;box-shadow:0 3px #ffeb99;color:var(--c);font-size:28px;font-weight:800;transform:rotate(var(--r));animation:me-stick .46s calc(var(--n) * 60ms) var(--pj-ease-spring) both}@keyframes me-stick{0%{opacity:0;transform:rotate(var(--r)) scale(.6)}}.me__sticker.is-empty{background:transparent;border:3px dashed #fee266;box-shadow:none;color:#cba500;transform:none;font-family:var(--pj-font-ui);animation:none}.me__hint{margin:0;font-size:14px;color:#666}.me__journey{position:relative;display:flex;flex-direction:column;gap:12px;margin:0;padding:0 0 0 36px;list-style:none}.me__line{position:absolute;left:13px;top:10px;bottom:10px;width:4px;border-radius:2px;background:#d9f7ed}.me__moment{position:relative;display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:20px;background:#fff;border:1px solid #e5e5e5;animation:me-in .36s calc(var(--n) * 50ms) var(--pj-ease-soft) both}.me__moment:before{content:"";position:absolute;left:-31px;top:50%;margin-top:-10px;width:20px;height:20px;border-radius:50%;background:#00cc85;border:3px solid #fff;box-sizing:border-box}.me__moment.is-next{border:2px dashed #e5e5e5}.me__moment.is-next:before{background:#e5e5e5}.me__moment.is-next b{color:#999}.me__mglyph{display:grid;place-items:center;width:56px;height:56px;flex:none;border-radius:16px;background:var(--t);color:var(--c);font-size:24px;font-weight:800}.me__mglyph.is-letter{font-family:var(--pj-font-teach)}.me__mtext{display:flex;flex-direction:column;min-width:0}.me__mtext b{font-size:16px;line-height:22px;font-weight:700;color:#4d4d4d}.me__mtext small{margin-top:2px;font-size:13px;line-height:18px;font-weight:700;color:#999}.me__empty{padding:16px;border-radius:20px;border:2px dashed #e5e5e5;color:#999;font-weight:700}.grown{font-family:var(--pj-font-adult);color:#4d4d4d;background:#f2f2f2;gap:16px;padding-top:24px}.gate{padding-bottom:32px;gap:20px}.gate__top{display:flex;align-items:center;justify-content:space-between}.gate__x{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid #e5e5e5;color:#4d4d4d}.gate__only{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:60px;background:#e6f6fd;color:#0071a2;font-size:13px;font-weight:700}.gate__head{display:flex;flex-direction:column;gap:6px;text-align:center}.gate__head h1{margin:0;font-size:22px;line-height:30px;font-weight:700}.gate__head p{margin:0;font-size:14px;line-height:20px;color:#666}.gate__ask{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;border-radius:24px;background:#fff}.gate__q{font-size:15px;font-weight:600;color:#666;text-align:center}.gate__slots{display:flex;gap:10px}.gate__slots.is-wrong{animation:gate-shake .36s ease-in-out}@keyframes gate-shake{25%{transform:translate(-8px)}50%{transform:translate(7px)}75%{transform:translate(-4px)}}.gate__slot{display:grid;place-items:center;width:60px;height:68px;border-radius:18px;border:2px solid #e5e5e5;box-sizing:border-box;font-size:32px;font-weight:700;transition:border-color .16s}.gate__slot.is-on{border-color:#00a2e8}.gate__note{min-height:18px;font-size:13px;font-weight:700;color:#00a36a}.gate__note.is-wrong{color:#b26f2f}.gate__keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gate__key{height:58px;border-radius:16px;background:#fff;border:1px solid #e5e5e5;font:inherit;font-size:22px;font-weight:600;color:#4d4d4d;padding:0;display:grid;place-items:center}.gate__key.is-blank{visibility:hidden}.gate__go{margin-top:auto;height:64px;flex:none;border-radius:54px 54px 60px 60px;border:1px solid #d9d9d9;background:#e5e5e5;box-shadow:inset 0 -4px #d9d9d9;color:#999;display:grid;place-items:center;transition:background .2s,border-color .2s,color .2s}.gate__go.is-ready{background:#00cc85;border-color:#00a36a;box-shadow:inset 0 -4px #00a36a;color:#fff}.pa__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.pa__brand{display:flex;flex-direction:column}.pa__brand small{font-size:12px;font-weight:600;color:#999;letter-spacing:.04em}.pa__brand h1{margin:0;font-size:22px;line-height:28px;font-weight:700}.pa__back{display:flex;align-items:center;height:40px;padding:0 14px;border-radius:60px;background:#fff;border:1px solid #00cc85;box-shadow:inset 0 -3px #00cc85;font:inherit;font-size:13px;font-weight:600;color:#00a36a;flex:none}.pa__kids{display:flex;gap:8px;flex-wrap:wrap}.pa__kid{display:flex;align-items:center;gap:6px;height:40px;padding:0 14px 0 4px;border-radius:60px;background:#fff;border:1px solid #e5e5e5;font:inherit;font-size:14px;font-weight:500;color:#666;transition:border-color .16s}.pa__kid.is-on{border:2px solid #00cc85;font-weight:600;color:#4d4d4d}.pa__add{display:grid;place-items:center;width:40px;height:40px;border-radius:60px;background:#fff;border:1px dashed #bfbfbf;color:#666;padding:0}.pa__note{margin:0;padding:10px 12px;border-radius:12px;background:#fff6ed;font-size:13px;line-height:18px}.pa__card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:16px;background:#fff}.pa__head{display:flex;justify-content:space-between;align-items:baseline}.pa__head b{font-size:16px;font-weight:600}.pa__head span{font-size:12px;color:#999}.pa__nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pa__nums div{display:flex;flex-direction:column;padding:10px;border-radius:12px;background:#f6fef6}.pa__nums b{font-size:20px;line-height:26px;font-weight:700;color:#00564c}.pa__nums small{font-size:12px;color:#666}.pa__bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:end;height:88px}.pa__bars div{display:flex;flex-direction:column;align-items:center;gap:4px}.pa__bars i{width:100%;border-radius:6px 6px 2px 2px;background:#e5e5e5;transform-origin:bottom;animation:pa-rise .52s var(--pj-ease-soft) both}.pa__bars i.is-on{background:#00cc85}.pa__bars div:nth-child(n) i{animation-delay:calc(var(--n) * 40ms)}@keyframes pa-rise{0%{transform:scaleY(0)}}.pa__bars small{font-size:11px;color:#666}.pa__bars .is-today small{color:#00a36a;font-weight:700}.pa__rows{display:flex;flex-direction:column;border-radius:16px;background:#fff;overflow:hidden}.pa__row{display:flex;align-items:center;gap:12px;width:100%;padding:13px 16px;border:0;border-bottom:1px solid #f2f2f2;background:none;font:inherit;text-align:left;color:#4d4d4d}.pa__row:last-child{border-bottom:0}.pa__row>span{flex:1;display:flex;flex-direction:column;min-width:0}.pa__row b{font-size:14px;font-weight:600}.pa__row small{font-size:12px;line-height:17px;color:#999}.pa__row--danger b{color:#d43f3a}.pa__confirm{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.pa__confirm button{height:36px;padding:0 14px;border-radius:60px;font:inherit;font-size:13px;font-weight:600;border:1px solid #e5e5e5;background:#fff;color:#4d4d4d}.pa__confirm .is-danger{background:#d43f3a;border-color:#d43f3a;color:#fff}@media(prefers-reduced-motion:reduce){.me__thumb,.me__tab{transition:none}.me__body,.me__stat,.me__bar i,.me__sticker,.me__moment,.pa__bars i,.gate__slots.is-wrong{animation:none!important}}