html[data-appearance="light"] body{background:#f3f4f5!important}
html[data-appearance="light"] .card,html[data-appearance="light"] .auth-card,html[data-appearance="light"] .more-link,html[data-appearance="light"] .today-command-card,html[data-appearance="light"] .card.hero,html[data-appearance="light"] .today-hero,html[data-appearance="light"] .today-week-control,html[data-appearance="light"] .exercise-plan-row,html[data-appearance="light"] .admin-account,html[data-appearance="light"] .note-card,html[data-appearance="light"] .notice,html[data-appearance="light"] .program-editor-day,html[data-appearance="light"] .program-editor-day.current,html[data-appearance="light"] .day-editor-block,html[data-appearance="light"] .day-type-switch,html[data-appearance="light"] .summary-pill,html[data-appearance="light"] .calendar-nav button{background:#f7f8f8!important;color:#151719!important;border-color:#d5dbdf!important}
html[data-appearance="light"] input,html[data-appearance="light"] select,html[data-appearance="light"] textarea{background:#fff!important;color:#151719!important}
html[data-appearance="light"] h1,html[data-appearance="light"] h2,html[data-appearance="light"] h3,html[data-appearance="light"] .today-week-title,html[data-appearance="light"] .day-number,html[data-appearance="light"] .calendar-nav button{color:#151719!important}
html[data-appearance="light"] .muted,html[data-appearance="light"] .label,html[data-appearance="light"] .eyebrow,html[data-appearance="light"] small{color:#3a4248}
html[data-appearance="light"] .calendar-day.is-day{background:#f4f6f7!important;color:#3c444b!important;border-color:#d5dbdf!important}
html[data-appearance="light"] .calendar-day.has-workout{background:#e7f6ee!important;color:#163528!important;border-color:#8ed3ae!important}
html[data-appearance="light"] .nutrition-module-nav button{color:#3c444b!important}
html[data-appearance="light"] .nutrition-module-nav button.active{background:#e7f6ee!important;color:#143024!important}
.calendar-day.is-day{cursor:pointer}
.calendar-day-detail{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text)}
@media(min-width:701px){.today-hero .row.between{align-items:flex-start;flex-wrap:nowrap}.today-hero .row.between>button.primary,.today-hero .row.between>.session-actions{align-self:flex-start;margin-top:52px}}
.offline-games-link,[data-more-view="games"]{display:none!important}

/* Light theme: segmented controls and selected pills were still solid black. */
html[data-appearance="light"] .today-phase-switch,
html[data-appearance="light"] .day-type-switch,
html[data-appearance="light"] .tabs,
html[data-appearance="light"] .currency-switch{
  background:#e6ebef!important;
  border-color:#d5dbdf!important;
  color:#151719!important;
}
html[data-appearance="light"] .today-phase-switch button,
html[data-appearance="light"] .day-type-switch button,
html[data-appearance="light"] .tabs button,
html[data-appearance="light"] .currency-switch button{
  background:transparent!important;
  color:#525a61!important;
}
html[data-appearance="light"] .today-phase-switch button.active,
html[data-appearance="light"] .day-type-switch button.active,
html[data-appearance="light"] .tabs button.active,
html[data-appearance="light"] .currency-switch button.active{
  background:#ffffff!important;
  color:#151719!important;
  box-shadow:0 1px 3px rgba(21,23,25,.14);
}
html[data-appearance="light"] .option.active{
  background:#e7f6ee!important;
  color:#143024!important;
  border-color:#8ed3ae!important;
}
html[data-appearance="light"] .bottom-nav{
  background:#ffffff!important;
  border-color:#d5dbdf!important;
  box-shadow:0 8px 28px rgba(21,23,25,.12)!important;
}
html[data-appearance="light"] .bottom-nav button{
  background:transparent!important;
  color:#525a61!important;
}
html[data-appearance="light"] .bottom-nav button.active{
  background:transparent!important;
  color:#1d7a45!important;
}
html[data-appearance="light"] .bottom-nav-pill{background:#e4e9ee!important}
html[data-appearance="light"] .bottom-nav button.active::before{
  content:none!important;
}
html[data-appearance="light"] .protocol-step,
html[data-appearance="light"] .counter-btn,
html[data-appearance="light"] .timer-stage-pill,
html[data-appearance="light"] .tempo-half,
html[data-appearance="light"] .timer-sequence-item,
html[data-appearance="light"] .timer-config-kpi,
html[data-appearance="light"] .timer-config-row,
html[data-appearance="light"] .suggestion-panel,
html[data-appearance="light"] .today-day-menu,
html[data-appearance="light"] .today-day-option,
html[data-appearance="light"] .today-day-option.recovery,
html[data-appearance="light"] .picker-option,
html[data-appearance="light"] .set-box,
html[data-appearance="light"] .target-tile,
html[data-appearance="light"] .install-step,
html[data-appearance="light"] .technique-block,
html[data-appearance="light"] .phase-rule,
html[data-appearance="light"] .timer-inner,
html[data-appearance="light"] .exercise-modal,
html[data-appearance="light"] .modal-close,
html[data-appearance="light"] th,
html[data-appearance="light"] .program-day.current,
html[data-appearance="light"] .macro-track,
html[data-appearance="light"] .reference-logic-item,
html[data-appearance="light"] .profile-save-banner{
  background:#f7f8f8!important;
  color:#151719!important;
  border-color:#d5dbdf!important;
}
html[data-appearance="light"] .today-day-option:hover,
html[data-appearance="light"] .picker-option:hover{
  background:#eef2f4!important;
}
html[data-appearance="light"] .program-day.current{
  background:#e7f6ee!important;
  color:#143024!important;
}
html[data-appearance="light"] .timer-stage-pill,
html[data-appearance="light"] .tempo-half{
  color:#525a61!important;
}
html[data-appearance="light"] .profile-save-banner{
  background:#e7f6ee!important;
  color:#143024!important;
  border-color:#8ed3ae!important;
}

/* Readable secondary text, the Today next-action card, and calendar detail. */
html[data-appearance="light"]{
  --accent:#1b5670;
  --accent2:#163e52;
  --accent-contrast:#ffffff;
  --muted:#2f383e;
}
html[data-appearance="light"] .muted,
html[data-appearance="light"] small,
html[data-appearance="light"] .decision-action,
html[data-appearance="light"] .reference-action,
html[data-appearance="light"] .nutrition-section .muted,
html[data-appearance="light"] .nutrition-focus-card small,
html[data-appearance="light"] .nutrition-note,
html[data-appearance="light"] .food-entry-meta,
html[data-appearance="light"] .food-entry-macro,
html[data-appearance="light"] .guide-formula span,
html[data-appearance="light"] .nutrition-kpi span,
html[data-appearance="light"] .nutrition-chart-labels,
html[data-appearance="light"] .nutrition-progress-labels,
html[data-appearance="light"] .nutrition-insight-stat small{
  color:#2a3136!important;
}
html[data-appearance="light"] .decision-action,
html[data-appearance="light"] .nutrition-guide-card summary span,
html[data-appearance="light"] .food-meal-heading span,
html[data-appearance="light"] .text-button,
html[data-appearance="light"] .global-food-attribution a{
  color:#145c3a!important;
}
html[data-appearance="light"] .today-next{
  background:#f7f8f8!important;
  color:#1a1e22!important;
  border-color:#d5dbdf!important;
}
html[data-appearance="light"] .today-next b{color:#151719!important}
html[data-appearance="light"] .today-next:before{
  background:#151719!important;
  color:#ffffff!important;
}
.calendar-day-detail div+div{margin-top:6px}

/* States that the light fill above had flattened, plus layout and type size. */
html[data-appearance="light"] .success,
html[data-appearance="light"] b.success,
html[data-appearance="light"] .exercise-progress-change.success,
html[data-appearance="light"] .status.green{color:#206245!important}
html[data-appearance="light"] .error,
html[data-appearance="light"] b.error,
html[data-appearance="light"] .exercise-progress-change.error,
html[data-appearance="light"] .status.red{color:#a93632!important}
html[data-appearance="light"] .today-command-card.primary-metric b{color:#206245!important}
html[data-appearance="light"] .protocol-step.active,
html[data-appearance="light"] .timer-sequence-item.active,
html[data-appearance="light"] .tempo-half.active{
  background:#e7f6ee!important;
  color:#143024!important;
  border-color:#8ed3ae!important;
}
html[data-appearance="light"] .protocol-step.complete{
  background:#f3fbf6!important;
  color:#143024!important;
  border-color:#8ed3ae!important;
}
html[data-appearance="light"] .protocol-step.complete .n,
html[data-appearance="light"] .protocol-step.complete b{color:#206245!important}
html[data-appearance="light"] .timer-stage-pill.active{
  background:#e7f6ee!important;
  color:#143024!important;
  border-color:#2a8f5f!important;
}
html[data-appearance="light"] .set-box.done{
  background:#e7f6ee!important;
  color:#143024!important;
  border-color:#8ed3ae!important;
}
html[data-appearance="light"] .today-day-option.active{
  background:#e7f6ee!important;
  color:#143024!important;
  border-color:#8ed3ae!important;
}
html[data-appearance="light"] .today-day-option.active .today-day-option-body b,
html[data-appearance="light"] .today-day-option.active .today-day-option-body>span{color:#143024!important}
html[data-appearance="light"] #isoLoader{background:#f4f6f7;color:#151719}
html[data-appearance="light"] .iso-loader-bg{filter:saturate(.35) contrast(.92) brightness(1.45)}
html[data-appearance="light"] .iso-loader-brand{text-shadow:none;color:#151719}
html[data-appearance="light"] .iso-loader-subtitle,
html[data-appearance="light"] .iso-loader-copy{color:#3c444b}
html[data-appearance="light"] .iso-loader-track{background:#e6ebef;border-color:#d5dbdf}
html[data-appearance="light"] .iso-loader-status{color:#525a61}
html[data-appearance="light"] .iso-loader-vignette{background:radial-gradient(circle at 50% 45%,transparent 30%,rgba(243,244,245,.72) 100%)}
body::after{display:none}
.bottom-nav{width:min(430px,calc(100% - 56px))!important;max-width:430px;border-radius:28px!important;bottom:max(18px,calc(12px + env(safe-area-inset-bottom,0px)))!important}
main{padding-bottom:calc(176px + env(safe-area-inset-bottom,0px))!important}
.counter-btn{width:44px!important;height:44px!important}
.calendar-day{min-height:44px}
.day-controls{flex-wrap:wrap}
.day-controls button{white-space:normal!important;min-height:44px}
html[data-text-size="large"] body{font-size:18px}
html[data-text-size="large"] h1{font-size:clamp(34px,6vw,48px)!important}
html[data-text-size="large"] h2{font-size:clamp(26px,4vw,34px)!important}
html[data-text-size="large"] .big,html[data-text-size="large"] .kpi{font-size:40px!important}
html[data-text-size="large"] .today-command-card b,html[data-text-size="large"] .progress-metric b{font-size:28px!important}
@media(max-width:700px){
  .today-command,.progress-metrics,.admin-stats{grid-template-columns:1fr!important}
  .today-command-card .label{font-size:12px!important}
  .today-command-card span{font-size:13px!important}
  .today-command-card b{font-size:24px!important}
  .progress-metric .last-session-date{white-space:normal!important}
}
body:has(.onboard)::after{content:none}
.auth-wrap:has(.onboard){height:100dvh;min-height:100dvh;display:grid;place-items:stretch center;padding:12px 12px calc(12px + env(safe-area-inset-bottom));overflow:hidden}
.onboard{max-width:760px;width:min(760px,100%);max-height:100%;margin:0;display:flex;flex-direction:column;overflow:hidden}
.onboard h1{font-size:clamp(28px,7vw,40px);line-height:1.08;margin:8px 0 0}
.guide-scroll{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}
.guide-progress{height:6px;border-radius:99px;background:rgba(127,127,127,.28);overflow:hidden;margin:12px 0 18px}
.guide-progress span{display:block;height:100%;background:#2a8f5f}
.guide-choices{display:grid;gap:8px}
.guide-choices.two{grid-template-columns:1fr 1fr}
.guide-choices .option,.onboard .option{width:100%;font:inherit;cursor:pointer;min-height:48px}
.guide-point{padding:16px 16px;border:1px solid var(--line);border-radius:12px;margin-top:12px}
.guide-day{padding:12px 0;border-bottom:1px solid var(--line)}
.guide-day b{display:block;margin-bottom:4px}
html[data-button-size="large"] .primary,html[data-button-size="large"] .secondary,html[data-button-size="large"] .ghost,html[data-button-size="large"] .bottom-nav button{min-height:52px;font-size:16px}
button:active:not(:disabled){transform:scale(.98)}
.bottom-nav button:active:not(:disabled){transform:none}
@media(prefers-reduced-motion:reduce){button:active:not(:disabled){transform:none}.today-day-menu.portal-open{animation:none}}
.today-day-menu.portal-open{animation:dayMenuIn .16s ease}
@keyframes dayMenuIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.planned-sets{display:grid;gap:8px;margin:12px 0}
.planned-set{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px}
.planned-set span{color:var(--text);font-weight:750}
html[data-appearance="light"] .secondary,html[data-appearance="light"] .ghost{background:#fff;color:#1c2328}
.guide-actions{flex:none;margin-top:0;padding-top:12px;border-top:1px solid var(--line);background:var(--panel)}
html[data-appearance="light"] .guide-actions{background:#f7f8f8}
.guide-action-row{display:flex;flex-wrap:wrap;gap:10px}
.guide-action-row .primary,.guide-action-row .secondary{flex:1 1 140px;min-height:48px}
html[data-appearance="light"] .guide-point,html[data-appearance="light"] .guide-day{color:#151719}
html[data-appearance="light"] .guide-point .muted,html[data-appearance="light"] .guide-day .muted,html[data-appearance="light"] .onboard .muted{color:#3c444b}
@media(max-width:700px){.guide-choices.two,.onboard .option-grid{grid-template-columns:1fr}}

.app-connection-pill[hidden]{display:none!important}
.cat-choices{display:flex;gap:8px}.cat-choices button{flex:1;min-height:44px}
.brand{letter-spacing:.16em}
.tag{letter-spacing:.08em}
.card,.more-link,.library-card,.note-card,.reference-card,.price-card,.admin-account{border-radius:12px}
button.primary,.primary{background:var(--green);border-color:var(--green);color:#102117;box-shadow:none;border-radius:12px}
.program-exercise-summary .chip{color:var(--text);font-weight:650;background:transparent}
.day-controls .ghost,.day-controls .secondary{color:var(--muted)}
.more-link-quiet b{font-weight:600}
.support-basics{margin:8px 0 0;padding-left:18px;display:grid;gap:8px}
.support-basics li{line-height:1.45}
.nutrition-nav-primary,.nutrition-nav-more{display:flex!important;flex-wrap:wrap;gap:6px;margin-top:10px;padding:0;border:0;background:transparent;overflow:visible;position:static;grid-template-columns:none}
.nutrition-nav-more{margin-top:8px}
.nutrition-module-nav button{flex:1 1 108px;border-radius:999px!important;border:1px solid var(--line)!important;background:transparent!important;color:var(--muted)!important;box-shadow:none!important;font-weight:650!important}
.nutrition-module-nav button.active{color:var(--text)!important;border-color:var(--green)!important;background:transparent!important}
html[data-appearance="light"] .muted{color:#3c454c}


