:root{--bg: #0f1117;--bg2: #161922;--bg3: #1e222d;--bg4: #252a38;--acc: #FF3B47;--acc2: #ff6b74;--txt: #f0f4ff;--txt2: #8b92a5;--txt3: #5a6075;--border: #252a38;--green: #22c55e;--yellow: #f59e0b;--blue: #3b82f6;--nav-h: 64px;--r: 14px;--r-sm: 8px;--r-lg: 20px;--shadow: 0 4px 24px rgba(0,0,0,.5);--shadow2: 0 2px 8px rgba(0,0,0,.3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Nunito,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--txt);min-height:100dvh;overscroll-behavior:none;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;color:inherit}h1{font-size:1.6rem;font-weight:800;letter-spacing:-.5px}h2{font-size:1.25rem;font-weight:700}h3{font-size:1rem;font-weight:700}p{line-height:1.5}#app{min-height:100dvh;display:flex;flex-direction:column}.page{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 16px calc(var(--nav-h) + 24px);max-width:480px;margin:0 auto;width:100%}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between}.col{display:flex;flex-direction:column;gap:6px}.center{display:flex;align-items:center;justify-content:center}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.flex-1{flex:1}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:16px;box-shadow:var(--shadow2)}.card-sm{padding:12px;border-radius:var(--r-sm)}.card-hi{border-color:var(--acc)}.card-flat{background:var(--bg3);border-color:transparent}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:var(--r-sm);font-size:.95rem;font-weight:700;transition:opacity .15s,transform .1s;width:100%}.btn:active{transform:scale(.97);opacity:.85}.btn-primary{background:var(--acc);color:#fff}.btn-primary:disabled{opacity:.4}.btn-ghost{background:var(--bg3);color:var(--txt);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--txt3)}.btn-danger{background:#ff3b471f;color:var(--acc);border:1px solid rgba(255,59,71,.3)}.btn-success{background:#22c55e1f;color:var(--green);border:1px solid rgba(34,197,94,.3)}.btn-icon{width:auto;padding:8px;border-radius:var(--r-sm)}.btn-sm{padding:8px 14px;font-size:.85rem;width:auto}.input{width:100%;background:var(--bg3);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:12px 14px;font-size:.95rem;color:var(--txt);transition:border-color .15s}.input:focus{outline:none;border-color:var(--acc)}.input::placeholder{color:var(--txt3)}.input-sm{padding:8px 12px;font-size:.85rem}label.field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--txt2)}label.field span{font-weight:600}select.input{cursor:pointer}textarea.input{resize:vertical;min-height:80px}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:700}.pill-acc{background:#ff3b4726;color:var(--acc)}.pill-green{background:#22c55e26;color:var(--green)}.pill-blue{background:#3b82f626;color:var(--blue)}.pill-gray{background:var(--bg4);color:var(--txt2)}.pill-yellow{background:#f59e0b26;color:var(--yellow)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-h);background:#0f1117eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);display:flex;align-items:stretch;z-index:100;max-width:480px;margin:0 auto}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:.65rem;font-weight:700;color:var(--txt3);transition:color .15s;letter-spacing:.5px;text-transform:uppercase}.nav-btn svg{transition:transform .15s}.nav-btn.active{color:var(--acc)}.nav-btn.active svg{transform:scale(1.1)}.top-bar{display:flex;align-items:center;gap:12px;padding:16px 16px 8px;position:sticky;top:0;z-index:10;background:linear-gradient(var(--bg) 80%,transparent)}.top-bar h2{flex:1}.back-btn{display:flex;align-items:center;gap:6px;color:var(--txt2);font-size:.9rem;font-weight:600;padding:6px 0}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-grid-3{grid-template-columns:1fr 1fr 1fr}.metric{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);padding:14px 12px;display:flex;flex-direction:column;gap:4px}.metric-val{font-size:1.6rem;font-weight:800;line-height:1}.metric-lbl{font-size:.72rem;color:var(--txt2);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.divider{border:none;border-top:1px solid var(--border);margin:8px 0}.section-label{font-size:.72rem;font-weight:800;color:var(--txt3);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.day-chips{display:flex;gap:8px;flex-wrap:wrap}.day-chip{padding:6px 14px;border-radius:var(--r-sm);background:var(--bg3);border:1px solid var(--border);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .15s}.day-chip.active{background:var(--acc);color:#fff;border-color:var(--acc)}.ej-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:border-color .15s}.ej-card.done{border-color:var(--green)}.ej-card-head{padding:14px 16px;cursor:pointer}.ej-card-body{padding:0 16px 16px;display:none}.ej-card.open .ej-card-body{display:block}.set-row{display:grid;grid-template-columns:32px 1fr 1fr auto;gap:8px;align-items:center;padding:6px 0}.set-num{font-size:.8rem;color:var(--txt3);font-weight:700;text-align:center}.set-input{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px;font-size:.95rem;text-align:center;width:100%;color:var(--txt)}.set-input:focus{outline:none;border-color:var(--acc)}.set-done-btn{width:32px;height:32px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0;background:none}.set-done-btn.done{background:var(--green);border-color:var(--green)}.timer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;gap:20px;animation:fadeIn .2s}.timer-ring{width:160px;height:160px;position:relative}.timer-ring svg{transform:rotate(-90deg)}.timer-ring circle{fill:none;stroke-width:8}.timer-ring .bg{stroke:var(--bg3)}.timer-ring .fg{stroke:var(--acc);stroke-linecap:round;transition:stroke-dashoffset .9s linear}.timer-txt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-sec{font-size:2.8rem;font-weight:800;line-height:1}.timer-lbl{font-size:.75rem;color:var(--txt2);font-weight:600;text-transform:uppercase}.bar-chart{display:flex;flex-direction:column;gap:10px}.bar-row{display:flex;align-items:center;gap:10px}.bar-label{width:80px;font-size:.8rem;color:var(--txt2);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{flex:1;height:8px;background:var(--bg3);border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;background:var(--acc);transition:width .6s ease}.bar-fill-green{background:var(--green)}.bar-val{font-size:.8rem;color:var(--txt2);font-weight:700;width:50px;text-align:right}.sparkline{display:flex;align-items:flex-end;gap:3px;height:40px}.spark-bar{flex:1;min-width:4px;background:var(--acc);border-radius:2px 2px 0 0;opacity:.7}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:150;display:flex;flex-direction:column;justify-content:flex-end;animation:fadeIn .2s}.sheet{background:var(--bg2);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:20px 20px calc(var(--nav-h) + 24px);max-height:85dvh;overflow-y:auto;animation:slideUp .25s ease-out}.sheet-handle{width:40px;height:4px;background:var(--bg4);border-radius:2px;margin:0 auto 16px}@keyframes fadeIn{0%{opacity:0}}@keyframes slideUp{0%{transform:translateY(100%)}}#snack{position:fixed;bottom:calc(var(--nav-h) + 12px);left:50%;transform:translate(-50%) translateY(20px);background:var(--bg4);color:var(--txt);padding:10px 20px;border-radius:999px;font-size:.875rem;font-weight:600;z-index:999;opacity:0;transition:all .2s;white-space:nowrap;box-shadow:var(--shadow)}#snack.show{opacity:1;transform:translate(-50%) translateY(0)}.avatar{width:40px;height:40px;border-radius:50%;background:var(--acc);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;color:#fff;flex-shrink:0}.avatar-lg{width:56px;height:56px;font-size:1.4rem}.avatar-sm{width:32px;height:32px;font-size:.85rem}.spin{width:40px;height:40px;border:3px solid var(--bg3);border-top-color:var(--acc);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 0}.empty{text-align:center;padding:48px 20px;color:var(--txt2)}.empty svg{opacity:.3;margin-bottom:12px}.empty p{font-size:.9rem}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100dvh) rotate(720deg);opacity:0}}.confetti-piece{position:fixed;top:0;width:8px;height:8px;border-radius:2px;animation:confettiFall 2.5s ease-in forwards;z-index:500;pointer-events:none}.msg-card{border-left:3px solid var(--acc);padding:10px 14px;background:#ff3b470f;border-radius:0 var(--r-sm) var(--r-sm) 0}.msg-texto{font-size:.9rem}.msg-fecha{font-size:.75rem;color:var(--txt3);margin-top:4px}.muscle-tag{font-size:.68rem;padding:2px 7px;border-radius:4px;font-weight:700;background:var(--bg4);color:var(--txt2)}.muscle-tag[data-grupo=Pierna]{background:#3b82f626;color:var(--blue)}.muscle-tag[data-grupo=Pecho]{background:#ff3b4726;color:var(--acc)}.muscle-tag[data-grupo=Espalda]{background:#22c55e26;color:var(--green)}.muscle-tag[data-grupo=Hombro]{background:#f59e0b26;color:var(--yellow)}.muscle-tag[data-grupo=Brazo]{background:#a855f726;color:#a855f7}.muscle-tag[data-grupo=Core]{background:#ec489926;color:#ec4899}.pr-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#ff3b47,#ff8c00);color:#fff;font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:999px;letter-spacing:.5px;box-shadow:0 0 12px #ff3b4780}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg4);border-radius:12px;cursor:pointer;transition:background .2s}.switch-slider:before{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;background:var(--txt2);border-radius:50%;transition:transform .2s,background .2s}.switch input:checked+.switch-slider{background:var(--acc)}.switch input:checked+.switch-slider:before{transform:translate(20px);background:#fff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:2px}@supports (padding: env(safe-area-inset-bottom)){.bottom-nav{padding-bottom:env(safe-area-inset-bottom);height:calc(var(--nav-h) + env(safe-area-inset-bottom))}.page{padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 24px)}}