:root{--muscle-chest: #ff6b6b;--muscle-back: #4ecdc4;--muscle-legs: #45b7d1;--muscle-shoulders: #96ceb4;--muscle-arms: #feca57;--muscle-abs: #ff9ff3;--muscle-cardio: #54a0ff;--muscle-stretching: #625300}*{margin:0;padding:0;box-sizing:border-box}.app-header,.app-header.male{background:#1a1a2e;color:#fff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2d2d4a}.app-header.female{background:#97083c;color:#fff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2d2d4a}.logo{display:flex;align-items:center;gap:1rem}.logo h1{font-size:1.8rem;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stats{display:flex;gap:2rem;align-items:center}.stat-item{text-align:center}.stat-number{font-size:1.5rem;font-weight:700;color:#4ecdc4}.stat-label{font-size:.8rem;opacity:.7}body{font-family:Inter,system-ui,sans-serif;margin:0;background:#0a0a0a}.app-container{max-width:1600px;margin:20px auto;background:#fff;border-radius:24px;box-shadow:0 25px 50px #00000026;overflow:hidden;display:grid;grid-template-rows:auto 1fr;height:calc(100vh - 40px)}.app-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:1px}.main-grid{display:grid;grid-template-columns:280px 1fr 350px;height:100vh}.muscle-nav{background:#f8fafc;border-right:1px solid #e2e8f0;padding:1.5rem;overflow-x:hidden;margin-bottom:120px}.muscle-group{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:.5rem;border-radius:12px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.muscle-group.active{background:#fff;border-color:var(--muscle-color);box-shadow:0 4px 12px #0000001a}.muscle-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.muscle-name{font-weight:600;color:#1a1a2e}.exercise-count{font-size:.8rem;color:#64748b;margin-top:.2rem}.timeline-view{padding:2rem 0;background:#fff;display:flex;flex-direction:column;overflow:hidden;height:93%}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0px 1rem 1rem;border-bottom:1px solid #f1f5f9;flex-shrink:0}.header-center{display:flex;flex-direction:column;align-items:center;gap:.75rem}.week-dots{display:flex;gap:.5rem}.week-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e1}.week-dot.active{background:#3b82f6}.timeline-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;overflow-y:auto;flex-grow:1;padding-bottom:150px;padding-left:12px;padding-right:12px}.day-column{background:#f8fafc;border-radius:16px;padding:1rem;min-height:400px;border:2px solid transparent;transition:all .3s ease}.day-column.active{border-color:#3b82f6;background:#eff6ff}.day-column.today{border-color:#97083c!important;background:#97083c20}.day-header{text-align:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.day-number{font-size:1.4rem;font-weight:700;color:#1a1a2e}.day-name{font-size:.8rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.workout-block{background:#fff;border-radius:12px;padding:1rem;margin-bottom:.75rem;border-left:4px solid var(--muscle-color);box-shadow:0 2px 8px #00000014;cursor:pointer}.workout-muscle{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3rem}.workout-name{font-size:.9rem;font-weight:600;color:#1a1a2e;margin-bottom:.3rem}.workout-meta{font-size:.75rem;color:#64748b;display:flex;justify-content:space-between}.add-workout{background:transparent;border:2px dashed #cbd5e1;color:#64748b;border-radius:12px;padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:all .3s ease}.add-workout:hover{border-color:#3b82f6;color:#3b82f6}.exercise-library{background:#f8fafc;border-left:1px solid #e2e8f0;padding:1.5rem;overflow-y:auto;padding-bottom:200px}.library-header{position:sticky;z-index:10;background:#f8fafc;margin:-1.5rem -1.5rem 1.5rem;padding:1.5rem 1.5rem .5rem;border-bottom:1px solid #e2e8f0;top:-30px}.search-box{position:relative;margin-bottom:1rem}.search-box input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #e2e8f0;border-radius:12px;font-size:.9rem;background:#fff}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#64748b}.exercise-grid{display:grid;gap:1rem}.exercise-card{background:#fff;border-radius:12px;padding:1rem;border:2px solid transparent;cursor:grab;transition:all .3s ease}.exercise-card.remote-exercise{background-color:#97083c10}.exercise-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.exercise-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.5rem}.exercise-name{font-weight:600;color:#1a1a2e}.exercise-muscle{font-size:.7rem;padding:.2rem .6rem;border-radius:20px;color:#fff;font-weight:500}.exercise-details{font-size:.8rem;color:#64748b;margin-bottom:.5rem}.exercise-stats{display:flex;gap:1rem;font-size:.75rem;color:#64748b}.btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn{padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-success{background:#10b981;color:#fff}.btn-outline{background:transparent;border:2px solid #3b82f6;color:#3b82f6}.action-buttons{display:flex;gap:1rem;margin-top:1rem;padding-bottom:8px}.muscle-chest{--muscle-color: var(--muscle-chest)}.muscle-back{--muscle-color: var(--muscle-back)}.muscle-legs{--muscle-color: var(--muscle-legs)}.muscle-shoulders{--muscle-color: var(--muscle-shoulders)}.muscle-arms{--muscle-color: var(--muscle-arms)}.muscle-abs{--muscle-color: var(--muscle-abs)}.muscle-cardio{--muscle-color: var(--muscle-cardio)}.days-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}h2{margin:0 0 16px;color:#333}.detail-header .muscle-group{display:inline-block;background:#f59e0b;color:#fff;padding:.3rem 1rem;border-radius:15px;font-size:.8rem;font-weight:500}.d-none{display:none}.workout-details h3{display:inline-flex;font-size:1.17em;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;font-weight:700;unicode-bidi:isolate;margin:0;align-items:center;gap:10px;padding:0}.workout-details{height:100vh;padding-bottom:150px!important}.workout-details .detail-header{margin-bottom:2rem}.workout-details{background:#f8fafc;border-left:1px solid #e2e8f0;padding:1.5rem;overflow-y:auto}.detail-header{margin-bottom:2rem}.muscle-group{display:inline-block;background:var(--warning);color:#fff;padding:.3rem 1rem;border-radius:15px;font-size:.8rem;font-weight:500}.exercise-list{space-y:1rem}.exercise-item{background:#fff;border-radius:10px;padding:1rem;margin-bottom:1rem;transition:all .3s ease;width:100%}.exercise-item.completed{text-decoration:line-through;opacity:.5}.finalize-check{display:flex;align-items:center;padding:0 10px;height:65px;cursor:pointer}.custom-checkbox{width:26px;height:26px;border-radius:50%;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;margin-right:12px;transition:all .2s ease;cursor:pointer;background:#fff}.custom-checkbox:hover{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.custom-checkbox.checked{background:#10b981;border-color:#10b981}.custom-checkbox svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.5);transition:all .2s ease}.custom-checkbox.checked svg{opacity:1;transform:scale(1)}.exercise-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.exercise-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.5rem}.sets-reps{color:#6b7280;font-size:.9rem}.exercise-info{font-size:.8rem;color:#6b7280;margin-top:.5rem}.day-column{border-radius:16px;background:#f8fafc;padding:1rem;min-height:400px;border:2px solid transparent;transition:all .3s ease}.day-column.active{border-color:var(--primary-color, #007bff)}.day-column.drag-over{border-color:var(--primary-color, #007bff);background:#f8f9ff}.day-header{text-align:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee}.day-number{font-size:24px;font-weight:700;color:#333}.day-name{font-size:14px;color:#666;text-transform:uppercase}.workout-block{background:#fff;border-radius:8px;padding:12px;margin-bottom:12px;border-left:4px solid}.workout-muscle{font-size:12px;font-weight:600;text-transform:uppercase;margin-bottom:4px}.workout-name{font-size:14px;font-weight:500;margin-bottom:6px}.workout-meta{display:flex;justify-content:space-between;font-size:12px;color:#666}.add-workout{text-align:center;padding:16px;border:2px dashed #ddd;border-radius:8px;color:#666;cursor:pointer;transition:all .2s ease}.add-workout:hover{border-color:var(--primary-color, #007bff);color:var(--primary-color, #007bff)}.empty-state{text-align:center;padding:40px 20px;color:#999;font-size:14px}.muscle-group{display:flex;align-items:center;padding:1rem;border-radius:12px;background:transparent;cursor:grab;transition:all .2s ease;border:2px solid transparent;margin-bottom:.5rem;gap:1rem}.muscle-group:hover{transform:translateY(-2px);background:#fff;box-shadow:0 4px 12px #0000001a}.muscle-group.dragging{opacity:.6;cursor:grabbing;border:2px dashed #ccc}.muscle-chest.active{border-color:var(--muscle-chest)}.muscle-back.active{border-color:var(--muscle-back)}.muscle-legs.active{border-color:var(--muscle-legs)}.muscle-shoulders.active{border-color:var(--muscle-shoulders)}.muscle-arms.active{border-color:var(--muscle-arms)}.muscle-abs.active{border-color:var(--muscle-abs)}.muscle-cardio.active{border-color:var(--muscle-cardio)}.muscle-group.active{background:#fff;box-shadow:0 4px 12px #0000001a}.muscle-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;margin-right:12px}.muscle-name{font-weight:600;font-size:14px;margin-bottom:2px}.exercise-count{font-size:12px;color:#666}@media(max-width:767px){html,body{padding:0!important;margin:0!important;touch-action:manipulation}.modal-content{height:100vh!important;width:100%!important}.main-grid{grid-template-columns:1fr}.app-container{border-radius:0!important;margin-top:0!important}.app-header{padding:.5rem 2rem}.muscle-nav{z-index:99}.btn-muscleGroup{z-index:999;position:absolute;bottom:0;border:0;height:60px;padding:16px;border-radius:12px;box-shadow:0 0 5px #e2e2e2}}@media(min-width:768px){.hide-on-desktop{display:none}}.badge{display:inline-flex;align-items:center;padding:4px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:12px;font-weight:600;font-family:system-ui,-apple-system,sans-serif;border-radius:50px;letter-spacing:.3px;transition:transform .2s ease,box-shadow .2s ease}.badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.badge-novice{background:linear-gradient(135deg,#9e9e9e,#757575);box-shadow:0 2px 8px #7575754d}.badge-beginner{background:linear-gradient(135deg,#4caf50,#388e3c)}.badge-intermediate{background:linear-gradient(135deg,#2196f3,#1976d2)}.badge-advanced{background:linear-gradient(135deg,#ff9800,#f57c00)}.badge-expert{background:linear-gradient(135deg,#f44336,#d32f2f)}.rest-day{position:relative;overflow:hidden;min-height:240px;border-radius:24px;padding:2rem 1.5rem;display:flex;align-items:center;justify-content:center}.rest-day:after{content:"";position:absolute;inset:0;pointer-events:none}.rest-day:before{content:"REST";position:absolute;top:50%;right:10px;transform:translateY(-50%);writing-mode:vertical-rl;text-orientation:mixed;font-size:4.5rem;font-weight:900;letter-spacing:8px;line-height:1;color:#b3164614;-webkit-user-select:none;user-select:none;pointer-events:none}.rest-content{position:relative;z-index:2;text-align:center}.rest-content h2{margin:0;font-size:1.7rem;font-weight:800;color:#7d1736}.rest-content p{margin-top:.75rem;color:#9b6a78;font-size:.95rem;line-height:1.4}.day-column.today .rest-day h2,.day-column.today .rest-day .rest-content p{color:#8e0d0d4d}.day-column .rest-day h2,.day-column .rest-day .rest-content p{color:#0d0f8a4d}.day-column .rest-day:before{color:#0d0f8a1a}.day-column.today .rest-day:before{color:#8e0d0d1a}