.page-module__PNqyha__lessonPage{min-height:calc(100vh - var(--navbar-height));padding:0 var(--space-6);flex-direction:column;max-width:900px;margin:0 auto;display:flex}.page-module__PNqyha__topBar{padding:var(--space-4)0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.page-module__PNqyha__breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.page-module__PNqyha__breadcrumb a{color:var(--color-text-muted);transition:color var(--transition-fast)}.page-module__PNqyha__breadcrumb a:hover{color:var(--color-text-primary)}.page-module__PNqyha__lessonProgress{font-size:var(--text-sm);color:var(--color-text-muted)}.page-module__PNqyha__viewer{align-items:center;gap:var(--space-6);padding:var(--space-4)0;flex-direction:column;flex:1;display:flex}.page-module__PNqyha__lessonTitle{font-size:var(--text-2xl);text-align:center}.page-module__PNqyha__vizArea{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;min-height:200px;padding:var(--space-8);justify-content:center;align-items:center;display:flex;position:relative}.page-module__PNqyha__arrayViz{position:relative}.page-module__PNqyha__arrayElements{gap:var(--space-4);align-items:flex-end;display:flex}.page-module__PNqyha__elementWrapper{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.page-module__PNqyha__pointer{font-family:var(--font-code);font-size:var(--text-sm);font-weight:700;animation:.3s ease-out page-module__PNqyha__fadeIn}.page-module__PNqyha__element{width:56px;height:56px;font-family:var(--font-code);font-size:var(--text-lg);border-radius:var(--radius-md);background:var(--color-bg-tertiary);border:2px solid var(--color-border);color:var(--color-text-primary);transition:all var(--transition-base);justify-content:center;align-items:center;font-weight:700;display:flex}.page-module__PNqyha__elementHighlighted{transform:scale(1.1)}.page-module__PNqyha__elementClickable{cursor:pointer}.page-module__PNqyha__elementClickable:hover{border-color:var(--color-brand);transform:scale(1.05)}.page-module__PNqyha__indexLabel{font-family:var(--font-code);font-size:var(--text-xs);color:var(--color-text-muted)}.page-module__PNqyha__windowIndicator{border-radius:var(--radius-full);height:4px;transition:all var(--transition-base);border:2px solid;position:absolute;bottom:-10px}.page-module__PNqyha__emptyViz{align-items:center;gap:var(--space-3);color:var(--color-text-muted);flex-direction:column;display:flex}.page-module__PNqyha__caption{text-align:center;max-width:500px}.page-module__PNqyha__caption p{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);min-height:3em}.page-module__PNqyha__controls{align-items:center;gap:var(--space-6);display:flex}.page-module__PNqyha__stepDots{gap:var(--space-2);display:flex}.page-module__PNqyha__stepDot{background:var(--color-bg-tertiary);cursor:pointer;width:10px;height:10px;transition:all var(--transition-fast);border:none;border-radius:50%;padding:0}.page-module__PNqyha__stepDot:hover{transform:scale(1.3)}.page-module__PNqyha__stepDotActive{transform:scale(1.4)}.page-module__PNqyha__stepDotCompleted{background:var(--color-text-muted)}.page-module__PNqyha__stepCounter{font-size:var(--text-sm);color:var(--color-text-muted)}.page-module__PNqyha__exercise{width:100%;max-width:500px;padding:var(--space-6);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);gap:var(--space-4);flex-direction:column;animation:.5s ease-out page-module__PNqyha__slideUp;display:flex}.page-module__PNqyha__exerciseQuestion{font-size:var(--text-base);font-weight:500;color:var(--color-text-primary)!important}.page-module__PNqyha__exerciseOptions{gap:var(--space-3);flex-direction:column;display:flex}.page-module__PNqyha__exerciseArray{gap:var(--space-3);justify-content:center;display:flex}.page-module__PNqyha__optionBtn{padding:var(--space-3)var(--space-5);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);font-weight:500;font-family:var(--font-body)}.page-module__PNqyha__optionBtn:hover:not(:disabled){border-color:var(--color-brand);background:var(--color-brand-soft)}.page-module__PNqyha__optionCorrect{border-color:var(--color-success)!important;background:var(--color-success-soft)!important;color:var(--color-success)!important}.page-module__PNqyha__optionWrong{border-color:var(--color-error)!important;background:var(--color-error-soft)!important;color:var(--color-error)!important}.page-module__PNqyha__feedback{padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;animation:.3s ease-out page-module__PNqyha__fadeIn}.page-module__PNqyha__feedbackCorrect{background:var(--color-success-soft);color:var(--color-success)}.page-module__PNqyha__feedbackWrong{background:var(--color-error-soft);color:var(--color-error)}.page-module__PNqyha__lessonNav{padding:var(--space-6)0;border-top:1px solid var(--color-border);margin-top:var(--space-6);justify-content:space-between;display:flex}@media (max-width:768px){.page-module__PNqyha__arrayElements{gap:var(--space-2)}.page-module__PNqyha__element{width:44px;height:44px;font-size:var(--text-base)}.page-module__PNqyha__controls{gap:var(--space-3)}.page-module__PNqyha__lessonNav{gap:var(--space-3);flex-direction:column}}