.envelopes{margin:0 0 14px;padding:12px 15px;border:2px dashed #d9c386;border-radius:16px;background:#fff9e6}.envelopes>p{margin:0 0 9px;color:#6e624f;font-size:.8rem;font-weight:700}.envelopes>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.envelope{padding:10px;border-radius:12px;background:#fffdf7;border:1px solid #e5d6b4}.envelope strong,.envelope span{display:block}.envelope span{font-size:.8rem;color:#6d6254}.envelope progress{width:100%;height:12px;accent-color:#4f8050}.history-chart{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:10px;padding:15px;border:2px solid #e5d6b4;border-radius:18px;background:#fffdf7}.history-column{min-height:150px;padding:9px;border-radius:11px;background:#fff9e6}.history-column h3{margin:0;text-align:center}.history-marker{display:inline-grid;place-items:center;width:28px;height:28px;margin:4px;border-radius:50%;font-size:.75rem;font-weight:700}.history-marker.accepted{background:#bfe4b4;color:#264a27}.history-marker.declined,.history-marker.timed-out{background:#ffd1d9;color:#7d3044}.history-empty{color:#766b5a;font-weight:700}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:14px}.lesson{display:grid;grid-template-columns:72px 1fr;gap:11px;padding:15px;border:2px solid #d8c9a8;border-radius:16px;background:#fffdf7;opacity:.55}.lesson.unlocked{opacity:1;border-color:#8fc487}.lesson img{width:72px;height:94px;object-fit:contain}.lesson h3{margin:0}.lesson p{margin:.35rem 0 0;font-size:.9rem}.practice-card{margin-top:16px;padding:16px;border-radius:16px;background:#e5f4de;border:2px solid #b8d9ae}.practice-card h3,.practice-card p{margin:.1rem 0}@media(max-width:720px){.envelopes>div,.history-chart{grid-template-columns:1fr}.history-column{min-height:0}.lesson-grid{grid-template-columns:1fr}}