.learning-progress{margin:16px 0 20px;padding:16px;background:#141c2a;border:1px solid #465068;border-radius:10px;min-width:0;color:#eef1f6}
.learning-progress-title{margin:0;font:650 17px/1.4 system-ui,sans-serif;color:#f1d294}
.learning-progress-count{margin:7px 0 8px;font-size:14px;line-height:1.5}
.learning-progress progress{display:block;width:100%;height:8px;border:0;border-radius:9px;overflow:hidden;background:#334155;accent-color:#e3c382}
.learning-progress progress::-webkit-progress-bar{background:#334155;border-radius:9px}
.learning-progress progress::-webkit-progress-value{background:#e3c382;border-radius:9px}
.learning-progress progress::-moz-progress-bar{background:#e3c382;border-radius:9px}
.learning-progress-storage{margin:10px 0 14px;font-size:14px;line-height:1.5;color:#bdc9dc}
.learning-progress-storage.unavailable{color:#ffc5a0}
.learning-achievements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;list-style:none;padding:0;margin:0}
.learning-achievements li{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid #45516a;border-radius:8px;min-width:0;background:#1c2738}
.learning-achievements li.unlocked{border-color:#709977;background:#213629}
.achievement-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid currentColor;font-size:20px;line-height:1;flex:none;position:relative;isolation:isolate;margin-top:3px;box-shadow:inset 0 0 0 2px #111826}
.achievement-symbol::before{content:'';position:absolute;z-index:-1;left:7px;right:7px;top:-6px;height:11px;background:linear-gradient(90deg,#993249 0 42%,#e5dabd 42% 58%,#3f6ba4 58%);border-radius:2px}
.medal-bronze{color:#ebb583;background:#65412b}
.medal-silver{color:#e5eaf3;background:#485469}
.medal-gold{color:#ffe097;background:#80632b}
.medal-diamond{color:#c2f5ff;background:#315c72}
.locked .achievement-symbol{color:#afbdd1;background:#263249;border-style:dashed;box-shadow:none}
.locked .achievement-symbol::before{background:#536175}
.learning-achievements li>span:last-child{min-width:0;overflow-wrap:anywhere}
.learning-achievements strong{display:block;font-size:14px;line-height:1.4}
.achievement-detail{display:block;margin-top:4px;font-size:13px;line-height:1.45;color:#c9d2e1}
@media(max-width:500px){.learning-progress{padding:13px}.learning-achievements{grid-template-columns:1fr}}