.btn-learned{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:8.5rem;padding:.7rem 1.25rem;border-radius:9999px;font-size:.88rem;font-weight:700;border:2px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer;transition:background .2s,border-color .2s,color .2s}.btn-learned:hover{border-color:var(--success);color:var(--success)}.btn-learned.is-learned{background:var(--success-soft);border-color:var(--success);color:oklch(0.35 .12 152)}.btn-learned .btn-learned-check{width:1.1rem;height:1.1rem;border-radius:50%;border:2px solid var(--border);display:inline-grid;place-items:center;transition:background .2s,border-color .2s;font-size:.65rem;line-height:1}.btn-learned.is-learned .btn-learned-check{background:var(--success);border-color:var(--success);color:var(--success-fg)}.learned-progress-bar{height:.45rem;border-radius:.25rem;background:var(--muted);overflow:hidden}.learned-progress-bar span{display:block;height:100%;border-radius:.25rem;background:var(--success);transition:width .4s ease}.ol-dot.is-learned{background:var(--success);border-color:var(--success)}.ol-module>summary.is-completed .ol-num{color:var(--success)}.ol-module>summary.is-completed .ol-num::after{content:' \2713';font-size:.75em}