.workout-home-page{padding-top:calc(var(--safe-top, 0) + 1rem);padding-bottom:2rem}.workout-home{padding:1rem 0;text-align:center;display:flex;flex-direction:column;gap:2rem}.workout-home h1{margin:0 0 .5rem}.filter-section{text-align:left}.filter-title{font-size:.875rem;font-weight:600;color:var(--gray-700);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.duration-select{width:100%;padding:.875rem 2.5rem .875rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius-md);background:var(--surface);color:var(--gray-900);font-size:1rem;font-weight:500;transition:all var(--transition);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.duration-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.duration-select:hover{border-color:var(--gray-300)}.duration-select option{padding:.5rem;background:var(--surface);color:var(--gray-900)}.filter-buttons{display:flex;flex-direction:column;gap:.5rem}.difficulty-btn,.type-btn{padding:.875rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius-md);background:var(--surface);color:var(--gray-900);cursor:pointer;transition:all var(--transition);font-family:inherit;font-size:.95rem;text-align:center;font-weight:500}.difficulty-btn:hover,.type-btn:hover{border-color:var(--primary);background:#6366f10d}.difficulty-btn.active,.type-btn.active{border-color:var(--primary);background:var(--primary);color:#fff;font-weight:600;box-shadow:0 4px 12px #6366f14d}.btn-start-workout{padding:1rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition);margin-top:1rem}.btn-start-workout:hover{background:var(--primary-dark);transform:translateY(-2px)}.workout-home h1{font-size:2rem;font-weight:700;margin-bottom:2rem;color:var(--gray-900)}.duration-options{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;max-width:400px;margin-left:auto;margin-right:auto}.duration-btn{padding:1.5rem;border:2px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--surface);color:var(--gray-900);cursor:pointer;transition:all var(--transition);font-family:inherit;font-size:1rem;box-shadow:var(--shadow-sm)}.duration-btn:hover:not(:disabled){border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 24px #6366f126}.duration-btn:active:not(:disabled){transform:scale(.98)}.duration-btn:disabled{opacity:.6;cursor:not-allowed}.duration-btn .time{display:block;font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}.duration-btn .desc{font-size:.875rem;color:var(--gray-500)}.exercise-selector-page{padding-top:calc(var(--safe-top, 0) + 1rem);padding-bottom:5rem}.exercise-selector{padding:0}.exercise-selector .header{text-align:center;margin-bottom:2rem}.exercise-selector h2{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.exercise-selector p{color:var(--gray-500)}#exercises-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.exercise-card{border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;background:var(--surface);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.exercise-thumb{width:100%;aspect-ratio:1;background:var(--gray-100);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.exercise-thumb img{width:100%;height:100%;object-fit:cover}.exercise-name{padding:.4rem;font-size:.6rem;font-weight:600;color:var(--gray-900);text-align:center;line-height:1.15;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;flex-grow:1;display:flex;align-items:center;justify-content:center}.exercise-meta{padding:0 .5rem .5rem;font-size:.55rem;color:var(--gray-500);text-align:center;margin:0;display:none}#start-workout-btn{width:100%;padding:1rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition)}#start-workout-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px)}#start-workout-btn:disabled{opacity:.6;cursor:not-allowed}.workout-player-page{padding-top:calc(var(--safe-top, 0) + 1rem);padding-bottom:2rem}.workout-player{display:flex;flex-direction:column;gap:1.5rem;background:transparent;color:var(--gray-900)}.workout-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;font-size:.875rem;gap:1rem}.counter{font-weight:600;opacity:.7;min-width:50px;color:var(--gray-600)}.timer{font-size:1.5rem;font-weight:700;font-family:Monaco,Courier New,monospace;flex:1;text-align:center;min-width:80px;color:var(--primary)}.pause-btn,.exit-btn,.mute-btn{background:transparent;border:none;color:var(--gray-600);font-size:1.75rem;cursor:pointer;opacity:.7;transition:opacity var(--transition),color var(--transition);padding:.5rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.pause-btn:hover,.exit-btn:hover,.mute-btn:hover{opacity:1;color:var(--primary)}.mute-icon{width:24px;height:24px;color:inherit}.mute-btn.muted #mute-wave{display:none}.pause-btn.paused{color:var(--primary)}.workout-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:0;position:relative;transition:background-color .3s ease,opacity .3s ease}.workout-player.resting .workout-center{background:#6366f11a;border-radius:var(--radius-lg)}.exercise-gif{width:100%;max-width:280px;height:280px;border-radius:var(--radius-lg);overflow:hidden;background:var(--gray-100);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #6366f11a;position:relative;border:3px solid var(--gray-300)}.exercise-gif:before{content:"";position:absolute;inset:-3px;border:3px solid var(--primary);border-radius:var(--radius-lg);pointer-events:none;animation:progressBorder 45s linear forwards;clip-path:polygon(0 0,var(--progress, 0%) 0,var(--progress, 0%) 3px,3px 3px,3px 100%,0 100%)}@keyframes progressBorder{0%{--progress: 100%}25%{--progress: 100%;clip-path:polygon(0 0,100% 0,100% 3px,3px 3px,3px 100%,0 100%)}50%{--progress: 100%;clip-path:polygon(0 0,100% 0,100% 100%,100% 100%,100% 100%,0 100%)}75%{--progress: 100%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 100%,0 100%)}to{--progress: 0%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,0 0)}}.exercise-gif img{max-width:100%;max-height:100%;object-fit:contain;animation:fadeIn .3s ease-in;width:100%;height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.exercise-info{text-align:center;padding:1rem 1rem .5rem;flex:1;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto}.exercise-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.exercise-name{margin:0;flex:1;font-size:1.25rem;font-weight:600}.toggle-instructions-btn{background:none;border:none;cursor:pointer;padding:.375rem;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--gray-600);flex-shrink:0}.toggle-instructions-btn:hover{background:#6366f11a;color:var(--primary)}.toggle-instructions-btn:active{transform:scale(.9)}.toggle-instructions-btn.active{background:#6366f126;color:var(--primary)}.info-icon{width:1.25rem;height:1.25rem}.exercise-name{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:-.5px;color:var(--gray-900);line-height:1.2}.exercise-desc{font-size:.875rem;color:var(--gray-500)}.instructions{font-size:.8125rem;color:var(--gray-600);margin-top:1rem;max-width:300px;line-height:1.5}.instruction-step{margin:.5rem 0}.instruction-step strong{color:var(--primary)}.progress-dots{display:flex;justify-content:center;gap:.75rem;padding:1rem 0 0;flex-wrap:wrap;margin-bottom:-.5rem}.dot{width:8px;height:8px;border-radius:50%;background:var(--gray-300);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.dot.completed{background:var(--primary);transform:scale(1.3)}.dot.current{background:var(--primary-light);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.resting-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;background:#fffffff2;border-radius:var(--radius-lg);z-index:100;backdrop-filter:blur(4px)}.resting-label{font-size:1.125rem;font-weight:600;color:var(--gray-900)}.resting-timer{font-size:3rem;font-weight:700;color:var(--primary);font-family:Monaco,Courier New,monospace}.workout-complete{padding:2rem 1rem;text-align:center;background:var(--bg);color:var(--gray-900);min-height:100vh;display:flex;flex-direction:column;animation:slideUp .5s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.celebration-container{position:relative;height:100px;margin:2rem 0 1rem}.celebration{font-size:5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:celebrationPop .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes celebrationPop{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.confetti-container{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti{position:absolute;width:8px;height:8px;border-radius:50%;pointer-events:none;animation:fall 2s ease-in-out forwards}@keyframes fall{0%{opacity:1;transform:translateY(0) translate(0) rotate(0)}to{opacity:0;transform:translateY(300px) translate(100px) rotate(360deg)}}.completion-stats{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.stat-box{background:var(--surface);padding:1.25rem;border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);animation:slideUp .5s cubic-bezier(.34,1.56,.64,1);animation-fill-mode:both}.stat-box:nth-child(1){animation-delay:.2s}.stat-box:nth-child(2){animation-delay:.4s}.stat-box:nth-child(3){animation-delay:.6s}.stat-box.xp-box{background:var(--primary-subtle);border-color:var(--primary)}.stat-label{display:block;font-size:.75rem;color:var(--gray-500);margin-bottom:.5rem;text-transform:uppercase;font-weight:600;letter-spacing:.05em}.stat-value{display:block;font-size:1.75rem;font-weight:700;color:var(--gray-900)}.stat-box.xp-box .stat-value{color:var(--primary)}.badges-container{margin:2rem 0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.badge{text-align:center;padding:1rem;background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.badge-icon{font-size:2rem;margin-bottom:.5rem}.badge-name{font-size:.875rem;font-weight:600;color:var(--gray-900)}.badge-desc{font-size:.75rem;color:var(--gray-500);margin-top:.25rem}.workout-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.btn-primary{padding:1rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn-secondary{padding:1rem;background:var(--surface);color:var(--gray-900);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}@media(max-width:639px){.workout-player{padding:.75rem}.workout-top{margin-bottom:1rem;font-size:.75rem;gap:.5rem}.timer{font-size:1.25rem}.pause-btn,.exit-btn{font-size:1.5rem;min-width:40px;min-height:40px;padding:.25rem}.workout-center{gap:1rem}.exercise-gif{max-width:200px;height:200px}.exercise-name{font-size:1.1rem;margin-bottom:.25rem}.resting-overlay{gap:1.5rem}.resting-label{font-size:1rem}.resting-timer{font-size:2.5rem}.progress-dots{gap:.5rem;padding:.75rem 0 0}.dot{width:6px;height:6px}.counter{min-width:40px;font-size:.7rem}.duration-options{gap:.75rem}.duration-btn{padding:1rem}.duration-btn .time{font-size:1.25rem}.duration-btn .desc{font-size:.8rem}}@media(min-width:640px){#exercises-grid{grid-template-columns:repeat(2,1fr)}.exercise-name{font-size:.7rem}}@media(min-width:768px){.workout-player{padding:2rem}.duration-options{flex-direction:row}.duration-btn{flex:1}#exercises-grid{grid-template-columns:repeat(3,1fr)}.exercise-name{font-size:.75rem}.workout-buttons{flex-direction:row}.btn-primary,.btn-secondary{flex:1}}.exercise-settings-page{padding-top:calc(var(--safe-top, 0) + 1rem);padding-bottom:5rem}.settings-section{margin-bottom:2rem}.section-title{font-size:.875rem;font-weight:600;color:var(--gray-700);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.equipment-filters{display:flex;flex-direction:column;gap:.5rem}.equipment-checkbox{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:2px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);background:var(--surface)}.equipment-checkbox:hover{border-color:var(--primary);background:#6366f10d}.equipment-checkbox input[type=checkbox]{cursor:pointer;accent-color:var(--primary);width:18px;height:18px}.equipment-label{flex:1;font-weight:500;color:var(--gray-900);user-select:none}#category-filters,#muscle-filters{display:flex;flex-wrap:wrap;gap:.5rem}#category-filters .filter-btn,#muscle-filters .filter-btn{padding:.625rem .875rem;border:2px solid var(--gray-200);border-radius:var(--radius-md);background:var(--surface);color:var(--gray-900);cursor:pointer;transition:all var(--transition);font-size:.875rem;font-weight:500;white-space:nowrap}#category-filters .filter-btn:hover,#muscle-filters .filter-btn:hover{border-color:var(--primary);background:#6366f10d}#category-filters .filter-btn.active,#muscle-filters .filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.exercises-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1rem 0}.exercise-section,.exercise-section-disabled{display:contents}.exercise-card-settings{position:relative;border:2px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;background:var(--surface);cursor:pointer;transition:all var(--transition);display:flex;flex-direction:column;gap:.5rem;padding:.5rem;min-height:180px}.exercise-card-settings.enabled{border-color:var(--gray-200)}.exercise-card-settings.enabled:hover{border-color:var(--primary);transform:translateY(-2px)}.exercise-card-settings.disabled{opacity:.55;border-color:var(--gray-300);pointer-events:auto}.exercise-card-settings.disabled:hover{opacity:.7;transform:none}.exercise-gif-settings{width:100%;flex:1;object-fit:cover;border-radius:var(--radius-sm);background:var(--gray-100)}.exercise-name-settings{font-size:.75rem;font-weight:500;color:var(--gray-900);line-height:1.2;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.exercise-checkbox-settings{position:absolute;top:.5rem;right:.5rem;width:20px;height:20px;cursor:pointer;accent-color:var(--primary);z-index:10}.exercise-badge-restricted{position:absolute;top:.5rem;left:.5rem;padding:.3rem .6rem;background:#ef4444e6;color:#fff;font-size:.65rem;font-weight:700;border-radius:3px;z-index:9;text-transform:uppercase;letter-spacing:.5px}.difficulty-badge{position:absolute;bottom:.5rem;left:.5rem;padding:.35rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600;z-index:5;backdrop-filter:blur(4px)}.difficulty-beginner{background:#22c55ed9;color:#fff}.difficulty-intermediate{background:#3b82f6d9;color:#fff}.difficulty-advanced{background:#ef4444d9;color:#fff}@media(min-width:640px){.exercises-settings-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media(min-width:768px){.exercises-settings-grid{grid-template-columns:repeat(4,1fr);gap:1rem}}.exercise-select-page{padding-top:calc(var(--safe-top, 0) + 1rem);padding-bottom:2rem}.exercise-select{display:flex;flex-direction:column;gap:2rem}.select-header{text-align:center}.select-header h1{margin:0 0 .5rem;font-size:1.75rem}.select-subtitle{color:var(--gray-600);margin:0;font-size:.95rem}.exercise-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.exercise-card{position:relative;display:flex;flex-direction:column;border:2px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;background:#fff;cursor:pointer;transition:all var(--transition);animation:slideIn .3s ease-out}.exercise-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #6366f11a}.exercise-card:active{transform:scale(.98)}.exercise-card-img{width:100%;height:120px;background:var(--gray-100);object-fit:cover;display:block}.exercise-shuffle-btn{position:absolute;top:.5rem;right:.5rem;width:36px;height:36px;border-radius:50%;border:2px solid white;background:#6366f1e6;color:#fff;font-size:1.125rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 8px #6366f14d;z-index:10;backdrop-filter:blur(4px)}.exercise-shuffle-btn:hover{background:#6366f1;transform:scale(1.1) rotate(180deg);box-shadow:0 4px 12px #6366f180}.exercise-shuffle-btn:active{transform:scale(.95) rotate(180deg)}.exercise-shuffle-btn:disabled{opacity:.6;cursor:not-allowed}.exercise-shuffle-btn:disabled:hover{transform:scale(1) rotate(180deg)}.exercise-card-info{padding:.75rem;flex:1;display:flex;flex-direction:column}.exercise-card-name{font-size:.875rem;font-weight:600;color:var(--gray-900);margin:0;line-height:1.3}.exercise-card-number{font-size:.75rem;color:var(--gray-500);margin-top:.25rem}.select-actions{display:flex;gap:1rem}.select-actions button{flex:1;padding:.875rem;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition);font-size:.95rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-secondary{background:var(--gray-100);color:var(--gray-900);border:2px solid var(--gray-200)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-300)}.select-footer{text-align:center;padding-top:1rem;border-top:1px solid var(--gray-200)}@media(min-width:640px){.exercise-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}.exercise-card-img{height:140px}}@media(min-width:1024px){.exercise-grid{grid-template-columns:repeat(4,1fr)}}.workout-settings-link{text-align:center;padding-top:1rem;border-top:1px solid var(--gray-200)}.settings-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--primary);text-decoration:none;padding:.5rem 1rem;border-radius:var(--radius-md);transition:all var(--transition)}.settings-link:hover{background:var(--primary-subtle);color:var(--primary-dark)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:200px;padding:2rem 1rem}.loading-spinner p{color:var(--gray-600);font-size:.875rem;margin:0}.spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.exercise-description{color:var(--gray-600);font-size:1rem;margin:1rem 0 1.5rem;line-height:1.6;font-weight:500}.exercise-instructions{margin-top:1.5rem;font-size:.9rem;color:var(--gray-700);line-height:1.7;max-height:250px;overflow-y:auto;padding:0 1rem}.exercise-instructions p{margin:.75rem 0;padding:.75rem;background:var(--gray-50);border-left:4px solid var(--primary);border-radius:4px;text-align:left;font-size:.9rem}.exercise-instructions p strong{color:var(--primary);font-weight:600;display:block;margin-bottom:.25rem}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.pause-btn:focus-visible,.mute-btn:focus-visible,.exit-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.mute-btn.muted{opacity:.6}button[aria-pressed=true]{background:#ffffff1a}.template-section{background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border:2px solid var(--primary);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.5rem}.template-info{background:var(--surface);border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem;border:1px solid var(--gray-200)}.template-info h4{margin:0 0 .5rem;font-size:1rem;color:var(--gray-900)}.template-info p{margin:.25rem 0;font-size:.875rem;color:var(--gray-700)}.template-info .label{font-weight:600;color:var(--gray-900)}.template-info .value{color:var(--primary);font-weight:500}.btn-use-template{width:100%;padding:.875rem 1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition);margin-bottom:.75rem}.btn-use-template:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.btn-use-template:active{transform:translateY(0)}.btn-toggle-custom{width:100%;padding:.75rem 1rem;background:transparent;color:var(--gray-700);border:2px solid var(--gray-300);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition)}.btn-toggle-custom:hover{border-color:var(--gray-400);color:var(--gray-900)}.custom-section{margin-top:1rem;max-height:0;overflow:hidden;transition:max-height var(--transition)}.custom-section.expanded{max-height:500px}.hidden{display:none!important}.exercise-timeline{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1.5rem 1rem;margin-top:1rem;background:linear-gradient(to bottom,transparent,rgba(99,102,241,.05));border-top:1px solid var(--gray-200)}.timeline-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all var(--transition)}.timeline-prev,.timeline-next{opacity:.6;transform:scale(.8)}.timeline-prev img,.timeline-next img{width:50px;height:50px;border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--gray-300)}.timeline-current{position:relative;z-index:10}.timeline-current img{width:70px;height:70px;border-radius:var(--radius-md);object-fit:cover;border:3px solid var(--primary);box-shadow:0 4px 12px #6366f14d}.timeline-current:before,.timeline-current:after{content:"";position:absolute;top:50%;width:30px;height:2px;background:var(--primary);opacity:.3}.timeline-current:before{left:-40px}.timeline-current:after{right:-40px}@media(max-width:480px){.exercise-timeline{gap:.75rem;padding:1rem}.timeline-prev img,.timeline-next img{width:40px;height:40px}.timeline-current img{width:60px;height:60px}.timeline-current:before,.timeline-current:after{width:20px}.timeline-current:before{left:-30px}.timeline-current:after{right:-30px}}