[v-cloak]{display:none}main{max-width:1024px;margin:auto;padding:0 24px 48px}button{font:inherit;color:var(--kids-text);min-height:64px;padding:12px 24px;border:1px solid #80998a;background:#fffdf6;border-radius:20px;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.65}button:active{transform:translateY(2px)}button.primary{background:var(--kids-primary);box-shadow:0 4px 0 var(--kids-primary-edge);font-weight:700}.garden-welcome{display:grid;grid-template-columns:1fr 40%;align-items:center;gap:20px;margin:16px 0 32px}.garden-art{aspect-ratio:1;background:url('/img/subjects-picturebook.png') left center/300% 100% no-repeat}.activities{display:grid;grid-template-columns:1fr 1fr;gap:20px}.activity{display:flex;text-align:left;align-items:center;gap:16px;min-height:138px;padding:24px}.activity>span:nth-child(2){flex:1}.activity strong{display:block;font-size:24px}.activity small{display:block;font-size:18px;margin-top:8px}.activity-symbol{font-size:32px;border-radius:18px;border:1px solid #708879;width:64px;height:64px;display:grid;place-items:center;background:#fff9ef;flex-shrink:0}.mint{background:#e2f1e7}.peach{background:#fbe4d5}.sky{background:#e2f1f8}.activity.poem{grid-column:1/-1}.quiet{font-size:18px;color:#53675d}.parents{margin-top:40px;border-top:1px solid #b4c4b5;padding-top:20px;font-size:18px}.parents summary{min-height:56px;cursor:pointer}.parents input{font:inherit;padding:12px;min-height:56px;max-width:100%;border:1px solid #738e7c;border-radius:12px}.original-links{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}.original-links a{min-height:56px;padding:12px;border:1px solid #aab9aa;border-radius:12px}.knowledge{padding:16px 0;border-bottom:1px solid #c6d1bb}.knowledge p{margin:8px 0}.knowledge span{display:block}.practice{max-width:740px;margin:auto;text-align:center;background:#fffef9;border:1px solid #c6d1bb;border-radius:28px;padding:24px}.practice-top{display:flex;align-items:center;justify-content:space-between}.practice progress{width:100%;height:12px;margin:24px 0;accent-color:#26765d}.practice h1{font-size:30px}.practice>button{margin:8px;max-width:100%}.question{font-size:48px;padding:12px;overflow-wrap:anywhere}.question.pinyin{font-size:100px}.question.poem{font-size:30px;line-height:1.8}.listen{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#e2f1f8}.listen svg{width:28px;height:28px}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.choices button{min-height:100px;font-size:48px;padding:12px 8px}.choices.verses{grid-template-columns:1fr}.choices.verses button{font-size:26px;min-height:72px;line-height:1.8}.choices button.correct{background:#dcf2de;border:3px solid #26765d;opacity:1}.check{font-size:24px}.feedback{min-height:36px;color:#26765d;font-weight:700}.audio-status{font-size:18px;color:#884528}.poem-list{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.poem-list strong,.poem-list small{display:block}.poem-list small{font-size:18px;margin-top:8px}.writer{width:min(100%,300px);aspect-ratio:1;margin:16px auto;background:linear-gradient(90deg,transparent 49.7%,#b8c5b7 50%,transparent 50.3%),linear-gradient(transparent 49.7%,#b8c5b7 50%,transparent 50.3%);border:1px solid #819780;touch-action:none}.write-label{font-size:40px;margin:4px}.writer svg{max-width:100%}@media(max-width:600px){main{padding:0 16px 32px}.garden-welcome{grid-template-columns:1fr 100px;gap:8px}.garden-welcome h1{font-size:28px}.garden-welcome p{font-size:18px}.garden-welcome button{padding:12px 16px}.activities{grid-template-columns:1fr;gap:16px}.activity{padding:20px;min-height:120px}.practice{padding:16px}.choices{gap:12px}.choices button{font-size:36px;min-height:88px}.poem-list{grid-template-columns:1fr}.practice>button{margin:8px 0;width:100%}.question{font-size:36px}.topbar{padding:16px}.activity-symbol{width:56px;height:56px}.practice h1{font-size:28px}}@media(prefers-reduced-motion:reduce){button:active{transform:none}}body{padding-bottom:env(safe-area-inset-bottom)}

.choices.syllables{grid-template-columns:1fr}.choices.syllables button{font-size:32px;min-height:72px;line-height:1.8;overflow-wrap:anywhere}

.writer svg{display:block}
.practice>p{margin:12px 0}.practice progress{margin:16px 0}.question.pinyin{font-size:80px;line-height:1.3}.choices.syllables{grid-template-columns:repeat(3,minmax(0,1fr))}.choices.syllables button{font-size:clamp(20px,4vw,28px);padding:12px 2px;min-height:80px}