/* Controls remain the same size in both modes. */
:root{color-scheme:light}
.appearance-mode-options{display:flex;gap:10px;margin:14px 0;max-width:420px}
.appearance-mode-choice{position:relative;flex:1;margin:0;cursor:pointer}
.appearance-mode-choice input{position:absolute;width:1px;height:1px;opacity:0;margin:0}
.appearance-mode-choice span{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--muted);font-weight:600}
.appearance-mode-choice input:checked+span{border-color:var(--primary);color:var(--primary);background:var(--accent-soft)}
.appearance-mode-choice input:focus-visible+span{outline:2px solid var(--primary);outline-offset:3px}
.appearance-mode-choice input:disabled+span{opacity:.55;cursor:default}
:root[data-appearance="night"]{color-scheme:dark;--bg:#000000;--card:#101216;--ink:#f1f3f7;--muted:#b5bece;--line:#343943;--border:#343943;--accent-soft:#2d1b15;--blue-soft:#1b2b48;--dark-panel:#20242b;--dark-field:#191c22;--shadow-card:0 4px 24px #0004;--shadow-control:0 3px 12px #0003;}
:root[data-appearance="night"] body{background:var(--bg);color:var(--ink)}
:root[data-appearance="night"] header,:root[data-appearance="night"] .header-navigation{background:#000000;border-color:var(--line)}
:root[data-appearance="night"] .card,:root[data-appearance="night"] .daily-total,:root[data-appearance="night"] .gym-today,:root[data-appearance="night"] .daily-balance,:root[data-appearance="night"] .day-save,:root[data-appearance="night"] .section-tabs,:root[data-appearance="night"] .gym-set,:root[data-appearance="night"] .plan-item,:root[data-appearance="night"] .profile-card,:root[data-appearance="night"] .auth{background:var(--card);border-color:var(--line)}
:root[data-appearance="night"] input,:root[data-appearance="night"] select,:root[data-appearance="night"] textarea{background:var(--dark-field);color:var(--ink);border-color:var(--line)}
:root[data-appearance="night"] input::placeholder,:root[data-appearance="night"] textarea::placeholder{color:#7f899b;opacity:1}
:root[data-appearance="night"] input[readonly]{background:var(--dark-panel);color:var(--muted)}
:root[data-appearance="night"] .header-documents,:root[data-appearance="night"] [data-native-health-icon]{background:var(--dark-panel)!important;border-color:var(--line)!important}
:root[data-appearance="night"] .bottom-navigation{background:#15181eed;border-color:var(--line);box-shadow:0 8px 36px #0007}
:root[data-appearance="night"] .date-navigation>a,:root[data-appearance="night"] .date-card>a,:root[data-appearance="night"] .gym-steps>a,:root[data-appearance="night"] .gym-steps>button,:root[data-appearance="night"] .gym-chips span,:root[data-appearance="night"] .volume-circle{background:var(--dark-panel);border-color:var(--line);color:var(--ink)}
:root[data-appearance="night"] .gym-steps>a[aria-current],:root[data-appearance="night"] .gym-steps>button[aria-current]{background:var(--primary);color:#fff;border-color:var(--primary)}
:root[data-appearance="night"] .gym-session-head{background:#000000f5}
:root[data-appearance="night"] .gym-clock{background:var(--dark-panel);color:var(--ink)}
:root[data-appearance="night"] .gym-note,:root[data-appearance="night"] .gym-previous,:root[data-appearance="night"] .gym-stat,:root[data-appearance="night"] .note,:root[data-appearance="night"] .meal-extra-tile,:root[data-appearance="night"] .saved-extra-line,:root[data-appearance="night"] .compact-extra [data-extra-editor]{background:var(--dark-panel);color:var(--ink)}
:root[data-appearance="night"] .superset-summary,:root[data-appearance="night"] .gym-mode .exercise-note,:root[data-appearance="night"] .balance-overview .balance-highlight,:root[data-appearance="night"] .daily-balance>.notice,:root[data-appearance="night"] .meal>.metrics,:root[data-appearance="night"] .meal-editor .skip-meal{background:var(--blue-soft);color:var(--ink)}
:root[data-appearance="night"] .meal>.metrics>div{border-color:#354966}
:root[data-appearance="night"] .info-disclosure>summary,:root[data-appearance="night"] .meal-tools>.info-disclosure>summary,:root[data-appearance="night"] .meal-main-actions>.meal-editor>summary:not(.meal-add-tile){background:var(--blue-soft);color:#8fb3ff}
:root[data-appearance="night"] .info-disclosure[open]>summary{background:var(--blue);color:#fff}
:root[data-appearance="night"] .meal-main-actions>.meal-editor>summary:not(.meal-add-tile):hover{background:#263b5e}
:root[data-appearance="night"] .btn-secondary,:root[data-appearance="night"] .gym-mode .btn-secondary,:root[data-appearance="night"] .gym-mode .exercise-info-actions>.btn,:root[data-appearance="night"] .catalog .btn-secondary{background:var(--dark-panel);color:var(--primary);border-color:var(--line)}
:root[data-appearance="night"] .btn-secondary:hover,:root[data-appearance="night"] .gym-mode .btn-secondary:hover{background:#2b3039;color:var(--primary)}
:root[data-appearance="night"] .meal-extra-add,:root[data-appearance="night"] .meal-extra-add:hover{background:var(--dark-panel);border-color:var(--line);color:var(--muted)}
:root[data-appearance="night"] .activity-pending-icon{background:#526078;color:#fff}
:root[data-appearance="night"] .gym-reminder,:root[data-appearance="night"] .watch-pending-notice,:root[data-appearance="night"] .pending{background:#2b2115;color:#efd49a;border-color:#51412b}
:root[data-appearance="night"] .error{background:#391b1d;color:#ffb8ae}
:root[data-appearance="night"] .notice{background:var(--accent-soft);color:var(--ink)}
:root[data-appearance="night"] .volume-celebration{background:#2b2517}
:root[data-appearance="night"] .theme-preview>strong{color:var(--ink)}
:root[data-appearance="night"] .training-progress progress{background:var(--dark-panel)}
:root[data-appearance="night"] .training-progress progress::-webkit-progress-bar{background:var(--dark-panel)}
:root[data-appearance="night"] .training-progress.complete .training-progress-heading strong{color:#40cf75}
:root[data-appearance="night"] .exercise-note textarea{background:var(--dark-field);color:var(--ink)}
:root[data-appearance="night"] .meal-switch-track{background:#444b57}
:root[data-appearance="night"] .plan-superset .plan-item{background:transparent}
:root[data-appearance="night"] .plan-switch-track{background:#444b57}
:root[data-appearance="night"] .plan-switch[aria-checked="true"] .plan-switch-track{background:var(--primary)}
:root[data-appearance="night"] .weight-chart text{fill:var(--muted)}
:root[data-appearance="night"] .weight-chart-tooltip{background:var(--dark-panel);color:var(--ink);border-color:var(--line)}
:root[data-appearance="night"] .metrics strong,:root[data-appearance="night"] .gym-stat strong,:root[data-appearance="night"] .ingredient-summary,:root[data-appearance="night"] .energy,:root[data-appearance="night"] .macro-tags{color:var(--ink)}
:root[data-appearance="night"] .theme-preview{border-color:var(--line)}
:root[data-appearance="night"] a:where(:not(.btn,.button)){color:var(--primary)}
:root[data-appearance="night"] .catalog article>form .link,:root[data-appearance="night"] .btn-quiet.danger:hover{background:#301b18;color:#ff998b}
:root[data-appearance="night"] .gym-mode .plan-item-actions .plan-blue,:root[data-appearance="night"] .btn-edit{color:#fff}
@media(prefers-color-scheme:dark){
:root[data-appearance="auto"]{color-scheme:dark;--bg:#000000;--card:#101216;--ink:#f1f3f7;--muted:#b5bece;--line:#343943;--border:#343943;--accent-soft:#2d1b15;--blue-soft:#1b2b48;--dark-panel:#20242b;--dark-field:#191c22;--shadow-card:0 4px 24px #0004;--shadow-control:0 3px 12px #0003;}
:root[data-appearance="auto"] body{background:var(--bg);color:var(--ink)}
:root[data-appearance="auto"] header,:root[data-appearance="auto"] .header-navigation{background:#000000;border-color:var(--line)}
:root[data-appearance="auto"] .card,:root[data-appearance="auto"] .daily-total,:root[data-appearance="auto"] .gym-today,:root[data-appearance="auto"] .daily-balance,:root[data-appearance="auto"] .day-save,:root[data-appearance="auto"] .section-tabs,:root[data-appearance="auto"] .gym-set,:root[data-appearance="auto"] .plan-item,:root[data-appearance="auto"] .profile-card,:root[data-appearance="auto"] .auth{background:var(--card);border-color:var(--line)}
:root[data-appearance="auto"] input,:root[data-appearance="auto"] select,:root[data-appearance="auto"] textarea{background:var(--dark-field);color:var(--ink);border-color:var(--line)}
:root[data-appearance="auto"] input::placeholder,:root[data-appearance="auto"] textarea::placeholder{color:#7f899b;opacity:1}
:root[data-appearance="auto"] input[readonly]{background:var(--dark-panel);color:var(--muted)}
:root[data-appearance="auto"] .header-documents,:root[data-appearance="auto"] [data-native-health-icon]{background:var(--dark-panel)!important;border-color:var(--line)!important}
:root[data-appearance="auto"] .bottom-navigation{background:#15181eed;border-color:var(--line);box-shadow:0 8px 36px #0007}
:root[data-appearance="auto"] .date-navigation>a,:root[data-appearance="auto"] .date-card>a,:root[data-appearance="auto"] .gym-steps>a,:root[data-appearance="auto"] .gym-steps>button,:root[data-appearance="auto"] .gym-chips span,:root[data-appearance="auto"] .volume-circle{background:var(--dark-panel);border-color:var(--line);color:var(--ink)}
:root[data-appearance="auto"] .gym-steps>a[aria-current],:root[data-appearance="auto"] .gym-steps>button[aria-current]{background:var(--primary);color:#fff;border-color:var(--primary)}
:root[data-appearance="auto"] .gym-session-head{background:#000000f5}
:root[data-appearance="auto"] .gym-clock{background:var(--dark-panel);color:var(--ink)}
:root[data-appearance="auto"] .gym-note,:root[data-appearance="auto"] .gym-previous,:root[data-appearance="auto"] .gym-stat,:root[data-appearance="auto"] .note,:root[data-appearance="auto"] .meal-extra-tile,:root[data-appearance="auto"] .saved-extra-line,:root[data-appearance="auto"] .compact-extra [data-extra-editor]{background:var(--dark-panel);color:var(--ink)}
:root[data-appearance="auto"] .superset-summary,:root[data-appearance="auto"] .gym-mode .exercise-note,:root[data-appearance="auto"] .balance-overview .balance-highlight,:root[data-appearance="auto"] .daily-balance>.notice,:root[data-appearance="auto"] .meal>.metrics,:root[data-appearance="auto"] .meal-editor .skip-meal{background:var(--blue-soft);color:var(--ink)}
:root[data-appearance="auto"] .meal>.metrics>div{border-color:#354966}
:root[data-appearance="auto"] .info-disclosure>summary,:root[data-appearance="auto"] .meal-tools>.info-disclosure>summary,:root[data-appearance="auto"] .meal-main-actions>.meal-editor>summary:not(.meal-add-tile){background:var(--blue-soft);color:#8fb3ff}
:root[data-appearance="auto"] .info-disclosure[open]>summary{background:var(--blue);color:#fff}
:root[data-appearance="auto"] .meal-main-actions>.meal-editor>summary:not(.meal-add-tile):hover{background:#263b5e}
:root[data-appearance="auto"] .btn-secondary,:root[data-appearance="auto"] .gym-mode .btn-secondary,:root[data-appearance="auto"] .gym-mode .exercise-info-actions>.btn,:root[data-appearance="auto"] .catalog .btn-secondary{background:var(--dark-panel);color:var(--primary);border-color:var(--line)}
:root[data-appearance="auto"] .btn-secondary:hover,:root[data-appearance="auto"] .gym-mode .btn-secondary:hover{background:#2b3039;color:var(--primary)}
:root[data-appearance="auto"] .meal-extra-add,:root[data-appearance="auto"] .meal-extra-add:hover{background:var(--dark-panel);border-color:var(--line);color:var(--muted)}
:root[data-appearance="auto"] .activity-pending-icon{background:#526078;color:#fff}
:root[data-appearance="auto"] .gym-reminder,:root[data-appearance="auto"] .watch-pending-notice,:root[data-appearance="auto"] .pending{background:#2b2115;color:#efd49a;border-color:#51412b}
:root[data-appearance="auto"] .error{background:#391b1d;color:#ffb8ae}
:root[data-appearance="auto"] .notice{background:var(--accent-soft);color:var(--ink)}
:root[data-appearance="auto"] .volume-celebration{background:#2b2517}
:root[data-appearance="auto"] .theme-preview>strong{color:var(--ink)}
:root[data-appearance="auto"] .training-progress progress{background:var(--dark-panel)}
:root[data-appearance="auto"] .training-progress progress::-webkit-progress-bar{background:var(--dark-panel)}
:root[data-appearance="auto"] .training-progress.complete .training-progress-heading strong{color:#40cf75}
:root[data-appearance="auto"] .exercise-note textarea{background:var(--dark-field);color:var(--ink)}
:root[data-appearance="auto"] .meal-switch-track{background:#444b57}
:root[data-appearance="auto"] .plan-superset .plan-item{background:transparent}
:root[data-appearance="auto"] .plan-switch-track{background:#444b57}
:root[data-appearance="auto"] .plan-switch[aria-checked="true"] .plan-switch-track{background:var(--primary)}
:root[data-appearance="auto"] .weight-chart text{fill:var(--muted)}
:root[data-appearance="auto"] .weight-chart-tooltip{background:var(--dark-panel);color:var(--ink);border-color:var(--line)}
:root[data-appearance="auto"] .metrics strong,:root[data-appearance="auto"] .gym-stat strong,:root[data-appearance="auto"] .ingredient-summary,:root[data-appearance="auto"] .energy,:root[data-appearance="auto"] .macro-tags{color:var(--ink)}
:root[data-appearance="auto"] .theme-preview{border-color:var(--line)}
:root[data-appearance="auto"] a:where(:not(.btn,.button)){color:var(--primary)}
:root[data-appearance="auto"] .catalog article>form .link,:root[data-appearance="auto"] .btn-quiet.danger:hover{background:#301b18;color:#ff998b}
:root[data-appearance="auto"] .gym-mode .plan-item-actions .plan-blue,:root[data-appearance="auto"] .btn-edit{color:#fff}
}
:root[data-appearance="night"] .bottom-navigation>a[aria-current]{color:#fff}
:root[data-appearance="night"] .exercise-note>i,:root[data-appearance="night"] .balance-highlight strong{color:#8fb3ff}
:root[data-appearance="night"] .brand-logo[src="assets/mi-progreso-logo.svg"]{filter:brightness(0) invert(1)}
:root[data-appearance="night"] .brand-logo:not([src="assets/mi-progreso-logo.svg"]){background:transparent;border-radius:0;padding:0}
@media(prefers-color-scheme:dark){:root[data-appearance="auto"] .bottom-navigation>a[aria-current]{color:#fff}
:root[data-appearance="auto"] .exercise-note>i,:root[data-appearance="auto"] .balance-highlight strong{color:#8fb3ff}
:root[data-appearance="auto"] .brand-logo[src="assets/mi-progreso-logo.svg"]{filter:brightness(0) invert(1)}
:root[data-appearance="auto"] .brand-logo:not([src="assets/mi-progreso-logo.svg"]){background:transparent;border-radius:0;padding:0}
}

:root[data-appearance="night"] .meal-total-block{background:var(--blue-soft)}
@media(prefers-color-scheme:dark){:root[data-appearance="auto"] .meal-total-block{background:var(--blue-soft)}}

:root .meal-switch[aria-checked="true"] .meal-switch-track{background:var(--primary)}

.appearance-day-night,.appearance-day-night:hover{display:inline-flex;align-items:center;gap:14px;background:transparent;color:var(--ink);border:0;box-shadow:none;padding:8px 0;font-size:22px;min-height:48px}
.appearance-day-night-track{display:block;width:64px;height:34px;box-sizing:border-box;padding:3px;border-radius:30px;background:var(--line)}
.appearance-day-night-track>span{display:block;width:28px;height:28px;background:#fff;border-radius:50%;box-shadow:0 2px 5px #0003;transition:transform .2s}
.appearance-day-night[aria-checked="true"] .appearance-day-night-track{background:var(--primary)}
.appearance-day-night[aria-checked="true"] .appearance-day-night-track>span{transform:translateX(30px)}
.appearance-day-night[aria-checked="false"]>.fa-sun,.appearance-day-night[aria-checked="true"]>.fa-moon{color:var(--primary)}
[data-appearance-status]:empty{display:none}
@media(prefers-reduced-motion:reduce){.appearance-day-night-track>span{transition:none}}

.appearance-segmented{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:5px;padding:5px;border-radius:17px;background:var(--dark-panel,#eeedeb);max-width:500px}
.appearance-segmented button,.appearance-segmented button:hover{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:46px;padding:10px 8px;background:transparent;color:var(--muted);border-radius:12px;box-shadow:none;font-size:14px}
.appearance-segmented button[aria-pressed="true"]{background:var(--primary);color:#fff}
@media(max-width:400px){.appearance-segmented button{gap:6px;font-size:12px;padding:10px 5px}}