.learning-progress { padding:14px 16px; margin:0 0 16px; border:1px solid #b79dd333; border-radius:8px; background:#17121f; color:#cfc0df; }
.learning-progress>strong { font-size:12px; font-weight:500; }
.progress-summary,.progress-note,.progress-error { font-size:10px; line-height:1.8; margin:5px 0; color:#aa98bb; }
.progress-error { color:#efa8b4; }
.progress-filters { display:flex; flex-wrap:wrap; gap:6px; margin:10px 0; }
.progress-filters button { background:#211a2b; border:1px solid #ffffff20; border-radius:5px; padding:7px 10px; font-size:10px; color:var(--progress-color,#b8a4ce); }
.progress-filters button[aria-pressed=true] { border-color:var(--progress-color,#d0b8e3); background:#ffffff12; box-shadow:inset 0 -2px var(--progress-color,#d0b8e3); }
.progress-badge { display:inline-block!important; width:fit-content; border:1px solid var(--progress-color); border-radius:4px; color:var(--progress-color)!important; font-size:10px!important; line-height:1.6; padding:2px 6px; margin:5px 0!important; }
.progress-detail { margin:14px 0; border:1px solid #ffffff24; border-radius:6px; padding:12px; background:#ffffff03; }
.progress-detail h3 { margin:0 0 5px!important; font-size:11px!important; color:#d6c4e6; }
.progress-detail p { font-size:11px; line-height:1.8; color:#b9a6ca; margin:7px 0; }
.progress-detail .progress-date { font-size:9px; color:#a293af; }
.progress-related { font-size:10px!important; color:#c2a9db!important; }
.progress-ring { pointer-events:none; }
.progress-review-link { display:inline-block; margin:0 0 5px; font-size:12px; color:#d6c4e6; text-decoration:underline; text-underline-offset:3px; }
body>.learning-progress { margin:0 4.4% 10px; }