:root{--bg: #f6fbf2;--paper: #ffffff;--ink: #17231d;--muted: #647067;--line: #dfe9df;--green: #1f8a4c;--green-dark: #116636;--green-soft: #dff4e7;--coral: #f27b5c;--coral-soft: #ffe8df;--sky: #dff2ff;--blue: #2476a8;--shadow: 0 12px 30px rgba(33, 86, 50, .12)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top left,rgba(223,242,255,.9),transparent 32rem),linear-gradient(180deg,#f6fbf2,#fffaf2);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:18px;line-height:1.45}button{min-height:52px;border:0;border-radius:18px;padding:12px 18px;background:var(--green-soft);color:var(--green-dark);font:inherit;font-weight:800;letter-spacing:0}button:active{transform:translateY(1px) scale(.99)}button:disabled{opacity:.7}h1,h2,h3,p{margin-top:0}.appShell{width:min(560px,100%);min-height:100vh;margin:0 auto;padding:18px 16px 42px}.topBar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.brandButton{min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:14px;background:#ffffffc7;color:var(--green-dark);font-size:16px}.progressPills{display:flex;gap:7px;align-items:center}.progressPills span{width:18px;height:9px;border-radius:999px;background:#d5dfd5}.progressPills .filled{background:var(--green)}.homeView,.practiceView,.doneView,.subPage{display:grid;gap:14px}.homeHero,.lessonCard,.summaryCard,.quickBlock,.dialogueCard,.statusCard{border:1px solid var(--line);border-radius:22px;background:#fffffff0;box-shadow:var(--shadow)}.homeHero{display:grid;min-height:430px;align-content:center;padding:30px 22px;text-align:center}.smallLabel{margin-bottom:10px;color:var(--green-dark);font-size:17px;font-weight:900}.homeHero h1,.summaryCard h1,.subPage>h1{margin-bottom:14px;font-size:42px;line-height:1.1}.heroCopy,.subCopy{width:min(390px,100%);margin:0 auto 26px;color:var(--muted);font-size:20px}.startButton{width:min(320px,100%);min-height:68px;margin:0 auto;border-radius:20px;background:var(--green);color:#fff;font-size:24px;box-shadow:0 8px 0 var(--green-dark)}.todayStrip,.summaryGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.todayStrip>div,.summaryGrid>div{padding:15px;border:1px solid var(--line);border-radius:18px;background:#ffffffc2}.todayStrip span,.summaryGrid span{display:block;color:var(--muted);font-size:15px;font-weight:800}.todayStrip strong,.summaryGrid strong{display:block;margin-top:4px;color:var(--ink);font-size:25px}.secondaryActions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.secondaryActions button:first-child{background:var(--sky);color:var(--blue)}.secondaryActions button:last-child{background:var(--coral-soft);color:#9a3e26}.backButton{justify-self:start;min-height:44px;padding:8px 14px;border:1px solid var(--line);background:#ffffffd1;color:var(--muted);font-size:16px}.lessonCard{display:grid;min-height:calc(100vh - 112px);align-content:start;padding:20px}.lessonCard.needsReview{border-color:#f0b895}.lessonMeta{display:flex;justify-content:space-between;gap:12px;margin-bottom:24px;color:var(--muted);font-size:15px;font-weight:800}.lessonMeta b{color:var(--green-dark)}.scenePrompt{margin-bottom:14px;color:var(--muted);font-size:20px}.lessonCard h2{margin:0 0 20px;color:#111b15;font-size:clamp(42px,12vw,58px);line-height:1.14}.pinyinLine{margin:-8px 0 16px;color:var(--muted);font-size:20px}.primaryActions{display:grid;grid-template-columns:1fr;gap:12px;margin:10px 0 12px}.listenButton,.speakButton{min-height:72px;border-radius:22px;color:#fff;font-size:24px}.listenButton{background:var(--blue);box-shadow:0 7px #155071}.speakButton{background:var(--green);box-shadow:0 7px 0 var(--green-dark)}.quietActions,.finishActions,.turnActions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quietActions button{background:#f2f7f2;color:var(--muted)}.finishActions{margin-top:12px}.againButton{background:var(--coral-soft);color:#9a3e26}.knowButton{background:var(--green-soft);color:var(--green-dark)}.feedback{margin:12px 0 0;padding:14px;border-radius:16px;background:#f1f6f1;color:var(--muted)}.feedback.passed{background:var(--green-soft);color:var(--green-dark)}.feedback.soft_retry,.feedback.unclear,.feedback.unavailable{background:var(--coral-soft);color:#9a3e26}.feedback p{margin:6px 0 0;color:var(--muted);font-size:15px}.summaryCard{display:grid;gap:14px;min-height:430px;align-content:center;padding:26px 20px;text-align:center}.reportText{padding:14px;border-radius:16px;background:#f5f9f5;color:var(--muted)}.subPage>h1{margin-bottom:4px}.subCopy{margin-left:0;text-align:left}.quickStack,.turnList,.adminGrid{display:grid;gap:12px}.quickBlock,.dialogueCard,.statusCard{padding:18px}.quickBlock h2,.dialogueCard h2{margin-bottom:12px;font-size:25px}.phraseButton{display:block;width:100%;margin-top:9px;background:#f5faf5;color:var(--ink);text-align:left}.dialogueCard>p,.statusCard p{color:var(--muted)}.turn{padding:14px;border-radius:18px;background:#f4f9f4}.turn.system{background:var(--sky)}.turn span,.statusCard span{display:block;margin-bottom:6px;color:var(--muted);font-size:15px;font-weight:900}.turn strong,.statusCard strong{display:block;margin-bottom:10px;color:var(--ink);font-size:24px;line-height:1.25}@media(max-width:460px){.appShell{padding:14px 12px 36px}.homeHero{min-height:390px;padding:26px 18px}.homeHero h1,.summaryCard h1,.subPage>h1{font-size:38px}.lessonCard{min-height:calc(100vh - 102px);padding:18px}.lessonCard h2{font-size:clamp(40px,13vw,54px)}}