<span style="color: rgba(103, 58, 183, 0.8); font-weight: bold; font-size: 35px;">Spiritual</span> | `INPUT[number(class(centeredNumberInput), placeholder('🧘 Spiritual Rating')):wheelOfLife.spiritual]` | `INPUT[slider(minValue(1), maxValue(10)):wheelOfLife.spiritual]` `VIEW[{wheelOfLife.spiritualSummary}][text(renderMarkdown)]` #### <span style="color: rgba(3, 169, 244, 0.8); font-weight: bold; font-size: 35px;">Career/Work</span> | `INPUT[number(class(centeredNumberInput), placeholder('💼 Career Rating')):wheelOfLife.career]` | `INPUT[slider(minValue(1), maxValue(10)):wheelOfLife.career]` `VIEW[{wheelOfLife.careerSummary}][text(renderMarkdown)]` #### <span style="color: rgba(233, 30, 99, 0.8); font-weight: bold; font-size: 35px;">Love/Relationships</span> | `INPUT[number(class(centeredNumberInput), placeholder('❤️ Relationships Rating')):wheelOfLife.relationships]` |`INPUT[slider(minValue(1), maxValue(10)):wheelOfLife.relationships]` `VIEW[{wheelOfLife.relationshipsSummary}][text(renderMarkdown)]` #### <span style="color: rgba(0, 150, 136, 0.8); font-weight: bold; font-size: 35px;">Health/Fitness</span> | `INPUT[number(class(centeredNumberInput), placeholder('🏃 Health Rating')):wheelOfLife.health]` | `INPUT[slider(minValue(1), maxValue(10)):wheelOfLife.health]` `VIEW[{wheelOfLife.healthSummary}][text(renderMarkdown)]` #### <span style="color: rgba(255, 87, 34, 0.8); font-weight: bold; font-size: 35px;">Personal Growth</span> | `INPUT[number(class(centeredNumberInput), placeholder('🌱 Growth Rating')):wheelOfLife.growth]` | `INPUT[slider(minValue(1), maxValue(10)):wheelOfLife.growth]` `VIEW[{wheelOfLife.growthSummary}][text(renderMarkdown)]` #### <span style="color: rgba(255, 193, 7, 0.8); font-weight: bold; font-size: 35px;">Fun/Recreation</span> | `INPUT[number(class(centeredNumberInput), placeholder('🎮 Recreation Rating')):wheelOfLife.recreation]` | `INPUT[slider(minValue(1), maxValue(10)):wheelOfLife.recreation]` `VIEW[{wheelOfLife.recreationSummary}][text(renderMarkdown)]` #### <span style="color: rgba(156, 39, 176, 0.8); font-weight: bold; font-size: 35px;">Social</span> | `INPUT[number(class(centeredNumberInput), placeholder('👥 Social Rating')):wheelOfLife.social]` | `INPUT[slider(minValue(1), maxValue(10)):wheelOfLife.social]` `VIEW[{wheelOfLife.socialSummary}][text(renderMarkdown)]` #### <span style="color: rgba(76, 175, 80, 0.8); font-weight: bold; font-size: 35px;">Finance</span> | `INPUT[number(class(centeredNumberInput), placeholder('💰 Finance Rating')):wheelOfLife.finance]` | `INPUT[slider(minValue(1), maxValue(10)):wheelOfLife.finance]` `VIEW[{wheelOfLife.financeSummary}][text(renderMarkdown)]`