:root{--cream:#fff7e6;--card:#ffffff;--orange:#ff7a45;--orange-deep:#f05a1f;--teal:#2ec4b6;--yellow:#ffc93c;--ink:#3d2c1e;--ink-soft:#8a7a6a;--green:#4caf7d;--red:#ef5b5b;--radius:22px;--shadow:0 6px 18px rgba(150,100,40,0.12)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;background:var(--cream);color:var(--ink);font-family:-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;font-size:17px;-webkit-font-smoothing:antialiased}body{background-image:radial-gradient(rgba(255,122,69,.07) 2px,transparent 0);background-size:34px 34px}.screen{max-width:680px;margin:0 auto;min-height:100dvh;padding:18px 16px 40px;display:flex;flex-direction:column}.center-col{text-align:center;gap:18px}.btn,.center-col{justify-content:center;align-items:center}.btn{display:inline-flex;gap:8px;border:none;border-radius:999px;font-size:1.05rem;font-weight:700;padding:14px 30px;cursor:pointer;font-family:inherit;transition:transform .12s ease,box-shadow .12s ease,opacity .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--orange),#ffa14d);color:#fff;box-shadow:0 6px 16px rgba(255,122,69,.35)}.btn-ghost{background:#fff;color:var(--ink);box-shadow:var(--shadow)}.btn-small{padding:10px 20px;font-size:.95rem}.btn-rec{background:linear-gradient(135deg,#ff5d5d,#ff8a5d);color:#fff;font-size:1.2rem;padding:16px 44px;box-shadow:0 6px 18px rgba(255,93,93,.4)}.btn-rec.recing{animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.topbar{justify-content:space-between;gap:10px;margin-bottom:14px}.topbar,.topbar-kid{display:flex;align-items:center}.topbar-kid{gap:12px}.topbar-name{font-size:1.25rem;font-weight:800}.topbar-streak{color:var(--orange-deep);font-size:.9rem;font-weight:700}.topbar-title{font-weight:800;font-size:1.1rem;flex:1 1;text-align:center}.count-badge{background:#fff;border-radius:999px;padding:6px 14px;font-weight:800;box-shadow:var(--shadow)}.kid-avatar{font-size:3rem;line-height:1}.kid-avatar.small{font-size:2.2rem}.logo{margin-bottom:10px}.logo-emoji{font-size:4.5rem;animation:floaty 3s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.title{font-size:2.1rem;margin:10px 0 6px;color:var(--orange-deep)}.subtitle{color:var(--ink-soft);margin:0}.kid-cards{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin:16px 0 10px}.kid-card{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--card);border:3px solid transparent;border-radius:var(--radius);padding:26px 34px;cursor:pointer;box-shadow:var(--shadow);font-family:inherit;transition:transform .15s,border-color .15s}.kid-card:hover{border-color:var(--orange);transform:translateY(-4px)}.kid-card:active{transform:scale(.97)}.kid-name{font-size:1.3rem;font-weight:800}.kid-go{color:var(--orange-deep);font-weight:700;font-size:.9rem}.week-row{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.chip{border:2px solid #e8dcc8;background:#fff;border-radius:999px;padding:8px 18px;font-weight:700;font-size:.95rem;cursor:pointer;font-family:inherit;color:var(--ink-soft);transition:all .15s}.chip.on{border-color:var(--orange);background:var(--orange);color:#fff;box-shadow:0 4px 12px rgba(255,122,69,.35)}.steps{display:flex;flex-direction:column;gap:12px}.step-card{display:flex;align-items:center;gap:14px;background:var(--card);border-radius:var(--radius);padding:16px 18px;border:3px solid transparent;cursor:pointer;box-shadow:var(--shadow);text-align:left;font-family:inherit;transition:transform .15s,border-color .15s}.step-card:active{transform:scale(.98)}.step-card.done{border-color:var(--green);background:#f0faf4}.step-num{width:34px;height:34px;border-radius:50%;background:var(--yellow);color:var(--ink);font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-card.done .step-num{background:var(--green);color:#fff}.step-emoji{font-size:2rem}.step-text{flex:1 1}.step-title{font-weight:800;font-size:1.1rem}.step-desc{color:var(--ink-soft);font-size:.9rem}.step-go{font-size:1.6rem;color:#d8c8b0;font-weight:700}.today-progress{margin-top:18px;background:#fff;border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow)}.progress-head{display:flex;justify-content:space-between;font-weight:700;margin-bottom:10px}.progress-track{height:14px;background:#f1e8d8;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--yellow),var(--orange));border-radius:999px;transition:width .5s ease}.card-progress{margin:0 6px 14px}.celebrate{margin-top:18px;background:#fff;border-radius:var(--radius);padding:26px 20px;text-align:center;box-shadow:var(--shadow);animation:pop .5s ease}@keyframes pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.celebrate-emoji{font-size:4rem;animation:floaty 2.5s ease-in-out infinite}.celebrate-text{font-size:1.25rem;font-weight:800;margin:8px 0 4px}.celebrate-sub{color:var(--ink-soft);margin-bottom:14px}.flash-card{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--card);border-radius:28px;padding:34px 20px;box-shadow:var(--shadow);min-height:380px}.flash-emoji{font-size:5rem;line-height:1.1}.flash-word{font-size:2rem;font-weight:800;color:var(--orange-deep);text-align:center}.btn-listen{background:#eafaf7;color:#138f7f}.record-area{gap:12px;min-height:120px;justify-content:center}.record-area,.record-result{display:flex;flex-direction:column;align-items:center}.record-result{gap:10px}.stars .star{font-size:1.6rem;filter:grayscale(1);opacity:.45;margin:0 2px}.stars .star.on{filter:none;opacity:1}.wave{display:flex;align-items:center;gap:3px;height:56px;width:220px}.wave span{flex:1 1;background:linear-gradient(180deg,var(--teal),#7ddbd2);border-radius:4px;min-width:3px}.record-actions{display:flex;gap:10px}.bottom-actions{gap:12px;margin-top:18px}.bottom-actions,.listen-stage{display:flex;justify-content:center}.listen-stage{flex:1 1;flex-direction:column;align-items:center;gap:18px;background:var(--card);border-radius:28px;padding:34px 20px;box-shadow:var(--shadow);min-height:380px}.listen-emoji{font-size:5.5rem;line-height:1.1;animation:floaty 3s ease-in-out infinite}.listen-word{font-size:1.8rem;font-weight:800;color:var(--orange-deep);text-align:center}.playing-bars{display:flex;align-items:center;gap:4px;height:40px}.playing-bars span{width:6px;background:var(--teal);border-radius:3px;animation:bars .9s ease-in-out infinite}.playing-bars span:nth-child(2){animation-delay:.15s}.playing-bars span:nth-child(3){animation-delay:.3s}.playing-bars span:nth-child(4){animation-delay:.45s}.playing-bars span:nth-child(5){animation-delay:.6s}@keyframes bars{0%,to{height:8px}50%{height:38px}}.game-head{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:var(--radius);padding:12px 18px;margin-bottom:14px;box-shadow:var(--shadow);font-weight:800}.game-question-emoji{font-size:4.5rem;text-align:center;margin:10px 0 18px}.game-options{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.game-option{aspect-ratio:1/.8;display:flex;align-items:center;justify-content:center;font-size:3.2rem;background:#fff;border:3px solid transparent;border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow);transition:transform .12s,border-color .15s,background .15s;font-family:inherit}.game-option:active{transform:scale(.95)}.game-option.correct{border-color:var(--green);background:#e8f8ef;animation:pop .35s ease}.game-option.wrong{border-color:var(--red);background:#fdecec;animation:shake .45s ease}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-9px)}40%{transform:translateX(9px)}60%{transform:translateX(-6px)}80%{transform:translateX(6px)}}.match-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.match-card{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:#fff;border:3px solid transparent;border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow);font-weight:800;font-size:1.05rem;padding:8px;text-align:center;transition:transform .12s,border-color .15s;font-family:inherit;word-break:break-word}.match-card:active{transform:scale(.94)}.match-card.emoji{font-size:2.6rem}.match-card.selected{border-color:var(--orange);background:#fff3e8}.match-card.matched{border-color:var(--green);background:#e8f8ef;pointer-events:none}.match-card.wrong{border-color:var(--red);background:#fdecec;animation:shake .45s ease}.pin-box{background:#fff;border-radius:var(--radius);padding:28px 24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;align-items:center;width:100%;max-width:380px}.pin-input{font-size:1.6rem;letter-spacing:12px;text-align:center;width:200px;padding:12px;border:2px solid #e8dcc8;border-radius:14px;outline:none;font-family:inherit}.pin-input:focus{border-color:var(--orange)}.pin-error{color:var(--red);font-size:.9rem;font-weight:700}.child-tabs{display:flex;gap:10px;margin-bottom:14px}.stat-cards{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-bottom:14px}.stat-card{background:#fff;border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.stat-value{font-size:1.7rem;font-weight:900;color:var(--orange-deep)}.stat-label{color:var(--ink-soft);font-size:.85rem;margin-top:2px}.chart-box{background:#fff;border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);margin-bottom:14px}.chart-title{font-weight:800;margin-bottom:12px}.chart{display:flex;align-items:flex-end;gap:8px;height:120px}.chart-col{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.chart-bar{width:70%;background:linear-gradient(180deg,var(--orange),var(--yellow));border-radius:6px 6px 0 0;min-height:4px}.chart-col.today .chart-bar{background:linear-gradient(180deg,var(--teal),#8fe8de)}.chart-label{font-size:.78rem;color:var(--ink-soft)}.chart-col.today .chart-label{color:var(--teal);font-weight:800}.attempts{background:#fff;border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.attempt-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f3ead9}.attempt-row:last-child{border-bottom:none}.attempt-emoji{font-size:1.6rem}.attempt-word{flex:1 1;font-weight:700}.attempt-cn{color:var(--ink-soft);font-size:.8rem;font-weight:400}.attempt-stars{font-size:.8rem;letter-spacing:1px}.attempt-time{color:#c9b99f;font-size:.75rem}.parent-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}@media (max-width:480px){body,html{font-size:16px}.game-options{grid-template-columns:repeat(2,1fr)}}