*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg: #0f0f0f;--surface: #1a1a1a;--surface2: #242424;--surface3: #2e2e2e;--accent: #c8ff00;--text: #f0f0f0;--muted: #888;--danger: #ff4444;--danger-bg: rgba(255, 68, 68, .12);--radius: 14px;--nav-height: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px)}html,body{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}body{background:radial-gradient(ellipse 180% 45% at 50% 0%,#3a3a3a,#1e1e1e 38%,#0d0d0d)}#root{height:100%;display:flex;flex-direction:column}.loading-screen{flex:1;display:flex;align-items:center;justify-content:center;min-height:100vh}.spinner{width:36px;height:36px;border:3px solid var(--surface3);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px;min-height:100dvh}.auth-logo{margin-bottom:32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.auth-logo img{max-width:220px}.auth-logo p{color:var(--muted);font-size:.9rem}.auth-card{width:100%;max-width:400px;background:var(--surface);border-radius:var(--radius);padding:28px 24px;border:1px solid #2a2a2a}.auth-card h2{font-size:1.3rem;font-weight:700;margin-bottom:24px}.auth-link{text-align:center;margin-top:20px;font-size:.9rem;color:var(--muted)}.auth-link a{color:var(--accent);text-decoration:none;font-weight:600}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:11px;color:var(--muted);margin-bottom:6px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea,.form-group select{width:100%;background:var(--surface2);border:1.5px solid transparent;border-radius:10px;padding:12px 14px;color:var(--text);font-size:15px;font-family:inherit;outline:none;transition:border-color .15s;-webkit-appearance:none}.form-group textarea{resize:none;height:72px}.form-group select option{background:#1a1a1a}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent)}.form-group input::placeholder{color:#555}.error-msg{background:#ff44441a;border:1px solid var(--danger);color:var(--danger);border-radius:8px;padding:10px 14px;font-size:.875rem;margin-bottom:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer;font-family:inherit;font-weight:600;transition:opacity .15s,transform .1s;-webkit-appearance:none}.btn:active{opacity:.7}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--accent);color:#000;border-radius:10px;padding:13px 20px;font-size:15px}.btn-primary:hover{opacity:.9}.btn-ghost{background:var(--surface2);color:var(--text);border-radius:10px;padding:10px 18px;font-size:14px}.btn-danger{background:var(--danger-bg);color:var(--danger);border-radius:10px;padding:10px 18px;font-size:14px}.btn-icon{width:40px;height:40px;border-radius:50%;background:var(--surface2);color:var(--text);flex-shrink:0}.btn-full{width:100%}.page{flex:1;overflow-y:auto;padding-bottom:calc(var(--nav-height) + 16px + var(--safe-bottom));min-height:100dvh}.page-header{padding:calc(16px + env(safe-area-inset-top,0px)) 20px 16px;display:flex;align-items:flex-end;justify-content:space-between}.page-eyebrow{font-size:11px;color:var(--muted);font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.page-title{font-size:30px;font-weight:800;letter-spacing:-.5px}.page-title span{color:var(--accent)}.card{background:linear-gradient(160deg,#1f1f1f,#181818);border-radius:var(--radius);padding:16px;margin:0 16px 12px;border:1px solid #2c2c2c;box-shadow:0 2px 8px #00000073}.card-title{font-size:16px;font-weight:600}.card-sub{font-size:12px;color:var(--muted);margin-top:2px}.tabs{display:flex;gap:8px;padding:0 16px 16px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:7px 14px;border-radius:20px;border:none;font-size:13px;font-weight:600;cursor:pointer;background:var(--surface2);color:var(--muted);transition:all .15s;white-space:nowrap;flex-shrink:0;font-family:inherit}.tab.active{background:var(--accent);color:#000}.badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px;background:#2a2a2a;color:var(--muted);white-space:nowrap}.badge.shared{background:#c8ff001f;color:var(--accent)}.tag{display:inline-block;font-size:11px;padding:2px 8px;border-radius:6px;background:var(--surface2);color:var(--muted);margin-right:4px;margin-top:4px}.divider{height:1px;background:#2a2a2a;margin:4px 16px 16px}.scroll-x{display:flex;gap:10px;overflow-x:auto;padding:0 16px 12px;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}.stat-chip{flex-shrink:0;background:linear-gradient(160deg,#1f1f1f,#181818);border:1px solid #2c2c2c;border-radius:12px;padding:12px 16px;min-width:90px;text-align:center;box-shadow:0 2px 6px #00000059}.stat-chip .val{font-size:22px;font-weight:800;color:var(--accent)}.stat-chip .lbl{font-size:11px;color:var(--muted);margin-top:2px}.empty{text-align:center;padding:60px 30px;color:var(--muted);font-size:14px;line-height:1.6}.empty-icon{font-size:40px;margin-bottom:12px}.empty strong{display:block;color:var(--text);font-size:16px;margin-bottom:6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:200;display:none;align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay.open{display:flex}.modal{background:linear-gradient(180deg,#222,#191919);border-radius:20px 20px 0 0;border-top:1px solid #2e2e2e;padding:20px;padding-bottom:calc(20px + var(--safe-bottom));width:100%;max-height:92dvh;overflow-y:auto}.modal-handle{width:40px;height:4px;background:#444;border-radius:2px;margin:0 auto 20px}.modal-title{font-size:20px;font-weight:700;margin-bottom:20px}.grupo-header{font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:1px;padding:14px 0 8px;border-top:1px solid #2a2a2a;margin-top:4px}.grupo-header:first-child{border-top:none;margin-top:0;padding-top:0}.ejercicio-option{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:var(--surface2);border-radius:10px;margin-bottom:6px;cursor:pointer;border:1.5px solid transparent;transition:border-color .15s,background .15s}.ejercicio-option:hover{border-color:var(--accent)}.ejercicio-option.selected{border-color:var(--accent);background:#c8ff0012}.ej-name{font-size:14px;font-weight:500;flex:1}.ej-custom{font-size:10px;color:var(--muted);margin-right:8px}.ej-check{width:20px;height:20px;border-radius:50%;border:2px solid #444;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.ejercicio-option.selected .ej-check{background:var(--accent);border-color:var(--accent);color:#000}.ex-row{background:var(--surface2);border-radius:10px;padding:12px;margin-bottom:8px}.ex-row-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.ex-row-name{font-size:14px;font-weight:600}.ex-row-grupo{font-size:11px;color:var(--accent);font-weight:600;margin-top:2px}.ex-row-inputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.ex-row-inputs input{padding:8px 10px;font-size:13px;text-align:center;border-radius:8px}.set-row{display:grid;grid-template-columns:36px 1fr 1fr 36px;gap:8px;align-items:center;margin-bottom:8px}.set-num{width:32px;height:32px;border-radius:50%;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--muted)}.set-num.done{background:#c8ff0026;color:var(--accent)}.set-input{background:var(--surface2);border:1.5px solid transparent;border-radius:8px;padding:8px 6px;color:var(--text);font-size:14px;font-weight:600;text-align:center;width:100%;outline:none;font-family:inherit;-webkit-appearance:none}.set-input:focus{border-color:var(--accent)}.check-btn{width:34px;height:34px;border-radius:8px;border:none;background:var(--surface2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .15s}.check-btn.done{background:#c8ff0033}.timer-bar{position:fixed;top:0;left:0;right:0;z-index:150;background:var(--surface);border-bottom:1px solid #2a2a2a;padding:48px 16px 14px;display:none;align-items:center;gap:12px}.timer-bar.active{display:flex}.timer-display{font-size:30px;font-weight:800;color:var(--accent);letter-spacing:-1px;min-width:64px}.workout-header{background:var(--surface);padding:16px;margin:0 16px 12px;border-radius:var(--radius)}.sesion-ex-block{margin-bottom:14px}.sesion-ex-name{font-size:14px;font-weight:700;margin-bottom:4px}.sesion-ex-grupo{font-size:11px;color:var(--accent);font-weight:600;margin-bottom:6px}.sesion-set-row{display:flex;gap:12px;font-size:13px;color:var(--muted);padding:4px 0;border-bottom:1px solid #2a2a2a}.sesion-set-row:last-child{border-bottom:none}.sesion-set-row span{color:var(--text);font-weight:600}.search-input{background:var(--surface2);border:1.5px solid transparent;border-radius:10px;padding:10px 14px;color:var(--text);font-size:14px;font-family:inherit;outline:none;width:100%;margin-bottom:14px;-webkit-appearance:none}.search-input:focus{border-color:var(--accent)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-height) + var(--safe-bottom));background:linear-gradient(180deg,#1d1d1d,#161616);border-top:1px solid #2e2e2e;display:flex;align-items:flex-start;z-index:100;padding-bottom:var(--safe-bottom);box-shadow:0 -4px 20px #00000080}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:var(--nav-height);color:var(--muted);text-decoration:none;font-size:9px;font-weight:500;transition:color .15s}.bottom-nav-item svg{width:22px;height:22px}.bottom-nav-item.active{color:var(--accent)}.dropset-row{display:grid;grid-template-columns:36px 1fr 1fr 36px;gap:8px;align-items:center;margin-bottom:4px;opacity:.85}.dropset-label{font-size:11px;color:var(--muted);text-align:center;font-weight:700}.add-drop-btn{background:none;border:1px dashed #333;border-radius:6px;color:#555;font-size:11px;font-weight:600;cursor:pointer;padding:3px 8px;font-family:inherit;transition:border-color .15s,color .15s}.add-drop-btn:active{border-color:var(--accent);color:var(--accent)}.note-toggle{background:none;border:1px solid #2a2a2a;border-radius:6px;color:var(--muted);font-size:12px;cursor:pointer;padding:4px 10px;font-family:inherit;transition:border-color .15s,color .15s}.note-toggle.active{border-color:var(--accent);color:var(--accent)}.note-input{width:100%;background:var(--surface2);border:1.5px solid var(--accent);border-radius:8px;padding:8px 12px;color:var(--text);font-size:13px;font-family:inherit;resize:none;height:64px;outline:none;margin-top:8px;display:block}.order-btn{background:var(--surface3);border:none;border-radius:4px;color:var(--muted);cursor:pointer;font-size:11px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-family:inherit;flex-shrink:0;transition:background .1s}.order-btn:not(:disabled):active{background:var(--accent);color:#000}.order-btn:disabled{opacity:.25;cursor:not-allowed}.prog-bars{display:flex;align-items:flex-end;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.prog-bars::-webkit-scrollbar{display:none}.prog-bar-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.prog-bar{width:22px;border-radius:3px 3px 0 0;min-height:6px}.prog-bar-lbl{font-size:9px;color:var(--muted);text-align:center;white-space:nowrap}.prog-delta{font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;flex-shrink:0}.prog-delta.pos{background:#c8ff001f;color:var(--accent)}.prog-delta.neg{background:var(--danger-bg);color:var(--danger)}.comp-bar{height:8px;border-radius:4px;background:var(--accent);min-width:4px;max-width:100%}.comp-bar-prev{background:var(--surface3)}.comp-label{font-size:11px;color:var(--muted);margin-top:3px}.wu-block{background:#1e1e1e;border:1px dashed #333;border-radius:10px;padding:10px 12px;margin-bottom:10px}.wu-row{display:grid;grid-template-columns:36px 1fr 1fr 36px;gap:8px;align-items:center;margin-bottom:6px;opacity:.7}.wu-label{font-size:10px;color:#777;text-align:center;font-weight:800;letter-spacing:.5px}.wu-input{opacity:.8}.wu-toggle{background:var(--surface2);border:1px solid #333;border-radius:6px;color:var(--muted);font-size:10px;font-weight:800;cursor:pointer;padding:3px 7px;font-family:inherit;letter-spacing:.5px;transition:all .15s}.wu-toggle.active{background:#ffc8001a;border-color:#ff9800;color:#ff9800}