.lesson-frame{background:var(--bg-main);min-height:100vh}.lesson-container{padding:var(--space-8)0;max-width:900px}.lesson-header{padding:var(--space-6);border-radius:var(--radius-xl);margin-bottom:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.progress-wrapper{align-items:center;gap:var(--space-4);display:flex}.progress-bar-bg{background:var(--border);border-radius:6px;flex:1;height:12px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--secondary),#34d399);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-text{min-width:120px;color:var(--secondary);font-weight:700}.lesson-content{justify-content:center;align-items:center;min-height:400px;display:flex}.reward-unlock-overlay{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.reward-modal{text-align:center;max-width:400px;animation:.5s cubic-bezier(.175,.885,.32,1.275) popIn}.reward-icon{margin-bottom:var(--space-4);font-size:5rem}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}