.opto-lesson[data-v-2d8b80e7]{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);background:transparent;border:0;border-bottom:1px solid var(--border-subtle);text-align:left;font-family:inherit;font-size:var(--font-size-base);color:var(--text-primary);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard)}.opto-lesson[data-v-2d8b80e7]:hover{background:var(--surface-sunken)}.opto-lesson[data-v-2d8b80e7]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:-2px}.opto-lesson[data-active=true][data-v-2d8b80e7]{background:var(--surface-sunken)}.opto-lesson[data-active=true][data-v-2d8b80e7]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--text-primary)}.opto-lesson[data-locked=true][data-v-2d8b80e7]{color:var(--text-muted);cursor:not-allowed}.opto-lesson[data-completed=true] .opto-lesson__icon[data-v-2d8b80e7]{color:var(--status-success-text)}.opto-lesson__index[data-v-2d8b80e7]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);color:var(--text-muted);width:20px;flex-shrink:0}.opto-lesson__icon[data-v-2d8b80e7]{display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.opto-lesson__title[data-v-2d8b80e7]{flex:1;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opto-lesson__duration[data-v-2d8b80e7]{font-size:var(--font-size-sm);color:var(--text-muted)}