@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.table{display:table}}:root{--pink:#ff6f9c;--ink:#583b70}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:#9be1ff;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}button{font:inherit}.welcome{background:radial-gradient(circle at 22% 18%,#fff9b9 0 5%,#0000 15%),linear-gradient(145deg,#7fd7fb,#ccf5ff 50%,#a6df75 50%);grid-template-columns:1.15fr .85fr;place-items:center;gap:5vw;min-height:100svh;padding:5vw;display:grid}.welcome-art{text-align:center}.logo-big{color:#fff;text-shadow:0 6px #895ab7,0 12px 28px #456b9670;font-size:clamp(42px,6vw,82px);font-weight:1000;line-height:1;transform:rotate(-2deg)}.logo-big small{letter-spacing:8px;width:max-content;text-shadow:none;background:#ff7fa5;border-radius:99px;margin:18px auto 0;padding:8px 22px;font-size:.25em;display:block}.duo{filter:drop-shadow(0 20px 15px #66528430);font-size:clamp(100px,17vw,240px);animation:3s infinite float}.login-card{background:#fffef2e8;border:6px solid #fff;border-radius:40px;width:min(100%,430px);padding:clamp(24px,4vw,46px);box-shadow:0 18px #7dbd81,0 35px 65px #53728745}.login-card h1{margin:0 0 24px;font-size:clamp(30px,4vw,48px)}.eyebrow{color:#e66e9c;font-weight:900}.login-card label{margin:15px 0;font-weight:900;display:block}.login-card input{background:#fff;border:3px solid #e8d8f3;border-radius:18px;outline:none;width:100%;min-height:58px;margin-top:8px;padding:0 18px;font-size:18px}.login-card input:focus{border-color:#a879dc;box-shadow:0 0 0 5px #ab7be124}.primary{color:#fff;cursor:pointer;background:linear-gradient(#ffad76,#ff6f9c);border:0;border-radius:22px;min-width:220px;min-height:62px;margin:22px auto 8px;font-size:20px;font-weight:1000;display:block;box-shadow:0 8px #d4517d,0 15px 26px #b54c7470}.primary:active{transform:translateY(6px);box-shadow:0 2px #d4517d}.text-button{color:#7854b4;cursor:pointer;background:0 0;border:0;margin:18px auto 0;font-weight:900;text-decoration:underline;display:block}.lesson-shell{background:radial-gradient(circle at 8% 12%,#fff8 0 40px,#0000 42px),linear-gradient(160deg,#8edafa,#d8f6ff 48%,#c6ec91);min-height:100svh;padding:22px}.lesson-top{background:#fffdf1e8;border-radius:22px;justify-content:space-between;align-items:center;max-width:980px;height:62px;margin:auto;padding:0 18px;font-weight:1000;display:flex;box-shadow:0 8px 25px #5283a52b}.lesson-top button{color:#7455ac;cursor:pointer;background:#f2e6ff;border:0;border-radius:14px;width:44px;height:44px;font-size:24px}.lesson-content{text-align:center;max-width:900px;margin:30px auto}.story-panel,.center-card,.hanzi-card,.reward{background:#fffdf4f2;border:6px solid #fff;border-radius:38px;padding:clamp(24px,5vw,52px);box-shadow:0 16px #83bf84,0 30px 60px #557d8d38}.story-panel h2,.center-card h2{margin-top:0;font-size:clamp(28px,4vw,46px)}.story-panel p{margin:8px;font-size:clamp(18px,2.2vw,24px);font-weight:750;line-height:1.55}.story-emoji{letter-spacing:8px;margin-bottom:20px;font-size:clamp(38px,6vw,70px)}.story-line{background:#fff;border-radius:18px;padding:11px}.hanzi-card{grid-template-columns:1fr 1fr;grid-template-areas:"art main""meaning meaning""words words""sentence sentence";align-items:center;gap:16px;display:grid}.hanzi-illustration{filter:drop-shadow(0 12px 10px #7e628432);grid-area:art;font-size:clamp(100px,18vw,200px)}.hanzi-main{grid-area:main}.giant-char{color:#674887;text-shadow:0 7px #ead7f5;font-size:clamp(90px,18vw,190px);font-weight:1000;line-height:1}.pinyin{color:#a06c9a;font-size:24px;font-weight:900}.sound,.sound-big{color:#68428d;cursor:pointer;background:#efe2ff;border:0;border-radius:18px;min-height:54px;margin:14px;padding:0 22px;font-weight:900}.meaning{grid-area:meaning;font-size:20px;font-weight:800}.word-row{grid-area:words;justify-content:center;gap:22px;display:flex}.word-row div{background:#fff;border-radius:18px;min-width:150px;padding:14px;box-shadow:0 5px 14px #84639a22}.word-row b,.word-row small,.sentence b,.sentence small{display:block}.word-row b{font-size:30px}.word-row small,.sentence small{color:#9b7197;font-size:14px}.sentence{background:#fff4c9;border-radius:20px;grid-area:sentence;padding:17px}.sentence b{margin-top:4px;font-size:24px}.bubble-feedback{color:#ef6995;min-height:30px;font-size:20px;font-weight:1000}.answers{grid-template-columns:repeat(2,1fr);gap:18px;max-width:650px;margin:26px auto;display:grid}.answers button{color:#654483;cursor:pointer;background:#f3e7ff;border:4px solid #fff;border-radius:22px;min-height:74px;font-size:clamp(23px,4vw,38px);font-weight:1000;box-shadow:0 7px #c6a5dc}.answers button:active{transform:translateY(5px);box-shadow:0 2px #c6a5dc}.picture-clue{font-size:150px}.paopao-mini{color:#65344b;background:#ff86ae;border-radius:50%;place-items:center;width:95px;height:90px;font-size:22px;display:inline-grid;box-shadow:0 8px #d55e89}.good{color:#ef6f96;min-height:32px;font-size:23px;font-weight:1000}.gentle{color:#8c6a9b;min-height:26px;font-weight:800}.reward h1{margin:10px;font-size:clamp(38px,6vw,66px)}.confetti,.reward-stars{font-size:clamp(34px,7vw,66px)}.learned-row{flex-wrap:wrap;justify-content:center;gap:13px;display:flex}.learned-row b{background:#fff2c4;border-radius:20px;place-items:center;width:70px;height:70px;font-size:40px;display:grid;box-shadow:0 6px #e6c773}.high-five{margin:20px;font-size:90px}.reward-talk{background:#fff;border-radius:20px;padding:15px 24px;font-size:20px;font-weight:900;display:inline-block}@media (max-width:720px){.welcome{grid-template-columns:1fr;padding:22px}.welcome-art{display:none}.login-card{border-radius:30px}.lesson-shell{padding:12px}.lesson-top{height:55px}.lesson-content{margin:18px auto}.story-panel,.center-card,.hanzi-card,.reward{border-radius:28px;padding:22px}.hanzi-card{grid-template-columns:1fr 1.1fr}.word-row{gap:9px}.word-row div{flex:1;min-width:0}.answers{gap:12px}.answers button{min-height:66px}.picture-clue{font-size:110px}.high-five{font-size:64px}}.debug-page{color:#292333;max-width:760px;margin:40px auto;padding:30px;font-family:system-ui}.debug-page section{background:#fff;border:1px solid #ddd;border-radius:16px;margin:18px 0;padding:22px}.day-buttons{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.day-buttons button,.debug-line button{cursor:pointer;background:#f5f3f7;border:1px solid #ccc;border-radius:10px;min-height:44px;padding:0 16px}.day-buttons .active{color:#fff;background:#7956b2}.debug-line{align-items:center;gap:18px;margin-top:12px;display:flex}.danger{color:#fff;cursor:pointer;background:#a83737;border:0;border-radius:10px;margin:25px 0;padding:14px 20px;display:block}.debug-page a{color:#68428d;font-weight:700}
.welcome-world{--story-ink:#2f3441;isolation:isolate;min-height:100svh;color:var(--story-ink);background:#8fd8f8 url(/assets/backgrounds/welcome-bubble-family.png) 0/cover no-repeat;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,3fr) minmax(370px,2fr);display:grid;position:relative;overflow:hidden}.welcome-world:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000 0 56%,#8fd8f81f 66%,#8fd8f866 100%);position:absolute;inset:0}.welcome-brand{z-index:3;text-align:center;grid-area:1/1;width:max-content;margin:clamp(20px,3vw,42px) 0 0 clamp(22px,4vw,64px);transform:rotate(-1deg)}.welcome-logo{letter-spacing:-.08em;filter:drop-shadow(0 5px #fff)drop-shadow(0 8px 4px #4a729b40);gap:0;font-size:clamp(27px,3.3vw,50px);font-weight:1000;line-height:.9;display:flex}.welcome-logo span{-webkit-text-stroke:5px #fff;paint-order:stroke fill;place-items:center;min-width:.86em;display:inline-grid}.welcome-logo span:first-child{color:#f56293}.welcome-logo span:nth-child(2){color:#66b7e8}.welcome-logo span:nth-child(3){color:#ffd45d}.welcome-logo span:nth-child(4){color:#f6a63c}.welcome-logo span:nth-child(5){color:#72c777}.welcome-brand small{color:#fff;letter-spacing:.34em;background:#f56293;border-radius:999px;margin-top:12px;padding:6px 18px;font-size:clamp(11px,1vw,15px);font-weight:900;display:inline-block;box-shadow:0 4px #dd4e7d}.welcome-story{z-index:2;grid-area:2/1;min-height:450px;position:relative}.welcome-speech{text-align:center;background:#fffdf6;border:7px solid #fff;border-radius:48% 52% 46% 54%/54% 52% 48% 46%;place-items:center;width:clamp(230px,22vw,355px);min-height:clamp(150px,14vw,215px);padding:28px 42px;animation:4.6s ease-in-out infinite speechFloat;display:grid;position:absolute;top:3%;right:3%;box-shadow:0 10px 22px #41687c26}.welcome-speech:after{content:"";z-index:-1;background:#fffdf6;border-radius:4px 5px 45px;width:52px;height:52px;position:absolute;bottom:-22px;left:18%;transform:rotate(26deg)}.welcome-speech span,.welcome-speech strong{display:block}.welcome-speech span{font-size:clamp(25px,2.8vw,42px);font-weight:900}.welcome-speech strong{color:#f56293;margin-top:3px;font-size:clamp(36px,4vw,58px);font-weight:1000}.welcome-speech i{color:#f57ba2;font-size:28px;font-style:normal;line-height:1}.identity-card{z-index:4;background:#fffdf6;border:7px solid #fff;border-radius:36px;grid-area:1/2/3;place-self:center;width:min(88%,510px);margin:72px 34px 72px 18px;padding:clamp(38px,4.3vw,58px) clamp(28px,3.6vw,48px) 34px;animation:.55s ease-out both cardIn;position:relative;box-shadow:0 14px 30px #385a7030}.card-peeker{z-index:-1;background:#f680a5;border:5px solid #fff;border-radius:54% 54% 26% 26%;width:120px;height:90px;position:absolute;top:-76px;left:50%;transform:translate(-50%);box-shadow:inset 0 7px #ffb5cc}.card-peeker:after,.card-peeker:before{content:"";background:#fff;border:3px solid #653c52;border-radius:50%;width:15px;height:23px;position:absolute;top:32px}.card-peeker:before{left:34px}.card-peeker:after{right:34px}.card-peeker i{border-bottom:3px solid #653c52;border-radius:50%;width:30px;height:13px;position:absolute;top:61px;left:50%;transform:translate(-50%)}.card-peeker b,.card-peeker span{background:#f680a5;border:4px solid #fff;border-radius:50%;width:34px;height:20px;position:absolute;bottom:-10px}.card-peeker b{left:-4px;transform:rotate(8deg)}.card-peeker span{right:-4px;transform:rotate(-8deg)}.identity-kicker{color:#df6d94;letter-spacing:.15em;text-align:center;margin:0 0 8px;font-size:13px;font-weight:900}.identity-card h1{color:#343742;letter-spacing:.03em;text-align:center;margin:0;font-size:clamp(34px,3.2vw,48px);font-weight:1000}.identity-subtitle{color:#5d606b;text-align:center;margin:10px 0 26px;font-size:17px;font-weight:650}.identity-field{color:#303540;margin-top:20px;font-size:17px;font-weight:900;display:block}.field-shell{background:#fff;border:3px solid;border-radius:20px;align-items:center;width:100%;height:64px;margin-top:8px;padding:0 16px;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.field-shell:focus-within{transform:translateY(-1px);box-shadow:0 5px 12px #52738918}.field-shell-pink{border-color:#f7b0c8}.field-shell-pink:focus-within{border-color:#f56293}.field-shell-blue{border-color:#b7dcf2}.field-shell-blue:focus-within{border-color:#66b7e8}.field-shell input{color:#343742;min-width:0;height:100%;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:17px;font-weight:700}.field-shell input::placeholder{color:#a3a3aa;font-weight:650}.bubble-field-icon{background:#f58bab;border-radius:50% 48% 53% 47%;flex:none;width:31px;height:31px;margin-right:12px;position:relative;box-shadow:inset 0 3px #ffc3d6}.bubble-field-icon:before,.bubble-field-icon:after{content:"";background:#fff;border-radius:50%;width:4px;height:7px;position:absolute;top:10px}.bubble-field-icon:before{left:8px}.bubble-field-icon:after{right:8px}.lock-field-icon{background:#75bce7;border-radius:6px;flex:none;width:27px;height:23px;margin-top:7px;margin-right:14px;position:relative}.lock-field-icon:before{content:"";border:4px solid #75bce7;border-bottom:0;border-radius:12px 12px 0 0;width:17px;height:18px;position:absolute;top:-13px;left:5px}.lock-field-icon:after{content:"";background:#fff;border-radius:4px;width:4px;height:8px;position:absolute;top:8px;left:12px}.welcome-primary{color:#fff;cursor:pointer;background:#f56293;border:0;border-radius:999px;justify-content:center;align-items:center;gap:13px;width:100%;height:72px;margin-top:30px;font-size:clamp(19px,2vw,25px);font-weight:1000;transition:transform .15s,box-shadow .15s,background .15s;display:flex;box-shadow:0 7px #d94d7d,0 13px 24px #c7537c3d}.welcome-primary:hover{background:#fb74a2;transform:translateY(-2px)}.welcome-primary:active{transform:translateY(4px)scale(.99);box-shadow:0 3px #d94d7d}.button-star,.feature-story{clip-path:polygon(50% 0,62% 35%,100% 38%,70% 60%,80% 100%,50% 76%,20% 100%,30% 60%,0 38%,38% 35%)}.button-star{background:#fff;width:27px;height:27px}.welcome-switch{color:#3d93cd;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin:22px auto 0;font-size:16px;font-weight:900;text-decoration:underline;display:block}.welcome-message{color:#a56578;text-align:center;opacity:0;justify-content:center;align-items:flex-start;gap:8px;min-height:28px;margin:16px 0 0;font-size:14px;font-weight:800;line-height:1.45;display:flex}.welcome-message.is-visible{opacity:1}.welcome-message i{background:#ffd2e1;border-radius:50%;flex:none;width:18px;height:18px;margin-top:1px;box-shadow:inset 0 -3px #f3a8c0}.welcome-footer{z-index:5;background:#fffdf6f2;border:5px solid #fff;border-radius:44% 44px 44px 42%;grid-area:3/1/auto/-1;grid-template-columns:1fr auto;align-items:center;gap:18px;min-height:104px;margin:0 24px 18px;padding:18px clamp(22px,3vw,44px);display:grid;box-shadow:0 8px 22px #4560701f}.welcome-benefits{grid-template-columns:repeat(4,minmax(130px,1fr));gap:clamp(12px,2vw,28px);display:grid}.welcome-benefits>div{align-items:center;gap:11px;display:flex}.welcome-benefits span,.welcome-benefits b,.welcome-benefits small{display:block}.welcome-benefits b{color:#343742;font-size:14px}.welcome-benefits small{color:#84858c;margin-top:3px;font-size:11px;font-weight:650}.feature-icon{flex:0 0 36px;width:36px;height:36px;display:block;position:relative}.feature-story{background:#f56293}.feature-book:before,.feature-book:after{content:"";background:#ffd45d;border-radius:3px 8px 5px 3px;width:16px;height:27px;position:absolute;top:5px}.feature-book:before{left:1px}.feature-book:after{right:1px;transform:scaleX(-1)}.feature-heart{background:#66b7e8;border-radius:0 0 0 6px;width:32px;height:29px;margin-top:5px;margin-left:2px;transform:rotate(-45deg)}.feature-heart:before,.feature-heart:after{content:"";background:#66b7e8;border-radius:50%;width:32px;height:29px;position:absolute}.feature-heart:before{top:-15px;left:0}.feature-heart:after{top:0;left:15px}.feature-shield{clip-path:polygon(50% 0,92% 15%,88% 66%,50% 100%,12% 66%,8% 15%);background:#72c777}.feature-shield:after{content:"";border:3px solid #fff;border-top:0;border-left:0;width:7px;height:12px;position:absolute;top:10px;left:15px;transform:rotate(45deg)}.bubble-family{align-items:flex-end;height:64px;padding:0 8px;display:flex}.bubble-family>i{border:3px solid #fff;border-radius:48% 52% 42% 45%;width:38px;height:53px;margin-left:-5px;display:block;position:relative;box-shadow:0 3px 5px #526b7a25}.bubble-family>i:nth-child(2n){height:46px}.bubble-family b,.bubble-family span{background:#fff;border-radius:50%;width:4px;height:7px;position:absolute;top:16px}.bubble-family b{left:10px}.bubble-family span{right:10px}.family-pink{background:#f680a5}.family-plum{background:#5b416e}.family-yellow{background:#ffd45d}.family-blue{background:#66b7e8}.family-orange{background:#f6a63c}.family-mint{background:#72c7a0}.family-purple{background:#a583d5}.family-red{background:#ea6b68}.welcome-cloud{z-index:1;background:#ffffffc9;border-radius:99px;width:130px;height:38px;animation:20s ease-in-out infinite welcomeCloud;position:absolute}.welcome-cloud:before,.welcome-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute;bottom:4px}.welcome-cloud:before{width:53px;height:53px;left:22px}.welcome-cloud:after{width:68px;height:68px;right:17px}.welcome-cloud-one{opacity:.62;top:13%;left:33%}.welcome-cloud-two{opacity:.8;animation-duration:27s;top:7%;right:4%;transform:scale(.72)}@keyframes cardIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes speechFloat{50%{transform:translateY(-7px)rotate(.5deg)}}@keyframes welcomeCloud{50%{translate:34px}}@media (prefers-reduced-motion:reduce){.welcome-world *{transition:none!important;animation:none!important}}@media (max-width:1050px){.welcome-world{background-position:35%;grid-template-columns:1fr 420px}.welcome-story{min-height:390px}.welcome-speech{width:270px;top:8%;right:1%}.identity-card{width:390px;margin-right:22px}.bubble-family{display:none}.welcome-footer{grid-template-columns:1fr}.welcome-benefits{gap:12px}}@media (max-width:820px){.welcome-world{background-color:#9bd965;background-position:22% 0;background-repeat:no-repeat;background-size:auto 58vh;min-height:100svh;padding-bottom:126px;display:block}.welcome-world:after{background:linear-gradient(#0000 0 48vh,#9bd965 60vh)}.welcome-brand{margin:22px 0 0 24px;position:relative}.welcome-logo{font-size:32px}.welcome-story{min-height:370px}.welcome-speech{width:240px;min-height:145px;padding:23px 30px;top:42px;right:4%}.identity-card{width:min(100% - 32px,590px);margin:-24px auto 22px;padding:48px 30px 30px}.welcome-footer{border-radius:30px;min-height:104px;margin:0;padding:15px 18px;position:absolute;bottom:8px;left:12px;right:12px}.welcome-benefits{grid-template-columns:repeat(4,1fr)}.welcome-benefits>div{justify-content:center}.welcome-benefits span{display:none}}@media (max-width:540px){.welcome-world{background-position:28% 0;background-size:auto 390px;padding-bottom:102px}.welcome-world:after{background:linear-gradient(#0000 0 330px,#9bd965 410px)}.welcome-brand{margin:16px 0 0 16px}.welcome-logo{font-size:26px}.welcome-brand small{margin-top:8px;padding:5px 13px}.welcome-story{min-height:295px}.welcome-speech{border-width:5px;width:184px;min-height:112px;padding:18px;top:50px;right:10px}.welcome-speech span{font-size:20px}.welcome-speech strong{font-size:29px}.welcome-speech i{font-size:19px}.identity-card{border-width:5px;border-radius:28px;width:calc(100% - 20px);margin:-10px auto 16px;padding:42px 18px 24px}.card-peeker{width:93px;height:74px;top:-60px}.identity-kicker{display:none}.identity-card h1{font-size:30px}.identity-subtitle{margin:7px 0 18px;font-size:15px}.identity-field{margin-top:15px}.field-shell{height:60px}.welcome-primary{height:66px;margin-top:24px;font-size:19px}.welcome-switch{margin-top:18px}.welcome-message{margin-top:12px;font-size:13px}.welcome-footer{border-radius:25px;min-height:82px;padding:11px}.welcome-benefits{gap:5px}.feature-icon{transform:scale(.78)}.welcome-benefits b{display:none}.welcome-benefits small{text-align:center;font-size:10px;display:block}.welcome-benefits>div{justify-items:center;gap:3px;display:grid}.welcome-cloud{display:none}}
.home-scene{--world-sky:#8fd8f8;--world-grass:#9bd965;--world-pink:#f56293;--world-blue:#66b7e8;--world-yellow:#ffd45d;--world-cream:#fffdf6;--world-ink:#2f3441;isolation:isolate;min-height:100svh;color:var(--world-ink);background:var(--world-sky);padding:clamp(18px,3vw,38px) clamp(22px,4vw,64px) 28px;position:relative;overflow:hidden}.home-scene:before{content:"";z-index:-2;background:url(/assets/backgrounds/welcome-bubble-family.png) 50%/cover no-repeat;position:absolute;inset:0;transform:scaleX(-1)}.home-scene:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#fffdf6e8 0,#fffdf6b8 29%,#fffdf642 50%,#0000 67%);position:absolute;inset:0}.welcome-brand.home-brand{z-index:4;transform-origin:0 0;width:max-content;margin:0;position:relative;transform:rotate(-1deg)scale(.86)}.home-status{z-index:5;gap:12px;display:flex;position:absolute;top:clamp(20px,3vw,42px);right:clamp(22px,4vw,64px)}.home-status span{color:#563e69;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#fffdf6e8;border:4px solid #fff;border-radius:999px;align-items:center;gap:7px;min-height:52px;padding:0 19px;font-size:17px;font-weight:800;display:flex;box-shadow:0 8px 20px #41687c22}.home-status b{font-size:20px}.home-cover{z-index:2;grid-template-columns:minmax(420px,52%) 1fr;align-items:center;max-width:1360px;min-height:calc(100svh - 125px);margin:0 auto;display:grid;position:relative}.home-copy{width:min(100%,610px);padding:18px 10px 34px;position:relative}.home-copy:before{content:"";z-index:-1;filter:blur(2px);background:radial-gradient(at 40% 48%,#fffdf6f5 0 47%,#fffdf6ba 61%,#0000 75%);position:absolute;inset:-40px -70px -42px -52px}.home-story-tag{color:#80598d;letter-spacing:.02em;background:#fff8cfdd;border:3px solid #fff;border-radius:999px;align-items:center;min-height:46px;margin:0 0 18px;padding:0 19px;font-size:15px;font-weight:950;display:inline-flex;box-shadow:0 6px 16px #56798c20}.home-copy h1{max-width:9.5em;color:var(--world-ink);letter-spacing:.02em;text-wrap:balance;margin:0;font-size:clamp(45px,5vw,72px);font-weight:1000;line-height:1.05}.home-copy h1 span,.home-copy h1 em{font-style:normal}.home-copy h1 em{color:var(--world-pink)}.home-copy h1.has-accent>span:first-child{white-space:nowrap}.home-story-bubble{background:var(--world-cream);border:5px solid #fff;border-radius:48% 52% 46% 54%/54% 48% 52% 46%;width:min(92%,470px);margin:24px 0 22px;padding:19px 28px 21px 32px;position:relative;box-shadow:0 9px 22px #41687c20}.home-story-bubble small,.home-story-bubble strong{display:block}.home-story-bubble small{color:#df6d94;letter-spacing:.15em;margin-bottom:5px;font-size:12px;font-weight:950}.home-story-bubble strong{color:#5a4962;font-size:clamp(17px,1.8vw,23px);line-height:1.45}.home-story-bubble i{background:var(--world-cream);z-index:-1;border-radius:5px 5px 40px;width:42px;height:36px;position:absolute;bottom:-18px;right:42px;transform:rotate(28deg)}.welcome-primary.home-primary{width:min(100%,380px);height:68px;margin:0;font-size:clamp(20px,2vw,25px)}.home-primary>span{margin-left:3px;font-size:27px;line-height:1}.home-quest-progress{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffdf6c9;border:3px solid #ffffffd6;border-radius:22px;align-items:center;gap:14px;width:min(100%,560px);margin-top:15px;padding:9px 15px;display:flex;box-shadow:0 7px 18px #41687c1b}.home-quest-progress p{color:#584b65;flex:none;margin:0;font-size:12px;font-weight:950}.home-quest-progress>div{flex:none;gap:5px;margin:0;display:flex}.home-quest-progress span{color:#ad8fc1;text-shadow:0 2px #fff;font-size:22px;line-height:1}.home-quest-progress span.is-found{color:var(--world-yellow)}.home-quest-progress small{color:#7b7182;min-width:0;font-size:10px;font-weight:750}.adventure-map{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#fffaf0e8;border:4px solid #fff;border-radius:30px;width:min(760px,75vw);margin-top:14px;padding:18px 30px 16px;position:relative;box-shadow:0 10px 24px #41687c24}.adventure-map-heading{align-items:center;gap:10px;margin-bottom:10px;display:flex}.adventure-map-heading>span{background:#ffe08b;border-radius:50%;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.adventure-map-heading h2,.adventure-map-heading p{margin:0}.adventure-map-heading h2{color:#5f4772;font-size:16px;font-weight:1000}.adventure-map-heading p{color:#89758f;font-size:11px;font-weight:750}.adventure-path{grid-template-columns:repeat(7,minmax(72px,1fr));align-items:start;column-gap:18px;min-height:112px;padding:6px 0 0;display:grid;position:relative}.adventure-path:before{content:"";z-index:0;opacity:.75;border-top:5px dotted #e7bc82;position:absolute;top:27px;left:5%;right:5%}.adventure-node{z-index:1;color:#6b5b70;min-width:0;min-height:104px;font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;padding:52px 2px 4px;transition:transform .18s,filter .18s;display:flex;position:relative}.adventure-node:hover{transform:translateY(-3px)}.adventure-node:focus-visible{outline-offset:2px;border-radius:15px;outline:3px solid #6daed8}.node-marker{background:#d8cedd;border:3px solid #fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:17px;font-weight:1000;display:grid;position:absolute;top:7px;left:50%;transform:translate(-50%);box-shadow:0 4px 8px #5f4b6929}.adventure-node b,.adventure-node small{white-space:nowrap;width:100%;display:block}.adventure-node b{color:#67576d;font-size:12px;font-weight:1000;line-height:1.5}.adventure-node small{font-size:10px;font-weight:850;line-height:1.45}.adventure-node em{color:#fff;white-space:nowrap;background:#f56293;border:2px solid #fff;border-radius:999px;width:auto;padding:2px 7px;font-size:9px;font-style:normal;font-weight:1000;position:absolute;top:0;right:calc(50% - 45px)}.adventure-node i{color:#fff;opacity:0;pointer-events:none;background:#594763;border-radius:10px;width:max-content;max-width:110px;padding:5px 8px;font-size:9px;font-style:normal;font-weight:800;transition:opacity .18s,transform .18s;position:absolute;bottom:100%;left:50%;transform:translate(-50%,6px)}.adventure-node:hover i,.adventure-node:focus-visible i{opacity:1;transform:translate(-50%)}.adventure-node.is-completed .node-marker{color:#fff;background:#79c96c}.adventure-node.is-completed small{color:#579152}.adventure-node.is-current{filter:drop-shadow(0 0 7px #f9bbd2)}.adventure-node.is-current .node-marker{color:#fff;background:#f56293;width:47px;height:47px;font-size:20px;animation:2.1s ease-in-out infinite home-current-pulse;top:3px}.adventure-node.is-current b{color:#c64f7b}.adventure-node.is-locked{color:#aaa0ae}.adventure-node.is-locked b,.adventure-node.is-locked small{color:#aaa2ad}.adventure-node.is-locked .node-marker{color:#918995;filter:grayscale(.35);background:#ddd8df;font-size:14px}.adventure-lock-message{color:#8b5972;opacity:0;min-height:16px;margin:26px 0 0;font-size:11px;font-weight:850;transition:opacity .18s}.adventure-lock-message.is-visible{opacity:1}@keyframes home-current-pulse{50%{transform:translate(-50%)scale(1.06);box-shadow:0 0 0 7px #f562932e,0 5px 10px #5f4b6930}}@media (max-width:1050px){.home-scene:before{background-position:48%}.home-cover{grid-template-columns:minmax(390px,55%) 1fr}.home-copy h1{font-size:clamp(42px,5.7vw,60px)}.home-story-bubble{width:94%}}@media (max-width:820px){.home-scene{min-height:100svh;padding:20px 24px 24px}.home-scene:before{background-position:70% bottom;background-size:auto 64%}.home-scene:after{background:linear-gradient(#fffdf6dc 0,#fffdf69f 47%,#0000 70%)}.welcome-brand.home-brand{transform-origin:0 0;transform:scale(.72)}.home-status{top:22px;right:22px}.home-status span{border-width:3px;min-height:46px;padding:0 14px;font-size:14px}.home-status b{font-size:17px}.home-cover{min-height:calc(100svh - 84px);padding-bottom:34vh;display:block}.home-copy{width:min(100%,720px);padding:5px 0 0}.home-copy:before{background:radial-gradient(at 35% 35%,#fffdf6f4 0 54%,#0000 76%);inset:-24px -40px -20px}.home-story-tag{min-height:40px;margin-bottom:12px;font-size:13px}.home-copy h1{max-width:10em;font-size:clamp(40px,7.2vw,58px)}.home-story-bubble{margin:17px 0;padding:15px 24px 16px}.welcome-primary.home-primary{height:64px}.home-quest-progress{margin-top:12px}.adventure-map{width:100%;margin-top:10px;padding-left:24px;padding-right:24px}.adventure-path{grid-template-columns:repeat(7,minmax(68px,1fr));column-gap:12px}.adventure-node small{font-size:9px}}@media (max-width:560px){.home-scene{padding:14px 14px 18px;overflow:hidden auto}.home-scene:before{background-position:71% bottom;background-size:auto 44%}.home-scene:after{background:linear-gradient(#fffdf6ef 0,#fffdf6bc 56%,#0000 78%)}.welcome-brand.home-brand{transform:scale(.62)}.home-status{gap:5px;top:14px;right:12px}.home-status span{min-height:38px;padding:0 10px;font-size:12px}.home-status b{font-size:14px}.home-status span:nth-child(2){display:none}.home-cover{min-height:calc(100svh - 64px);padding-bottom:32vh}.home-copy{padding-top:1px}.home-story-tag{border-width:2px;min-height:36px;padding:0 13px;font-size:11px}.home-copy h1{max-width:9em;font-size:clamp(36px,11vw,49px)}.home-story-bubble{border-width:4px;width:100%;margin:14px 0;padding:13px 19px 14px}.home-story-bubble small{font-size:10px}.home-story-bubble strong{font-size:16px}.welcome-primary.home-primary{width:100%;height:58px;font-size:18px}.home-primary .button-star{width:23px;height:23px}.home-quest-progress{grid-template-columns:auto 1fr;width:100%;margin-top:10px;padding:8px 12px;display:grid}.home-quest-progress p{font-size:10px}.home-quest-progress span{font-size:18px}.home-quest-progress small{grid-column:1/-1;font-size:9px}.adventure-map{border-width:3px;border-radius:22px;padding:12px 14px 10px}.adventure-map-heading{margin-bottom:8px}.adventure-map-heading>span{width:29px;height:29px;font-size:16px}.adventure-map-heading h2{font-size:13px}.adventure-map-heading p{font-size:9px}.adventure-path{grid-template-columns:repeat(4,1fr);gap:8px;min-height:224px;padding:1px 0}.adventure-path:before{border-top:5px dotted #e7bc82;border-bottom:5px dotted #e7bc82;height:111px;top:25px;left:9%;right:9%}.adventure-node{min-height:104px;padding-top:49px}.adventure-node:nth-child(n+5){transform:translate(50%)}.adventure-node:nth-child(n+5):hover{transform:translate(50%,-2px)}.adventure-node:hover{transform:translateY(-2px)}.node-marker{width:38px;height:38px;top:6px}.adventure-node.is-current .node-marker{width:44px;height:44px}.adventure-node b{font-size:11px}.adventure-node small{font-size:9px}.adventure-node i{display:none}.adventure-lock-message{margin-top:18px;font-size:9px}}@media (max-height:700px) and (min-width:821px){.home-cover{min-height:calc(100svh - 92px)}.home-story-tag{margin-bottom:10px}.home-copy h1{font-size:clamp(38px,4.5vw,58px)}.home-story-bubble{margin:15px 0;padding-top:14px;padding-bottom:14px}.welcome-primary.home-primary{height:60px}.home-quest-progress{margin-top:13px;padding-top:9px;padding-bottom:9px}}@media (prefers-reduced-motion:reduce){.home-scene *{transition:none!important;animation:none!important}}