.study-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.study-stat{background:#fffdf6;border:1px solid #e0e8cc;border-radius:22px;padding:18px}.study-stat b{display:block;font-size:28px;color:#2a644d}.study-stat span{font-size:14px;color:#69775f}.learning-path{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.learning-path span{border-radius:14px;padding:8px 12px;background:#f1ecd6;color:#56654a}.theme-filters{margin-top:18px}.trace-layout{display:grid;grid-template-columns:minmax(240px,420px) 1fr;gap:32px;align-items:center}.trace-board{width:100%;aspect-ratio:1;background:#fffdf6;border:3px solid #e7b783;border-radius:24px;touch-action:none;cursor:crosshair;user-select:none}.trace-grid{stroke:#ddbda8;stroke-width:3;stroke-dasharray:10 10;fill:none}.trace-outline{fill:#e4ded0}.trace-demo{fill:#df6b35;opacity:0;animation:stroke-appear .45s forwards}.trace-ink-line{fill:none;stroke:#306e58;stroke-width:24;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.trace-tools{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.speak-card{padding:30px;background:#fff5d9;border-radius:28px;text-align:center}.speak-card .sentence{font-size:clamp(25px,3.5vw,38px)}.practice-checked{padding:12px;color:#266342;background:#e3f0d7;border-radius:14px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.collection-card{border-radius:26px;background:#fffdf4;padding:22px;border:2px solid #e6e4c8;text-align:center}.collection-card.locked{background:#eeeee3;color:#737a68}.collection-card.locked svg{filter:grayscale(.8);opacity:.5}.collection-card svg{max-width:160px;height:130px}.collection-card h2{font-size:21px;margin:8px 0}.collection-card.equipped{border-color:#dc8c2e;box-shadow:0 5px 0 #edc36f}.review-panel{background:#fff6df;border:1px solid #edcf96;border-radius:24px;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0}.review-panel h2{margin:0 0 8px}.week-bars{display:flex;gap:10px;align-items:flex-end;height:100px;margin:20px 0 40px}.week-day{flex:1;text-align:center}.week-day i{display:block;min-height:5px;background:#65a987;border-radius:8px 8px 0 0}.week-day small{display:block;margin-top:7px}.progress-tags{display:flex;gap:8px;flex-wrap:wrap}.progress-tags button{min-width:52px;min-height:52px;background:#fff8e6;border:1px solid #e6ca91;border-radius:14px;font-size:26px}.pinyin-hidden .pinyin,.pinyin-hidden .letter-tile>small{visibility:hidden}.remember-toggle{margin-top:12px}.step-track{overflow-x:auto}.step-track>span{white-space:nowrap}.still .trace-demo{animation:none;opacity:1}@keyframes stroke-appear{to{opacity:1}}@media(prefers-reduced-motion:reduce){.trace-demo{animation:none;opacity:1}}@media(max-width:700px){.study-dashboard{grid-template-columns:repeat(2,1fr)}.trace-layout{grid-template-columns:1fr}.trace-board{max-width:380px;display:block;margin:auto}.collection-grid{grid-template-columns:repeat(2,1fr)}.review-panel{align-items:flex-start;flex-direction:column}.collection-card{padding:14px}.collection-card h2{font-size:18px}}

.home-greeting{font-size:15px;color:#668068;margin:0 0 24px}.guide-character .companion-art,.celebration-buddy .companion-art,.finish-friend .companion-art{width:100%;height:auto}
@media(max-width:1000px){.trace-layout{grid-template-columns:1fr}.trace-board{max-width:380px;display:block;margin:auto}.trace-layout>div:last-child{max-width:520px;margin:auto;width:100%}}