/* SPURSGYM v80.111 — user selectable, high legibility light palette. */ .themeToggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:42px;padding:9px 12px;border:1px solid rgba(78,152,152,.48);border-radius:12px;background:#10303b;color:#e9faf6;font-size:12px;font-weight:900;line-height:1.25;white-space:nowrap;cursor:pointer} .themeToggle:focus-visible{outline:3px solid #22c8aa;outline-offset:2px} #login .loginTopRow{align-items:center} #login .loginTopRow>div{min-width:0} #login .loginTopRow .themeToggle{min-height:42px} .accountThemeRow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:13px 14px;border:1px solid rgba(74,136,153,.32);border-radius:15px;background:rgba(46,190,165,.07)} .accountThemeRow>div{display:grid;gap:4px;min-width:0} .accountThemeRow b{font-size:14px} .accountThemeRow small{font-size:11px;line-height:1.4;opacity:.78} .memberApp .themeAdminOnly{display:none!important} @media(max-width:420px){#login .loginTopRow .themeToggle{font-size:11px;padding:8px 9px}.accountThemeRow{align-items:flex-start;flex-wrap:wrap}.accountThemeRow .themeToggle{width:100%}} html[data-spurs-theme="light"]{ --bg:#f1f6f7;--panel:#ffffff;--panel2:#e9f1f4;--line:#a8bec8; --text:#142d3c;--muted:#486071;--mint:#0b8174;--mint2:#087a70; --shadow:0 8px 26px rgba(24,57,72,.10); color-scheme:light; } html[data-spurs-theme="light"],html[data-spurs-theme="light"] body{ background:#edf4f6!important;color:#142d3c!important; } html[data-spurs-theme="light"] #login.loginShell{background:#edf4f6!important} html[data-spurs-theme="light"] #login .loginCard{ background:#ffffff!important;border-color:#b6cbd2!important;color:#142d3c!important; box-shadow:0 12px 32px rgba(22,61,77,.10)!important; } html[data-spurs-theme="light"] #login .loginCard *:not(svg):not(path), html[data-spurs-theme="light"] #app *:not(svg):not(path):not(img){color:#142d3c!important} html[data-spurs-theme="light"] #login .loginCard :is(.sub,.small,.sessionPolicy,.installDirectNote,.rememberRow small,.appVersion), html[data-spurs-theme="light"] #app :is(.sub,.small,.sessionStatus,.homeGreetingSub,.swzDesc,.swzExMeta,.swzModeText small,.swzPostureCaption){color:#455e6e!important} html[data-spurs-theme="light"] :is(#login,#app) .themeToggle{background:#e2f4ef!important;border-color:#64a99e!important;color:#10483f!important} html[data-spurs-theme="light"] :is(#login,#app) .themeToggle:hover{background:#c9eae0!important} html[data-spurs-theme="light"] #login .loginHeroArtworkCard{background:#071923!important} /* Main surfaces and cards */ html[data-spurs-theme="light"] #app .wrap{background:transparent!important} html[data-spurs-theme="light"] #app :is(.card,.header,.content,.side,.section,.modalBox,.memberAccountModalBox,.accountProfileSummary,.accountGate,.progressHero,.progressSummaryCard,.homeWelcome,.homeConsistencyCard,.homeFeatureCard,.homeRecentCard,.homeQuickCard,.homeMetricCard,.homeMonthlyReport,.homeCarouselSlide,.homeRateCard,.homeMonthSummaryCard,.homeHealthTipCard,.homeExercisePreview,.homeScheduleMini,.historyItem,.homeworkCard,.exCard,.programLine,.scheduleCard,.scheduleAdmin,.scheduleConfirm,.scheduleOverviewItem,.builderModeNotice,.exerciseSection,.totalBar,.workoutTimerCard,.trainerNoteField,.assignedTrainerNote){ background:#ffffff!important;background-image:none!important; border-color:#c6d7dd!important;box-shadow:0 5px 18px rgba(24,57,72,.06)!important; } html[data-spurs-theme="light"] #app :is(.header,.tabs){background:#f8fbfc!important;backdrop-filter:blur(14px)} html[data-spurs-theme="light"] #app :is(.tabs,.tab,.modeBtn,.chip,.catalogItem,.homeQuickAction,.homeTextBtn,.member,.homeScoreBox,.homeMuscleRow,.homeEmptyMini,.historyExercise,.homeMonthSummaryStats>div,.homeWeekDetail,.scheduleWeekItem,.detailTab,.detailNavBtn,.installStep,.homeCarouselArrow,.homeScheduleMini,.notificationItem){background:#e9f1f4!important;border-color:#c4d6dd!important} html[data-spurs-theme="light"] #app :is(.tab.active,.modeBtn.active,.chip.active,.member.active,.scheduleOverviewItem.active){background:#c9ede2!important;border-color:#087f70!important} html[data-spurs-theme="light"] #app :is(.btn.secondary,.btn.ghost,.secondary,.ghost,.miniBtn){background:#e9f2f5!important;border-color:#9fbac5!important;color:#123043!important} html[data-spurs-theme="light"] #app :is(.btn.primary,.primary,.swzPrimary,.swzAddBtn,.swzSetDoneAction,.swzFinishAction), html[data-spurs-theme="light"] #login .btn.primary{background:#28c6a6!important;border-color:#087f70!important;color:#062a28!important} html[data-spurs-theme="light"] #app :is(.btn.danger,.danger){background:#fae0df!important;border-color:#ba5a58!important;color:#702927!important} html[data-spurs-theme="light"] #app :is(.input,.select,.textarea,input:not([type="checkbox"]),select,textarea), html[data-spurs-theme="light"] #login :is(.input,.select,.textarea){background:#fff!important;border-color:#9fb8c3!important;color:#102d3d!important;color-scheme:light!important} html[data-spurs-theme="light"] :is(#login,#app) input::placeholder{color:#657d89!important;opacity:1} html[data-spurs-theme="light"] #app :is(.label,.trainerNoteLabel,.statLabel){color:#304b5a!important} html[data-spurs-theme="light"] #app :is(.accountThemeRow,.trainerNoteField,.sessionInfoCard,.scheduleTarget,.homeworkAssignHero,.homeWelcomeCopy,.homeConsistencyTrack,.homeRateRingInner){background:#e7f3f0!important;border-color:#a5cfc6!important} html[data-spurs-theme="light"] #app :is(.tableWrap,th,td){border-color:#c2d3dc!important} html[data-spurs-theme="light"] #app th{background:#dfecef!important;color:#173747!important} html[data-spurs-theme="light"] #app tr:nth-child(even){background:#f3f8f9!important} /* Workout wizard, exercise picker, calendar, and runtime */ html[data-spurs-theme="light"] #app #tab-builder.spursWizardHost{background:#f6fafb!important;background-image:none!important;border-color:#b9d1d8!important} html[data-spurs-theme="light"] #app .spursWorkoutWizard{color:#142d3c!important} html[data-spurs-theme="light"] #app :is(.swzPanel,.swzDateLoadMoved,.swzDateCalendar,.swzDatePreview,.swzModeCard,.swzExRow,.swzSelectionBar,.swzFocusCard,.swzTile,.swzModalCard,.swzExerciseDescription,.swzSpecCard,.swzDetailBox,.swzPostureBlock,.swzFilterBtn,.swzSecondary,.swzBack,.swzClose,.swzInfoBtn,.swzEmpty,.swzNotice,.swzRunHeader,.swzConfigCount,.swzDateHero,.swzTag,.swzAvailability span,.swzResultMeta,.swzExerciseDetailModal,.swzConfigBody .exCard){ background:#ffffff!important;background-image:none!important;border-color:#b9cfd7!important;box-shadow:none!important; } html[data-spurs-theme="light"] #app :is(.swzExRow.selected,.swzTile.selected,.swzFilterBtn.active,.swzCalendarDay.selected,.swzModeCard:hover){background:#d5f3ea!important;border-color:#087e70!important} html[data-spurs-theme="light"] #app :is(.swzCalendarDay,.swzCalendarHead button,.swzDateInput,.swzSearch input,.swzFocusInputs input,.swzFocusMetricGrid input,.swzFocusMetricGrid select){background:#f6fafb!important;border-color:#9fb8c3!important;color:#142d3c!important;color-scheme:light!important} html[data-spurs-theme="light"] #app :is(.swzModeIcon,.swzProgress,.swzConfigActionsTop,.swzFocusMetricGrid>div,.swzFocusInfoGrid>div,.swzDetailViews>div,.swzSetRow,.swzManualConfigBar,.swzTag){background:#e6f2f4!important;border-color:#b8d2d8!important} html[data-spurs-theme="light"] #app .swzRunHeader{background:#f6fafb!important} html[data-spurs-theme="light"] #app .swzModeStage:before{opacity:.12!important} html[data-spurs-theme="light"] #app .swzDateVisual:after{color:#fff!important;text-shadow:0 2px 8px #000!important} html[data-spurs-theme="light"] #app :is(.swzTile img,.swzExThumb,.swzPostureImage,.swzDetailMovement,.swzDetailViews img,.swzSpecCard img){background:#071521!important} html[data-spurs-theme="light"] #app .swzCalendarDots .homework{color:#a66a00!important} html[data-spurs-theme="light"] #app .swzCalendarDots .workout{color:#087e70!important} html[data-spurs-theme="light"] #app :is(.swzPrimary,.swzAddBtn,.swzSetDoneAction,.swzFinishAction) *{color:#062a28!important} html[data-spurs-theme="light"] #app .swzModal{background:rgba(13,37,49,.58)!important} /* Other dialogs and guidance remain legible in the selected palette. */ html[data-spurs-theme="light"] :is(#login,#app) :is(.modalBox,.installInlineGuide,.installStep,.sessionPolicy,.installDirectNote,.accountThemeRow){background:#f6fafb!important;border-color:#bdcfd6!important;color:#142d3c!important} html[data-spurs-theme="light"] #login .loginCard :is(.installStatusMain,.label,.msg){color:#183e4a!important} html[data-spurs-theme="light"] #login .loginCard .primary{color:#062a28!important} html[data-spurs-theme="light"] #app .pwaToast{background:#ffffff!important;color:#173646!important} /* Login actions and body-level dialogs. */ html[data-spurs-theme="light"] #login .loginCard :is(.btn.secondary,.btn.ghost,.installGuideItem,.installTipsBox){background:#e9f2f5!important;border-color:#a4bdc7!important;color:#142d3c!important} html[data-spurs-theme="light"] #login .loginCard :is(.input,.select,.textarea){background:#fff!important;color:#102d3d!important;border-color:#9fb8c3!important;color-scheme:light!important} html[data-spurs-theme="light"] :is(.modalBox,.swzModalCard){background:#fff!important;background-image:none!important;border-color:#bbd0d9!important;box-shadow:0 18px 45px rgba(18,58,75,.22)!important} html[data-spurs-theme="light"] :is(.modalBox,.swzModalCard) *:not(svg):not(path):not(img){color:#142d3c!important} html[data-spurs-theme="light"] :is(.modalBox,.swzModalCard) :is(.btn.secondary,.btn.ghost,.swzSecondary,.swzFilterBtn,.swzModalClose,.detailNavBtn,.accountProfileSummary,.accountThemeRow,.detailTab,.installStep,.installTipsBox,.swzTile,.swzSpecCard,.swzExerciseDescription,.swzDetailBox,.swzAvailability span){background:#e9f2f5!important;background-image:none!important;border-color:#b9d0d7!important} html[data-spurs-theme="light"] :is(.modalBox,.swzModalCard) :is(.btn.primary,.swzPrimary){background:#28c6a6!important;color:#062a28!important} html[data-spurs-theme="light"] :is(.modalBox,.swzModalCard) :is(input:not([type="checkbox"]),select,textarea){background:#fff!important;color:#102d3d!important;border-color:#9fb8c3!important;color-scheme:light!important} html[data-spurs-theme="light"] .swzModal :is(.swzTile.selected,.swzFilterBtn.active){background:#d5f3ea!important;border-color:#087e70!important} html[data-spurs-theme="light"] .swzModal :is(.swzTile img,.swzDetailMovement,.swzDetailViews img,.swzSpecCard img){background:#071521!important} html[data-spurs-theme="light"] .swzModal .swzModalClose{color:#142d3c!important} /* Slightly larger supporting text in the legibility option. */ html[data-spurs-theme="light"] :is(#login,#app,.modalBox,.swzModalCard) :is(.sub,.small,.sessionPolicy,.installDirectNote,.homeGreetingSub,.homeFeatureMeta,.homeworkMeta,.swzDesc,.swzExMeta,.swzModeText small,.swzDatePreview,.swzPostureCaption){font-size:max(13px,1em)!important;line-height:1.5!important} html[data-spurs-theme="light"] :is(#login,#app,.modalBox,.swzModalCard) :is(.btn,.tab,.swzFilterBtn){font-size:max(13px,1em)!important} html[data-spurs-theme="light"] #app :is(.homeProgressSnapshot,.homeInsightCard,.homeBottomGrid>*,.homeMonthlyReportGrid>*,.homeCalendarCard,.homeTipCard,.swzPlanHero,.swzFocusMetricGrid>div,.swzFocusInfoGrid>div,.swzSelectionBar,.swzConfigActionsTop){background:#ffffff!important;background-image:none!important;border-color:#c4d6dd!important} /* v80.109: Complete the light palette across administrative and member surfaces. */ html[data-spurs-theme="light"] #app :is( .adminDashboard,.adminDashPanel,.adminDashStat,.adminDashMember, .adminMemberTimeline,.adminAssessmentBox,.adminWorkoutLookup,.assessmentSummaryCard, .assessmentSummaryMetric,.lookupBlock,.lookupScheduleExercise,.memberStatusFilters button, .scheduleStep,.quickScheduleBox,.timelineDayDetail,.dateInfoCard, .historyCard,.historyDetails,.mobilityRegion,.mobilityScheduleRegion,.backupItem, .guide,.exercisePickRow,.exerciseSectionBody,.exerciseSearchEmpty, .memberWorkoutCalendar,.memberCalDay,.calDay,.workoutEntryToggle,.workoutEntryCard, .homeTrainingPanel,.aiTrainingPanel,.homeMultiSelect,.homeTrainingLevelRow, .homeCircuitPreset,.circuitExercisePlan>div,.circuitWorkCell,.circuitRestCell, .homeWeekCard,.homeWeekDay,.homeTrendCard,.homeTrendChart,.homeTrendStat, .homeRecentRow,.homeReportMonth,.homeMuscleArea,.homeBalanceChip, .homeMuscleInsight>div,.homeProgressSnapshotGrid>div,.homeSupportStrip, .supportNoticeSection,.supportTicketSection,.supportNoticeItem,.supportTicketItem, .workoutTimerTotal,.workoutTimerPhase,.workoutTimerMetrics>div,.workoutTimerCurrent, .workoutCompleteTrack,.workoutCompleteCheck,.workoutCompleteStats,.workoutCompleteWeek, .spursRestAlertSetting,.painScoreBtn,.exerciseGuideDetails,.pipDiag, .setQuickBtn,.homeChoiceChip span,.homeExercisePill,.homeStateBadge, .homeworkBadge,.assessmentRiskBadge,.assessmentFlag,.adminDashBadge, .swzPlanItem,.swzDifficultyTile,.swzFocusHero,.swzFocusMiniMeta, .swzEquipmentGroups,.swzResetCard,.swzHomeworkCard,.swzHomeworkExercises, .swzSelfCheckShell,.swzSelfCheckBody,.swzPoseNav,.scrollTopBtn ){background:#ffffff!important;background-image:none!important;border-color:#b9ced7!important;box-shadow:none!important} html[data-spurs-theme="light"] #app :is( .adminDashStat,.adminDashMember,.memberCalDay,.calDay,.memberStatusFilters button, .workoutEntryCard,.exercisePickRow,.homeChoiceChip span,.setQuickBtn,.painScoreBtn ):hover{border-color:#087e70!important;background:#e2f4ef!important} html[data-spurs-theme="light"] #app :is(.adminDashStat.warn,.assessmentRiskBadge.warn,.assessmentFlag.warn,.homeworkBadge.missed){background:#fff3d9!important;border-color:#d29b32!important} html[data-spurs-theme="light"] #app :is(.adminDashStat.danger,.adminDashBadge.danger,.assessmentRiskBadge.danger,.assessmentFlag.danger){background:#ffe8e6!important;border-color:#c06b68!important} html[data-spurs-theme="light"] #app :is(.adminDashBadge.good,.homeworkBadge.completed,.assessmentRiskBadge.good){background:#d9f2e7!important;border-color:#3b9880!important} html[data-spurs-theme="light"] #app :is(.adminDashBadge.warn,.homeworkBadge.started){background:#fff0ce!important;border-color:#be9136!important} html[data-spurs-theme="light"] #app :is(.adminDashStat span,.adminDashStat small,.adminDashPanelHead span,.adminDashMemberMeta,.adminDashDate,.assessmentSummaryMetric span){color:#435d6c!important;font-size:max(12px,1em)!important} html[data-spurs-theme="light"] #app :is(.adminDashKicker,.homeDate,.homeEyebrow){color:#076c62!important} html[data-spurs-theme="light"] #app :is(.adminDashStat.warn strong,.adminDashBadge.warn,.assessmentRiskBadge.warn){color:#79520d!important} html[data-spurs-theme="light"] #app :is(.adminDashStat.danger strong,.adminDashBadge.danger,.assessmentRiskBadge.danger){color:#982d2d!important} html[data-spurs-theme="light"] #app .adminDashBadge.good{color:#075b4d!important} html[data-spurs-theme="light"] #app :is(.homeChoiceChip input:checked+span,.memberStatusFilters button.active,.memberCalDay.selected,.calDay.selected,.workoutEntryCard.active){background:#c9ede2!important;border-color:#087e70!important} html[data-spurs-theme="light"] #app :is(.homeMuscleTrack,.workoutCompleteTrack,.homeConsistencyTrack){background:#d5e5e9!important} html[data-spurs-theme="light"] #app :is(.homeMuscleFill,.homeConsistencyFill,.swzProgress i){background:#1cae94!important} html[data-spurs-theme="light"] #app :is(.swzPosePairViewport,.swzFocusMotionVisual,.videoStage){background-color:#071521!important} html[data-spurs-theme="light"] #app :is(.swzPostureBlockPrimary,.swzPostureBlock){background:#fff!important;background-image:none!important;border-color:#b9ced7!important} html[data-spurs-theme="light"] :is(.spursActionPromptCard,.homeScheduleCoachmark){background:#fff!important;background-image:none!important;border-color:#b9ced7!important} html[data-spurs-theme="light"] :is(.spursActionPromptCard,.homeScheduleCoachmark) *:not(svg):not(path){color:#142d3c!important} html[data-spurs-theme="light"] :is(.spursActionPromptClose,.homeScheduleCoachmark button){background:#e9f2f5!important;color:#142d3c!important} @media(max-width:720px){ .adminApp .headerRow{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important} .adminApp .headerRow>div:first-child{min-width:0;width:100%} .adminApp #who{display:block;white-space:normal;overflow-wrap:anywhere;margin-top:2px;font-size:12px;line-height:1.35} .adminApp .headerRow>.btnRow{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;gap:5px!important;margin:0!important} .adminApp .headerRow>.btnRow .btn{min-width:0!important;padding:8px 4px!important;font-size:clamp(9px,2.7vw,12px)!important;white-space:normal!important;line-height:1.2!important} .adminApp .headerRow>.btnRow .themeToggle{font-size:clamp(9px,2.7vw,12px)!important} } html[data-spurs-theme="light"] #app :is(.muscleGroup,.workoutStartGate,.workoutNotice,.workoutCompactState,.workoutTimerStateBadge,.installArea,.installPlatformCard,.videoHint,.weeklyDateChip,.swzFocusInfoPanel,.swzFocusTags,.swzGhostAction,.swzRunReturn,.swzHomeworkTop,.swzHomeworkSectionHead,.memberHomeworkSectionHead,.swzAdded,.customMuscleBtn,.appUpdateBtn,.helpIconBtnHeader,.trainerNoteInput){background:#e9f2f5!important;background-image:none!important;border-color:#b9ced7!important;color:#142d3c!important} html[data-spurs-theme="light"] #app :is(.swzAdded,.workoutCompactState.running){background:#d6f1e5!important;border-color:#3b9880!important} html[data-spurs-theme="light"] #app .workoutCompactState.rest{background:#fff0ce!important;border-color:#be9136!important} html[data-spurs-theme="light"] #app .tabs .tab::before{color:#315d68!important} html[data-spurs-theme="light"] #app .tabs .tab.active::before{color:#087e70!important} html[data-spurs-theme="light"] #app :is(.homeRecentDate,.swzFocusBack){background:#e9f2f5!important;border-color:#b9ced7!important;color:#142d3c!important} html[data-spurs-theme="light"] #app .swzDateVisualArrow{color:#ffffff!important;background:rgba(5,30,38,.72)!important} /* v80.110: Keep body-level modal content on the same light surface as its shell. */ html[data-spurs-theme="light"] .modalBox :is( .notificationItem,.supportNoticeSection,.supportTicketSection, .supportNoticeItem,.supportTicketItem,.notificationSettingsBox ){background:#f2f8f9!important;background-image:none!important;border-color:#b9ced7!important;color:#142d3c!important} html[data-spurs-theme="light"] .modalBox .notificationItem.unread{ background:#e0f4ed!important;border-color:#3c9a84!important; } html[data-spurs-theme="light"] .modalBox :is( .notificationItem span,.notificationItem small,.supportNoticeItem p, .supportTicketItem p,.supportNoticeMeta,.supportTicketMeta, .notificationSettingRow span ){color:#425d6a!important} html[data-spurs-theme="light"] .modalBox .supportTicketStatus{ background:#dceaf9!important;border-color:#84a8d0!important;color:#214e80!important; } html[data-spurs-theme="light"] .modalBox .themeToggle{ background:#d5f3ea!important;border-color:#64a99e!important;color:#10483f!important; } html[data-spurs-theme="light"] .modalBox .themeToggle:hover{background:#bce9dc!important} /* Counts, calendar marks, and progress rings are UI, not artwork. */ html[data-spurs-theme="light"] #app .swzHomeworkSectionHead>span, html[data-spurs-theme="light"] #app .memberHomeworkSectionHead>span{ background:#d5f3ea!important;border-color:#65ad9d!important;color:#075b4d!important; } html[data-spurs-theme="light"] #app :is(.swzCalendarDots,.swzCalendarLegend) .homework, html[data-spurs-theme="light"] #app .swzDatePreview .homework{color:#a66a00!important} html[data-spurs-theme="light"] #app :is(.swzCalendarDots,.swzCalendarLegend) .workout, html[data-spurs-theme="light"] #app .swzDatePreview .workout{color:#087e70!important} html[data-spurs-theme="light"] #app .swzCalendarDay.today b{color:#087e70!important} html[data-spurs-theme="light"] #app .homeRateRing{ background:conic-gradient(#198b79 calc(var(--rate) * 1%),#d9e8ed 0)!important; box-shadow:none!important; } html[data-spurs-theme="light"] #app .homeRateRing.homeworkRing{ background:conic-gradient(#486cad calc(var(--rate) * 1%),#d9e8ed 0)!important; } html[data-spurs-theme="light"] #app .homeRateRing:before{ background:#fff!important;border-color:#c9dce2!important; } html[data-spurs-theme="light"] #app .homeRateRingInner{background:transparent!important;border:0!important} /* Preserve the photo and put readable white lettering over its dark gradient. */ html[data-spurs-theme="light"] #app .swzDateVisual{ background:linear-gradient(180deg,rgba(3,13,21,.20),rgba(3,13,21,.88)), url('./login-gym-bg.webp') center/cover!important; } html[data-spurs-theme="light"] #app .swzDateVisual .swzDateVisualCopy :is(b,small), html[data-spurs-theme="light"] #app .swzDateVisual:after{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.85)!important} html[data-spurs-theme="light"] #app .swzModeStage:before{ background:linear-gradient(90deg,rgba(237,246,248,.72),rgba(237,246,248,.18)), url('./login-gym-bg.webp') center/cover!important; opacity:.48!important; } /* Picker modals are attached to body, outside #app. Pair every dark control with light text. */ html[data-spurs-theme="light"] .swzPickerModal .swzEquipmentGroups button, html[data-spurs-theme="light"] .swzPickerModal .swzDifficultyTile{ background:#e9f2f5!important;border-color:#9ebbc4!important;color:#142d3c!important; } html[data-spurs-theme="light"] .swzPickerModal .swzEquipmentGroups button.active, html[data-spurs-theme="light"] .swzPickerModal .swzDifficultyTile.selected{ background:#c9ede2!important;border-color:#087e70!important;color:#075b4d!important; } html[data-spurs-theme="light"] .swzModal :is(.swzResetCard,.swzExerciseDetailModal .swzSafety){ background:#fff6e5!important;border-color:#d8b572!important;color:#5b3e13!important; } html[data-spurs-theme="light"] .swzModal .swzResetCard{ background:#fff!important;border-color:#b9ced7!important;color:#142d3c!important; } html[data-spurs-theme="light"] .swzModal .swzResetCard :is(h3,p){color:#142d3c!important} html[data-spurs-theme="light"] .swzModal .swzResetCard .swzSecondary{ background:#e9f2f5!important;border-color:#9ebbc4!important;color:#142d3c!important; } html[data-spurs-theme="light"] .swzExerciseDetailModal .swzDetailMovement span{ color:#fff!important;text-shadow:0 1px 4px #000!important; } html[data-spurs-theme="light"] .swzExerciseDetailModal .swzDetailViews b{ color:#fff!important; } html[data-spurs-theme="light"] #app .memberHomeworkSectionHead>em, html[data-spurs-theme="light"] #app .swzHomeworkSectionHead>span{ background:#d5f3ea!important;border-color:#65ad9d!important;color:#075b4d!important; } html[data-spurs-theme="light"] #app :is(.swzFocusMiniMeta span,.swzFocusTags span,.swzHomeworkTop em){ background:#e5f2f4!important;border-color:#b7d1d8!important;color:#234556!important; } html[data-spurs-theme="light"] #app .swzFocusMotionVisual span{ background:rgba(3,11,17,.83)!important;color:#fff!important; } /* Run view: keep the compact timer under the sticky header while the set card scrolls. */ @media(max-width:720px){ .memberApp #tab-builder.spursWizardHost.swzRunning{overflow:visible!important} .memberApp #tab-builder.swzRunning #swzStage5.active #swzRunTimerSlot{ position:sticky;top:calc(86px + env(safe-area-inset-top));z-index:79; align-self:start;min-width:0; } .memberApp #tab-builder.swzRunning #swzStage5.active #workoutTimerCard:not(.hide){ position:static!important;inset:auto!important;width:100%!important; margin:0!important;max-width:none!important; } }