.navbar{background-color:#1a1a1a;color:#f5f5f5;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #0000001a}.navbar-container{max-width:72rem;margin:0 auto;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.navbar-content{display:flex;min-height:3.25rem;align-items:center;gap:.5rem;justify-content:space-between;position:relative;min-width:0}.navbar-brand{font-weight:600;margin-right:.5rem;z-index:1001;white-space:nowrap}.hamburger-button{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:transparent;border:none;cursor:pointer;padding:7px;z-index:1001;margin-left:auto;position:relative}.hamburger-line{width:30px;height:2px;background-color:#f5f5f5;border-radius:2px;transition:all .3s ease;position:absolute;left:7px}.hamburger-line:nth-child(1){top:13px}.hamburger-line:nth-child(2){top:21px}.hamburger-line:nth-child(3){top:29px}.hamburger-line:nth-child(1).open{top:21px;transform:rotate(45deg)}.hamburger-line:nth-child(2).open{opacity:0}.hamburger-line:nth-child(3).open{top:21px;transform:rotate(-45deg)}.navbar-links{display:flex;align-items:center;gap:.15rem;min-width:0}.nav-link{padding:.5rem .6rem;border-radius:.375rem;font-size:.84rem;font-weight:500;text-decoration:none;color:#f5f5f5;transition:background-color .2s;white-space:nowrap}.nav-link:hover{background-color:#404040}.nav-link.active{background-color:#2a2a2a;color:#fff}.navbar-user-desktop{display:flex;align-items:center;gap:.6rem;margin-left:auto;min-width:0}.navbar-user-mobile{display:none}.user-name{font-size:.82rem;font-weight:500;color:#f5f5f5;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-button{padding:.45rem .7rem;font-size:.84rem;font-weight:500;color:#f5f5f5;background-color:#dc2626;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s;white-space:nowrap}.logout-button:hover{background-color:#b91c1c}@media(max-width:960px){.navbar-user-desktop .user-name{display:none}.nav-link{padding-inline:.48rem;font-size:.8rem}}@media(max-width:768px){.navbar-container{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}.hamburger-button{display:flex}.navbar-user-desktop{display:none}.navbar-links{position:fixed;top:3.25rem;left:0;right:0;flex-direction:column;align-items:stretch;background-color:#1a1a1a;padding:0 1rem;gap:.35rem;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease,padding .3s ease;z-index:1000;border-bottom:1px solid #2a2a2a;box-shadow:0 4px 6px #0000004d}.navbar-links.open{max-height:calc(100dvh - 3.25rem);opacity:1;padding:.75rem max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain}.nav-link{width:100%;min-height:44px;padding:.7rem 1rem;display:flex;align-items:center;text-align:left;border-radius:.5rem;font-size:.9rem;white-space:normal}.navbar-user-mobile{display:flex;flex-direction:column;gap:.75rem;padding-top:.75rem;margin-top:.35rem;border-top:1px solid #2a2a2a;width:100%}.navbar-user-mobile .user-name{padding:.5rem 1rem;max-width:none}.navbar-user-mobile .logout-button{width:100%;min-height:44px;padding:.75rem 1rem;text-align:center}}.routine-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.routine-info{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0}.routine-title{white-space:normal;word-break:break-word;overflow-wrap:anywhere}.routine-actions,.day-actions{display:flex;gap:8px;width:100%;flex-direction:column}.routine-actions>button,.day-actions>button{flex:1 1 0%}@media(min-width:520px){.routine-actions,.day-actions{width:auto;flex-direction:row}.routine-actions{justify-content:flex-end}.routine-actions>button,.day-actions>button{flex:0 0 auto}}.exercise-row{display:flex;align-items:center;gap:8px;padding:12px;background-color:#fff;border-radius:8px;margin-bottom:8px;border:1px solid #e5e7eb;flex-wrap:wrap;cursor:grab;transition:all .2s ease}.exercise-row:active{cursor:grabbing}.exercise-row:hover{box-shadow:0 2px 8px #0000001a;border-color:#2d3748}.exercise-drag-handle{font-size:16px;color:#9ca3af;cursor:grab;-webkit-user-select:none;user-select:none;padding:4px;line-height:1}.exercise-row:active .exercise-drag-handle{cursor:grabbing}.exercise-row .exercise-name{flex:1 1 150px;font-weight:600;font-size:14px;color:#1a202c;min-width:120px;word-break:break-word}.exercise-row .exercise-inputs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.exercise-row input[type=number]{width:60px;padding:6px;border:1px solid #d1d5db;border-radius:6px;text-align:center;font-size:13px}.exercise-row input[type=number]:last-of-type{width:70px}.exercise-row .label-text{font-size:13px;color:#9ca3af;font-weight:500;white-space:nowrap}.exercise-row .separator{font-size:14px;color:#6b7280}.exercise-row button{padding:6px 10px;background-color:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;white-space:nowrap}@media(max-width:640px){.exercise-row{flex-direction:column;align-items:stretch;gap:12px}.exercise-drag-handle{align-self:flex-start}.exercise-row .exercise-name{width:100%;flex:none}.exercise-row .exercise-inputs{width:100%;justify-content:space-between}.exercise-row input[type=number]{flex:1;min-width:50px}.exercise-row input[type=number]:last-of-type{flex:1;min-width:50px}.exercise-row button{width:100%}.exercise-row .label-text{font-size:12px}.exercise-row .separator{display:none}}.public-routines-wrapper{width:100%}.public-routines-wrapper.scrollable{overflow-x:auto}.public-routines-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.public-routines-wrapper.expanded .public-routines-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.public-routine-card{min-width:0;transition:transform .2s ease,box-shadow .2s ease}.public-routine-card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -15px #0f172a66!important}@media(max-width:768px){.public-routines-wrapper.scrollable{margin:0 -16px;padding:0 16px 12px;overflow-x:auto}.public-routines-wrapper.scrollable .public-routines-grid{display:flex;gap:16px;min-width:max-content}.public-routines-wrapper.scrollable .public-routine-card{flex:0 0 78vw;max-width:320px;min-width:240px}.public-routines-wrapper.expanded{margin:0;padding:0}.public-routines-wrapper.expanded .public-routines-grid{display:grid;gap:16px}}.public-routine-detail-overlay{position:fixed;inset:0;background:#0f172aa6;display:flex;align-items:center;justify-content:center;padding:24px;z-index:999}.public-routine-detail-modal{width:min(960px,100%);max-height:95vh;overflow-y:auto;background:#fff;border-radius:16px;padding:32px;box-shadow:0 25px 50px -12px #0f172a66}.public-routine-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:16px}.public-routine-detail-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin:0}.public-routine-detail-header h2{font-size:28px;margin:8px 0;color:#0f172a}.public-routine-detail-description{margin:0;color:#475569;font-size:14px}.public-routine-detail-close{border:none;background:#f1f5f9;color:#0f172a;padding:10px 16px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer}.public-routine-detail-close:hover{background:#e2e8f0}.public-routine-detail-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}.public-routine-detail-copy{border:none;border-radius:999px;padding:12px 24px;background:#111827;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s ease}.public-routine-detail-copy:hover{background:#000}.public-routine-detail-copy.disabled,.public-routine-detail-copy:disabled{background:#e5e7eb;color:#6b7280;cursor:not-allowed}.public-routine-detail-hint{font-size:13px;color:#64748b}.public-routine-detail-days{display:flex;flex-direction:column;gap:20px}.public-routine-detail-day{border-left:4px solid #2563eb;padding-left:20px}.public-routine-detail-day-header h3{margin:0 0 4px;color:#0f172a;font-size:20px}.public-routine-detail-day-header p{margin:0;color:#64748b;font-size:14px}.public-routine-detail-exercises{display:flex;flex-direction:column;gap:12px;margin-top:12px}.public-routine-detail-exercise{display:flex;justify-content:space-between;gap:12px;background:#f8fafc;padding:12px 16px;border-radius:10px;border:1px solid #e2e8f0}.public-routine-detail-exercise p{margin:0;font-weight:600;color:#0f172a}.public-routine-detail-exercise span{color:#475569;font-size:13px}.public-routine-detail-exercise-rest{margin:0;font-size:13px;color:#94a3b8;white-space:nowrap}@media(max-width:640px){.public-routine-detail-overlay{padding:16px}.public-routine-detail-modal{padding:24px 18px}.public-routine-detail-exercise{flex-direction:column;align-items:flex-start}.public-routine-detail-exercise-rest{white-space:normal}}.routine-toast{position:fixed;top:24px;right:24px;z-index:1100;padding:14px 20px;border-radius:12px;font-weight:600;color:#fff;box-shadow:0 20px 25px -15px #0f172a66;animation:toast-fade .3s ease}.routine-toast-success{background:linear-gradient(135deg,#10b981,#059669)}.routine-toast-error{background:linear-gradient(135deg,#ef4444,#b91c1c)}@keyframes toast-fade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.share-routine-overlay{position:fixed;inset:0;background:#0f172aa6;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.share-routine-modal{width:min(520px,100%);background:#fff;border-radius:16px;padding:28px;box-shadow:0 25px 50px -12px #0f172a66}.share-routine-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.share-routine-eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;margin:0}.share-routine-header h3{margin:4px 0 0;font-size:22px;color:#0f172a}.share-routine-close{border:none;background:#f1f5f9;color:#0f172a;padding:8px 16px;border-radius:999px;font-weight:600;cursor:pointer}.share-routine-close:hover{background:#e2e8f0}.share-routine-description{margin:16px 0 8px;color:#475569;font-size:15px}.share-routine-input-group{display:flex;gap:8px;margin-bottom:12px}.share-routine-input-group input{flex:1;border:1px solid #d1d5db;border-radius:10px;padding:12px;font-size:14px;color:#1f2937;background:#f8fafc}.share-routine-input-group button{border:none;background:#111827;color:#fff;border-radius:10px;padding:0 18px;font-weight:600;cursor:pointer}.share-routine-input-group button:hover{background:#000}.share-routine-hint{font-size:13px;color:#94a3b8;margin:0}@media(max-width:640px){.share-routine-modal{padding:24px}.share-routine-input-group{flex-direction:column}.share-routine-input-group button{width:100%;height:44px}}.confirm-routine-overlay{position:fixed;inset:0;background:#0f172aa6;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.confirm-routine-modal{width:min(420px,100%);background:#fff;border-radius:18px;padding:32px;text-align:center;box-shadow:0 25px 50px -12px #0f172a66}.confirm-routine-icon{width:60px;height:60px;margin:0 auto 12px;border-radius:50%;background:#ef44441a;display:flex;align-items:center;justify-content:center;font-size:28px}.confirm-routine-modal h3{margin:8px 0;font-size:22px;color:#0f172a}.confirm-routine-modal p{margin:0;color:#475569;font-size:15px}.confirm-routine-actions{display:flex;gap:12px;margin-top:24px}.confirm-routine-actions button{flex:1;height:46px;border-radius:10px;font-weight:600;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.confirm-routine-cancel{background:#f1f5f9;color:#0f172a}.confirm-routine-delete{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 15px 25px -15px #ef4444cc}.confirm-routine-actions button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.confirm-routine-actions button:not(:disabled):hover{transform:translateY(-1px)}@media(max-width:480px){.confirm-routine-modal{padding:28px 20px}.confirm-routine-actions{flex-direction:column}}:root{--page-title-size: clamp(1.25rem, 2.5vw + 1rem, 2rem)}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px}.page-title{font-size:var(--page-title-size);font-weight:700;color:#1a202c;line-height:1.2}.card-grid-2{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.card-grid-2{grid-template-columns:1fr 1fr}}.kv-row{display:grid;grid-template-columns:1fr;row-gap:4px}@media(min-width:560px){.kv-row{grid-template-columns:180px 1fr;column-gap:12px}}.actions{display:flex;gap:12px;flex-direction:column}@media(min-width:520px){.actions{flex-direction:row}}.metrics-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:560px){.metrics-grid{grid-template-columns:1fr 1fr}}input,select,button{min-height:42px}@supports (padding: max(0px)){.page-header{padding-right:max(env(safe-area-inset-right),0px)}}.training-container{min-height:100vh;background:#f9fafb;padding:2rem 1rem;width:100%;max-width:100%}.training-card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000000d;padding:2rem;max-width:1200px;margin:0 auto;margin-bottom:2rem}.mode-selection{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.mode-button{padding:1.5rem;border:none;border-radius:.75rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:#fff;box-shadow:0 4px 12px #00000026}.mode-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0003}.mode-button:disabled{opacity:.6;cursor:not-allowed}.mode-button.guided{background:linear-gradient(135deg,#1f2937,#111827)}.mode-button.free{background:linear-gradient(135deg,#11998e,#38ef7d)}.mode-button.cardio{background:linear-gradient(135deg,#fa709a,#fee140)}.workout-header{background:linear-gradient(135deg,#1f2937,#111827);color:#fff;border-radius:1rem;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 12px #0000001a}.workout-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem}.stat-card{text-align:center}.stat-label{font-size:.875rem;opacity:.9;margin-bottom:.25rem}.stat-value{font-size:2rem;font-weight:700;font-family:Courier New,monospace}.rest-timer-active{background:linear-gradient(135deg,#f59e0b,#ef4444);border:3px solid #dc2626;border-radius:1rem;padding:1.5rem;margin-bottom:2rem;text-align:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #dc2626b3}50%{box-shadow:0 0 0 15px #dc262600}}.rest-timer-value{font-size:3rem;font-weight:700;color:#fff;font-family:Courier New,monospace}.rest-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem}.rest-button{padding:.75rem;border:2px solid #e0e0e0;background:#fff;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.rest-button:hover{background:#f5f5f5;border-color:#1f2937;transform:scale(1.05)}.rest-button.primary{background:#111827;color:#fff;border-color:#111827}.rest-button.primary:hover{background:#1f2937;color:#fff;transform:scale(1.05)}.rest-button.stop{background:#ffebee;border-color:#ef5350}.rest-button.stop:hover{background:#ef5350;color:#fff}.rest-config{border:2px dashed #d1d5db;border-radius:.75rem;padding:1rem;margin-bottom:2rem;background:#fff}.rest-config-title{font-weight:600;margin-bottom:.75rem}.rest-config-fields{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.rest-config-field{display:flex;flex-direction:column;font-weight:600;color:#374151;font-size:.875rem}.rest-config-field input{margin-top:.25rem;padding:.4rem .5rem;border:2px solid #d1d5db;border-radius:.5rem;font-size:1rem;width:120px}.rest-config-actions{display:flex;flex-direction:column;gap:.5rem}.rest-config-hint{font-size:.85rem;color:#6b7280;margin:0}.exercise-card{background:#fff;border:2px solid #e0e0e0;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;transition:all .3s ease}.exercise-card:hover{border-color:#1f2937;box-shadow:0 4px 12px #1f293726}.exercise-title{font-size:1.25rem;font-weight:700;color:#333;margin-bottom:1rem}.sets-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.sets-table thead{background:#f5f5f5}.sets-table th{padding:.75rem;text-align:left;font-weight:600;font-size:.875rem;color:#666}.sets-table td{padding:.75rem;border-top:1px solid #e0e0e0}.set-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.5rem;align-items:center}.set-input{padding:.75rem;border:2px solid #e0e0e0;border-radius:.5rem;font-size:1rem;transition:border-color .2s ease}.set-input:focus{outline:none;border-color:#1f2937}.add-set-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#1f2937,#111827);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.add-set-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1f29374d}.add-exercise-section{background:#f9fafb;border:2px dashed #d1d5db;border-radius:.75rem;padding:1.5rem;margin-top:2rem}.finish-button{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;padding:1rem 2rem;border:none;border-radius:.75rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #11998e4d}.finish-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #11998e66}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:1rem;max-width:500px;width:100%;padding:2rem;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-title{font-size:1.75rem;font-weight:700;color:#333;margin-bottom:1.5rem}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.summary-item{padding:1rem;background:#f9fafb;border-radius:.5rem}.summary-label{font-size:.875rem;color:#666;margin-bottom:.25rem}.summary-value{font-size:1.5rem;font-weight:700;color:#333}.estimated-section{border-top:2px solid #e0e0e0;padding-top:1.5rem;margin-bottom:1.5rem}.measured-section{border-top:2px solid #e0e0e0;padding-top:1.5rem;margin-bottom:2rem}.section-title{font-weight:600;margin-bottom:1rem;color:#333}.input-group{margin-bottom:1rem}.input-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:#555}.modal-input{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:.5rem;font-size:1rem;transition:border-color .2s ease}.modal-input:focus{outline:none;border-color:#1f2937}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-button{padding:.875rem;border:none;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.modal-button.cancel{background:#f5f5f5;color:#666}.modal-button.cancel:hover{background:#e0e0e0}.modal-button.confirm{background:linear-gradient(135deg,#1f2937,#111827);color:#fff}.modal-button.confirm:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1f29374d}.modal-button:disabled{opacity:.6;cursor:not-allowed}.success-screen{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.success-card{background:#fff;color:#333;border-radius:1rem;padding:3rem;max-width:600px;width:100%;text-align:center;box-shadow:0 20px 60px #0003}.success-title{font-size:2.5rem;font-weight:700;color:#11998e;margin-bottom:2rem}.success-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.success-stat{padding:1.5rem;background:#f9fafb;border-radius:.75rem}.success-stat-label{font-size:.875rem;color:#666;margin-bottom:.5rem}.success-stat-value{font-size:2rem;font-weight:700;color:#11998e}.measured-indicator{color:#1f2937;font-weight:600}.today-routine{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.routine-title{font-weight:600;font-size:1.125rem;margin-bottom:.5rem;color:#1f2937}.routine-description{font-size:.875rem;color:#4b5563}@media(max-width:768px){.workout-stats{grid-template-columns:1fr;gap:1rem}.summary-grid,.success-stats,.set-form,.rest-controls{grid-template-columns:1fr}}.wh-container{padding:1.5rem;max-width:64rem;margin:0 auto}.wh-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.wh-title{font-size:1.75rem;font-weight:800;color:#111827}.wh-actions{display:flex;gap:.5rem}.btn-primary{background:#111827;color:#fff;padding:.5rem .9rem}.btn-link{color:#2563eb;background:transparent;padding:.5rem .25rem}.wh-list{display:flex;flex-direction:column;gap:.75rem}.wh-card{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1.25rem;box-shadow:0 10px 20px #0000000a;text-decoration:none;color:inherit}.wh-card:hover{box-shadow:0 12px 24px #0000000f}.wh-card-title{font-weight:800;font-size:1.05rem;color:#111827;margin:0}.wh-card-sub{color:#6b7280;font-size:.9rem}.wh-badge{padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:capitalize}.wh-badge.wh-guiado{background:#dbeafe;color:#1e40af}.wh-badge.wh-libre{background:#fef3c7;color:#92400e}.wh-badge.wh-cardio{background:#fce7f3;color:#9f1239}.wh-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-top:.5rem}.wh-stat-label{font-size:.72rem;color:#9ca3af;margin-bottom:.15rem}.wh-stat-value{font-weight:700;color:#374151}.wh-exercises{border-top:1px solid #e5e7eb;padding-top:.75rem;margin-top:.75rem}.wh-ex-title{font-size:.75rem;color:#9ca3af;margin-bottom:.5rem}.wh-chips{display:flex;flex-wrap:wrap;gap:.5rem}.wh-chip{font-size:.75rem;background:#f3f4f6;color:#1f2937;padding:.25rem .5rem;border-radius:8px}.wh-notes{border-top:1px solid #e5e7eb;padding-top:.75rem;margin-top:.75rem}.wh-notes-label{font-size:.75rem;color:#9ca3af;margin-bottom:.25rem}.wh-notes-text{font-size:.95rem;color:#374151}.wh-empty{text-align:center;padding:3rem 1rem;color:#9ca3af;font-size:.95rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.wd-container{padding:1.5rem;max-width:56rem;margin:0 auto}.wd-back{display:flex;gap:.5rem;margin-bottom:.75rem;align-items:center}.wd-back .btn-primary{margin-left:auto}.btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:10px;border:1px solid transparent;font-weight:700;cursor:pointer;text-decoration:none}.btn-primary{background:#111827;color:#fff;padding:.45rem .85rem}.btn-primary:hover{background:#1f2937}.btn-link{color:#2563eb;background:transparent;padding:.45rem .25rem}.btn-link:hover{text-decoration:underline}.wd-card{background:#fff;border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 10px 20px #0000000a;padding:1.25rem}.wd-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.wd-title{font-size:1.5rem;font-weight:800;color:#111827;margin:0}.wd-subtitle{color:#6b7280;margin-top:.25rem}.wd-capitalize{text-transform:capitalize}.wd-badge{padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:capitalize}.wd-badge.wd-guiado{background:#dbeafe;color:#1e40af}.wd-badge.wd-libre{background:#fef3c7;color:#92400e}.wd-badge.wd-cardio{background:#fce7f3;color:#9f1239}.wd-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;padding-top:.75rem;border-top:1px solid #e5e7eb;margin-top:.75rem}.wd-stat-label{font-size:.72rem;color:#9ca3af;margin-bottom:.15rem}.wd-stat-value{font-weight:700;color:#374151}.wd-notes{border-top:1px solid #e5e7eb;padding-top:.75rem;margin-top:.75rem}.wd-notes-label{font-size:.75rem;color:#9ca3af;margin-bottom:.25rem}.wd-notes-text{font-size:.95rem;color:#374151}.wd-section{margin-top:1.25rem}.wd-section-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.wd-exercise-list{display:flex;flex-direction:column;gap:.75rem}.wd-exercise-card{border:1px solid #e5e7eb;border-radius:12px;padding:1rem;background:#fafafa}.wd-exercise-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.wd-exercise-title{font-weight:700;margin:0;color:#1f2937}.wd-completed{color:#065f46;background:#d1fae5;font-size:.7rem;padding:.15rem .5rem;border-radius:999px;font-weight:700}.wd-exercise-notes{font-size:.9rem;color:#6b7280;margin-bottom:.5rem}.wd-table-wrapper{overflow-x:auto}.wd-table{width:100%;border-collapse:collapse;font-size:.9rem}.wd-table thead th{text-align:left;color:#6b7280;font-weight:700;padding:.5rem .75rem .5rem 0}.wd-table tbody td{padding:.5rem .75rem .5rem 0;border-top:1px solid #e5e7eb}.wd-empty{color:#9ca3af;font-size:.95rem}.motion-page{width:min(100%,1180px);margin:0 auto;display:flex;flex-direction:column;gap:1rem;min-width:0}.motion-hero,.motion-card,.motion-metric{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 24px #0f172a0d}.motion-hero{padding:clamp(1.1rem,3vw,2rem);display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.8fr);gap:1.25rem;align-items:start}.motion-hero h1,.motion-card h2{margin:0;color:#111827;overflow-wrap:anywhere}.motion-hero h1{font-size:clamp(1.7rem,5vw,2.5rem);line-height:1.05;margin-bottom:.8rem}.motion-hero p{color:#4b5563;max-width:760px}.motion-eyebrow{margin:0 0 .35rem;color:#2563eb!important;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.motion-safety{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.motion-card{padding:clamp(1rem,2.5vw,1.5rem);min-width:0}.motion-setup{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.motion-field{min-width:0;display:flex;flex-direction:column;gap:.4rem}.motion-field-wide{grid-column:span 1}.motion-field label{font-size:.82rem;font-weight:700;color:#374151}.motion-field input,.motion-field select{width:100%;min-width:0;min-height:46px;border:1px solid #d1d5db;border-radius:10px;background:#fff;padding:.7rem .8rem;color:#111827}.motion-field input:focus,.motion-field select:focus{outline:2px solid #bfdbfe;border-color:#2563eb}.motion-capture-row{grid-column:1 / -1;display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;padding-top:.25rem}.motion-primary,.motion-stop,.motion-secondary,.motion-link-button{min-height:44px;border-radius:10px;border:0;font-weight:750;cursor:pointer;padding:.7rem 1rem}.motion-primary{color:#fff;background:#111827}.motion-stop{color:#fff;background:#dc2626}.motion-secondary{color:#111827;background:#e5e7eb}.motion-link-button{color:#b91c1c;background:transparent;padding-inline:.5rem}.motion-primary:disabled,.motion-stop:disabled,.motion-secondary:disabled{opacity:.55;cursor:not-allowed}.motion-status{min-height:40px;display:inline-flex;align-items:center;padding:.45rem .8rem;border-radius:999px;background:#f3f4f6;color:#4b5563;font-size:.85rem;font-weight:700}.motion-status-calibrating{background:#fef3c7;color:#92400e}.motion-status-recording{background:#fee2e2;color:#991b1b}.motion-status-processing{background:#dbeafe;color:#1e40af}.motion-hint{grid-column:1 / -1;margin:-.25rem 0 0;font-size:.82rem;color:#6b7280}.motion-error{grid-column:1 / -1;padding:.8rem 1rem;border-radius:10px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;overflow-wrap:anywhere}.motion-results{display:flex;flex-direction:column;gap:1rem;min-width:0}.motion-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.motion-metric{padding:.9rem 1rem;display:flex;flex-direction:column;gap:.25rem;min-width:0}.motion-metric span{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#6b7280}.motion-metric strong{color:#111827;font-size:clamp(1rem,2.5vw,1.25rem);overflow-wrap:anywhere}.motion-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;min-width:0}.motion-chart-card h2{font-size:1rem;margin-bottom:.75rem}.motion-chart{width:100%;height:280px;min-width:0}.motion-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.motion-section-heading h2,.motion-explainer h2{font-size:clamp(1.1rem,3vw,1.4rem)}.motion-quality-pill{flex:0 0 auto;padding:.35rem .7rem;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.75rem;font-weight:800}.motion-rep-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.motion-rep-card{border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;padding:.85rem;min-width:0}.motion-rep-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem;color:#111827}.motion-rep-header span{padding:.2rem .5rem;border-radius:999px;background:#e0e7ff;color:#3730a3;font-size:.75rem;font-weight:800}.motion-rep-card dl{margin:0;display:grid;gap:.38rem}.motion-rep-card dl>div{display:flex;justify-content:space-between;gap:.75rem;border-bottom:1px solid #eef2f7;padding-bottom:.25rem}.motion-rep-card dt{color:#6b7280;font-size:.78rem}.motion-rep-card dd{margin:0;color:#111827;font-size:.8rem;font-weight:700;text-align:right}.motion-advice-card{border-left:4px solid #2563eb}.motion-advice-list{margin:0;padding-left:1.2rem;color:#374151;display:grid;gap:.45rem}.motion-ai-advice{margin:0;color:#1f2937;line-height:1.6}.motion-ai-message{margin:.75rem 0 0;color:#6b7280;font-size:.82rem}.motion-explainer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.motion-explainer-grid p{margin:0;padding:.8rem;border-radius:10px;background:#f9fafb;color:#4b5563;font-size:.85rem;line-height:1.5}.motion-history-list{display:grid;gap:.55rem}.motion-history-item{width:100%;min-width:0;border:1px solid #e5e7eb;background:#f9fafb;border-radius:10px;padding:.75rem .9rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;text-align:left;cursor:pointer}.motion-history-item>span:first-child{display:flex;min-width:0;flex-direction:column;gap:.15rem}.motion-history-item strong{color:#111827;overflow-wrap:anywhere}.motion-history-item small,.motion-history-metrics{color:#6b7280;font-size:.76rem}.motion-history-metrics{flex:0 0 auto;text-align:right}@media(max-width:900px){.motion-hero,.motion-chart-grid{grid-template-columns:1fr}.motion-setup{grid-template-columns:repeat(2,minmax(0,1fr))}.motion-field-wide{grid-column:1 / -1}.motion-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.motion-explainer-grid{grid-template-columns:1fr}}@media(max-width:560px){.motion-page{gap:.75rem}.motion-hero,.motion-card{border-radius:12px}.motion-setup,.motion-metrics-grid{grid-template-columns:1fr}.motion-field-wide{grid-column:auto}.motion-capture-row,.motion-section-heading,.motion-history-item{align-items:stretch;flex-direction:column}.motion-primary,.motion-stop,.motion-secondary{width:100%}.motion-status{width:100%;justify-content:center;border-radius:10px}.motion-chart{height:230px}.motion-rep-grid{grid-template-columns:1fr}.motion-history-metrics{text-align:left}}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;color-scheme:light;text-rendering:optimizeLegibility}html{min-width:320px;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{min-height:100%;width:100%}body{min-width:320px;background-color:#f5f5f5;color:#1a1a1a;overflow-x:hidden}#root,main,.min-h-screen{min-width:0}main{width:100%}img,svg,video,canvas{max-width:100%}button,input,select,textarea{font:inherit;max-width:100%}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}input,select,textarea{min-width:0}h1,h2,h3,h4,p,span,a,button,label{overflow-wrap:anywhere}.min-h-screen{min-height:100vh;min-height:100dvh}.mx-auto{margin-left:auto;margin-right:auto}.max-w-6xl{max-width:72rem}.p-4{padding:1rem}.px-4{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.py-6{padding-top:1.5rem;padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.flex{display:flex}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.capitalize{text-transform:capitalize}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-sm{font-size:.875rem}.text-2xl{font-size:1.5rem;line-height:1.2}.text-3xl{font-size:1.875rem;line-height:1.15}.text-gray-600{color:#4b5563}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}@media(max-width:640px){.p-4{padding:.75rem}.px-4{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}.py-6{padding-top:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom))}input,select,textarea{font-size:16px!important}button,input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:44px}.text-2xl{font-size:1.3rem}.text-3xl{font-size:1.55rem}}.training-container,.wh-container,.wd-container,.exercise-card,.training-card,.workout-header,.modal-content,.public-routine-detail-modal,.share-routine-modal{min-width:0}.set-input,.modal-input,.rest-config-field input{max-width:100%;min-width:0}.exercise-card .mb-4,.wd-table-wrapper{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.sets-table,.wd-table{min-width:480px}.wh-header,.wd-header,.wd-back,.wd-exercise-header{gap:.75rem}@media(max-width:768px){.training-container,.wh-container,.wd-container{width:100%;max-width:100%;padding:.75rem}.training-card,.workout-header,.exercise-card,.success-card,.wd-card,.wh-card{padding:1rem}.workout-header>.flex,.wh-header,.wd-header{flex-direction:column;align-items:stretch}.workout-header>.flex>div,.wd-header>div,.wh-header>*{min-width:0}.finish-button,.wh-actions,.wh-actions .btn,.wd-header+div .btn-danger{width:100%}.finish-button,.wh-actions .btn,.btn-danger{justify-content:center;min-height:44px}.workout-stats,.wh-stats,.wd-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.stat-card,.wh-stat,.wd-stat{min-width:0}.stat-value,.wh-stat-value,.wd-stat-value{overflow-wrap:anywhere}.rest-config-fields,.rest-config-actions,.modal-actions{grid-template-columns:1fr!important}.rest-config-fields{display:grid}.modal-overlay,.public-routine-detail-overlay,.share-routine-overlay{padding:.75rem;align-items:flex-start;overflow-y:auto}.modal-content,.public-routine-detail-modal,.share-routine-modal{width:100%;max-width:100%;max-height:calc(100dvh - 1.5rem);overflow-y:auto;padding:1rem;margin:auto 0}.success-screen{min-height:100dvh;padding:.75rem;align-items:flex-start}.success-card{margin:auto 0}.success-title{font-size:clamp(1.55rem,8vw,2.1rem)}.exercise-card>div[style*="justify-content: space-between"],.training-card div[style*="justify-content: space-between"]{flex-wrap:wrap}.public-routine-detail-actions>*,.share-routine-modal button{max-width:100%}.routine-toast{top:.75rem;left:.75rem;right:.75rem;width:auto;text-align:center}.wd-back{flex-wrap:wrap}.wd-back .btn-primary{margin-left:auto}.wd-exercise-header{flex-wrap:wrap}.page-header>button{max-width:100%}.public-routine-detail-header,.share-routine-header{min-width:0}main>div[style*="max-width: 1200px"][style*="padding: 24px"]{padding:.75rem!important}main div[style*="padding: 32px"][style*="border-radius: 12px"]{padding:1rem!important}div[style*="max-width: 900px"][style*="padding: 32px"]{padding:1rem!important}div[style*="position: fixed"][style*="inset: 0"]{padding:.5rem!important;overflow-y:auto}div[style*="position: fixed"][style*="inset: 0"]>div{max-width:100%!important;max-height:calc(100dvh - 1rem);overflow-y:auto}button[style*="width: 36px"][style*="height: 36px"]{width:44px!important;height:44px!important;flex:0 0 44px}}@media(max-width:520px){.workout-stats,.wh-stats,.wd-stats,.summary-grid,.success-stats{grid-template-columns:1fr}.training-card,.exercise-card,.workout-header,.wh-card,.wd-card{border-radius:10px}.sets-table,.wd-table{min-width:430px;font-size:.82rem}.set-form{grid-template-columns:1fr!important}.set-form>*,.add-set-button,.rest-controls>*,.modal-actions>*{width:100%}.wd-back{flex-direction:column;align-items:stretch}.wd-back .btn-primary{margin-left:0}.wd-back .btn{width:100%;justify-content:center}.public-routine-detail-overlay,.share-routine-overlay{padding:.5rem}.public-routine-detail-modal,.share-routine-modal{padding:.9rem;border-radius:12px}.public-routine-detail-actions,.public-routine-detail-header,.share-routine-header{flex-direction:column;align-items:stretch}.public-routine-detail-close,.public-routine-detail-copy,.share-routine-close{width:100%}.page-header{align-items:stretch}.page-header>button,.actions>button{width:100%}.p-4>div[style*="justify-content: space-between"][style*="align-items: center"]{flex-wrap:wrap!important;gap:.75rem!important;align-items:stretch!important}.p-4>div[style*="justify-content: space-between"][style*="align-items: center"]>button{width:100%}}