.exercises-page{display:flex;flex-direction:column;gap:var(--space-xl)}.exercises-title{font-size:var(--font-size-2xl);font-weight:700;text-align:center}.exercises-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-lg)}.exercise-card{padding:var(--space-xl);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.exercise-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.exercise-card-icon{font-size:2.5rem;margin-bottom:var(--space-xs)}.exercise-card-name{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.exercise-card-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.exercise-card-score{display:flex;gap:var(--space-md);font-size:var(--font-size-sm);font-weight:600}.exercise-score-correct{color:var(--color-success)}.exercise-score-wrong{color:var(--color-error)}.exercise-score-best{color:var(--color-info)}.exercise-card-noscore{font-size:var(--font-size-xs);color:var(--color-text-muted)}.exercise-start-btn{margin-top:var(--space-sm)}.exercise-card-settings{width:100%;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin:var(--space-xs) 0}.exercise-setting-row{display:flex;align-items:center;gap:var(--space-sm)}.exercise-setting-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;min-width:70px}.exercise-setting-slider{flex:1;height:4px;cursor:pointer}.exercise-setting-value{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text);min-width:32px;text-align:right}.exercise-session{max-width:600px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:var(--space-lg)}.exercise-header{display:flex;align-items:center;gap:var(--space-md)}.exercise-mode-title{font-size:var(--font-size-xl);font-weight:600}.exercise-session .sequence-card{padding:var(--space-xl) var(--space-2xl);text-align:center;min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center}.exercise-session .sequence-progress{width:100%;display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.exercise-session .sequence-progress-bar{flex:1;height:6px;background:var(--color-surface-alt);border-radius:var(--radius-full);overflow:hidden}.exercise-session .sequence-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),#f97316);border-radius:var(--radius-full);transition:width .3s ease}.exercise-session .sequence-progress-text{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.exercise-session .sequence-display{display:flex;align-items:center;justify-content:center;min-height:100px}.exercise-session .sequence-operation{font-size:var(--font-size-5xl);font-weight:800;color:var(--color-text);letter-spacing:-1px;line-height:1}.exercise-session .sequence-operation.complete{font-size:var(--font-size-2xl);color:var(--color-success)}.exercise-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}@media(max-width:480px){.exercises-grid{grid-template-columns:1fr}.exercise-card{padding:var(--space-lg)}.exercise-session .sequence-card{padding:var(--space-lg);min-height:160px}.exercise-session .sequence-operation{font-size:var(--font-size-4xl)}}