.learn-root{--row-tile:120px;--row-pic:92px;--sky:#fff4d6;--sky-deep:#ffe4a8;--ink:#4a3b2a;--ink-soft:#8a7a66;--card:#fffdf7;--hanzi:#e57a5a;--hanzi-soft:#ffe0d3;--math:#4f8fd0;--math-soft:#dcecfb;--english:#5aa66f;--english-soft:#dcf2e0;--good:#4fae6c;--shadow:0 10px 0 #4a3b2a1f;min-height:100svh;color:var(--ink);background:radial-gradient(circle at 20% 0%, #fff9e8, var(--sky) 45%, var(--sky-deep));font-family:var(--font-sans);-webkit-user-select:none;user-select:none;touch-action:pan-y;overscroll-behavior-x:none;overflow-x:clip}html{touch-action:pan-y;overscroll-behavior:none;overflow-x:hidden}body{margin:0}.learn-loading,.learn-home,.learn-play,.learn-finish,.learn-sticker-book,.learn-log{box-sizing:border-box}:where(.learn-root button){color:inherit;cursor:pointer;background:0 0;border:0}:where(.learn-root button:disabled){cursor:default}.learn-loading,.learn-home,.learn-play,.learn-finish,.learn-sticker-book{min-height:100svh;padding:max(16px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:18px;display:flex}.learn-loading{text-align:center;justify-content:center;font-size:20px}.learn-face{line-height:1;display:inline-block}.learn-face svg{vertical-align:-.08em;display:inline-block;overflow:visible}.learn-mascot{filter:drop-shadow(0 8px 6px #4a3b2a2e);font-size:84px;line-height:1;display:inline-block}.learn-mascot.hop{animation:1.6s ease-in-out infinite learn-hop}@keyframes learn-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-14px)scale(1.03)}55%{transform:translateY(0)scale(.98,.96)}}.pop{animation:.5s cubic-bezier(.2,1.4,.4,1) learn-pop}@keyframes learn-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.learn-big-button{color:#fff;background:#ff8c42;border-radius:999px;justify-content:center;align-items:center;min-height:72px;padding:0 34px;font-size:26px;font-weight:800;transition:transform 80ms,box-shadow 80ms;display:inline-flex;box-shadow:0 8px #d96a25}.learn-big-button:active{transform:translateY(6px);box-shadow:0 2px #d96a25}.learn-big-button.start{background:var(--good);box-shadow:0 8px #37864f}.learn-big-button.start:active{box-shadow:0 2px #37864f}.learn-big-button.secondary{color:var(--ink);background:#fff;min-height:62px;font-size:22px;box-shadow:0 8px #e6d5b0}.learn-big-button.secondary:active{box-shadow:0 2px #e6d5b0}.learn-home-top{justify-content:space-between;align-items:center;width:100%;max-width:560px;display:flex}.learn-sticker-link{background:var(--card);border-radius:999px;align-items:center;gap:8px;padding:10px 16px 10px 12px;font-size:18px;display:inline-flex;box-shadow:0 4px #e6d5b0}.learn-sticker-link span{font-size:26px}.learn-sticker-link em{text-align:center;background:#ffd166;border-radius:999px;min-width:28px;padding:2px 8px;font-style:normal;font-weight:800}.learn-parent-gate{color:var(--ink);background:#ffd166;border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-size:16px;font-weight:800;display:inline-flex;box-shadow:0 4px #e0b04a}.learn-parent-gate:active{transform:translateY(3px);box-shadow:0 1px #e0b04a}.learn-gate{width:min(90vw,340px)}.learn-gate-title{color:var(--ink-soft);font-size:16px!important}.learn-gate-problem{letter-spacing:.06em;font-size:30px!important}.learn-gate-typed{text-align:center;background:#f4efe2;border-radius:14px;width:100%;min-height:48px;font-size:30px;font-weight:800;line-height:48px;display:block}.learn-gate small{color:var(--hanzi);font-weight:700}.learn-keypad{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.learn-keypad button{background:#fff;border-radius:14px;height:54px;font-size:24px;font-weight:800;box-shadow:0 4px #e6d5b0}.learn-keypad button.ok{background:var(--good);color:#fff;box-shadow:0 4px #37864f}.learn-keypad button.del{background:#f4efe2}.learn-home-hero{flex-direction:column;align-items:center;gap:10px;margin-top:8vh;display:flex}.learn-mascot-button .learn-mascot{font-size:120px}.learn-bubble{background:var(--card);max-width:340px;box-shadow:var(--shadow);text-align:center;border-radius:24px;margin:0;padding:14px 22px;font-size:22px;font-weight:700;line-height:1.4;position:relative}.learn-bubble:before{content:"";background:var(--card);border-radius:4px;width:22px;height:22px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(45deg)}.learn-week{gap:10px;margin:0;padding:0;list-style:none;display:flex}.learn-week li{background:#ffffff8c;border-radius:16px;flex-direction:column;align-items:center;width:46px;padding:8px 0 6px;font-size:20px;display:flex}.learn-week li.today{background:#ffd166;box-shadow:0 3px #e0b04a}.learn-week small{color:var(--ink-soft);font-size:12px}.learn-islands{gap:14px;display:flex}.learn-island{border-radius:26px 26px 40px 40px;flex-direction:column;align-items:center;gap:4px;width:104px;padding:14px 0 10px;font-size:38px;transition:transform .1s,box-shadow .1s;display:flex;position:relative;box-shadow:0 6px #4a3b2a1f}.learn-island:active{transform:translateY(4px);box-shadow:0 2px #4a3b2a1f}.learn-island:disabled{opacity:.5}.learn-island i{font-size:22px;font-style:normal;position:absolute;top:-8px;right:-6px}.learn-island small{font-size:13px;font-weight:700}.learn-island.hanzi{background:var(--hanzi-soft);color:var(--hanzi)}.learn-island.math{background:var(--math-soft);color:var(--math)}.learn-island.english{background:var(--english-soft);color:var(--english)}.learn-play{padding-bottom:max(16px, env(safe-area-inset-bottom));gap:0}.learn-play.hanzi{background:radial-gradient(circle at 20% 0,#fff3ec,#ffe6da)}.learn-play.math{background:radial-gradient(circle at 20% 0,#eef6ff,#dbebfb)}.learn-play.english{background:radial-gradient(circle at 20% 0,#eefaf0,#d9f1de)}.learn-play-top{align-items:center;gap:14px;width:100%;max-width:640px;display:flex}.learn-pause{min-width:108px;height:52px;color:var(--ink);background:#ffffffd9;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:22px;display:inline-flex;box-shadow:0 3px #4a3b2a1f}.learn-pause span{font-size:18px;font-weight:800}.learn-path{flex:1;align-items:center;gap:5px;margin:0;padding:0;list-style:none;display:flex}.learn-path li{background:#ffffffb3;border-radius:5px;flex:1;height:10px;position:relative}.learn-path li.hanzi.past{background:var(--hanzi)}.learn-path li.math.past{background:var(--math)}.learn-path li.english.past{background:var(--english)}.learn-path li.current{background:#ffd166}.learn-path li span{font-size:26px;animation:1.2s ease-in-out infinite learn-hop;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.learn-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;width:100%;max-width:640px;padding-top:12px;display:flex}.learn-station-intro h1{margin:0;font-size:40px}.learn-station-emoji{font-size:110px;line-height:1}.learn-stage-label{color:var(--ink-soft);letter-spacing:.08em;margin:0;font-size:18px;font-weight:700}.learn-prompt{background:#ffffffd9;border-radius:999px;align-items:center;gap:12px;padding:10px 20px 10px 10px;display:flex;box-shadow:0 4px #4a3b2a1a}.learn-prompt button{background:#ffd166;border-radius:50%;width:52px;height:52px;font-size:24px}.learn-prompt p{margin:0;font-size:26px;font-weight:800}.learn-clue-emoji{font-size:96px;line-height:1}.learn-intro-row{align-items:center;gap:28px;display:flex}.learn-intro-emoji{font-size:110px;line-height:1}.learn-intro-emoji.large{font-size:150px}.learn-grid-char{background:var(--card);width:150px;height:150px;box-shadow:var(--shadow);color:var(--hanzi);background-image:linear-gradient(90deg,#0000 calc(50% - 1px),#f0d9cf calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)),linear-gradient(#0000 calc(50% - 1px),#f0d9cf calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px));border-radius:28px;place-items:center;font-size:104px;font-weight:500;display:grid}.learn-intro-word{letter-spacing:.1em;margin:0;font-size:34px}.learn-intro-word mark{background:#ffd166;border-radius:8px;padding:0 4px}.learn-english-word{color:var(--english);letter-spacing:.04em;margin:0;font-size:54px;font-weight:800}.learn-hint{color:var(--ink-soft);margin:0;font-size:20px}.learn-options{flex-wrap:wrap;justify-content:center;gap:18px;width:100%;display:flex}.learn-option{background:var(--card);width:150px;height:150px;box-shadow:var(--shadow);border-radius:30px;place-items:center;font-size:88px;line-height:1;transition:transform .12s,opacity .3s;display:grid}.learn-option:active{transform:scale(.94)}.learn-option.hanzi{font-size:96px;font-weight:500}.learn-option.picture span{font-size:92px}.learn-option.number{width:120px;height:120px;color:var(--math);font-size:64px;font-weight:800}.learn-option.wrong{opacity:.32;animation:.4s learn-shake}.learn-option.right{box-shadow:0 0 0 6px var(--good), var(--shadow);background:#e3f7e8;animation:.6s learn-cheer}@keyframes learn-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes learn-cheer{30%{transform:scale(1.12)rotate(-3deg)}60%{transform:scale(1.06)rotate(3deg)}}.learn-math-board{flex-direction:column;align-items:center;gap:16px;min-height:160px;display:flex}.learn-counting{flex-wrap:wrap;justify-content:center;gap:10px;max-width:520px;display:flex}.learn-counting button{background:#ffffffbf;border-radius:20px;width:78px;height:78px;font-size:46px;position:relative}.learn-counting button i{background:var(--math);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:17px;font-style:normal;font-weight:800;animation:.3s learn-pop;display:grid;position:absolute;top:-6px;right:-4px}.learn-sequence{gap:16px;font-size:58px;font-weight:800;display:flex}.learn-sequence>span,.learn-equation .blank{background:#ffffffd9;border-radius:22px;place-items:center;min-width:90px;height:90px;padding:0 12px;display:inline-grid}.learn-sequence .blank,.learn-equation .blank{border:4px dashed var(--math);color:var(--math)}.learn-equation-pictures{align-items:center;gap:14px;font-size:40px;font-weight:800;display:flex}.learn-objects{background:#ffffffbf;border-radius:22px;grid-template-columns:repeat(5,1fr);gap:6px;padding:10px;font-size:36px;line-height:1;display:inline-grid}.learn-objects .taken{opacity:.22;text-decoration:line-through}.learn-objects button{font:inherit;line-height:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;padding:0;position:relative}.learn-objects button:active{transform:scale(.92)}.learn-objects .counted{background:#ffd16673;border-radius:12px;position:relative}.learn-objects .counted:after{content:attr(data-number);background:var(--math);color:#fff;text-align:center;border-radius:11px;min-width:22px;height:22px;padding:0 5px;font-size:15px;font-weight:800;line-height:22px;position:absolute;top:-8px;right:-6px;box-shadow:0 2px #4a3b2a2e}.learn-number-tile{background:var(--math);color:#fff;border-radius:18px;place-items:center;min-width:64px;height:64px;padding:0 12px;font-size:38px;font-weight:800;display:inline-grid;box-shadow:0 5px #4a3b2a2e}.learn-math-hint{color:var(--ink-soft);text-align:center;margin:0;font-size:20px;font-weight:700}.learn-equation{color:var(--ink);margin:0;font-size:46px;font-weight:800}.learn-equation .blank{min-width:70px;height:70px;font-size:40px}.learn-help{background:#ffffffd9;border-radius:999px;padding:10px 20px;font-size:20px;font-weight:700}.learn-compare{gap:22px;display:flex}.learn-option.compare{width:220px;height:auto;min-height:190px;padding:14px}.learn-option.compare .learn-objects{background:0 0;font-size:40px}.learn-number{color:var(--math);font-size:96px;font-weight:800}.learn-dialog{z-index:50;width:100%;max-width:none;height:100%;max-height:none;color:inherit;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#4a3b2a73;border:0;place-items:center;margin:0;padding:0;display:grid;position:fixed;inset:0}.learn-dialog>div{background:var(--card);border-radius:32px;flex-direction:column;align-items:center;gap:16px;width:min(90vw,360px);padding:28px 24px;display:flex}.learn-dialog p{margin:0;font-size:26px;font-weight:800}.learn-dialog .learn-big-button{width:100%}.learn-finish{text-align:center;justify-content:center;position:relative;overflow:hidden}.learn-finish h1{margin:0;font-size:42px}.learn-finish p{margin:0;font-size:24px;font-weight:700}.learn-confetti{pointer-events:none;position:absolute;inset:0}.learn-confetti span{font-size:28px;animation:3.2s linear infinite learn-fall;position:absolute;top:-40px}@keyframes learn-fall{to{transform:translateY(110vh)rotate(360deg)}}.learn-sticker-choices{gap:20px;display:flex}.learn-taken{letter-spacing:.2em;margin:0;font-size:40px}.learn-sticker-choices button{background:var(--card);width:130px;height:130px;box-shadow:var(--shadow);border-radius:30px;font-size:76px;transition:transform .2s,opacity .3s}.learn-sticker-choices button.picked{box-shadow:0 0 0 6px #ffd166, var(--shadow);transform:scale(1.18)rotate(-6deg)}.learn-sticker-choices button.faded{opacity:.3}.learn-sticker-book header{flex-wrap:wrap;align-items:center;gap:8px 14px;width:100%;max-width:640px;display:flex}.learn-sticker-book h1{white-space:nowrap;flex:1;margin:0;font-size:clamp(24px,6.5vw,30px)}.learn-sticker-book header span{color:var(--ink-soft);font-size:18px;font-weight:700}.learn-sticker-set{width:100%;max-width:640px}.learn-sticker-set h2{align-items:baseline;gap:8px;margin:0 0 8px;font-size:20px;display:flex}.learn-sticker-set h2 small{color:var(--ink-soft);font-size:14px;font-weight:700}.learn-sticker-set.locked h2{opacity:.6}.learn-sticker-missing{margin-top:8px}.learn-sticker-missing summary{cursor:pointer;color:var(--ink-soft);-webkit-tap-highlight-color:transparent;font-size:14px;font-weight:700;list-style:none}.learn-sticker-missing summary::-webkit-details-marker{display:none}.learn-sticker-missing summary:before{content:"› "}.learn-sticker-missing[open] summary:before{content:"⌄ "}.learn-sticker-grid.dim{box-shadow:none;background:#ffffff80;margin-top:8px}.learn-sticker-grid.dim span{opacity:.35;filter:grayscale()}.learn-sticker-grid{background:var(--card);width:100%;max-width:640px;box-shadow:var(--shadow);border-radius:30px;grid-template-columns:repeat(6,1fr);gap:12px;padding:18px;display:grid}.learn-sticker-grid span{aspect-ratio:1;background:#f6efdf;border-radius:16px;place-items:center;font-size:40px;display:grid}.learn-sticker-grid span.filled,.learn-sticker-grid button.filled{background:#fff;box-shadow:inset 0 0 0 3px #ffe8a8}.learn-sticker-grid button{aspect-ratio:1;border-radius:16px;place-items:center;font-size:40px;transition:transform .15s;display:grid}.learn-sticker-grid button:active{transform:scale(.92)}@media (min-width:720px){.learn-sticker-grid span,.learn-sticker-grid button{font-size:50px}}.learn-sticker-grid button.active{transform:scale(1.06);box-shadow:0 0 0 5px #ffd166,inset 0 0 0 3px #ffe8a8}.learn-sticker-name{min-height:1.5em;color:var(--ink);text-align:center;margin:0;font-size:22px;font-weight:800}.learn-parent{max-width:640px;padding:max(14px, env(safe-area-inset-top)) 18px 40px;-webkit-user-select:text;user-select:text;flex-direction:column;gap:16px;margin:0 auto;font-size:15px;display:flex}.learn-parent-top{justify-content:space-between;align-items:center;display:flex}.learn-parent-top button,.learn-parent-top a{min-height:48px;color:var(--ink);background:#fffc;border-radius:999px;padding:12px 22px;font-weight:700;text-decoration:none}.learn-parent-group{letter-spacing:.06em;color:var(--ink-soft);align-items:baseline;gap:8px;margin:22px 0 -4px;padding-left:4px;font-size:15px;display:flex}.learn-parent-group small{opacity:.8;font-size:12px;font-weight:600}.learn-parent-hero span{letter-spacing:.14em;color:var(--ink-soft);font-size:12px;font-weight:700}.learn-parent-hero h1{margin:4px 0 8px;font-size:26px}.learn-parent-hero p{color:var(--ink-soft);margin:0;line-height:1.6}.learn-parent-stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.learn-parent-stats div{background:var(--card);text-align:center;border-radius:18px;padding:12px 8px}.learn-parent-stats strong{font-size:24px;display:block}.learn-parent-stats small{color:var(--ink-soft);font-size:12px}.learn-parent-card{background:var(--card);border-radius:22px;padding:18px;box-shadow:0 4px #4a3b2a0f}.learn-parent-card h2{align-items:baseline;gap:10px;margin:0;font-size:19px;display:flex}.learn-parent-card>summary{cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:10px;list-style:none;display:flex}.learn-parent-card>summary::-webkit-details-marker{display:none}.learn-parent-card>summary:after{content:"›";color:var(--ink-soft);margin-left:auto;font-size:24px;line-height:1;transition:transform .15s}.learn-parent-card[open]>summary:after{transform:rotate(90deg)}.learn-parent-card[open]>summary{margin-bottom:10px}.learn-parent-card>summary h2{flex:1}.learn-parent-card h2 small{color:var(--ink-soft);font-size:13px;font-weight:600}.learn-parent-help{color:var(--ink-soft);margin:0 0 10px;line-height:1.6}.learn-parent-help.center{text-align:center}.learn-legend{gap:8px;margin:0 0 10px;display:flex}.learn-stage-group{margin-top:14px}.learn-stage-group h3{align-items:baseline;gap:8px;margin:0 0 8px;font-size:15px;display:flex}.learn-stage-group h3 small{color:var(--ink-soft);font-size:12px;font-weight:600}.learn-legend .learn-chip{padding:4px 10px;font-size:12px}.learn-chips{flex-wrap:wrap;gap:8px;display:flex}.learn-chip{border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:15px;font-weight:700;transition:opacity .2s;display:inline-flex}.learn-chip.hanzi{padding:6px 14px;font-size:19px}.learn-chip small{opacity:.75;font-weight:500}.learn-chip.unseen{color:var(--ink-soft);background:#f1ebdd}.learn-chip.learning{color:#7a5a12;background:#ffe9b8}.learn-chip.known{color:#24703a;background:#d9f2df}.learn-chip.busy{opacity:.4}.learn-math-list,.learn-session-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.learn-math-list li,.learn-session-list li{background:#faf6ec;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.learn-math-list li>span,.learn-session-list li>span{text-align:center;width:34px;font-size:26px}.learn-math-list div,.learn-session-list div{flex-direction:column;flex:1;display:flex}.learn-math-list small,.learn-session-list small{color:var(--ink-soft)}.learn-math-list em{color:var(--ink-soft);font-size:13px;font-style:normal}.learn-sentence{background:#ffffffd9;border-radius:999px;align-items:center;gap:10px;padding:10px 20px;font-size:26px;font-weight:700;display:inline-flex;box-shadow:0 4px #4a3b2a1a}.learn-sentence>span{font-size:20px}.learn-sentence mark{background:#ffd166;border-radius:6px;padding:0 3px}.learn-fill-sentence{text-align:center;margin:0;font-size:38px;font-weight:700;line-height:1.5}.learn-fill-sentence mark{color:var(--hanzi);border-bottom:4px dashed var(--hanzi);background:0 0;border-radius:10px;padding:0 6px}.learn-fill-sentence mark.filled{color:var(--ink);background:#ffd166;border-bottom-color:#0000}.learn-clue-emoji.small{font-size:64px}.learn-option.word{width:auto;min-width:150px;height:110px;color:var(--hanzi);padding:0 24px;font-size:44px;font-weight:700}.learn-dialogue{align-items:center;gap:14px;max-width:560px;display:flex}.learn-dialogue-face{flex:none;font-size:84px}.learn-dialogue-bubble{background:var(--card);box-shadow:var(--shadow);text-align:left;border-radius:24px 24px 24px 6px;gap:4px;padding:14px 20px;display:grid;position:relative}.learn-dialogue-bubble>span{font-size:30px}.learn-dialogue-bubble strong{color:var(--english);font-size:26px}.learn-dialogue-bubble small{color:var(--ink-soft);font-size:15px}.learn-options.replies{flex-direction:column;align-items:stretch;max-width:460px}.learn-option.reply{text-align:left;justify-content:flex-start;gap:14px;width:auto;height:auto;min-height:78px;padding:10px 20px;display:flex}.learn-option.reply>span{flex:none;font-size:40px}.learn-option.reply strong{color:var(--english);font-size:24px}.learn-scene{flex-direction:column;align-items:center;gap:10px;width:min(100%,520px);display:flex}.learn-scene-stage{width:200px;height:150px;box-shadow:var(--shadow);background:#ffffffb3;border-radius:36px;place-items:center;display:grid;position:relative}.learn-scene-face{filter:drop-shadow(0 2px 3px #00000040);font-size:56px;display:inline-block;position:absolute;bottom:2px;left:6px}.learn-scene-pic{width:100%;height:100%;font-size:72px;position:absolute;inset:0}.learn-scene-pic img{border-radius:36px}.learn-scene-prop{font-size:44px;position:absolute;bottom:10px;right:14px}.learn-scene-story{text-align:left;color:var(--ink);background:#ffffffd9;border-radius:18px;align-items:flex-start;gap:10px;padding:10px 16px;font-size:20px;font-weight:700;line-height:1.4;display:flex}.learn-scene-story span{margin-top:3px;font-size:18px}.learn-repeat{flex-direction:column;align-items:center;gap:12px;width:min(100%,420px);display:flex}.learn-repeat-mic{background:#ffe3e0;border-radius:999px;align-items:center;gap:10px;padding:10px 22px;font-size:22px;font-weight:800;animation:1.2s ease-in-out infinite learn-mic-pulse;display:inline-flex;box-shadow:0 6px #e8a19a}.learn-repeat-mic span{font-size:32px}.learn-repeat-bar{background:#ffffffb3;border-radius:7px;width:100%;height:14px;overflow:hidden}.learn-repeat-bar i{background:var(--hanzi);border-radius:7px;height:100%;transition:width .1s linear;display:block}.learn-stars{gap:8px;font-size:44px;display:flex}.learn-stars span{opacity:.25;transition:transform .2s}.learn-stars span.lit{opacity:1;animation:.4s learn-pop}.learn-stars span.done{opacity:1;color:var(--good);font-size:26px;font-weight:800}.learn-repeat-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.learn-heard{color:var(--ink-soft);margin:0;font-size:14px}.learn-situation{flex-direction:column;align-items:center;gap:6px;display:flex}.learn-situation-act{letter-spacing:.1em;font-size:64px;line-height:1}.learn-situation.large .learn-situation-act{font-size:88px}.learn-situation small{color:var(--ink-soft);font-size:18px;font-weight:700}.learn-english-line{background:var(--card);box-shadow:var(--shadow);text-align:left;border-radius:24px;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;column-gap:12px;padding:12px 20px;display:grid}.learn-english-line>span{grid-row:1/3;font-size:32px}.learn-line-speaker{opacity:.85;grid-area:1/3/3;font-size:26px;font-style:normal}.learn-english-line strong{color:var(--english);grid-column:2;font-size:28px}.learn-english-line small{color:var(--ink-soft);grid-column:2;font-size:15px}.learn-english-line.mine{background:#e3f7e8}.learn-mic{min-height:76px;color:var(--ink);touch-action:none;background:#fff;border-radius:999px;align-items:center;gap:12px;padding:0 28px;font-size:22px;font-weight:800;animation:1.6s ease-in-out infinite learn-mic-pulse;display:inline-flex;box-shadow:0 8px #e6d5b0}.learn-mic>span{font-size:34px}.learn-mic.recording{background:#ffe3e0;animation:none;transform:scale(1.04);box-shadow:0 8px #e8a19a}.learn-mic.playing{background:#e3f7e8;animation:none;box-shadow:0 8px #9fd3ae}@keyframes learn-mic-pulse{0%,to{box-shadow:0 6px #4a3b2a24,0 0 #ffd16699}50%{box-shadow:0 6px #4a3b2a24,0 0 0 14px #ffd16600}}.learn-do-stage{width:260px;height:220px;box-shadow:var(--shadow);background:#ffffffb3;border-radius:40px;place-items:center;display:grid;position:relative}.learn-do-face{font-size:130px;display:inline-block}.learn-do-prop{font-size:64px;position:absolute;bottom:10px;right:12px}.learn-do-stage.acting.act-jump .learn-do-face{animation:.6s ease-in-out 4 learn-act-jump}.learn-do-stage.acting.act-clap .learn-do-face,.learn-do-stage.acting.act-hug .learn-do-face{animation:.4s ease-in-out 6 learn-act-clap}.learn-do-stage.acting.act-spin .learn-do-face{animation:1.2s linear 2 learn-act-spin}.learn-do-stage.acting.act-wave .learn-do-face,.learn-do-stage.acting.act-shake .learn-do-face{animation:.5s ease-in-out 5 learn-act-wave}.learn-do-stage.acting.act-stomp .learn-do-face{animation:.4s ease-in-out 6 learn-act-stomp}.learn-do-stage.acting.act-nod .learn-do-face,.learn-do-stage.acting.act-touch-nose .learn-do-face,.learn-do-stage.acting.act-touch-head .learn-do-face{animation:.6s ease-in-out 4 learn-act-nod}.learn-do-stage.acting.act-hands-up .learn-do-face,.learn-do-stage.acting.act-stand .learn-do-face{animation:.8s ease-in-out 3 learn-act-up}.learn-do-stage.acting.act-sit .learn-do-face,.learn-do-stage.acting.act-sleep .learn-do-face{animation:1s ease-in-out 2 learn-act-down}@keyframes learn-act-jump{0%,to{transform:translateY(0)}50%{transform:translateY(-50px)}}@keyframes learn-act-clap{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes learn-act-spin{to{transform:rotate(360deg)}}@keyframes learn-act-wave{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}@keyframes learn-act-stomp{0%,to{transform:translateY(0)}50%{transform:translateY(12px)scale(1.05,.95)}}@keyframes learn-act-nod{0%,to{transform:translateY(0)}50%{transform:translateY(16px)}}@keyframes learn-act-up{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-24px)scale(1.1)}}@keyframes learn-act-down{0%,to{transform:translateY(0)}50%{transform:translateY(30px)scale(.95)}}.learn-options.yesno{gap:28px}.learn-option.yes,.learn-option.no{flex-direction:column;gap:4px;width:170px;height:150px;display:flex}.learn-option.yes>span,.learn-option.no>span{font-size:56px}.learn-option.yes strong,.learn-option.no strong{font-size:30px}.learn-option.yes strong{color:var(--good)}.learn-option.no strong{color:var(--hanzi)}.learn-home{padding-bottom:118px}.learn-home-title{flex-direction:column;display:flex}.learn-home-title strong{letter-spacing:.02em;font-size:26px}.learn-home-title small{color:var(--ink-soft);font-size:13px;font-weight:700}.learn-home-hero.compact{flex-direction:row;gap:14px;width:min(100%,560px);margin-top:0}.learn-home-hero.compact .learn-mascot-button .learn-mascot{font-size:72px}.learn-home-hero.compact .learn-bubble{text-align:left;flex:1;padding:12px 16px;font-size:18px}.learn-home-hero.compact .learn-bubble:before{top:50%;left:-10px;transform:translateY(-50%)rotate(45deg)}.learn-cards{flex-direction:column;gap:14px;width:min(100%,560px);display:flex}.learn-card{color:#fff;text-align:left;border-radius:30px;justify-content:space-between;align-items:center;gap:12px;min-height:132px;padding:18px 22px;transition:transform .1s,box-shadow .1s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px #4a3b2a24}.learn-card:active{transform:translateY(5px);box-shadow:0 3px #4a3b2a24}.learn-card:disabled{opacity:.55}.learn-card>div{z-index:1;flex-direction:column;gap:4px;min-width:0;display:flex}.learn-card small{opacity:.85;letter-spacing:.04em;font-size:14px;font-weight:800}.learn-card strong{overflow-wrap:anywhere;font-size:24px;line-height:1.25}.learn-card:not(.all) strong{margin-bottom:6px;font-size:36px}.learn-card-sub{opacity:.9;font-size:15px}.learn-card-go{background:#ffffff40;border-radius:999px;align-self:flex-start;margin-top:6px;padding:6px 14px;font-size:15px;font-weight:800}.learn-card-stars{gap:2px;margin-top:6px;font-size:26px;display:flex}.learn-card-stars i{opacity:.3;font-style:normal}.learn-card-stars i.lit{opacity:1}.learn-card-art{filter:drop-shadow(0 6px 6px #0000002e);flex:none;width:108px;height:108px}.learn-card-mascot{flex:none;font-size:84px}.learn-card:before{content:"";background:#ffffff24;border-radius:50%;width:170px;height:170px;position:absolute;top:-30px;right:-30px}.learn-card.all{background:linear-gradient(135deg,#ff9f43,#ffc048)}.learn-card.all.resume{background:linear-gradient(135deg,#2ecc71,#7ee2a8)}.learn-card.math{background:url(/art/math-scene.svg) 100% 100%/auto 100% no-repeat,linear-gradient(135deg,#6c5ce7,#8c7bff)}.learn-card.hanzi{background:url(/art/hanzi-scene.svg) 100% 100%/auto 100% no-repeat,linear-gradient(135deg,#ff6b6b,#ff8e72)}.learn-card.english{background:url(/art/english-scene.svg) 100% 100%/auto 100% no-repeat,linear-gradient(135deg,#1abc9c,#3dd6b8)}.learn-card.done{color:#3d3a55;background-image:linear-gradient(135deg,#b8b3d9,#cfcae8)}.learn-card.done .learn-card-art{filter:grayscale(.6)opacity(.8)}.learn-card.done small,.learn-card.done .learn-card-sub{opacity:.8}.learn-tabs{left:50%;bottom:max(12px, env(safe-area-inset-bottom));z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-radius:999px;gap:6px;padding:6px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #4a3b2a2e}.learn-tabs button{min-width:min(120px,33.3333vw - 16px);min-height:64px;color:var(--ink-soft);border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 16px;font-size:16px;font-weight:800;display:flex;position:relative}.learn-tabs button span{font-size:24px}.learn-tab-icon{width:36px;height:36px;transition:transform .2s}.learn-tabs button:not(.active) .learn-tab-icon{filter:grayscale(.85);opacity:.55}.learn-tabs button.active .learn-tab-icon{transform:scale(1.12)}.learn-tabs button.active{color:var(--ink);background:#ffd166}.learn-tabs button em{background:var(--hanzi);color:#fff;border-radius:999px;padding:1px 7px;font-size:13px;font-style:normal;position:absolute;top:4px;right:14px}.learn-week-button{border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:6px 10px;display:flex}.learn-week-button>small{color:var(--ink-soft);font-size:13px;font-weight:700}.learn-week-button:active{background:#ffffff80}.learn-log{min-height:100svh;padding:max(16px, env(safe-area-inset-top)) 0 max(20px, env(safe-area-inset-bottom));flex-direction:column;gap:12px;display:flex}.learn-log>header{align-items:center;gap:14px;padding:0 20px;display:flex}.learn-log>header h1{margin:0;font-size:28px}.learn-log-weekbar{justify-content:space-between;align-items:center;padding:0 20px;display:flex}.learn-log-weekbar>div{flex-direction:column;align-items:center;display:flex}.learn-log-weekbar strong{font-size:20px}.learn-log-weekbar small{color:var(--ink-soft);font-weight:700}.learn-log-weekbar>button{width:48px;height:48px;color:var(--ink);background:#ffffffd9;border-radius:50%;font-size:28px;font-weight:800;box-shadow:0 3px #4a3b2a1f}.learn-log-weekbar>button:disabled{opacity:.3}.learn-log-strip{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.learn-log-strip::-webkit-scrollbar{display:none}.learn-log-week{scroll-snap-align:start;box-sizing:border-box;flex-direction:column;flex:0 0 100%;gap:10px;padding:4px 20px 20px;display:flex}.learn-log-weekbar>div small{letter-spacing:.08em;text-transform:uppercase;font-size:13px}.learn-log-weekbar>div em{color:var(--ink-soft);font-size:13px;font-style:normal}.learn-daycard{color:var(--ink);border-radius:26px;overflow:hidden;box-shadow:0 6px #4a3b2a1a}.learn-daycard.all,.learn-daycard.math,.learn-daycard.hanzi,.learn-daycard.english{color:#fff;background:linear-gradient(135deg,#4a90e2,#6fb1ff)}.learn-daycard.skipped{color:#4a6a8f;box-shadow:none;background:linear-gradient(135deg,#e4f1ff,#d3e7ff)}.learn-daycard.future{color:#7a6a3a;box-shadow:none;background:linear-gradient(135deg,#fff6d6,#ffeeb8)}.learn-daycard.future strong,.learn-daycard.skipped strong{opacity:.7}.learn-daycard.today{box-shadow:0 0 0 4px #ffd166,0 6px #4a3b2a1f}.learn-daycard-face{text-align:left;width:100%;min-height:104px;color:inherit;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.learn-daycard-face:disabled{cursor:default}.learn-daycard-face>div:first-child{flex-direction:column;gap:4px;min-width:0;display:flex}.learn-daycard-face small{opacity:.75;letter-spacing:.03em;font-size:13px;font-weight:800}.learn-daycard-face strong{font-size:20px;line-height:1.25}.learn-daycard .learn-card-stars b{margin-left:8px;font-size:22px}.learn-daycard-lock{opacity:.8;font-size:26px}.learn-daycard-art{flex:none;gap:4px;display:flex}.learn-daycard-art img{filter:drop-shadow(0 4px 4px #00000026);width:64px;height:64px}.learn-daycard-art img.faded{opacity:.35;filter:grayscale()}.learn-daycard .learn-log-items{color:var(--ink);background:#ffffffeb;margin-top:0;padding:12px 16px 16px}.learn-log-items{flex-direction:column;gap:8px;margin-top:10px;display:flex}.learn-log-items>button{text-align:left;border-radius:14px;align-items:baseline;gap:8px;padding:8px 12px;font-size:20px;font-weight:700;display:flex}.learn-log-items>button.zh{color:var(--hanzi);background:#ffe0d3}.learn-log-items>button.en{color:var(--english);background:#dcf2e0}.learn-log-items>button small{color:var(--ink-soft);font-size:13px;font-weight:600}.learn-log-chars{flex-wrap:wrap;gap:6px;display:flex}.learn-log-chars button{width:44px;height:44px;color:var(--hanzi);background:#fff3ec;border-radius:12px;font-size:26px}.learn-log-meta{color:var(--ink-soft)}.learn-back{min-width:108px;height:52px;color:var(--ink);background:#ffffffd9;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:2px;padding:0 18px 0 14px;font-size:18px;font-weight:800;display:inline-flex;box-shadow:0 3px #4a3b2a1f}.learn-station-intro{justify-content:center;gap:26px}.learn-card.doorway{cursor:default;width:min(100%,520px);min-height:150px}.learn-card.doorway strong{font-size:36px}.learn-card.doorway .learn-card-art{width:120px;height:120px}.learn-station-line{color:var(--ink-soft);margin:0;font-size:22px;font-weight:700}.learn-finger-read{flex-wrap:wrap;justify-content:center;gap:8px;max-width:600px;display:flex}.learn-finger-read button,.learn-finger-read span{background:var(--card);width:64px;height:64px;color:var(--hanzi);border-radius:16px;place-items:center;font-size:40px;font-weight:500;display:grid;box-shadow:0 5px #4a3b2a1f}.learn-finger-read span{box-shadow:none;width:30px;color:var(--ink-soft);background:0 0}.learn-finger-read button:active{transform:translateY(3px);box-shadow:0 2px #4a3b2a1f}.learn-slots{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:70px;display:flex}.learn-slots span{min-width:70px;height:64px;color:var(--hanzi);border:3px dashed #e0cfb5;border-radius:16px;place-items:center;padding:0 10px;font-size:32px;font-weight:700;display:grid}.learn-slots span.filled{border-style:solid;border-color:var(--good);background:#e3f7e8;animation:.3s learn-pop}.learn-slots span.next{border-color:var(--hanzi)}.learn-slots span.punct{min-width:24px;color:var(--ink-soft);border:0}.learn-tiles{flex-wrap:wrap;justify-content:center;gap:14px;max-width:600px;display:flex}.learn-tile{background:var(--card);min-width:96px;height:84px;box-shadow:var(--shadow);color:var(--hanzi);border-radius:22px;padding:0 20px;font-size:36px;font-weight:700;transition:opacity .3s}.learn-tile:active{transform:scale(.94)}.learn-tile.used{opacity:.15;pointer-events:none}.learn-tile.shake{animation:.4s learn-shake}.learn-tile.reveal{box-shadow:0 0 0 6px #ffd166, var(--shadow);animation:.9s ease-in-out infinite learn-wiggle}.learn-finger-read button.new{box-shadow:0 0 0 4px #ffd166,0 5px #4a3b2a1f}.learn-word-cards{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.learn-word-cards button{color:var(--ink);background:#fffc;border-radius:999px;padding:8px 18px;font-size:24px;font-weight:700}.learn-grid{grid-template-columns:repeat(4,1fr);gap:12px;width:min(100%,420px);display:grid}.learn-grid button{aspect-ratio:1;background:var(--card);color:var(--hanzi);border-radius:20px;font-size:46px;font-weight:500;box-shadow:0 6px #4a3b2a1f}.learn-grid button.found{box-shadow:0 0 0 5px var(--good);background:#e3f7e8}.learn-grid button.wrong{opacity:.3}.learn-grid button.shake{animation:.4s learn-shake}.learn-match{gap:40px;display:flex}.learn-match>div{flex-direction:column;gap:12px;display:flex}.learn-match>div:first-child{justify-content:space-around}.learn-tile.selected{box-shadow:0 0 0 5px #ffd166, var(--shadow);transform:scale(1.05)}.learn-option.picture.small{border-radius:22px;width:84px;height:84px}.learn-option.picture.small span{font-size:50px}.learn-made-sentence{color:var(--hanzi);min-height:1.4em;margin:0;font-size:40px;font-weight:800}.learn-make{flex-direction:column;gap:14px;width:100%;display:flex}.learn-make>div{grid-template-columns:64px 1fr;align-items:center;gap:10px;display:grid}.learn-make small{color:var(--ink-soft);font-weight:700}.learn-make>div>div{flex-wrap:wrap;gap:10px;display:flex}.learn-make .learn-tile{min-width:72px;height:62px;padding:0 14px;font-size:28px}.learn-make-actions{gap:14px;display:flex}.learn-working{flex-direction:column;gap:6px;margin:0 0 14px;padding:0;list-style:none;display:flex}.learn-working li{background:#eef5ff;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.learn-working li.ready{background:#e6f5ea}.learn-working li.steady{background:#f2f7e6}.learn-working li>span:first-child{font-size:22px}.learn-working strong{font-size:15px;display:block}.learn-working small{color:var(--ink-soft)}.learn-working-dots{color:var(--ink-soft);white-space:nowrap;align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.learn-working-dots i{background:#d7dfe8;border-radius:50%;width:10px;height:10px}.learn-working-dots i.on{background:#4a90e2}.learn-working-dots em{margin-left:4px;font-style:normal}.learn-lesson-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.learn-lesson-list li{background:#faf6ec;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.learn-lesson-list li.unseen{opacity:.55}.learn-lesson-list li.known{background:#e6f5ea}.learn-lesson-list li>span{text-align:center;width:30px;font-size:22px}.learn-lesson-list li>div{flex-direction:column;flex:1;display:flex}.learn-lesson-list small{color:var(--ink-soft);font-size:12px}.learn-lesson-list em{color:#24703a;font-size:13px;font-style:normal;font-weight:700}.learn-objects.ghost{border:3px dashed var(--math);background:#ffffff80}.learn-objects.ghost span{color:var(--math);opacity:.6}.learn-line{grid-template-columns:repeat(var(--tiles,11), minmax(0, 1fr));gap:4px;width:100%;max-width:640px;display:grid}.learn-line span{grid-template-rows:auto auto;justify-items:center;gap:2px;min-width:0;display:grid}.learn-line span i{place-items:end center;height:1.25em;font-size:clamp(18px,4.4vw,32px);font-style:normal;line-height:1;display:grid}.learn-line span b{aspect-ratio:1;width:100%;color:var(--math);background:#ffffffd9;border-radius:12px;place-items:center;font-size:clamp(13px,2.6vw,20px);font-weight:800;display:grid}.learn-line span.start b{box-shadow:inset 0 0 0 3px #ffd166}.learn-line span.frog b{background:#e3f7e8}.learn-line span.frog i{animation:.3s ease-out learn-frog-land}@keyframes learn-frog-land{0%{transform:translateY(-10px)}to{transform:translateY(0)}}.learn-line-jumps{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;font-size:20px;font-weight:700;display:flex}.learn-line-jumps b{background:#ffffffd9;border-radius:999px;padding:2px 10px}@media (max-width:520px){.learn-line{gap:2px}.learn-line span b{border-radius:8px}}.learn-option.picture.multi>span:not(.learn-pics){word-break:break-all;padding:6px;font-size:34px;line-height:1.15}.learn-pics .learn-pic{padding:0}.learn-option.picture .learn-pics>.learn-pic{font-size:inherit;width:1em;height:1em;line-height:1}.learn-sequence.numbered{flex-wrap:wrap;justify-content:center;row-gap:34px;padding-bottom:24px}.learn-sequence.numbered>span{position:relative}.learn-sequence>span>i.n{color:var(--ink-soft);font-size:18px;font-style:normal;font-weight:800;line-height:1;position:absolute;bottom:-26px;left:50%;transform:translate(-50%)}.learn-sequence span.gap{background:0 0;border:3px dashed #e0cfb5}.learn-option.picture.labelled{flex-direction:column;gap:2px;display:flex}.learn-option.picture.labelled small{color:var(--ink);font-size:18px;font-weight:700}.learn-sudoku{background:#fff9;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:8px;width:min(100%,300px);padding:8px;display:grid}.learn-sudoku button{aspect-ratio:1;background:var(--card);border-radius:16px;font-size:44px}.learn-sudoku button.blank{color:var(--ink-soft);background:#fff8e6;border:3px dashed #c9b88f;font-size:34px;font-weight:800}.learn-sudoku button.active{border-color:var(--math);box-shadow:0 0 0 4px #4f8fd059}.learn-sudoku button.filled{background:#e3f7e8;animation:.3s learn-pop}.learn-sudoku.shake{animation:.4s learn-shake}.learn-sort-boxes{flex-wrap:wrap;justify-content:center;gap:14px;width:100%;display:flex}.learn-sort-box{background:#ffffffb3;border:3px dashed #d8c6a0;border-radius:22px;flex-direction:column;align-items:center;gap:6px;min-width:150px;min-height:120px;padding:12px;display:flex}.learn-sort-box.open{border-color:var(--math);background:#eef6ff}.learn-sort-box.shake{animation:.4s learn-shake}.learn-sort-box strong{font-size:18px}.learn-sort-box span{flex-wrap:wrap;justify-content:center;gap:4px;min-height:40px;display:flex}.learn-sort-box i{font-size:34px;font-style:normal}.learn-sort-items{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.learn-option.picture.small.selected,.learn-sort-items .learn-option.picture.selected{box-shadow:0 0 0 5px #ffd166, var(--shadow);transform:scale(1.08)}.learn-math-story{text-align:center;max-width:560px;margin:0;font-size:26px;font-weight:700;line-height:1.5}.learn-sequence.emoji>span{min-width:var(--row-tile);height:var(--row-tile);font-size:var(--row-pic);padding:0}.learn-sequence>span>.learn-pic,.learn-memory>span>.learn-pic,.learn-pair-item>.learn-pic{font-size:inherit;min-width:0;height:auto;box-shadow:none;background:0 0;padding:0}.learn-options.odd{max-width:380px}.learn-tile.number{color:var(--math);min-width:84px;font-size:40px}.learn-assess{background:#faf6ec;border-radius:14px;margin-bottom:8px;padding:10px 12px}.learn-assess.fast{background:#e6f5ea}.learn-assess.slow{background:#fff3cf}.learn-assess-head{justify-content:space-between;align-items:baseline;display:flex}.learn-assess-head span{color:var(--ink-soft);font-size:12px;font-weight:700}.learn-assess.fast .learn-assess-head span{color:#24703a}.learn-assess.slow .learn-assess-head span{color:#7a5a12}.learn-assess small{color:var(--ink-soft)}.learn-assess-bars{align-items:flex-end;gap:4px;height:40px;margin-top:8px;display:flex}.learn-assess-bars i{background:var(--math);opacity:.85;border-radius:4px 4px 0 0;flex:1;max-width:18px}.learn-assess-bars i.thin{opacity:.3}.learn-option.hint{animation:.9s ease-in-out infinite learn-wiggle}.learn-option.reveal{box-shadow:0 0 0 6px #ffd166, var(--shadow);animation:.9s ease-in-out infinite learn-wiggle;transform:scale(1.12)}@keyframes learn-wiggle{0%,to{rotate:0deg}25%{rotate:-4deg}75%{rotate:4deg}}.learn-path li span.cheer{animation:.7s cubic-bezier(.2,1.4,.4,1) learn-cheer-jump}@keyframes learn-cheer-jump{0%{transform:translate(-50%)translateY(0)rotate(0)}40%{transform:translate(-50%)translateY(-30px)rotate(-20deg)scale(1.3)}to{transform:translate(-50%)translateY(0)rotate(0)}}.learn-ear{width:150px;height:150px;box-shadow:var(--shadow);background:#ffffffd9;border-radius:40px;font-size:84px}.learn-objects .marked{box-shadow:0 0 0 3px var(--math);border-radius:10px}.learn-math-list li.locked{opacity:.55}.learn-level-picker{gap:6px;margin-top:6px;display:flex}.learn-level-picker button{width:34px;height:30px;color:var(--ink-soft);background:#ece5d3;border-radius:10px;font-weight:800}.learn-level-picker button.active{background:var(--math);color:#fff}.learn-voice-row{grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:10px;display:grid}.learn-voice-row>span{font-weight:700}.learn-voice-row select,.learn-voice-row input[type=range]{width:100%;min-width:0;font:inherit;color:var(--ink);background:#fffdf7;border:1px solid #e6dcc4;border-radius:12px;padding:8px 10px}.learn-voice-row input[type=range]{accent-color:var(--math);background:0 0;border:0;padding:0}.learn-scaffold{flex-direction:column;gap:8px;display:flex}.learn-scaffold button{text-align:left;background:#faf6ec;border:2px solid #0000;border-radius:14px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.learn-scaffold button.active{border-color:var(--good);background:#e6f5ea}.learn-scaffold small{color:var(--ink-soft)}.learn-voice-all{margin-top:10px;font-size:13px}.learn-voice-all summary{cursor:pointer;color:var(--ink-soft);font-weight:700}.learn-voice-all ul{max-height:240px;margin:6px 0 0;padding-left:18px;overflow:auto}.learn-voice-all small{color:var(--ink-soft)}.learn-voice-refresh{background:#ece5d3;border-radius:999px;margin:4px 0 6px;padding:8px 14px;font-weight:700}.learn-voice-row button{background:#ffd166;border-radius:999px;padding:8px 14px;font-weight:700}.learn-today p{margin:0 0 6px;line-height:1.6}.learn-today .learn-tip{background:#fff3cf;border-radius:14px;margin-top:8px;padding:10px 12px}.learn-play,.learn-stage{max-width:100%;overflow-x:hidden}.learn-stage{padding-bottom:24px}.learn-stage>*{max-width:100%}.learn-sequence,.learn-compare,.learn-equation-pictures,.learn-math-board{flex-wrap:wrap;justify-content:center;max-width:100%}.learn-math-board{display:flex}.learn-sort-boxes .learn-sort-box{flex:140px;max-width:220px}.learn-options.replies{width:100%}.learn-dialogue{max-width:100%}.learn-dialogue-bubble{min-width:0}.learn-prompt p{overflow-wrap:anywhere}@media (max-width:720px){.learn-sequence>span,.learn-equation .blank{border-radius:16px;min-width:60px;height:60px;padding:0 8px;font-size:36px}.learn-sequence{gap:8px;font-size:36px}.learn-sequence.emoji>span{min-width:var(--row-tile);height:var(--row-tile);font-size:var(--row-pic);padding:0}.learn-equation{font-size:34px}.learn-objects{gap:4px;padding:6px;font-size:26px}.learn-option.compare{width:120px;min-height:120px}.learn-number{font-size:60px}.learn-math-story{font-size:21px}.learn-tile{min-width:72px;height:66px;padding:0 12px;font-size:28px}.learn-tile.number{min-width:64px;font-size:30px}.learn-slots span{min-width:54px;height:54px;font-size:26px}.learn-sort-box{min-width:120px;min-height:100px;padding:8px}.learn-sort-box strong{font-size:15px}.learn-sort-box i{font-size:28px}.learn-sudoku{width:min(100%,260px)}.learn-sudoku button{font-size:36px}.learn-fill-sentence{font-size:30px}.learn-finger-read button,.learn-finger-read span{width:52px;height:52px;font-size:32px}.learn-word-cards button{font-size:20px}.learn-dialogue-face{font-size:64px}.learn-dialogue-bubble strong{font-size:21px}.learn-option.reply strong{font-size:20px}.learn-option.reply>span{font-size:32px}.learn-english-word{font-size:40px}.learn-clue-emoji{font-size:72px}.learn-grid button{font-size:38px}.learn-option.picture.labelled small{font-size:15px}.learn-prompt p{font-size:21px}}@media (max-width:520px){.learn-root{--row-tile:86px;--row-pic:68px}.learn-option,.learn-grid-char{border-radius:24px;width:112px;height:112px;font-size:68px}.learn-option.hanzi{font-size:72px}.learn-option.picture span{font-size:68px}.learn-option.number{width:96px;height:96px;font-size:50px}.learn-compare{flex-wrap:nowrap;gap:10px;width:100%}.learn-option.compare{flex:1 1 0;width:auto;min-width:0;min-height:110px;padding:8px}.learn-number{font-size:52px}.learn-intro-emoji{font-size:90px}.learn-intro-emoji.large{font-size:120px}.learn-mascot-button .learn-mascot{font-size:96px}.learn-sticker-choices button{width:100px;height:100px;font-size:58px}.learn-sticker-grid{grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}.learn-sticker-grid button,.learn-sticker-grid span{font-size:34px}.learn-parent-stats{grid-template-columns:repeat(2,1fr)}.learn-week li{width:40px}.learn-island{width:88px;font-size:30px}.learn-card{border-radius:24px;min-height:112px;padding:14px 16px}.learn-card strong{font-size:20px}.learn-card-art{width:84px;height:84px}.learn-card-mascot{font-size:64px}.learn-home-hero.compact .learn-mascot-button .learn-mascot{font-size:56px}}.learn-bouncy{align-items:center;gap:.08em;font-family:KuaiLe,PingFang SC,Hiragino Sans GB,sans-serif;font-weight:400;line-height:1;display:inline-flex}.learn-bouncy span{color:#6c5ce7;background:#fffdf6;border-radius:50%;place-items:center;width:1.28em;height:1.28em;font-size:.86em;display:grid;transform:translateY(-2px)rotate(-6deg);box-shadow:0 3px #00000029,inset 0 -3px #0000000f}.learn-bouncy span:nth-child(2n){transform:translateY(3px)rotate(6deg)}.learn-bouncy span:nth-child(3n){transform:translateY(-1px)rotate(3deg)scale(1.06)}.learn-card.math .learn-bouncy span{color:#6c5ce7}.learn-card.hanzi .learn-bouncy span{color:#ff6b6b}.learn-card.english .learn-bouncy span{color:#17a589}.learn-card.all .learn-bouncy span{color:#f39c12}.learn-card.all.resume .learn-bouncy span{color:#27ae60}.learn-card.all .learn-bouncy{font-size:26px}.learn-maze{gap:12px}.learn-maze-grid{grid-template-columns:repeat(var(--n), 1fr);grid-template-rows:repeat(var(--n), 1fr);aspect-ratio:1;box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;background:#fffdf6;border-radius:16px;width:min(94vw,560px);padding:3px;display:grid;position:relative;box-shadow:0 6px #4a3b2a1f}.learn-maze-cell{min-width:0;min-height:0;font-size:clamp(12px, calc(62vw / var(--n)), 30px);box-sizing:border-box;z-index:1;border:0 solid #0000;place-items:center;line-height:1;display:grid;position:relative;overflow:hidden}.learn-maze-cell.wt{border-top:var(--wall,3px) solid var(--maze-wall,#6c5ce7)}.learn-maze-cell.wr{border-right:var(--wall,3px) solid var(--maze-wall,#6c5ce7)}.learn-maze-cell.wb{border-bottom:var(--wall,3px) solid var(--maze-wall,#6c5ce7)}.learn-maze-cell.wl{border-left:var(--wall,3px) solid var(--maze-wall,#6c5ce7)}.learn-maze-cell.goal{background:#fff0b3}.learn-maze-cell.hint:after{content:"";background:#ffd166;border-radius:50%;animation:.8s infinite learn-cheer;position:absolute;inset:22%}.learn-maze-line{pointer-events:none;z-index:0;width:calc(100% - 6px);height:calc(100% - 6px);position:absolute;inset:3px;overflow:visible}.learn-maze-line polyline{stroke:var(--maze-line,#6c5ce759)}.learn-maze-me{font-size:1.15em;line-height:1;transition:transform .12s;display:inline-block}.learn-maze-me.bump-0{animation:.35s maze-bump-y}.learn-maze-me.bump-2{animation:.35s reverse maze-bump-y}.learn-maze-me.bump-1{animation:.35s maze-bump-x}.learn-maze-me.bump-3{animation:.35s reverse maze-bump-x}@keyframes maze-bump-y{0%{transform:translateY(0)}40%{transform:translateY(-22%)}to{transform:translateY(0)}}@keyframes maze-bump-x{0%{transform:translate(0)}40%{transform:translate(22%)}to{transform:translate(0)}}.learn-maze-status{gap:6px;min-height:28px;font-size:22px;display:flex}.learn-maze-status .dim{opacity:.25;filter:grayscale()}.learn-maze.theme-1{--maze-wall:#3fa34d;--maze-line:#3fa34d66}.learn-maze.theme-2{--maze-wall:#e0a33c;--maze-line:#e0a33c66}.learn-maze.theme-3{--maze-wall:#5ab0e8;--maze-line:#5ab0e866}.learn-maze.theme-4{--maze-wall:#8b5a2b;--maze-line:#8b5a2b66}.learn-maze.theme-5{--maze-wall:#4b3fa8;--maze-line:#4b3fa866}.learn-card-badge{background:#ffffff47;border-radius:999px;margin-top:6px;padding:3px 10px;font-size:14px;font-weight:800;display:inline-block}.learn-summary-button{color:var(--ink);background:#ffffffd9;border-radius:999px;align-self:center;margin-top:-4px;padding:8px 16px;font-size:15px;font-weight:800;box-shadow:0 3px #4a3b2a1f}.learn-summary{min-height:100svh;padding:max(16px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom));box-sizing:border-box;background:linear-gradient(#ffb347,#ff9f43 40%,#ffd98a);flex-direction:column;gap:14px;display:flex}.learn-summary>header{color:#fff;justify-content:space-between;align-items:flex-end;display:flex}.learn-summary>header small{letter-spacing:.06em;opacity:.9;font-size:16px;font-weight:800;display:block}.learn-summary>header strong{text-shadow:0 2px #0000001f;font-size:34px;line-height:1.1}.learn-summary-mascot{font-size:64px}.learn-summary-card{background:#fffdf6;border-radius:22px;flex-direction:column;gap:8px;padding:16px 18px;display:flex;box-shadow:0 6px #4a3b2a1f}.learn-summary-card h2{margin:0 0 2px;font-size:18px}.learn-summary-card p{color:var(--ink-soft);margin:0;font-size:14px;font-weight:700}.learn-summary-card.hero{text-align:center;align-items:center;padding-top:22px}.learn-summary-card.hero h1{color:#e8801a;margin:6px 0 0;font-size:22px}.learn-summary-stars{gap:10px;font-size:44px;display:flex}.learn-summary-stars span{opacity:.25;filter:grayscale()}.learn-summary-stars span.lit{opacity:1;filter:none;animation:.8s learn-cheer}.learn-summary-stars span:nth-child(2){transform:translateY(-10px)scale(1.2)}.learn-summary-stats{background:#fff6dc;border-radius:16px;grid-template-columns:repeat(4,1fr);width:100%;margin-top:10px;padding:12px 6px;display:grid}.learn-summary-stats div{flex-direction:column;align-items:center;gap:2px;display:flex}.learn-summary-stats div+div{border-left:1px solid #f1e3c0}.learn-summary-stats strong{color:#e8801a;font-size:26px}.learn-summary-stats strong em{color:var(--ink-soft);font-size:16px;font-style:normal}.learn-summary-stats small{color:var(--ink-soft);font-weight:800}.learn-summary-line{text-align:left;color:var(--ink);background:#faf6ec;border-radius:14px;padding:10px 12px;font-size:18px;font-weight:800}.learn-summary-line.en{font-family:Fredoka,Nunito,sans-serif}.learn-summary-line small{color:var(--ink-soft);font-size:13px;font-weight:600;display:block}.learn-summary-chars{flex-wrap:wrap;gap:8px;display:flex}.learn-summary-chars button{width:46px;height:46px;color:var(--hanzi);background:#ffe0d3;border-radius:12px;font-size:24px;font-weight:800}.learn-moment{border-bottom:1px dashed #efe6d0;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 0;display:grid}.learn-moment:last-of-type{border-bottom:0}.learn-moment-say{font-size:22px}.learn-moment-text strong{font-size:17px;line-height:1.2;display:block}.learn-moment-text small{color:var(--ink-soft);font-size:12px}.learn-moment-mine{color:#2e7d32;white-space:nowrap;background:#e6f5ea;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800}.learn-moment-stars{white-space:nowrap;font-size:16px;display:flex}.learn-moment-stars i{opacity:.25;filter:grayscale();font-style:normal}.learn-moment-stars i.lit{opacity:1;filter:none}@media (max-width:520px){.learn-moment{grid-template-columns:auto minmax(0,1fr) auto}.learn-moment-stars{grid-column:2;justify-self:start}}.learn-log-voice{flex-direction:column;gap:6px;display:flex}.learn-log-voice>small{color:var(--ink-soft);font-weight:800}.learn-log-voice button{text-align:left;color:var(--ink);background:#e6f5ea;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.learn-log-voice button span{color:#2e7d32;font-size:16px}.learn-log-voice button strong{font-size:15px}.learn-log-voice button em{white-space:nowrap;font-size:13px;font-style:normal}.learn-repeat-mic small{width:100%;color:var(--ink-soft);margin-top:2px;font-size:12px;font-weight:700;display:block}.learn-repeat-mic:active{transform:scale(.97)}.learn-simon{gap:14px}.learn-simon-face{font-size:96px;line-height:1}.learn-simon-list{flex-direction:column;gap:8px;width:min(100%,420px);margin:0;padding:0;list-style:none;display:flex}.learn-simon-list li button{text-align:left;width:100%;color:var(--ink);opacity:.45;background:#fff9;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:8px 14px;display:grid}.learn-simon-list li.heard button{opacity:1;background:#ffffffeb;animation:.5s learn-cheer;box-shadow:0 4px #4a3b2a1a}.learn-simon-list li button span{grid-row:span 2;font-size:34px}.learn-simon-list li button strong{font-size:18px}.learn-simon-list li button small{color:var(--ink-soft)}.learn-feed{gap:12px;position:relative}.learn-feed-friend{background:#ffffffb3;border-radius:30px;flex-direction:column;align-items:center;padding:10px 22px 6px;transition:transform .2s;display:flex;position:relative}.learn-feed-friend.ready{box-shadow:0 0 0 4px #ffd166}.learn-feed-friend.fed{transform:scale(1.06)}.learn-feed-face{font-size:90px;line-height:1}.learn-feed-mouth{margin-top:-6px;font-size:30px}.learn-dialogue-bubble.static{text-align:center;background:#fffdf6;border-radius:18px;flex-direction:column;align-items:center;padding:10px 16px;display:flex;box-shadow:0 4px #4a3b2a1a}.learn-dialogue-bubble.static strong{font-size:19px}.learn-dialogue-bubble.static small{color:var(--ink-soft)}.learn-feed-foods{touch-action:none;gap:14px;display:flex}.learn-feed-food{touch-action:none;-webkit-user-select:none;user-select:none;background:#fffdf6;border-radius:20px;flex-direction:column;align-items:center;gap:2px;width:92px;padding:10px 6px;display:flex;box-shadow:0 5px #4a3b2a1f}.learn-feed-food span{font-size:42px;line-height:1}.learn-feed-food small{color:var(--ink-soft);font-size:13px;font-weight:800}.learn-feed-food.held{box-shadow:0 0 0 4px #ffd166,0 5px #4a3b2a1f}.learn-feed-food.wrong{opacity:.35}.learn-feed-ghost{z-index:50;pointer-events:none;filter:drop-shadow(0 6px 6px #0003);font-size:48px;line-height:1;position:fixed;transform:translate(-50%,-60%)}.learn-call{gap:10px}.learn-phone{color:#fff;background:#1f2a44;border-radius:30px;flex-direction:column;align-items:center;gap:14px;width:min(100%,420px);padding:18px 16px 20px;display:flex;box-shadow:0 8px #0003}.learn-phone .learn-dialogue-bubble,.learn-phone .learn-line{color:var(--ink)}.learn-phone-top{flex-direction:column;align-items:center;gap:2px;display:flex}.learn-phone-top span{font-size:56px;line-height:1}.learn-phone-top strong{font-size:20px}.learn-phone-top small{opacity:.7}.learn-phone.ring .learn-phone-top span{animation:1s infinite learn-cheer}.learn-phone-answer{color:#fff;background:#2ecc71;border-radius:999px;padding:14px 28px;font-size:22px;font-weight:800;box-shadow:0 5px #00000040}.learn-phone .learn-repeat{color:var(--ink)}.learn-phone .learn-hint,.learn-phone .learn-heard{color:#fffc}.learn-friends{justify-content:center;gap:10px;margin-top:-6px;display:flex}.learn-friends button{opacity:.55;background:#ffffffb3;border-radius:50%;place-items:center;width:52px;height:52px;font-size:30px;line-height:1;transition:transform .15s,opacity .15s;display:grid}.learn-friends button.active{opacity:1;background:#fff;transform:scale(1.15);box-shadow:0 0 0 3px #ffd166,0 4px #4a3b2a1f}.learn-sticker-toast{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:45;min-width:min(92vw,360px);color:var(--ink);text-align:left;background:#fffdf6;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;column-gap:12px;padding:10px 18px;animation:.5s learn-cheer;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #4a3b2a38}.learn-sticker-toast span{grid-row:span 2;font-size:40px;line-height:1}.learn-sticker-toast strong{font-size:20px}.learn-sticker-toast small{color:var(--ink-soft);font-size:15px;font-weight:700}.learn-sticker-toast em{grid-row:span 2;font-size:22px;font-style:normal}.learn-summary-missed{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.learn-summary-missed small{color:var(--hanzi);font-weight:800}.learn-summary-missed button{color:var(--ink);background:#ffe0d3;border-radius:999px;padding:4px 10px;font-size:14px;font-weight:800}.learn-log-report{color:var(--ink);background:#ffd166;border-radius:999px;align-self:flex-start;padding:8px 14px;font-size:14px;font-weight:800;box-shadow:0 3px #4a3b2a1f}.learn-mic{background:#fffdf6;border-radius:50%;place-items:center;width:108px;height:108px;transition:transform .15s,opacity .2s;display:grid;position:relative;box-shadow:0 6px #4a3b2a24}.learn-mic span{font-size:48px;line-height:1}.learn-mic svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.learn-mic circle{fill:none;stroke-width:7px;stroke-linecap:round}.learn-mic circle.track{stroke:#efe6d0}.learn-mic circle.left{stroke:#ffd166;stroke-dasharray:283;transition:stroke-dashoffset .1s linear}.learn-mic.wait{opacity:.45;transform:scale(.9)}.learn-mic.wait circle.left{stroke-dashoffset:283px!important}.learn-mic.listen{animation:1.2s infinite learn-mic-pulse}.learn-mic.listen:active{transform:scale(.95)}.learn-dress{vertical-align:-.08em;width:1.2em;height:1em;display:inline-block;position:relative}.learn-dress>svg{vertical-align:0;display:block}.learn-outfit{pointer-events:none;filter:drop-shadow(0 1px 1px #0003);font-style:normal;line-height:1;position:absolute}.learn-advice{flex-direction:column;gap:6px;margin:0;padding-left:1.2em;line-height:1.5;display:flex}.learn-maze-sum div{flex-direction:column;align-items:center;gap:12px;display:flex}.learn-maze-sum p{color:var(--ink-soft);margin:0;font-weight:800}.learn-maze-sum strong{color:var(--math);font-size:44px}.learn-maze-sum-text{max-width:420px;font:inherit;color:var(--math);text-align:center;cursor:pointer;background:0 0;border:0;padding:0;font-size:24px;font-weight:800;line-height:1.5}.learn-home-room{grid-template-columns:repeat(3,1fr);gap:12px;width:min(100%,440px);display:grid}.learn-home-thing{background:#fffdf6;border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;display:flex;box-shadow:0 5px #4a3b2a1f}.learn-home-thing span{font-size:44px;line-height:1}.learn-home-thing strong{color:var(--hanzi);font-size:26px}.learn-home-thing.wrong{opacity:.35}.learn-home-thing.right{box-shadow:0 0 0 4px var(--good);background:#e6f5ea}.learn-sticker-tabs{justify-content:center;gap:8px;display:flex}.learn-sticker-tabs button{color:var(--ink-soft);background:#ffffffb3;border-radius:999px;padding:8px 16px;font-weight:800}.learn-sticker-tabs button.active{color:var(--ink);background:#ffd166}.learn-board-wrap{flex-direction:column;align-items:center;gap:10px;width:min(100%,600px);margin:0 auto;display:flex}.learn-board{aspect-ratio:4/3;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:22px;width:100%;position:relative;overflow:hidden;box-shadow:0 6px #4a3b2a1f}.learn-board.awaiting{box-shadow:0 0 0 4px #ffd166,0 6px #4a3b2a1f}.learn-board-scene{width:100%;height:100%;position:absolute;inset:0}.learn-board-sticker{touch-action:none;-webkit-touch-callout:none;background:#fff;border-radius:24%;place-items:center;padding:4px;font-size:clamp(32px,9vw,48px);line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #4a3b2a52,0 6px 10px #0000004d}.learn-board-sticker .learn-pic img{border-radius:20%}.learn-board-sticker.picked{transform:translate(-50%,-50%)scale(1.25);box-shadow:0 0 0 4px #ffd166,0 6px 12px #00000059}.learn-board-tray{scrollbar-width:none;gap:8px;width:100%;padding:6px 4px;display:flex;overflow-x:auto}.learn-board-tray::-webkit-scrollbar{display:none}.learn-board-tray-item{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:16px;flex:none;width:56px;height:56px;font-size:32px;line-height:1;box-shadow:0 0 0 2px #4a3b2a2e,0 4px #4a3b2a1f}.learn-board-tray-item.empty{background:#ffffff59;display:block;box-shadow:inset 0 0 0 2px #4a3b2a2e}.learn-board-tray-item.empty.open{background:#ffd1662e;box-shadow:inset 0 0 0 2px #ffd166}.learn-board-tray-item.picked{transform:scale(1.1);box-shadow:0 0 0 4px #ffd166,0 4px #4a3b2a1f}@media (min-width:720px){.learn-board-tray{flex-wrap:wrap;justify-content:center;overflow:visible}}.learn-flashcards-box{margin-bottom:12px}.learn-flashcards-box>summary{cursor:pointer;font-weight:800}.learn-flashcards{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin:10px 0;display:grid}.learn-flashcard{background:#fff;border:2px dashed #e6dcc4;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:18px 8px;display:flex}.learn-flashcard strong{color:var(--ink);font-size:64px;line-height:1}.learn-flashcard small{color:var(--ink-soft);font-weight:700}@media print{body *{visibility:hidden}.learn-flashcards,.learn-flashcards *{visibility:visible}.learn-flashcards{grid-template-columns:repeat(2,1fr);gap:24px;padding:24px;position:absolute;inset:0}.learn-flashcard{page-break-inside:avoid;border:2px dashed #999;padding:40px 8px}.learn-flashcard strong{font-size:140px}}.learn-board-weeks{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.learn-board-weeks>div{flex-direction:column;align-items:center;display:flex}.learn-board-weeks strong{font-size:17px}.learn-board-weeks small{color:var(--ink-soft);font-weight:700}.learn-board-weeks>button{width:44px;height:44px;color:var(--ink);background:#ffffffd9;border-radius:50%;font-size:26px;font-weight:800;box-shadow:0 3px #4a3b2a1f}.learn-board-weeks>button:disabled{opacity:.3}.learn-board-tray.dim{opacity:.4}.learn-board-tray.drop{background:#ffffff80;border-radius:16px;min-height:68px;box-shadow:inset 0 0 0 3px #ffd166}.learn-card.story{background:url(/art/hanzi-scene.svg) 100% 100%/auto 100% no-repeat,linear-gradient(135deg,#a55eea,#d0a2ff)}.learn-card.story .learn-bouncy span{color:#8e44ad}.learn-card-story-art{filter:drop-shadow(0 4px 4px #00000026);font-size:72px;line-height:1}.learn-story{min-height:100svh;padding:max(16px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom));box-sizing:border-box;background:radial-gradient(circle at 20% 0,#f5ecff,#e9d8ff);flex-direction:column;gap:14px;display:flex}.learn-story>header{align-items:center;gap:14px;display:flex}.learn-story>header h1{margin:0;font-size:24px}.learn-story-lead{color:var(--ink-soft);margin:0;font-weight:700;line-height:1.5}.learn-story-shelf{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.learn-story-card{text-align:center;background:#fffdf6;border-radius:22px;flex-direction:column;align-items:center;gap:4px;padding:16px 10px;display:flex;box-shadow:0 6px #4a3b2a1f}.learn-story-card span{font-size:52px;line-height:1}.learn-story-card strong{color:var(--ink);font-size:18px}.learn-story-card small{color:var(--ink-soft);font-weight:600;line-height:1.3}.learn-story-new{background:#ffffffb3;border-radius:22px;padding:16px 18px}.learn-story-new h2{margin:0 0 6px;font-size:20px}.learn-story-new.off{opacity:.7}.learn-story-themes{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.learn-story-themes button{color:var(--ink);background:#fffdf6;border-radius:999px;padding:8px 14px;font-weight:800;box-shadow:0 3px #4a3b2a1f}.learn-story-themes button.any{background:#ffd166}.learn-story-page{flex-direction:column;flex:1;align-items:center;gap:14px;display:flex}.learn-story-scene{aspect-ratio:5/4;background:#fffdf6;border-radius:26px;place-items:center;width:min(100%,420px);display:grid;position:relative;overflow:hidden;box-shadow:0 6px #4a3b2a1f}.learn-story-scene img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.learn-story-scene.pictured img{opacity:1}.learn-story-scene.pictured .learn-story-teller{background:#fffdf6e6;border-radius:50%;padding:4px 6px;bottom:6px;right:8px}.learn-story-emoji{font-size:clamp(88px,28vw,140px);line-height:1;animation:.6s learn-cheer}.learn-story-teller{font-size:44px;line-height:1;position:absolute;bottom:10px;right:14px}.learn-story-text{text-align:left;width:min(100%,420px);color:var(--ink);background:#fffdf6;border-radius:20px;padding:14px 18px;box-shadow:0 6px #4a3b2a1f}.learn-story-text p{margin:0;font-size:22px;font-weight:700;line-height:1.55}.learn-story-text p.ask{color:#8e44ad;margin-top:8px}.learn-story-text small{color:var(--ink-soft);margin-top:6px;font-weight:700;display:block}.learn-story-choices{opacity:.55;grid-template-columns:repeat(2,1fr);gap:12px;width:min(100%,420px);transition:opacity .3s;display:grid}.learn-story-choices.ready{opacity:1}.learn-story-choices button{color:var(--ink);background:#fffdf6;border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;display:flex;box-shadow:0 5px #4a3b2a1f}.learn-story-choices button span{font-size:40px;line-height:1}.learn-story-choices button strong{font-size:18px}.learn-story-choices button:disabled{opacity:.5}.learn-story-choices button small{color:var(--ink-soft);font-size:14px}.learn-story-choices button.selected{background:#fff8dd;transform:scale(1.04);box-shadow:0 0 0 5px #ffd166,0 5px #4a3b2a1f}.learn-story-choices button .learn-pic{font-size:40px}.learn-story-end{color:#8e44ad;margin:0;font-size:28px;font-weight:800}.learn-story-say{align-items:center;gap:12px;display:flex}.learn-mic.small{width:72px;height:72px}.learn-mic.small span{font-size:30px}.learn-mic.small circle{stroke-width:6px}.learn-story-say small{color:var(--ink-soft);font-weight:700}.learn-story-error{color:var(--hanzi);flex-direction:column;align-items:center;gap:8px;font-weight:700;display:flex}.learn-story-check{background:#ffffffb3;border-radius:20px;flex-direction:column;align-items:center;gap:10px;width:min(100%,420px);padding:12px 14px;display:flex}.learn-story-check>p{color:#8e44ad;margin:0;font-size:19px;font-weight:800}.learn-story-check-options{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.learn-story-check-options button{color:var(--ink);background:#fffdf6;border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;display:flex;box-shadow:0 5px #4a3b2a1f}.learn-story-check-options button span{font-size:40px;line-height:1}.learn-story-check-options button small{color:var(--ink-soft);font-weight:800}.learn-story-check-options button.wrong{opacity:.3}.learn-story-check-options button.reveal{animation:.9s ease-in-out infinite learn-wiggle;box-shadow:0 0 0 6px #ffd166,0 5px #4a3b2a1f}.learn-story-why{background:#ffffffb3;border-radius:20px;flex-direction:column;align-items:center;gap:10px;width:min(100%,420px);padding:14px;display:flex}.learn-story-why>p{color:#8e44ad;margin:0;font-size:19px;font-weight:800}.learn-story-why>p.said{color:var(--ink);font-weight:700}.learn-story-recap{justify-content:center;gap:12px;width:min(100%,420px);display:flex}.learn-story-recap button{background:#fffdf6;border-radius:22px;place-items:center;width:96px;height:96px;display:grid;position:relative;overflow:hidden;box-shadow:0 6px #4a3b2a1f}.learn-story-recap button img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.learn-story-recap button.placed img{opacity:.85}.learn-story-recap button span{font-size:52px;line-height:1}.learn-story-recap button.placed{box-shadow:0 0 0 4px var(--good);background:#e6f5ea}.learn-story-recap button.shake{animation:.4s learn-shake}.learn-story-recap button b{background:var(--good);color:#fff;border-radius:50%;width:28px;height:28px;font-size:16px;line-height:28px;position:absolute;top:-8px;left:-8px}.learn-story-shelf-group{gap:8px;width:100%;display:grid}.learn-story-shelf-group h2{color:var(--ink-soft,#7a6a55);margin:6px 0 0;font-size:18px}.learn-pic{vertical-align:middle;flex:none;place-items:center;width:1.15em;height:1.15em;line-height:1;display:inline-grid;position:relative}.learn-pic img{object-fit:cover;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:14%;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.learn-pic.ready img{opacity:1}.learn-pic.object img{object-fit:contain;mix-blend-mode:multiply;border-radius:0}.learn-pic.plain{width:auto;height:auto;display:inline-block}.learn-pic-fallback{font-size:.85em;line-height:1}.learn-pics{justify-content:center;align-items:center;gap:.04em;display:inline-flex}.learn-pics .learn-pic{width:1em;height:1em}.learn-pics[data-count="2"]{font-size:.75em}.learn-pics[data-count="3"],.learn-pics[data-count="4"]{font-size:.5em}.learn-pics[data-count="5"],.learn-pics[data-count="6"]{font-size:.4em}.learn-option.picture.multi .learn-pics{grid-template-columns:repeat(3,1fr);justify-items:center;gap:3px;width:114px;font-size:34px;display:grid}.learn-option.picture.multi .learn-pics[data-count="3"]{grid-template-columns:repeat(3,1fr)}.learn-option.picture.multi .learn-pics[data-count="4"]{grid-template-columns:repeat(2,1fr);width:80px}.learn-clue-emoji.learn-pic{width:1.5em;height:1.5em}.learn-intro-emoji.learn-pic{width:1.3em;height:1.3em}.learn-sort-box i .learn-pic{width:1em;height:1em}.learn-story>header,.learn-story-lead,.learn-story-shelf-group,.learn-story-new,.learn-story-error{box-sizing:border-box;width:min(100%,760px);margin-left:auto;margin-right:auto}@media (min-width:700px){.learn-story-scene,.learn-story-text,.learn-story-choices,.learn-story-check,.learn-story-why,.learn-story-recap{width:min(100%,560px)}.learn-story-text p{font-size:26px}.learn-story-choices button{font-size:22px}.learn-story-recap button{width:128px;height:128px}.learn-story>header h1{font-size:30px}}.learn-story-step{color:#8e44ad;background:#ffffffb3;border-radius:999px;margin-left:auto;padding:4px 12px;font-weight:800}.learn-story-lesson{width:min(100%,560px);color:var(--ink);text-align:center;background:#fff3c4;border-radius:18px;margin:0;padding:12px 16px;font-size:20px;font-weight:800}.learn-review-banner{color:var(--ink);background:#fff3c4;border-radius:999px;margin:0;padding:6px 14px;font-size:16px;font-weight:800}.learn-review-mark{font-size:72px;line-height:1}.learn-story-shelf-group h2 small{margin-left:6px;font-size:14px;font-weight:700}.learn-story-groups{flex-wrap:wrap;gap:8px;display:flex}.learn-story-groups button{color:var(--ink);background:#ffffffb3;border-radius:999px;padding:8px 14px;font-weight:800}.learn-story-groups button.active{background:#ffd166}.learn-story-shelf.small{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:10px}.learn-story-shelf.small .learn-story-card{padding:12px 8px}.learn-story-shelf.small .learn-story-card span{font-size:40px}.learn-story-shelf.small .learn-story-card strong{font-size:16px}.learn-story-shelf.small .learn-story-card small{font-size:12px}.learn-story-said{gap:6px;margin:6px 0 10px;padding:0;list-style:none;display:grid}.learn-story-said li{background:#ffffffb3;border-radius:14px;gap:2px;padding:8px 12px;display:grid}.learn-story-said small{color:var(--muted,#8a7a66);font-size:12px}.learn-story-said span{font-size:15px;line-height:1.4}.learn-glance{background:#fffdf6;border-radius:24px;gap:8px;padding:14px;display:grid;position:relative;box-shadow:0 6px #4a3b2a1f}.learn-glance.dice{grid-template-rows:repeat(3,44px);grid-template-columns:repeat(3,44px)}.learn-glance.frame{grid-template-rows:repeat(2,48px);grid-template-columns:repeat(5,48px);gap:6px}.learn-glance i{border-radius:50%;display:block}.learn-glance.frame i{border:3px solid var(--math-soft);box-sizing:border-box;border-radius:12px}.learn-glance i.dot{background:var(--math)}.learn-glance.frame i.dot{background:radial-gradient(circle, var(--math) 0 58%, transparent 60%)}.learn-glance.covered{background:var(--math-soft)}.learn-glance.covered i{border-color:#0000}.learn-glance-lid{place-items:center;font-size:64px;display:grid;position:absolute;inset:0}.learn-diff{font-size:clamp(16px, calc((min(100vw, 560px) - 110px) / var(--n)), 40px);box-sizing:border-box;background:#ffffffbf;border-radius:22px;gap:10px;max-width:100%;padding:12px;line-height:1;display:grid;overflow:hidden}.learn-diff .row{grid-template-columns:repeat(var(--n), minmax(0, 1fr));place-items:center;gap:4px;display:grid}.learn-diff .row>span{place-items:center;width:1em;height:1em;display:grid;overflow:hidden}.learn-diff .row>span .learn-pic{width:1em;height:1em}.learn-diff .row>span .learn-pic img{transform:scale(1.35)}.learn-diff.loose .row{flex-wrap:wrap;justify-content:flex-start;gap:4px;display:flex}.learn-diff.loose .row+.row{justify-content:center;gap:16px}.learn-diff .gap{font-size:inherit;border:3px dashed var(--math);box-sizing:border-box;cursor:pointer;background:#fff9;border-radius:12px;width:1em;height:1em;padding:0;position:relative}.learn-diff .gap.counted{background:#ffd16699}.learn-diff .gap.counted:after{content:attr(data-number);color:var(--math);place-items:center;font-size:.55em;font-weight:800;display:grid;position:absolute;inset:0}.learn-story.house>header{width:min(100%,1040px)}.learn-story-house{box-sizing:border-box;grid-template-columns:150px minmax(0,1fr);align-items:start;gap:18px;width:min(100%,1040px);margin:0 auto;display:grid}.learn-story-rail{gap:10px;display:grid;position:sticky;top:12px}.learn-story-rail button{color:var(--ink);text-align:left;background:#fff9;border-radius:20px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:12px;transition:transform .1s;display:grid;box-shadow:0 4px #4a3b2a14}.learn-story-rail button span{grid-row:1/3;font-size:34px;line-height:1}.learn-story-rail button strong{font-size:18px;line-height:1.2}.learn-story-rail button small{color:var(--ink-soft);font-size:13px;font-weight:700}.learn-story-rail button.active{background:#fffdf6;box-shadow:0 0 0 3px #a55eea,0 6px #4a3b2a1f}.learn-story-rail button.new{background:#ffd1668c}.learn-story-rail button.new.active{background:#ffd166}.learn-story-rail button:active{transform:translateY(2px)}.learn-story-panel{gap:10px;min-width:0;display:grid}.learn-story-panel h2{color:var(--ink);margin:0;font-size:24px}.learn-story-panel h2 small{color:var(--ink-soft);margin-left:6px;font-size:15px;font-weight:700}.learn-story-panel.off{opacity:.7}.learn-story-panel .learn-story-lead{font-size:15px}.learn-story-panel .learn-story-shelf{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.learn-story-card{padding:0 0 12px;overflow:hidden}.learn-story-card .cover{aspect-ratio:5/4;background:linear-gradient(160deg,#f5ecff,#ffe9c9);place-items:center;width:100%;font-size:56px;line-height:1;display:grid;position:relative}.learn-story-card .cover img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.learn-story-card .cover.pictured img{opacity:1}.learn-story-card .cover i{font-style:normal}.learn-story-card strong,.learn-story-card small{padding:0 10px}.learn-story-card strong{margin-top:6px}.learn-story-card small{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.learn-story-card.theme .cover{aspect-ratio:3/2}.learn-story-card.theme.any .cover{background:linear-gradient(160deg,#ffe08a,#ffd166)}@media (max-width:699px){.learn-story-house{grid-template-columns:minmax(0,1fr);gap:12px}.learn-story-rail{z-index:5;-webkit-backdrop-filter:blur(8px);background:#f0e4ffeb;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0 -18px;padding:8px 12px;top:0;box-shadow:0 4px 10px #4a3b2a14}.learn-story-rail button{text-align:center;box-shadow:none;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:1fr;justify-items:center;padding:6px 2px}.learn-story-rail button.active{box-shadow:0 0 0 3px #a55eea}.learn-story-rail button span{grid-row:auto;font-size:24px}.learn-story-rail button strong{white-space:nowrap;font-size:12px}.learn-story-rail button small{display:none}.learn-story-panel h2{font-size:20px}.learn-story-panel .learn-story-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.learn-story-card .cover{font-size:44px}}.learn-root,.learn-root *{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.learn-root :not(input):not(textarea):not(select){-webkit-user-select:none;user-select:none}.learn-root .learn-parent :not(button):not(summary){-webkit-user-select:text;user-select:text}.learn-root .learn-parent ::selection{background:#b5d7ff}.learn-root :focus:not(:focus-visible){outline:none}.learn-root ::selection{background:0 0}.learn-root input::selection,.learn-root textarea::selection{background:#b5d7ff}.learn-root img{-webkit-user-drag:none}.learn-pic.own img{opacity:1;object-fit:contain;border-radius:0}.learn-card.school{background:url(/art/english-scene.svg) 100% 100%/auto 100% no-repeat,linear-gradient(135deg,#2f9bea,#6cc8ff)}.learn-card.school .learn-bouncy span{color:#2277c4}.learn-school{min-height:100svh;padding:max(16px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom));box-sizing:border-box;background:radial-gradient(circle at 20% 0,#f1f9ff,#d3ecff);flex-direction:column;align-items:center;gap:16px;display:flex}.learn-school.night{color:#fff7dc;background:radial-gradient(circle at 70% 0,#3d4a8f,#1d2452 70%)}.learn-school.night .learn-hint,.learn-school.night .learn-school-count,.learn-school.night .learn-school-name{color:#cfd6ff}.learn-school>header{align-items:center;gap:14px;width:min(100%,720px);display:flex}.learn-school>header h1{flex:1;margin:0;font-size:24px}.learn-school-hero{align-items:center;gap:14px;width:min(100%,720px);display:flex}.learn-school-hero .face{flex:none;font-size:64px;line-height:1}.learn-school-hero .bubble{background:#fffdf6;border-radius:22px;flex-direction:column;gap:4px;min-width:0;padding:12px 18px;display:flex;box-shadow:0 5px #4a3b2a1a}.learn-school-hero strong{color:#2277c4;font-size:22px}.learn-school-hero .week{align-items:center;gap:6px;display:flex}.learn-school-hero .week.many{margin:-2px -8px 2px}.learn-school-hero .name{text-align:left;align-items:center;gap:6px;min-width:0;padding:0;display:flex}.learn-school-hero .week.many .name{background:#eaf5ff;border-radius:999px;flex:1;justify-content:center;padding:6px 12px}.learn-school-hero .name i{color:#2277c4;opacity:.7;font-size:14px;font-style:normal}.learn-school-hero .turn{color:#fff;background:#2f9bea;border-radius:50%;flex:none;width:44px;height:44px;padding-bottom:4px;font-size:28px;font-weight:800;line-height:1;box-shadow:0 4px #1f7cc4}.learn-school-hero .turn:active{transform:translateY(3px);box-shadow:0 1px #1f7cc4}.learn-school-hero .turn:disabled{box-shadow:none;color:#b5c6d6;background:#e3edf6}.learn-school-chooser>div{align-items:stretch;gap:12px;width:min(92vw,440px);max-height:82svh;padding:22px 18px}.learn-school-chooser p{text-align:center;font-size:22px}.learn-school-chooser .months{flex-direction:column;gap:12px;padding:2px;display:flex;overflow-y:auto}.learn-school-chooser h3{color:var(--ink-soft);margin:0 0 6px 6px;font-size:14px}.learn-school-chooser section{flex-direction:column;gap:8px;display:flex}.learn-school-chooser section button{color:var(--ink);text-align:left;background:#f3f8fd;border-radius:18px;align-items:center;gap:10px;padding:12px 16px;display:flex}.learn-school-chooser section button.now{background:#eaf5ff;box-shadow:0 0 0 3px #2f9bea}.learn-school-chooser section strong{color:#2277c4;flex:none;font-size:18px}.learn-school-chooser section span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:700;overflow:hidden}.learn-school-chooser section em{color:var(--ink-soft);flex:none;font-size:14px;font-style:normal;font-weight:800}.learn-school-hero em{color:var(--ink);font-size:16px;font-style:normal;font-weight:800}.learn-school-hero small{color:var(--ink-soft);font-size:16px;font-weight:700}.learn-school-days{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;width:min(100%,720px);margin:0;padding:0;list-style:none;display:grid}.learn-school-days button{width:100%;color:var(--ink);background:#fffdf6;border-radius:26px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px 16px;transition:transform .1s;display:flex;position:relative;box-shadow:0 7px #4a3b2a1f}.learn-school-days button:active{transform:translateY(4px)}.learn-school-days small{letter-spacing:.04em;color:#2277c4;align-self:flex-start;padding-left:8px;font-size:14px;font-weight:800}.learn-school-days .art{font-size:56px;line-height:1.1}.learn-school-days strong{font-size:19px}.learn-school-days .stars{gap:2px;font-size:20px;display:flex}.learn-school-days .stars i{opacity:.25;font-style:normal}.learn-school-days .stars i.lit{opacity:1}.learn-school-days .dots{align-items:center;gap:6px;height:24px;display:flex}.learn-school-days .dots i{background:#e6dcc4;border-radius:50%;width:12px;height:12px}.learn-school-days .dots i.lit{background:var(--good)}.learn-school-days em{background:#ffd166;border-radius:999px;padding:3px 9px;font-size:12px;font-style:normal;font-weight:800;position:absolute;top:10px;right:10px}.learn-school-days em.today{color:#fff;background:#ff8c42}.learn-school-days button.done{background:#eefaf0}.learn-school-days button.today{animation:1.8s ease-in-out infinite learn-school-nudge;box-shadow:0 0 0 5px #ffd166,0 7px #4a3b2a1f}@keyframes learn-school-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.learn-school-shelf{width:min(100%,720px)}.learn-school-shelf h2{margin:6px 0 10px;font-size:19px}.learn-school-shelf>div{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.learn-school-shelf button{color:var(--ink);background:#ffffffd9;border-radius:22px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;display:flex;box-shadow:0 5px #4a3b2a1a}.learn-school-shelf button>span{font-size:48px;line-height:1.1}.learn-school-shelf button img{object-fit:cover;border-radius:12px;width:96px;height:78px}.learn-school-shelf strong{font-size:16px}.learn-school-shelf small{color:var(--ink-soft);font-size:13px;font-weight:700}.learn-school-path{flex:1;justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.learn-school-path li{filter:grayscale(.9);opacity:.6;background:#ffffff8c;border-radius:50%;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.learn-school-path li.past{filter:none;opacity:1;background:#cdeed5}.learn-school-path li.now{filter:none;opacity:1;background:#fffdf6;transform:scale(1.12);box-shadow:0 0 0 4px #ffd166}.learn-school-name{text-align:right;min-width:48px;color:var(--ink-soft);flex:none;font-size:14px;font-weight:800}.learn-school-step{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;width:min(100%,640px);display:flex}.learn-school-count{color:var(--ink-soft);margin:0;font-size:16px;font-weight:800}.learn-school-mini{vertical-align:middle;font-size:28px}.learn-school-says{max-width:100%;color:var(--ink);align-items:center;gap:12px;display:flex}.learn-school-says .face{flex:none;font-size:60px;line-height:1}.learn-school-says .bubble{text-align:left;background:#fffdf6;border-radius:22px;flex-direction:column;gap:2px;padding:12px 18px;display:flex;box-shadow:0 5px #4a3b2a1a}.learn-school-says strong{color:#2277c4;font-size:26px}.learn-school-says small{color:var(--ink-soft);font-size:15px}.learn-school-says .again{font-size:26px}.learn-school-letters{gap:22px;display:flex}.learn-school-letters p{width:150px;box-shadow:var(--shadow);color:#2277c4;background:#fffdf6;border-radius:30px;flex-direction:column;align-items:center;margin:0;padding:8px 0 14px;animation:.4s learn-pop;display:flex}.learn-school-letters strong{font-size:120px;line-height:1.1;font-family:var(--font-sans)}.learn-school-letters small{color:var(--ink-soft);font-size:18px;font-weight:800}.learn-school-title{color:#2277c44d;gap:18px;margin:0;font-size:44px;line-height:1;display:flex}.learn-school-title b.now{color:#2277c4}.learn-school-trace{aspect-ratio:200/240;width:min(78vw,360px,52svh);box-shadow:var(--shadow);touch-action:none;background:#fffdf6;border-radius:30px}.learn-school-trace polyline{fill:none;stroke-linecap:round;stroke-linejoin:round}.learn-school-trace .rule{stroke:#cfe3f5;stroke-width:1.5px}.learn-school-trace .rule.mid{stroke-dasharray:6 6}.learn-school-trace .guide{stroke:#ece3cd;stroke-width:26px}.learn-school-trace .ink{stroke:#2f9bea;stroke-width:22px}.learn-school-trace .dots{stroke:#b9a98a;stroke-width:3px;stroke-dasharray:1 11}.learn-school-trace .start{fill:var(--good);transform-box:fill-box;transform-origin:50%;animation:1s ease-in-out infinite learn-school-beat}.learn-school-trace .next{fill:#ffd166;stroke:#fff;stroke-width:3px}.learn-school-trace .end{fill:#e57a5a}@keyframes learn-school-beat{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}.learn-school-drum{width:180px;height:180px;box-shadow:var(--shadow);background:#fffdf6;border-radius:50%;place-items:center;font-size:110px;animation:.5s learn-cheer;display:grid}.learn-school-chant{background:#fffc;border-radius:24px;flex-direction:column;align-items:center;gap:6px;margin:0;padding:14px 22px;list-style:none;display:flex}.learn-school-chant li{color:var(--ink-soft);border-radius:14px;padding:2px 12px;font-size:26px;font-weight:800;transition:background .15s,color .15s,transform .15s}.learn-school-chant li.lit{color:var(--ink);background:#ffd166;transform:scale(1.08)}.learn-school-chant li.lit.hers{background:#cdeed5;animation:1s ease-in-out infinite learn-school-beat}.learn-school-strip{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.learn-school-strip li{opacity:.45;background:#fff9;border-radius:16px;place-items:center;width:52px;height:52px;font-size:30px;display:grid}.learn-school-strip li.now{opacity:1;background:#fffdf6;box-shadow:0 0 0 4px #ffd166}.learn-school-strip li.past{opacity:1;background:#cdeed5}.learn-school-strip li.hidden{opacity:.5;font-size:24px}.learn-school-card{width:min(76vw,300px);box-shadow:var(--shadow);color:var(--ink);background:#fffdf6;border-radius:34px;flex-direction:column;align-items:center;gap:2px;padding:18px 12px 16px;animation:.4s learn-pop;display:flex}.learn-school-card .learn-pic{font-size:clamp(120px,34vw,170px)}.learn-school-card strong{color:#2277c4;font-size:40px}.learn-school-card small{color:var(--ink-soft);font-size:18px;font-weight:700}.learn-school-present{filter:drop-shadow(0 10px 8px #4a3b2a33);font-size:170px;line-height:1;animation:1.2s ease-in-out infinite learn-wiggle}.learn-school-present:active{transform:scale(.92)}.learn-school-player{width:min(100%,460px);box-shadow:var(--shadow);color:var(--ink);background:#fffdf6;border-radius:28px;align-items:center;gap:16px;padding:12px 18px;display:flex}.learn-school-player>div{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.learn-school-player strong{font-size:20px}.learn-school-disc{background:radial-gradient(circle,#fff 0 22%,#2f9bea 23% 100%);border-radius:50%;flex:none;place-items:center;width:96px;height:96px;display:grid;position:relative;box-shadow:0 5px #4a3b2a24}.learn-school-disc span{font-size:40px;line-height:1}.learn-school-disc.spin span{animation:4s linear infinite learn-act-spin}.learn-school-disc i{width:40px;height:40px;color:var(--ink);background:#ffd166;border-radius:50%;place-items:center;font-size:18px;font-style:normal;display:grid;position:absolute;bottom:-6px;right:-6px}.learn-school-disc.ready{animation:1.2s infinite learn-mic-pulse}.learn-school-bar{background:#e9e0c9;border-radius:6px;height:12px;display:block;overflow:hidden}.learn-school-bar i{background:#2f9bea;border-radius:6px;height:100%;transition:width .3s linear;display:block}.learn-school-dance{flex-wrap:wrap;justify-content:center;gap:14px;max-width:520px;display:flex}.learn-school-dance button{width:104px;color:var(--ink);background:#ffffffd9;border-radius:24px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 10px;font-size:56px;display:flex;box-shadow:0 5px #4a3b2a1a}.learn-school-dance small{border-radius:10px;padding:1px 8px;font-size:17px;font-weight:800;line-height:1.3}.learn-school-step.playing .learn-school-dance button{animation:.9s ease-in-out infinite learn-hop}.learn-school-dance button.hop{animation:.6s ease-out learn-act-spin!important}.learn-school-floor{aspect-ratio:10/9;background:linear-gradient(#fff6df 0 55%,#f1d9a8 55% 100%);border-radius:30px;width:min(100%,560px);position:relative;box-shadow:inset 0 0 0 4px #ffffffb3}.learn-school-toy{aspect-ratio:1;touch-action:none;z-index:1;filter:drop-shadow(0 5px 3px #4a3b2a38);place-items:center;width:16%;font-size:clamp(40px,11vw,70px);transition:transform .15s;display:grid;position:absolute}.learn-school-toy.held{z-index:3;transition:none}.learn-school-toy .learn-pic{width:100%;height:100%}.learn-school-box{box-sizing:border-box;background:repeating-linear-gradient(90deg,#0000001a 0 3px,#0000 3px 16px),repeating-linear-gradient(0deg,#d99a55 0 10px,#e9b06d 10px 20px);border:5px solid #a8692f;border-top-width:9px;border-radius:10px 10px 40px 40px;flex-direction:column;justify-content:flex-end;height:32%;padding:6px 8px;display:flex;position:absolute;bottom:4%;left:22%;right:22%}.learn-school-box:before{content:"";border:7px solid #a8692f;border-bottom:0;border-radius:999px 999px 0 0;height:52%;position:absolute;top:-46%;left:18%;right:18%}.learn-school-box .inside{flex-wrap:wrap;justify-content:center;gap:2px;font-size:clamp(22px,5.5vw,34px);display:flex}.learn-school-box .inside .learn-pic{animation:.4s learn-pop}.learn-school-box .label{text-align:center;color:#5b3712;text-shadow:0 1px #fff9;font-size:17px;font-weight:800}.learn-school-box.full{animation:.6s learn-cheer;box-shadow:0 0 0 6px #ffd166}.learn-school-book{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.learn-school-book .leaf{aspect-ratio:950/780;width:min(100%,560px,62svh);box-shadow:-6px 0 0 #e9dfc6, var(--shadow);perspective:1600px;touch-action:none;cursor:pointer;background:#fffdf6;border-radius:10px 26px 26px 10px;position:relative}.learn-school-book .leaf img{object-fit:cover;border-radius:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.learn-school-book .leaf img.over{transform-origin:0;box-shadow:12px 0 28px #4a3b2a4d}.learn-school-book .leaf img.over.settling{transition:transform .35s ease-out}.learn-school-book .curl{background:linear-gradient(135deg,#f2ead6 0%,#fff 30%,#d8cfb8 49%,#cfe6fb 50%);border-radius:14px 0 26px;width:64px;height:64px;transition:width .25s,height .25s;position:absolute;bottom:0;right:0;box-shadow:-5px -5px 12px #4a3b2a47}.learn-school-book .curl.ready{animation:1.3s ease-in-out infinite learn-school-curl}.learn-school-book .curl.back{opacity:.9;background:linear-gradient(225deg,#f2ead6 0%,#fff 30%,#d8cfb8 49%,#cfe6fb 50%);border-radius:0 12px 0 10px;width:44px;height:44px;left:0;right:auto;box-shadow:5px -5px 10px #4a3b2a38}@keyframes learn-school-curl{0%,to{width:64px;height:64px}50%{width:96px;height:96px}}.learn-school-book .line{color:var(--ink);word-spacing:.2em;background:#fffdf6;border-radius:22px;padding:10px 28px;font-size:clamp(28px,7vw,40px);font-weight:700;box-shadow:0 5px #4a3b2a1a}.learn-school-book .line.turning{visibility:hidden}.learn-school-moon{filter:drop-shadow(0 0 26px #ffe082cc);font-size:110px;line-height:1}.learn-school-moon .learn-pic.object img{mix-blend-mode:normal;border-radius:50%}.learn-school-family{gap:16px;display:flex}.learn-school-family button{background:#ffffffeb;border-radius:26px;flex-direction:column;align-items:center;gap:6px;width:108px;padding:12px 0;display:flex;box-shadow:0 6px #00000040}.learn-school-family .who{font-size:62px;line-height:1}.learn-school-family .plate{place-items:center;height:56px;font-size:44px;line-height:1;display:grid}.learn-school-family button.fed{background:#fff3c4}.learn-school-family button.fed .plate{animation:.4s learn-pop}.learn-school-line{flex-direction:column;align-items:center;margin:0;display:flex}.learn-school-line span{font-size:48px}.learn-school-line strong{font-size:30px}.learn-school-line small{opacity:.8;font-size:16px}.learn-school-pairs{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.learn-school-pairs button{aspect-ratio:1;width:min(27vw,140px);box-shadow:var(--shadow);background:linear-gradient(135deg,#2f9bea,#6cc8ff);border-radius:26px;place-items:center;font-size:clamp(52px,15vw,84px);transition:transform .2s;display:grid}.learn-school-pairs button>span:not(.learn-pic){opacity:.9;font-size:.6em}.learn-school-pairs button.up{background:#fffdf6;animation:.3s learn-pop}.learn-school-pairs button.found{box-shadow:0 0 0 5px var(--good), var(--shadow);background:#e3f7e8}.learn-school-done{background:radial-gradient(circle at 20% 0,#f1f9ff,#d3ecff)}@media (max-width:520px){.learn-school-letters p{width:130px}.learn-school-letters strong{font-size:100px}.learn-school-path{gap:6px}.learn-school-path li{width:36px;height:36px;font-size:18px}.learn-school-name{display:none}.learn-school-family button{width:96px}}.learn-finish-groups{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 6px;padding:0;list-style:none;display:flex}.learn-finish-groups li{color:var(--learn-muted,#7a6a58);background:#fff9;border-radius:999px;padding:6px 12px;font-size:16px}.learn-finish-groups li.counts{color:inherit;background:#fff;font-weight:600}.learn-finish-towards{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:4px 0 8px;display:flex}.learn-finish-towards span{background:#ffffff8c;border-radius:50%;place-items:center;width:52px;height:52px;font-size:30px;display:grid;box-shadow:inset 0 0 0 3px #ffd166cc}.learn-finish-towards span.done{background:#fff;animation:.9s ease-in-out 2 learn-wiggle}.learn-finish-towards small{text-align:center;color:var(--ink);flex-basis:100%;font-size:18px;font-weight:800}.learn-rest{z-index:100;padding:max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));text-align:center;background:radial-gradient(circle at 50% 30%,#fff9e8,#ffe4a8);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.learn-rest .learn-mascot{font-size:140px}.learn-rest h1{margin:0;font-size:40px}.learn-rest p{color:var(--ink-soft);max-width:520px;margin:0;font-size:22px}.learn-rest .learn-parent-gate{top:max(16px, env(safe-area-inset-top));position:absolute;right:20px}.learn-parent-inline{background:#fff;border-radius:999px;margin-left:8px;padding:4px 12px;font-weight:700;box-shadow:0 2px #4a3b2a1f}.learn-memory{flex-wrap:wrap;justify-content:center;gap:12px;max-width:680px;display:flex}.learn-memory>span{width:var(--row-tile);height:var(--row-tile);background:var(--card);font-size:var(--row-pic);border-radius:22px;place-items:center;line-height:1;display:grid;box-shadow:0 4px #4a3b2a1f}.learn-memory>span.lid{background:repeating-linear-gradient(45deg,#ffd166 0 10px,#ffe29a 10px 20px);box-shadow:0 4px #4a3b2a1f,inset 0 0 0 4px #fff}.learn-memory>span.gap{color:#c9a46a;background:0 0;font-size:40px;font-weight:800;box-shadow:inset 0 0 0 3px #e9d6ad}.learn-options.where{gap:12px}.learn-option.where{width:168px;height:168px;padding:0}.learn-where-scene{border-radius:inherit;width:100%;height:100%;display:block;position:relative;overflow:hidden}.learn-where-scene .thing,.learn-where-scene .who{line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.learn-where-scene .thing{z-index:2;font-size:78px}.learn-where-scene .who{z-index:3;font-size:46px}.learn-where-scene.top .thing{top:66%}.learn-where-scene.top .who{top:22%}.learn-where-scene.under .thing{top:34%}.learn-where-scene.under .who{top:80%}.learn-where-scene.in .thing{top:56%}.learn-where-scene.in .who{font-size:34px;top:50%}.learn-where-scene.out .thing{top:56%;left:34%}.learn-where-scene.out .who{top:62%;left:82%}.learn-where-scene.front .thing{top:44%}.learn-where-scene.front .who{font-size:52px;top:66%}.learn-where-scene.behind .thing{z-index:3;top:58%}.learn-where-scene.behind .who{z-index:1;font-size:42px;top:32%;left:58%}.learn-where-scene.left .thing{top:56%;left:64%}.learn-where-scene.left .who{top:60%;left:20%}.learn-where-scene.right .thing{top:56%;left:36%}.learn-where-scene.right .who{top:60%;left:80%}.learn-where-scene.multi .thing{font-size:60px;top:52%}.learn-where-scene.multi .who{font-size:38px}.learn-where-scene.multi .who.top{top:16%}.learn-where-scene.multi .who.under{top:88%}.learn-where-scene.multi .who.left{top:56%;left:15%}.learn-where-scene.multi .who.right{top:56%;left:85%}.learn-where-scene.multi .who.in{font-size:28px;top:52%}.learn-where-row{justify-content:center;align-items:center;gap:4px;width:100%;height:100%;font-size:40px;line-height:1;display:flex}.learn-pair-item{background:var(--card);border-radius:30px;place-items:center;width:150px;height:150px;font-size:92px;line-height:1;display:grid;box-shadow:0 6px #4a3b2a1f}@media (max-width:520px){.learn-root .learn-pair-item{border-radius:24px;width:112px;height:112px;font-size:68px}}.learn-balances{flex-wrap:wrap;justify-content:center;gap:28px;display:flex}.learn-balance{width:260px;height:160px;margin:0 30px;position:relative}.learn-balance .beam{background:#b8875a;border-radius:6px;height:10px;transition:transform .6s cubic-bezier(.3,1.4,.5,1);position:absolute;top:70px;left:10px;right:10px}.learn-balance.left .beam{transform:rotate(-12deg)}.learn-balance.right .beam{transform:rotate(12deg)}.learn-balance .pan{justify-content:center;width:120px;font-size:56px;line-height:1;display:flex;position:absolute;bottom:8px}.learn-balance .pan .learn-pics{flex-wrap:wrap-reverse;justify-content:center;max-width:120px;font-size:34px;display:flex}.learn-balance .pan.left{left:-40px}.learn-balance .pan.right{right:-40px}.learn-balance.level .beam{transform:none}.learn-balance .stand{border-bottom:66px solid #d9a774;border-left:26px solid #0000;border-right:26px solid #0000;width:0;height:0;position:absolute;top:72px;left:50%;transform:translate(-50%)}.learn-mirror{background:var(--card);border-radius:24px;align-items:stretch;gap:10px;padding:14px;display:flex;box-shadow:0 6px #4a3b2a1f}.learn-mirror .line{border-left:4px dashed #c9a46a;width:0}.learn-mirror-half{gap:6px;display:grid}.learn-mirror-half i{background:#fff;border-radius:10px;width:46px;height:46px;display:block;box-shadow:inset 0 0 0 2px #eadfca}.learn-mirror-half.empty i{box-sizing:border-box;box-shadow:none;background:#fbf4e4;border:2px dashed #e0cfb5}.learn-mirror-half i.c-r{box-shadow:none;background:#ff6b6b}.learn-mirror-half i.c-b{box-shadow:none;background:#4f8fd0}.learn-mirror-half i.c-y{box-shadow:none;background:#ffd23f}.learn-mirror-half i.c-g{box-shadow:none;background:#5aa66f}.learn-option.mirror{width:auto;height:auto;padding:10px}.learn-option.mirror .learn-mirror-half i{border-radius:7px;width:30px;height:30px}