.mks-vocab-progress-panel{border:1px solid #e5e7eb;border-radius:24px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.08);padding:24px;margin:24px 0}.mks-vocab-progress-panel h2{margin-top:0}.mks-vocab-progress-insight-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:center}.mks-vocab-progress-pie-wrap{display:grid;place-items:center;gap:12px}.mks-vocab-progress-pie{--mks-vocab-progress:0%;width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#7c3aed var(--mks-vocab-progress),#e2e8f0 0);position:relative}.mks-vocab-progress-pie:before{content:"";position:absolute;inset:18px;border-radius:50%;background:#fff}.mks-vocab-progress-pie strong{position:relative;z-index:1;font-size:2rem;color:#4c1d95}.mks-vocab-progress-panel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.mks-vocab-progress-stat{border:1px solid #e5e7eb;border-radius:18px;padding:16px;background:#f8fafc}.mks-vocab-progress-stat strong{display:block;font-size:1.35rem;line-height:1.15;color:#4c1d95}.mks-vocab-progress-stat span{display:block;margin-top:6px;color:#64748b;font-weight:700}.mks-vocab-progress-main-track,.mks-vocab-part-track{height:14px;border-radius:999px;background:#e2e8f0;overflow:hidden}.mks-vocab-progress-main-bar,.mks-vocab-part-bar{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#06b6d4,#2563eb,#7c3aed);transition:width .25s ease}.mks-vocab-progress-part-chart{display:grid;gap:12px;margin-top:18px}.mks-vocab-progress-part-row{display:grid;grid-template-columns:145px minmax(0,1fr) 76px;gap:12px;align-items:center}.mks-vocab-progress-part-row strong{color:#111827}.mks-vocab-progress-part-row span{color:#64748b;font-weight:700;text-align:right}.mks-vocab-progress-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.mks-vocab-progress-insight-box{border-radius:18px;background:linear-gradient(135deg,#faf5ff,#eff6ff);border:1px solid rgba(124,58,237,.22);padding:18px;margin-top:18px}@media(max-width:980px){.mks-vocab-progress-insight-layout{grid-template-columns:1fr}.mks-vocab-progress-panel-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.mks-vocab-progress-panel-grid,.mks-vocab-progress-part-row{grid-template-columns:1fr}.mks-vocab-progress-part-row span{text-align:left}.mks-vocab-progress-pie{width:160px;height:160px}}