.lesson-outline-panel{padding:1rem}.lesson-outline-eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-fg);margin-bottom:.75rem}.ol-module{border-top:1px solid var(--border)}.ol-module:first-of-type{border-top:0}.ol-module>summary{list-style:none;cursor:pointer;align-items:center;gap:.5rem;padding:.65rem .25rem;font-size:.9rem;font-weight:700;border-radius:.5rem}.ol-module>summary::-webkit-details-marker{display:none}.ol-module>summary:hover{color:var(--primary)}.ol-module>summary.is-active-summary{color:var(--primary);background:var(--primary-soft);padding-inline:.5rem}.ol-num{color:var(--muted-fg);font-weight:700}.ol-title{flex:1}.ol-chev{color:var(--muted-fg);transition:transform .2s;float:right}.ol-module[open]>summary .ol-chev{transform:rotate(90deg)}.ol-lessons{list-style:none;padding:0 0 .5rem 1.5rem;margin:0;display:grid;gap:.15rem}.ol-lessons a{display:flex;align-items:center;gap:.55rem;padding:.45rem .55rem;border-radius:.45rem;font-size:.85rem;color:var(--foreground)}.ol-lessons a:hover{background:var(--muted)}.ol-lessons a.is-active{background:var(--primary-soft);color:var(--primary);font-weight:700}.ol-dot{width:.55rem;height:.55rem;border-radius:50%;border:1.5px solid var(--border);flex-shrink:0}.ol-dot.done{background:var(--success);border-color:var(--success)}.ol-dot.active{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.btn-learned{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.7rem 1.25rem;border-radius:10px;font-size:.88rem;font-weight:700;border:2px solid var(--success);background:var(--success);color:var(--success-fg);cursor:pointer;transition:background .2s,border-color .2s,color .2s}.lesson-side-panel hr{border:0;border-top:1px solid var(--border);margin:1.5rem 0}.btn-learned:hover{background:oklch(0.62 .17 152);border-color:oklch(0.62 .17 152);color:var(--success-fg)}.btn-learned.is-learned{background:transparent;border-color:var(--border);color:var(--muted-fg);font-weight:600}.btn-learned.is-learned:hover{background:transparent;border-color:var(--success);color:var(--success)}.btn-learned .btn-learned-check{width:1.1rem;height:1.1rem;border-radius:50%;border:2px solid color-mix(in oklab,var(--success-fg) 70%,transparent);display:inline-grid;place-items:center;transition:background .2s,border-color .2s,color .2s;font-size:.65rem;line-height:1}.btn-learned.is-learned .btn-learned-check{background:transparent;border-color:var(--success);color:var(--success)}.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{content:' \2713';font-size:.75em}.ol-counter{font-size:.75rem;font-weight:700;color:var(--muted-fg);white-space:nowrap;flex-shrink:0;float:right;margin-right:10px}.ol-module-bar{height:3px;border-radius:2px;background:var(--muted);margin:.25rem 0 0;overflow:hidden;width:100%;flex-basis:100%}.ol-module-bar span{display:block;height:100%;border-radius:2px;background:var(--success);transition:width .4s ease;width:0}.mobile-sticky-bar{display:none;position:sticky;top:4rem;z-index:800;background:var(--card-bg,#fff);border-bottom:1px solid var(--border);padding:.5rem 1rem;box-shadow:0 1px 4px rgba(0,0,0,.06);align-items:center;justify-content:space-between;gap:.5rem}.mobile-sticky-bar .msb-text{display:flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.mobile-sticky-bar .msb-module{overflow:hidden;text-overflow:ellipsis;min-width:0}.mobile-sticky-bar .msb-sep{color:var(--muted-fg);flex-shrink:0}.mobile-sticky-bar .msb-lesson{color:var(--muted-fg);font-weight:600;flex-shrink:0}.mobile-sticky-bar .msb-nav{display:flex;gap:.5rem;flex-shrink:0}@media(max-width:899px){.mobile-sticky-bar{display:flex}}@media(min-width:900px){.mobile-sticky-bar{display:none!important}}.mbn-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem .9rem;border-radius:.5rem;font-size:.82rem;font-weight:700;text-decoration:none;transition:background .15s}.mbn-prev{color:var(--foreground);background:var(--muted)}.mbn-prev:hover{background:var(--secondary)}.mbn-next{color:var(--primary-fg);background:var(--primary)}.mbn-next:hover{opacity:.9}.mbn-disabled{visibility:hidden}.mobile-bottom-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:900;background:var(--card-bg,#fff);border-top:1px solid var(--border);box-shadow:0 -2px 8px rgba(0,0,0,.08);padding:.75rem 1rem}@media(max-width:899px){.mobile-bottom-bar{display:block}.lesson-side-panel .btn-learned{display:none}.lesson-nav{display:none}}@media(min-width:900px){.mobile-bottom-bar{display:none!important}}