:root{--primary: #6C63FF;--primary-dark: #5a52d5;--primary-light: #8f89ff;--secondary: #FF6584;--dark: #1a1a2e;--dark-2: #0f0f1a;--card: #16213e;--card-2: #1e2d4a;--border: #2a3a5c;--text: #e0e0e0;--text-muted: #8899aa;--text-dim: #556677;--success: #4CAF50;--warning: #FF9800;--danger: #f44336;--hiit: #FF6584;--pesas: #6C63FF;--cardio: #00BCD4;--nav-height: 64px;--header-height: 60px;--radius: 12px;--radius-lg: 20px;--shadow: 0 4px 20px rgba(0,0,0,.3);--transition: all .2s ease}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overscroll-behavior:none}body{background:var(--dark);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}#app{min-height:100vh;position:relative}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}h1{font-size:1.8rem;font-weight:700}h2{font-size:1.4rem;font-weight:600}h3{font-size:1.1rem;font-weight:600}h4{font-size:.95rem;font-weight:600}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-center{text-align:center}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.page{min-height:100vh;padding-bottom:calc(var(--nav-height) + 16px);animation:pageIn .25s ease}.page-no-nav{min-height:100vh;animation:pageIn .25s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-header{position:sticky;top:0;z-index:100;background:var(--dark);padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);height:var(--header-height)}.page-header h2{flex:1}.container{padding:16px;max-width:480px;margin:0 auto}.section{margin-bottom:24px}.section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:12px}.card{background:var(--card);border-radius:var(--radius);padding:16px;border:1px solid var(--border)}.card-lg{background:var(--card);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--border)}.card-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-lg);padding:20px;border:none;color:#fff}.card+.card,.card-lg+.card-lg{margin-top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius);border:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;white-space:nowrap;font-family:inherit}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover{background:#e05575}.btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--primary)}.btn-outline:hover{background:#6c63ff1a}.btn-ghost{background:var(--card-2);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#d32f2f}.btn-success{background:var(--success);color:#fff}.btn-lg{padding:16px 32px;font-size:1.05rem;border-radius:var(--radius-lg)}.btn-sm{padding:8px 14px;font-size:.8rem;border-radius:8px}.btn-icon{width:40px;height:40px;padding:0;border-radius:10px;font-size:1.1rem}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.form-control{width:100%;background:var(--card-2);border:1.5px solid var(--border);border-radius:var(--radius);padding:12px 14px;color:var(--text);font-size:.95rem;font-family:inherit;transition:var(--transition);-webkit-appearance:none}.form-control:focus{outline:none;border-color:var(--primary);background:var(--card)}.form-control::placeholder{color:var(--text-dim)}select.form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238899aa' fill='none' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}.objective-btn{background:var(--card-2);border:1.5px solid var(--border);border-radius:var(--radius);padding:12px 16px;color:var(--text);text-align:left;cursor:pointer;transition:var(--transition);font-family:inherit;width:100%}.objective-btn.active{border-color:var(--primary);background:#6c63ff26;color:var(--primary-light)}.objective-btn:hover:not(.active){border-color:var(--primary)}.obj-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0;color:transparent;transition:var(--transition)}.objective-btn.active .obj-check{background:var(--primary);border-color:var(--primary);color:#fff}.chip-group{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 14px;border-radius:20px;border:1.5px solid var(--border);background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition);font-family:inherit}.chip.active,.chip:checked,.chip[aria-selected=true]{background:var(--primary);border-color:var(--primary);color:#fff}.chip:hover{border-color:var(--primary);color:var(--primary)}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checkbox-item{display:flex;align-items:center;gap:10px;background:var(--card-2);border:1.5px solid var(--border);border-radius:10px;padding:10px 12px;cursor:pointer;transition:var(--transition);font-size:.85rem}.checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.checkbox-item.checked{border-color:var(--primary);background:#6c63ff1a;color:var(--primary-light)}.range-group{display:flex;align-items:center;gap:12px}input[type=range]{flex:1;-webkit-appearance:none;height:4px;background:var(--border);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--primary);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #6c63ff66}.range-value{background:var(--primary);color:#fff;font-size:.85rem;font-weight:700;padding:4px 10px;border-radius:20px;min-width:42px;text-align:center}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.badge-primary{background:#6c63ff33;color:var(--primary-light)}.badge-secondary{background:#ff658433;color:var(--secondary)}.badge-success{background:#4caf5033;color:var(--success)}.badge-warning{background:#ff980033;color:var(--warning)}.badge-danger{background:#f4433633;color:var(--danger)}.badge-info{background:#00bcd433;color:#00bcd4}.badge-hiit{background:#ff658433;color:var(--secondary)}.badge-pesas{background:#6c63ff33;color:var(--primary-light)}.nivel-principiante{background:#4caf5033;color:var(--success)}.nivel-intermedio{background:#ff980033;color:var(--warning)}.nivel-avanzado{background:#f4433633;color:var(--danger)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-height);background:var(--card);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;z-index:200;padding-bottom:env(safe-area-inset-bottom)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-dim);text-decoration:none;padding:8px 12px;border-radius:10px;transition:var(--transition);cursor:pointer;background:none;border:none;font-family:inherit;min-width:56px}.nav-item .nav-icon{font-size:1.3rem;line-height:1}.nav-item .nav-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.nav-item.active{color:var(--primary)}.nav-item.active .nav-icon{transform:translateY(-2px)}.progress-bar{background:var(--border);border-radius:4px;height:6px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;background:var(--primary);transition:width .5s ease}.progress-fill.success{background:var(--success)}.progress-fill.warning{background:var(--warning)}.exercise-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:8px;display:flex;align-items:flex-start;gap:12px;transition:var(--transition);cursor:pointer;position:relative;overflow:hidden}.exercise-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);opacity:0;transition:var(--transition)}.exercise-item:hover:before,.exercise-item.active:before{opacity:1}.exercise-item.completed{opacity:.6;border-color:var(--success)}.exercise-item.completed:before{background:var(--success);opacity:1}.exercise-check{width:24px;height:24px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition);margin-top:1px}.exercise-check.checked{background:var(--success);border-color:var(--success);color:#fff}.exercise-info{flex:1;min-width:0}.exercise-name{font-weight:600;font-size:.95rem;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exercise-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.exercise-sets{font-size:.85rem;color:var(--text-muted);font-weight:500}.exercise-actions{display:flex;gap:6px;flex-shrink:0}.timer-container{display:flex;flex-direction:column;align-items:center;padding:20px 0}.timer-circle-wrap{position:relative;width:160px;height:160px}.timer-circle{width:160px;height:160px;transform:rotate(-90deg)}.timer-bg{fill:none;stroke:var(--border);stroke-width:6}.timer-progress{fill:none;stroke:var(--primary);stroke-width:6;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:0;transition:stroke .3s ease}.timer-progress.warning{stroke:var(--warning)}.timer-progress.danger{stroke:var(--danger)}.timer-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.8rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.timer-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:8px}.timer-controls{display:flex;gap:12px;margin-top:12px}.chrono{display:flex;align-items:center;gap:6px;background:#6c63ff26;border:1px solid rgba(108,99,255,.3);border-radius:20px;padding:6px 12px;color:var(--primary);font-size:.8rem}.chrono-time{font-size:1.15rem;font-weight:800;color:var(--primary);font-variant-numeric:tabular-nums;letter-spacing:.02em}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:300;display:flex;align-items:flex-end;justify-content:center;animation:overlayIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:480px;max-height:85vh;overflow-y:auto;padding:20px;animation:modalIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 16px}.modal-title{font-size:1.1rem;font-weight:700;margin-bottom:16px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;text-align:center}.stat-value{font-size:1.8rem;font-weight:700;color:var(--primary);line-height:1}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.week-dots{display:flex;gap:8px;justify-content:center}.week-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border:2px solid var(--border);color:var(--text-dim);transition:var(--transition)}.week-dot.done{background:var(--success);border-color:var(--success);color:#fff}.week-dot.today{border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 3px #6c63ff33}.week-dot.today.done{background:var(--primary);color:#fff;border-color:var(--primary)}.week-dot.rest{background:var(--border);color:var(--text-dim)}.exercise-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.exercise-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.exercise-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(108,99,255,.05),transparent);opacity:0;transition:var(--transition)}.exercise-card:hover:after{opacity:1}.exercise-card:hover{border-color:#6c63ff66;transform:translateY(-2px)}.exercise-card-name{font-weight:600;font-size:.88rem;margin-bottom:8px;line-height:1.3}.exercise-card-muscle{font-size:.75rem;color:var(--text-muted);margin-bottom:8px}.exercise-card-badges{display:flex;flex-wrap:wrap;gap:4px}.history-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:8px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:var(--transition)}.history-item:hover{border-color:#6c63ff66}.history-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.history-info{flex:1}.history-date{font-weight:600;font-size:.95rem}.history-sub{font-size:.8rem;color:var(--text-muted);margin-top:2px}.search-bar{position:relative;margin-bottom:12px}.search-bar .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-dim);font-size:1rem}.search-bar .form-control{padding-left:38px}.filter-bar{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;margin-bottom:12px}.filter-bar::-webkit-scrollbar{display:none}.filter-chip{padding:6px 12px;border-radius:20px;border:1.5px solid var(--border);background:transparent;color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:var(--transition);font-family:inherit}.filter-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.onboarding-hero{background:linear-gradient(135deg,var(--primary) 0%,#9c27b0 100%);padding:48px 24px 32px;text-align:center;clip-path:ellipse(110% 100% at 50% 0%)}.onboarding-logo{width:80px;height:80px;background:#ffffff26;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.onboarding-title{font-size:2rem;font-weight:800;color:#fff}.onboarding-sub{color:#fffc;margin-top:8px;font-size:.95rem}.dashboard-header{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);padding:24px 20px;border-radius:0 0 24px 24px;margin-bottom:16px}.greeting{font-size:.9rem;color:#ffffffb3}.greeting-name{font-size:1.6rem;font-weight:800;color:#fff;margin-top:2px}.greeting-sub{font-size:.85rem;color:#ffffffb3;margin-top:4px}.today-card{background:#ffffff1a;border-radius:16px;padding:16px;margin-top:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15)}.today-day{font-size:.75rem;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:.08em}.today-workout{font-size:1.2rem;font-weight:700;color:#fff;margin-top:4px}.workout-header{background:linear-gradient(135deg,var(--dark-2),var(--card));padding:16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.current-exercise-card{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;text-align:center}.current-exercise-name{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:8px}.current-exercise-sets{font-size:.9rem;color:#fffc}.series-tracker{display:flex;gap:8px;justify-content:center;margin:12px 0}.series-dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;transition:var(--transition)}.series-dot.done{background:#fff}.profile-avatar{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),#9c27b0);border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.p-0{padding:0}.w-full{width:100%}.hidden{display:none!important}.opacity-50{opacity:.5}.toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:500;display:flex;flex-direction:column;gap:8px;pointer-events:none;width:calc(100% - 32px);max-width:380px}.toast{background:var(--card-2);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow);animation:toastIn .3s cubic-bezier(.34,1.56,.64,1);pointer-events:all}.toast.success{border-color:var(--success)}.toast.error{border-color:var(--danger)}.toast.warning{border-color:var(--warning)}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.95)}}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:12px;opacity:.5}.empty-state h3{color:var(--text);margin-bottom:8px}.divider{height:1px;background:var(--border);margin:16px 0}.step-indicator{display:flex;gap:6px;justify-content:center;margin-bottom:24px}.step-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:var(--transition)}.step-dot.active{background:var(--primary);width:24px;border-radius:4px}.step-dot.done{background:var(--primary)}@media (min-width: 480px){.container{padding:20px}.exercise-grid{grid-template-columns:1fr 1fr 1fr}}.day-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;overflow:hidden;transition:var(--transition)}.day-card-today{border-color:#6c63ff80;box-shadow:0 0 0 1px #6c63ff33}.day-card-header{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;-webkit-user-select:none;user-select:none}.day-card-header:active{background:#ffffff08}.day-exercises-list{border-top:1px solid var(--border);padding:0 14px;background:#0000001a}.day-status-dot{width:10px;height:10px;border-radius:50%;background:var(--border);flex-shrink:0;transition:var(--transition)}.day-status-dot.done{background:var(--success);box-shadow:0 0 0 3px #4caf5033}.day-status-dot.today{background:var(--primary);box-shadow:0 0 0 3px #6c63ff33}