.progress-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.progress-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.word-progress-row{display:grid;grid-template-columns:1fr auto;gap:12px;width:100%;background:none;border:0;text-align:left;padding:16px 0;color:var(--ink)}.word-progress-row .meter{grid-column:1/-1;width:100%}.word-progress-row.known svg{color:var(--green)}.word-progress-row.known .meter i{background:var(--green)}.word-progress-row.unseen svg{color:var(--muted)}.word-progress-row.unseen .meter i{background:var(--muted)}.word-progress-row.learning svg{color:var(--accent)}.level-progress{padding:14px 0}.level-progress .button{margin-top:10px}.activity-bars{display:grid;grid-template-columns:repeat(var(--days),minmax(16px,1fr));gap:6px;overflow-x:auto}.activity-day{text-align:center;min-width:16px;font-size:12px}.bar-track{height:100px;display:flex;align-items:flex-end;background:var(--bg);border-radius:6px;margin:8px 0}.bar-track i{display:block;width:100%;background:var(--accent);border-radius:6px;min-height:2px}.rule-intro{max-width:1000px}.rule-intro h2{margin-top:18px}.rule-intro .lesson-body{padding:16px 0;line-height:1.8;white-space:pre-wrap}.test-rule{margin-top:16px}.test-rule summary{cursor:pointer}.test-rule .lesson-body{white-space:pre-wrap;line-height:1.7}@media(max-width:900px){.progress-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-columns{grid-template-columns:1fr}}@media(max-width:500px){.progress-summary{gap:8px}.progress-summary .stat{padding:16px}.progress-summary strong{font-size:26px}.word-progress-row{font-size:14px}}
