:root{--font-primary:"Fira Sans", system-ui, sans-serif;--font-secondary:"Roboto", system-ui, sans-serif;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--color-text:#2a2e33;--color-secondary-text:#676c73;--color-tertiary-text:#f5f2eb;--color-background:#f5f2eb;--color-primary:#103c7d;--color-table-background:#faf9f5;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.25rem;--space-xl:1.5rem;--space-2xl:2rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-full:9999px}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}button{cursor:pointer;color:inherit;background:0 0;border:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}body{font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-background)}.home-container{align-items:center;gap:var(--space-2xl);flex-direction:column;padding:2.5rem;display:flex}.routine{gap:var(--space-sm);flex-direction:column;align-self:stretch;display:flex}.routine-title{font-size:var(--font-size-2xl);font-weight:600}.routine-definitions{gap:var(--space-xs);color:var(--color-secondary-text);align-items:center;display:flex}.routine-definitions>li+li:before{content:"·"}.routine-table{background-color:var(--color-table-background);padding:var(--space-sm)}.routine-table>thead{color:var(--color-secondary-text);font-size:var(--font-size-sm)}.routine-table th{text-align:left;padding-block:var(--space-sm);font-weight:400}.routine-table .right-columns{text-align:right}.routine-table>tbody td{color:var(--color-primary);padding-block:var(--space-md);font-size:var(--font-size-sm)}.start-btn{font-family:var(--font-secondary);background-color:var(--color-primary);padding:var(--space-md) var(--space-lg);border-radius:var(--space-md);color:var(--color-tertiary-text);font-weight:500}.exercise-container{align-items:center;gap:var(--space-md);flex-direction:column;padding:2.5rem;display:flex}.exercise-set{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);color:var(--color-secondary-text);font-family:var(--font-secondary);opacity:.8;border:1px solid}.exercise-heading{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.exercise-name{font-size:var(--font-size-2xl)}.exercise-machine{font-family:var(--font-secondary);font-size:var(--font-size-lg);min-height:1.25lh;line-height:1.25}.image-placeholder{border:solid 1px var(--color-primary);border-radius:var(--radius-sm);width:15rem;height:15rem}.exercise-subtitle{color:var(--color-secondary-text)}.exercise-sets{flex-direction:column;align-items:center;display:flex}.exercise-sets>p{color:var(--color-primary);font-size:var(--font-size-lg)}.exercise-weight{gap:var(--space-sm) var(--space-xl);grid-template-columns:1fr max-content 1fr;display:grid}.weight-title{grid-column:-1/1;justify-self:center}.exercise-weight-controls{gap:var(--space-xl);color:var(--color-secondary-text);flex-direction:column;align-self:center;display:flex}.left-control{align-items:flex-end}.exercise-weight-controls>li>button{border-radius:var(--radius-sm);padding:var(--space-xs);border:1px solid;min-width:4rem}.exercise-weight-value{font-size:6rem}.routine-navigation{gap:var(--space-2xl);font-size:var(--font-size-2xl);color:var(--color-primary);margin-block-start:var(--space-lg);display:flex}.routine-navigation>button{align-items:center;gap:var(--space-xs);padding:var(--space-sm);display:flex}.routine-navigation>button:disabled{opacity:.4;pointer-events:none}.routine-navigation>.hide{display:none}.routine-navigation>.navigate-finish{border-radius:var(--radius-sm);background-color:var(--color-primary);color:var(--color-tertiary-text);border:1px solid}