:root,
:root[data-theme='light'] {
  color-scheme: light;
  --bg-primary: #f5f7fa;
  --bg-card: #ffffff;
  --bg-card-glass: rgba(255, 255, 255, 0.88);
  --text-primary: #1f2937;
  --text-secondary: #5f6c7b;
  --text-inverse: #ffffff;
  --border-color: #dbe3eb;
  --border-light: rgba(15, 23, 42, 0.08);
  --shadow-card: 0 8px 28px rgba(15, 23, 42, 0.08);
  --shadow-button: 0 8px 22px rgba(0, 240, 118, 0.22);
  --workout-surface-border: rgba(28, 36, 48, 0.08);
  --workout-surface-border-strong: rgba(28, 36, 48, 0.12);
  --workout-inline-state-soft-bg: rgba(255, 255, 255, 0.88);
  --workout-inline-state-soft-border: rgba(15, 23, 42, 0.08);
  --workout-inline-state-neutral-bg: rgba(0, 240, 118, 0.05);
  --workout-inline-state-neutral-border: rgba(0, 240, 118, 0.16);
  --workout-complete-card-bg: linear-gradient(135deg, rgba(0, 240, 118, 0.12), rgba(255, 255, 255, 0.92));
  --theme-toggle-surface: rgba(255, 255, 255, 0.92);
  --theme-toggle-border: rgba(15, 23, 42, 0.08);
  --theme-toggle-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
  --theme-toggle-hover: rgba(37, 99, 235, 0.12);
  --dashboard-header-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(249, 250, 251, 0.9));
  --dashboard-header-border: rgba(15, 23, 42, 0.08);
  --dashboard-header-shadow: 0 12px 26px rgba(15, 23, 42, 0.08);
  --dashboard-logo-gradient: linear-gradient(135deg, #0f172a 0%, #2563eb 45%, #00f076 100%);
  --dashboard-header-control-bg: rgba(255, 255, 255, 0.92);
  --dashboard-header-control-border: rgba(15, 23, 42, 0.08);
  --dashboard-header-control-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
  --dashboard-header-control-hover: rgba(37, 99, 235, 0.12);
  --dashboard-header-control-color: var(--text-primary);
  --dashboard-premium-cta-bg:
    radial-gradient(circle at top, rgba(255, 255, 255, 0.56), transparent 58%),
    linear-gradient(135deg, rgba(52, 211, 153, 0.98), rgba(59, 130, 246, 0.94));
  --dashboard-premium-cta-hover-bg:
    radial-gradient(circle at top, rgba(255, 255, 255, 0.64), transparent 58%),
    linear-gradient(135deg, rgba(34, 197, 94, 1), rgba(37, 99, 235, 0.96));
  --dashboard-premium-cta-border: rgba(59, 130, 246, 0.18);
  --dashboard-premium-cta-shadow:
    0 12px 28px rgba(37, 99, 235, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.28);
  --dashboard-premium-cta-color: #ffffff;
  --dashboard-hero-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.96) 52%, rgba(236, 253, 245, 0.96) 100%);
  --dashboard-hero-border: rgba(37, 99, 235, 0.12);
  --dashboard-hero-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
  --dashboard-hero-glow-top: rgba(59, 130, 246, 0.14);
  --dashboard-hero-glow-bottom: rgba(0, 240, 118, 0.14);
  --dashboard-surface-bg: linear-gradient(155deg, rgba(255, 255, 255, 0.98), rgba(243, 246, 255, 0.96) 56%, rgba(248, 250, 252, 0.98) 100%);
  --dashboard-surface-border: rgba(37, 99, 235, 0.12);
  --dashboard-surface-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
  --dashboard-title-color: #0f172a;
  --dashboard-muted-color: rgba(31, 41, 55, 0.72);
  --dashboard-kicker-color: rgba(37, 99, 235, 0.7);
  --dashboard-stat-bg: rgba(255, 255, 255, 0.76);
  --dashboard-stat-border: rgba(15, 23, 42, 0.08);
  --dashboard-stat-label: rgba(31, 41, 55, 0.6);
  --dashboard-stat-value: #0f172a;
  --dashboard-pill-bg: rgba(0, 240, 118, 0.1);
  --dashboard-pill-border: rgba(0, 240, 118, 0.18);
  --dashboard-pill-text: #15803d;
  --dashboard-goal-pill-shadow:
    0 10px 22px rgba(22, 101, 52, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
  --dashboard-soft-panel: rgba(15, 23, 42, 0.04);
  --dashboard-soft-border: rgba(15, 23, 42, 0.08);
  --dashboard-divider-color: rgba(148, 163, 184, 0.38);
  --dashboard-complete-border: rgba(0, 240, 118, 0.24);
  --dashboard-complete-glow: rgba(0, 240, 118, 0.12);
  --dashboard-macro-complete-bg: linear-gradient(135deg, rgba(0, 240, 118, 0.12), rgba(255, 255, 255, 0.92));
  --dashboard-macro-complete-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 12px 22px rgba(22, 101, 52, 0.08);
  --premium-status-bg: rgba(255, 255, 255, 0.92);
  --premium-status-border: rgba(15, 23, 42, 0.08);
  --progress-hero-bg: linear-gradient(160deg, rgba(0, 240, 118, 0.12), rgba(255, 255, 255, 0.96));
  --progress-hero-border: rgba(0, 240, 118, 0.18);
  --progress-hero-title: #0f172a;
  --progress-hero-muted: rgba(31, 41, 55, 0.72);
  --progress-ring-inner-bg: rgba(255, 255, 255, 0.92);
  --dashboard-ring-inner-border: rgba(15, 23, 42, 0.08);
  --dashboard-progress-ring-shadow:
    inset 0 0 28px rgba(255, 255, 255, 0.4),
    0 18px 40px rgba(15, 23, 42, 0.12);
  --dashboard-water-bg:
    radial-gradient(circle at top right, rgba(96, 165, 250, 0.16), transparent 34%),
    linear-gradient(135deg, rgba(239, 246, 255, 0.96), rgba(219, 234, 254, 0.88));
  --dashboard-water-border: rgba(96, 165, 250, 0.22);
  --dashboard-water-shadow:
    0 14px 32px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
  --dashboard-water-button-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.92));
  --dashboard-water-button-border: rgba(96, 165, 250, 0.18);
  --dashboard-water-button-color: #1d4ed8;
  --dashboard-water-button-shadow:
    0 12px 22px rgba(37, 99, 235, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
  --dashboard-water-button-hover-bg: linear-gradient(135deg, rgba(59, 130, 246, 0.96), rgba(37, 99, 235, 0.92));
  --dashboard-water-button-hover-border: rgba(59, 130, 246, 0.32);
  --dashboard-water-button-hover-color: #ffffff;
  --dashboard-water-button-hover-shadow: 0 14px 28px rgba(37, 99, 235, 0.22);
  --dashboard-menu-card-border: rgba(37, 99, 235, 0.12);
  --dashboard-menu-card-shadow:
    0 14px 28px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
  --dashboard-menu-card-sheen: radial-gradient(circle at top right, rgba(255, 255, 255, 0.52), transparent 42%);
  --dashboard-menu-card-hover-border: rgba(37, 99, 235, 0.18);
  --dashboard-menu-card-hover-shadow:
    0 18px 30px rgba(15, 23, 42, 0.1),
    0 0 0 1px rgba(37, 99, 235, 0.06),
    0 0 28px rgba(59, 130, 246, 0.12);
  --dashboard-menu-icon-bg: rgba(255, 255, 255, 0.72);
  --dashboard-menu-icon-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 10px 24px rgba(15, 23, 42, 0.08);
  --dashboard-stat-card-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(243, 246, 255, 0.9));
  --dashboard-stat-card-calories-bg: linear-gradient(135deg, rgba(251, 191, 36, 0.18), rgba(249, 115, 22, 0.12), rgba(255, 255, 255, 0.88));
  --dashboard-stat-card-water-bg: linear-gradient(135deg, rgba(56, 189, 248, 0.18), rgba(59, 130, 246, 0.12), rgba(255, 255, 255, 0.88));
  --dashboard-stat-card-shadow:
    0 14px 28px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
  --dashboard-stat-icon-bg: rgba(255, 255, 255, 0.68);
  --nav-surface-bg: rgba(255, 255, 255, 0.94);
  --nav-surface-shadow: 0 -10px 24px rgba(15, 23, 42, 0.08);
  --nav-active-bg: rgba(37, 99, 235, 0.12);
  --nav-active-color: #2563eb;
  --nav-hover-bg: rgba(37, 99, 235, 0.08);
  --menu-hero-bg:
    radial-gradient(circle at top right, rgba(255, 159, 92, 0.2), transparent 34%),
    radial-gradient(circle at bottom left, rgba(59, 130, 246, 0.14), transparent 40%),
    linear-gradient(155deg, rgba(255, 255, 255, 0.98), rgba(255, 247, 237, 0.98) 52%, rgba(239, 246, 255, 0.98));
  --menu-hero-border: rgba(249, 115, 22, 0.16);
  --menu-hero-shadow:
    0 22px 44px rgba(15, 23, 42, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
  --menu-hero-sheen:
    radial-gradient(circle at top, rgba(255, 255, 255, 0.68), transparent 48%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.16), transparent 44%);
  --menu-hero-aurora-primary: rgba(251, 146, 60, 0.22);
  --menu-hero-aurora-secondary: rgba(59, 130, 246, 0.14);
  --menu-kicker-bg: rgba(255, 255, 255, 0.78);
  --menu-kicker-border: rgba(249, 115, 22, 0.12);
  --menu-kicker-color: rgba(194, 65, 12, 0.74);
  --menu-title-color: #0f172a;
  --menu-copy-color: rgba(31, 41, 55, 0.72);
  --menu-icon-surface: rgba(255, 255, 255, 0.78);
  --menu-smart-hint-bg: rgba(255, 255, 255, 0.84);
  --menu-smart-hint-border: rgba(37, 99, 235, 0.08);
  --menu-smart-hint-color: rgba(31, 41, 55, 0.72);
  --menu-primary-cta-bg: linear-gradient(135deg, #fb923c 0%, #f97316 34%, #ec4899 100%);
  --menu-primary-cta-color: #ffffff;
  --menu-primary-cta-shadow:
    0 18px 34px rgba(236, 72, 153, 0.2),
    0 0 28px rgba(249, 115, 22, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.22);
  --menu-primary-cta-hover-shadow:
    0 20px 38px rgba(236, 72, 153, 0.24),
    0 0 32px rgba(249, 115, 22, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.24);
  --menu-secondary-cta-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.92));
  --menu-secondary-cta-border: rgba(37, 99, 235, 0.12);
  --menu-secondary-cta-color: #0f172a;
  --menu-secondary-cta-shadow:
    0 14px 28px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
  --menu-secondary-cta-hover-bg: linear-gradient(135deg, rgba(239, 246, 255, 0.96), rgba(219, 234, 254, 0.92));
  --menu-secondary-cta-hover-border: rgba(59, 130, 246, 0.22);
  --menu-secondary-cta-hover-color: #1d4ed8;
  --menu-goal-card-bg:
    radial-gradient(circle at top right, rgba(0, 240, 118, 0.08), transparent 52%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(240, 253, 244, 0.94));
  --menu-goal-card-border: rgba(0, 240, 118, 0.16);
  --menu-goal-card-missing-bg:
    radial-gradient(circle at top right, rgba(239, 68, 68, 0.1), transparent 50%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(254, 242, 242, 0.94));
  --menu-goal-card-missing-border: rgba(239, 68, 68, 0.18);
  --menu-goal-badge-bg: rgba(37, 99, 235, 0.1);
  --menu-goal-badge-color: #1d4ed8;
  --menu-soft-panel-bg: rgba(255, 255, 255, 0.88);
  --menu-soft-panel-bg-strong: rgba(255, 255, 255, 0.96);
  --menu-soft-panel-border: rgba(15, 23, 42, 0.08);
  --menu-soft-panel-border-strong: rgba(59, 130, 246, 0.14);
  --menu-soft-panel-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
  --menu-soft-panel-shadow-strong: 0 14px 30px rgba(15, 23, 42, 0.1);
  --menu-soft-panel-text: #0f172a;
  --menu-soft-panel-muted: rgba(31, 41, 55, 0.68);
  --menu-soft-panel-subtle: rgba(95, 108, 123, 0.82);
  --menu-soft-panel-warning: #b45309;
  --menu-delete-bg: rgba(239, 68, 68, 0.1);
  --menu-delete-border: rgba(239, 68, 68, 0.24);
  --menu-delete-color: #b91c1c;
  --menu-delete-hover-bg: rgba(239, 68, 68, 0.14);
  --menu-delete-hover-border: rgba(239, 68, 68, 0.34);
  --menu-delete-hover-color: #991b1b;
  --reminder-card-bg:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94)),
    radial-gradient(circle at top right, rgba(59, 130, 246, 0.04), transparent 40%);
  --reminder-card-border: rgba(15, 23, 42, 0.08);
  --reminder-card-shadow:
    0 18px 32px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
  --reminder-card-overlay:
    linear-gradient(180deg, rgba(255, 255, 255, 0.42), transparent 24%),
    radial-gradient(circle at top right, rgba(59, 130, 246, 0.08), transparent 36%);
  --reminder-card-hover-shadow:
    0 22px 38px rgba(15, 23, 42, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
  --reminder-group-title-color: #0f172a;
  --reminder-group-count-bg: rgba(37, 99, 235, 0.08);
  --reminder-group-count-border: rgba(37, 99, 235, 0.12);
  --reminder-group-count-color: rgba(31, 41, 55, 0.72);
  --reminder-time-pill-bg: rgba(0, 240, 118, 0.1);
  --reminder-time-pill-border: rgba(0, 240, 118, 0.22);
  --reminder-time-pill-color: #15803d;
  --reminder-copy-muted: rgba(95, 108, 123, 0.82);
  --reminder-action-bg: rgba(255, 255, 255, 0.88);
  --reminder-action-border: rgba(15, 23, 42, 0.08);
  --reminder-action-color: rgba(31, 41, 55, 0.72);
  --reminder-action-hover-bg: rgba(248, 250, 252, 0.96);
  --reminder-action-hover-border: rgba(37, 99, 235, 0.12);
  --reminder-empty-bg:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.94)),
    radial-gradient(circle at top center, rgba(0, 240, 118, 0.1), transparent 48%);
  --reminder-empty-border: rgba(37, 99, 235, 0.14);
  --reminder-empty-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
  --reminder-empty-icon-bg: rgba(255, 255, 255, 0.82);
  --reminder-empty-icon-color: #2563eb;
  --reminder-empty-title-color: #0f172a;
  --reminder-empty-copy-color: rgba(95, 108, 123, 0.82);
  --reminder-chip-bg: rgba(255, 255, 255, 0.92);
  --reminder-chip-border: rgba(15, 23, 42, 0.08);
  --reminder-chip-color: rgba(31, 41, 55, 0.72);
  --reminder-chip-hover-bg: rgba(248, 250, 252, 0.96);
  --reminder-chip-hover-border: rgba(37, 99, 235, 0.14);
  --reminder-chip-active-bg: rgba(37, 99, 235, 0.12);
  --reminder-chip-active-border: rgba(37, 99, 235, 0.22);
  --reminder-chip-active-color: #1d4ed8;
  --reminder-chip-active-shadow: 0 12px 22px rgba(37, 99, 235, 0.12);
  --reminder-input-bg: rgba(255, 255, 255, 0.96);
  --reminder-toggle-bg: rgba(148, 163, 184, 0.24);
  --reminder-toggle-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
  --reminder-note-ready-bg: rgba(0, 240, 118, 0.08);
  --reminder-note-ready-border: rgba(0, 240, 118, 0.16);
  --reminder-note-ready-color: rgba(31, 41, 55, 0.72);
  --reminder-note-warning-bg: rgba(255, 255, 255, 0.82);
  --reminder-note-warning-border: rgba(15, 23, 42, 0.08);
  --reminder-note-warning-color: rgba(95, 108, 123, 0.82);
  --daily-summary-bg:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(243, 246, 255, 0.96) 58%, rgba(236, 253, 245, 0.96)),
    radial-gradient(circle at top right, rgba(104, 82, 255, 0.14), transparent 44%);
  --daily-summary-border: rgba(37, 99, 235, 0.12);
  --daily-summary-shadow:
    0 18px 44px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
  --daily-summary-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.32), transparent 28%);
  --daily-summary-aurora-primary: rgba(126, 103, 255, 0.18);
  --daily-summary-aurora-secondary: rgba(0, 240, 118, 0.12);
  --daily-kicker-color: rgba(37, 99, 235, 0.72);
  --daily-caption-color: rgba(95, 108, 123, 0.82);
  --daily-date-bg: rgba(255, 255, 255, 0.84);
  --daily-date-border: rgba(37, 99, 235, 0.12);
  --daily-date-color: #1d4ed8;
  --daily-progress-bg: rgba(255, 255, 255, 0.84);
  --daily-progress-border: rgba(15, 23, 42, 0.08);
  --daily-progress-label: rgba(95, 108, 123, 0.82);
  --daily-progress-value: #0f172a;
  --daily-cta-bg: linear-gradient(135deg, #22c55e, #34d399 52%, #4ade80);
  --daily-cta-color: #052e16;
  --daily-cta-shadow: 0 18px 34px rgba(22, 163, 74, 0.18);
  --daily-cta-hover-shadow: 0 22px 40px rgba(22, 163, 74, 0.24);
  --daily-cta-focus-shadow:
    0 0 0 4px rgba(0, 240, 118, 0.16),
    0 20px 38px rgba(22, 163, 74, 0.28);
  --daily-cta-icon-bg: rgba(255, 255, 255, 0.24);
  --daily-cta-caption: rgba(5, 46, 22, 0.72);
  --daily-composer-bg:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(240, 253, 244, 0.94)),
    radial-gradient(circle at top right, rgba(0, 240, 118, 0.08), transparent 52%);
  --daily-composer-border: rgba(0, 240, 118, 0.14);
  --daily-composer-shadow:
    0 16px 34px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
  --daily-composer-label: #0f172a;
  --daily-composer-hint: rgba(95, 108, 123, 0.72);
  --daily-input-bg: rgba(255, 255, 255, 0.96);
  --daily-time-label: rgba(95, 108, 123, 0.82);
  --daily-card-bg:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94)),
    radial-gradient(circle at top right, rgba(96, 165, 250, 0.04), transparent 38%);
  --daily-card-border: rgba(15, 23, 42, 0.08);
  --daily-card-shadow:
    0 18px 32px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
  --daily-card-overlay:
    linear-gradient(180deg, rgba(255, 255, 255, 0.42), transparent 22%),
    radial-gradient(circle at top right, rgba(96, 165, 250, 0.08), transparent 34%);
  --daily-card-hover-shadow:
    0 22px 38px rgba(15, 23, 42, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
  --daily-card-completed-shadow:
    0 14px 26px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.52);
  --daily-title-color: #0f172a;
  --daily-title-completed: rgba(95, 108, 123, 0.62);
  --daily-time-chip-bg: rgba(59, 130, 246, 0.12);
  --daily-time-chip-border: rgba(59, 130, 246, 0.22);
  --daily-time-chip-color: #1d4ed8;
  --daily-meta-color: rgba(95, 108, 123, 0.82);
  --daily-meta-top-bg: rgba(0, 240, 118, 0.08);
  --daily-meta-top-border: rgba(0, 240, 118, 0.18);
  --daily-meta-top-color: rgba(31, 41, 55, 0.72);
  --daily-meta-dot: rgba(0, 240, 118, 0.84);
  --daily-meta-dot-completed: rgba(148, 163, 184, 0.5);
  --daily-action-bg: rgba(255, 255, 255, 0.9);
  --daily-action-border: rgba(15, 23, 42, 0.08);
  --daily-action-color: rgba(31, 41, 55, 0.84);
  --daily-action-hover-bg: rgba(248, 250, 252, 0.96);
  --daily-action-hover-border: rgba(37, 99, 235, 0.12);
  --daily-action-focus-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08);
  --daily-toggle-bg: rgba(255, 255, 255, 0.92);
  --daily-toggle-border: rgba(15, 23, 42, 0.12);
  --daily-toggle-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
  --daily-toggle-hover-bg: rgba(248, 250, 252, 0.96);
  --daily-toggle-hover-border: rgba(37, 99, 235, 0.14);
  --daily-toggle-completed-bg: linear-gradient(135deg, #21cf74, #4ae08c);
  --daily-toggle-completed-border: rgba(74, 224, 140, 0.64);
  --daily-toggle-completed-shadow:
    0 12px 22px rgba(33, 207, 116, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.24);
  --daily-empty-bg:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 246, 255, 0.94)),
    radial-gradient(circle at top center, rgba(104, 82, 255, 0.1), transparent 48%);
  --daily-empty-border: rgba(99, 102, 241, 0.14);
  --daily-empty-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
  --daily-empty-icon-bg: rgba(255, 255, 255, 0.82);
  --daily-empty-icon-color: #4f46e5;
  --daily-empty-title-color: #0f172a;
  --daily-empty-copy-color: rgba(95, 108, 123, 0.82);
  --modal-backdrop: rgba(15, 23, 42, 0.5);
  --input-surface: rgba(255, 255, 255, 0.96);
  --telegram-shell-bg: #f5f7fa;
  --telegram-shell-header: #ffffff;
  --admin-surface-bg: rgba(255, 255, 255, 0.92);
  --admin-surface-alt: rgba(241, 245, 249, 0.92);
  --admin-surface-border: rgba(15, 23, 42, 0.08);
  --admin-title-color: var(--text-primary);
  --admin-muted-color: rgba(95, 108, 123, 0.82);
  --admin-accent-soft: rgba(37, 99, 235, 0.12);
  --admin-success-soft: rgba(0, 240, 118, 0.12);
  --admin-warning-soft: rgba(245, 158, 11, 0.14);
  --admin-danger-soft: rgba(239, 68, 68, 0.12);
  --admin-input-border: rgba(15, 23, 42, 0.12);
  --status-success: #15803d;
  --status-warning: #b45309;
  --status-danger: #b91c1c;
  --status-success-soft-bg: rgba(0, 240, 118, 0.16);
  --status-success-soft-border: rgba(0, 240, 118, 0.38);
  --status-success-soft-text: #15803d;
  --status-warning-soft-bg: rgba(245, 158, 11, 0.14);
  --status-warning-soft-border: rgba(245, 158, 11, 0.34);
  --status-warning-soft-text: #b45309;
  --status-info-soft-bg: rgba(59, 130, 246, 0.12);
  --status-info-soft-border: rgba(59, 130, 246, 0.26);
  --status-info-soft-text: #2563eb;
  --status-danger-soft-bg: rgba(239, 68, 68, 0.12);
  --status-danger-soft-border: rgba(239, 68, 68, 0.28);
  --status-danger-soft-text: #b91c1c;
  --progress-track-bg: rgba(148, 163, 184, 0.18);
  --progress-track-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.08);
  --progress-fill-protein: linear-gradient(90deg, #2563eb, #38bdf8);
  --progress-fill-fat: linear-gradient(90deg, #f59e0b, #fbbf24);
  --progress-fill-carbs: linear-gradient(90deg, #7c3aed, #a855f7);
  --progress-fill-water: linear-gradient(90deg, #38bdf8, #60a5fa);
  --progress-ring-fill: #00f076;
  --progress-ring-track: rgba(148, 163, 184, 0.18);
  --progress-hero-bar-track: rgba(148, 163, 184, 0.18);
  --progress-hero-bar-fill: linear-gradient(90deg, #00f076, #f39c12);
  --water-accent: #2563eb;
  --water-accent-soft: rgba(37, 99, 235, 0.12);
  --water-accent-border: rgba(37, 99, 235, 0.28);
  --toast-surface: rgba(255, 255, 255, 0.96);
  --toast-text: var(--text-primary);
  --toast-shadow: 0 16px 40px rgba(15, 23, 42, 0.16);
  --toast-success-border: #16a34a;
  --toast-error-border: #dc2626;
  --toast-info-border: #2563eb;
  --reminder-morning: #38bdf8;
  --reminder-day: #00f076;
  --reminder-evening: #f59e0b;
}

:root[data-theme='dark'],
body.dark-theme {
  color-scheme: dark;
  --bg-primary: #0f0f23;
  --bg-card: #1a1a2e;
  --bg-card-glass: rgba(26, 26, 46, 0.9);
  --text-primary: #ffffff;
  --text-secondary: #a8b2d1;
  --text-inverse: #1a1a2e;
  --border-color: #2a2a4a;
  --border-light: rgba(255, 255, 255, 0.1);
  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.4);
  --shadow-button: 0 4px 16px rgba(0, 240, 118, 0.4);
  --workout-surface-border: rgba(255, 255, 255, 0.08);
  --workout-surface-border-strong: rgba(255, 255, 255, 0.12);
  --workout-inline-state-soft-bg: rgba(26, 26, 46, 0.9);
  --workout-inline-state-soft-border: rgba(255, 255, 255, 0.1);
  --workout-inline-state-neutral-bg: rgba(0, 240, 118, 0.08);
  --workout-inline-state-neutral-border: rgba(0, 240, 118, 0.24);
  --workout-complete-card-bg: linear-gradient(135deg, rgba(0, 240, 118, 0.14), rgba(26, 26, 46, 0.96));
  --theme-toggle-surface: rgba(255, 255, 255, 0.06);
  --theme-toggle-border: rgba(255, 255, 255, 0.08);
  --theme-toggle-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
  --theme-toggle-hover: rgba(73, 136, 255, 0.24);
  --dashboard-header-bg: linear-gradient(180deg, rgba(8, 13, 24, 0.94), rgba(8, 13, 24, 0.8));
  --dashboard-header-border: rgba(255, 255, 255, 0.06);
  --dashboard-header-shadow: 0 12px 26px rgba(0, 0, 0, 0.2);
  --dashboard-logo-gradient: linear-gradient(135deg, #f6fbff 0%, #98d8ff 44%, #61f0bb 100%);
  --dashboard-header-control-bg: rgba(255, 255, 255, 0.06);
  --dashboard-header-control-border: rgba(255, 255, 255, 0.08);
  --dashboard-header-control-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
  --dashboard-header-control-hover: rgba(73, 136, 255, 0.24);
  --dashboard-header-control-color: #ffffff;
  --dashboard-premium-cta-bg:
    radial-gradient(circle at top, rgba(255, 255, 255, 0.24), transparent 58%),
    linear-gradient(135deg, rgba(29, 190, 124, 0.96), rgba(44, 123, 255, 0.94));
  --dashboard-premium-cta-hover-bg:
    radial-gradient(circle at top, rgba(255, 255, 255, 0.26), transparent 58%),
    linear-gradient(135deg, rgba(33, 200, 132, 0.98), rgba(54, 133, 255, 0.96));
  --dashboard-premium-cta-border: rgba(134, 225, 255, 0.24);
  --dashboard-premium-cta-shadow:
    0 12px 28px rgba(25, 120, 255, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
  --dashboard-premium-cta-color: #ffffff;
  --dashboard-hero-bg: linear-gradient(135deg, rgba(11, 19, 46, 0.96) 0%, rgba(33, 20, 56, 0.98) 52%, rgba(17, 35, 48, 0.98) 100%);
  --dashboard-hero-border: rgba(255, 255, 255, 0.08);
  --dashboard-hero-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
  --dashboard-hero-glow-top: rgba(71, 120, 255, 0.28);
  --dashboard-hero-glow-bottom: rgba(0, 240, 118, 0.18);
  --dashboard-surface-bg: linear-gradient(155deg, rgba(12, 18, 35, 0.98), rgba(17, 24, 46, 0.97) 56%, rgba(8, 14, 29, 0.98) 100%);
  --dashboard-surface-border: rgba(122, 171, 255, 0.14);
  --dashboard-surface-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
  --dashboard-title-color: #ffffff;
  --dashboard-muted-color: rgba(255, 255, 255, 0.72);
  --dashboard-kicker-color: rgba(255, 255, 255, 0.64);
  --dashboard-stat-bg: rgba(255, 255, 255, 0.07);
  --dashboard-stat-border: rgba(255, 255, 255, 0.08);
  --dashboard-stat-label: rgba(255, 255, 255, 0.62);
  --dashboard-stat-value: #ffffff;
  --dashboard-pill-bg: rgba(0, 240, 118, 0.12);
  --dashboard-pill-border: rgba(104, 255, 182, 0.26);
  --dashboard-pill-text: #8ff5c0;
  --dashboard-goal-pill-shadow:
    0 10px 22px rgba(20, 98, 67, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --dashboard-soft-panel: rgba(255, 255, 255, 0.06);
  --dashboard-soft-border: rgba(255, 255, 255, 0.08);
  --dashboard-divider-color: rgba(255, 255, 255, 0.12);
  --dashboard-complete-border: rgba(106, 255, 193, 0.24);
  --dashboard-complete-glow: rgba(56, 236, 157, 0.16);
  --dashboard-macro-complete-bg: linear-gradient(135deg, rgba(56, 236, 157, 0.12), rgba(255, 255, 255, 0.045));
  --dashboard-macro-complete-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 12px 22px rgba(14, 52, 37, 0.12);
  --premium-status-bg: rgba(20, 22, 43, 0.92);
  --premium-status-border: rgba(255, 255, 255, 0.08);
  --progress-hero-bg: linear-gradient(160deg, rgba(0, 240, 118, 0.16), rgba(26, 26, 46, 0.96));
  --progress-hero-border: rgba(0, 240, 118, 0.18);
  --progress-hero-title: #ffffff;
  --progress-hero-muted: rgba(255, 255, 255, 0.72);
  --progress-ring-inner-bg: rgba(12, 12, 24, 0.8);
  --dashboard-ring-inner-border: rgba(255, 255, 255, 0.07);
  --dashboard-progress-ring-shadow:
    inset 0 0 28px rgba(255, 255, 255, 0.04),
    0 18px 40px rgba(0, 0, 0, 0.24);
  --dashboard-water-bg:
    radial-gradient(circle at top right, rgba(108, 212, 255, 0.16), transparent 34%),
    linear-gradient(135deg, rgba(9, 50, 71, 0.62), rgba(21, 95, 120, 0.32));
  --dashboard-water-border: rgba(104, 204, 255, 0.18);
  --dashboard-water-shadow:
    0 14px 32px rgba(0, 0, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --dashboard-water-button-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.06));
  --dashboard-water-button-border: rgba(255, 255, 255, 0.14);
  --dashboard-water-button-color: #ffffff;
  --dashboard-water-button-shadow:
    0 12px 22px rgba(0, 0, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --dashboard-water-button-hover-bg: linear-gradient(135deg, rgba(65, 191, 255, 0.95), rgba(42, 140, 255, 0.92));
  --dashboard-water-button-hover-border: rgba(104, 204, 255, 0.4);
  --dashboard-water-button-hover-color: #ffffff;
  --dashboard-water-button-hover-shadow: 0 14px 28px rgba(45, 136, 255, 0.28);
  --dashboard-menu-card-border: rgba(255, 255, 255, 0.08);
  --dashboard-menu-card-shadow:
    0 14px 28px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  --dashboard-menu-card-sheen: radial-gradient(circle at top right, rgba(255, 255, 255, 0.16), transparent 42%);
  --dashboard-menu-card-hover-border: rgba(255, 255, 255, 0.14);
  --dashboard-menu-card-hover-shadow:
    0 18px 30px rgba(0, 0, 0, 0.22),
    0 0 0 1px rgba(255, 255, 255, 0.04),
    0 0 28px rgba(80, 164, 255, 0.12);
  --dashboard-menu-icon-bg: rgba(255, 255, 255, 0.14);
  --dashboard-menu-icon-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 24px rgba(0, 0, 0, 0.12);
  --dashboard-stat-card-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
  --dashboard-stat-card-calories-bg: linear-gradient(135deg, rgba(252, 146, 42, 0.18), rgba(218, 83, 47, 0.12));
  --dashboard-stat-card-water-bg: linear-gradient(135deg, rgba(44, 163, 255, 0.18), rgba(39, 110, 255, 0.12));
  --dashboard-stat-card-shadow:
    0 14px 28px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --dashboard-stat-icon-bg: rgba(255, 255, 255, 0.12);
  --nav-surface-bg: var(--bg-card);
  --nav-surface-shadow: 0 -4px 24px rgba(0, 0, 0, 0.4);
  --nav-active-bg: rgba(0, 240, 118, 0.15);
  --nav-active-color: var(--primary);
  --nav-hover-bg: rgba(255, 255, 255, 0.04);
  --menu-hero-bg:
    radial-gradient(circle at top right, rgba(255, 134, 81, 0.22), transparent 34%),
    radial-gradient(circle at bottom left, rgba(75, 244, 171, 0.14), transparent 40%),
    linear-gradient(155deg, rgba(16, 24, 43, 0.98), rgba(10, 16, 32, 0.98) 52%, rgba(20, 17, 39, 0.98));
  --menu-hero-border: rgba(255, 255, 255, 0.08);
  --menu-hero-shadow:
    0 22px 44px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --menu-hero-sheen:
    radial-gradient(circle at top, rgba(255, 255, 255, 0.08), transparent 48%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 44%);
  --menu-hero-aurora-primary: rgba(255, 126, 94, 0.28);
  --menu-hero-aurora-secondary: rgba(79, 232, 170, 0.18);
  --menu-kicker-bg: rgba(255, 255, 255, 0.07);
  --menu-kicker-border: rgba(255, 255, 255, 0.08);
  --menu-kicker-color: rgba(255, 255, 255, 0.68);
  --menu-title-color: #ffffff;
  --menu-copy-color: rgba(255, 255, 255, 0.72);
  --menu-icon-surface: rgba(255, 255, 255, 0.08);
  --menu-smart-hint-bg: rgba(255, 255, 255, 0.06);
  --menu-smart-hint-border: rgba(255, 255, 255, 0.08);
  --menu-smart-hint-color: rgba(255, 255, 255, 0.72);
  --menu-primary-cta-bg: linear-gradient(135deg, #ff9e4d 0%, #ff7a6b 32%, #ff5c9f 100%);
  --menu-primary-cta-color: #ffffff;
  --menu-primary-cta-shadow:
    0 18px 34px rgba(255, 104, 127, 0.28),
    0 0 28px rgba(255, 138, 88, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.22);
  --menu-primary-cta-hover-shadow:
    0 20px 38px rgba(255, 104, 127, 0.3),
    0 0 32px rgba(255, 138, 88, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.24);
  --menu-secondary-cta-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
  --menu-secondary-cta-border: rgba(255, 255, 255, 0.12);
  --menu-secondary-cta-color: rgba(255, 255, 255, 0.9);
  --menu-secondary-cta-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 14px 28px rgba(0, 0, 0, 0.14);
  --menu-secondary-cta-hover-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.11), rgba(90, 145, 255, 0.08));
  --menu-secondary-cta-hover-border: rgba(125, 184, 255, 0.28);
  --menu-secondary-cta-hover-color: #ffffff;
  --menu-goal-card-bg:
    radial-gradient(circle at top right, rgba(0, 240, 118, 0.14), transparent 52%),
    linear-gradient(180deg, rgba(21, 28, 52, 0.96), rgba(13, 18, 35, 0.94));
  --menu-goal-card-border: rgba(255, 255, 255, 0.08);
  --menu-goal-card-missing-bg:
    radial-gradient(circle at top right, rgba(231, 76, 60, 0.14), transparent 50%),
    linear-gradient(180deg, rgba(21, 28, 52, 0.96), rgba(13, 18, 35, 0.94));
  --menu-goal-card-missing-border: rgba(231, 76, 60, 0.18);
  --menu-goal-badge-bg: rgba(255, 255, 255, 0.08);
  --menu-goal-badge-color: rgba(255, 255, 255, 0.72);
  --menu-soft-panel-bg: rgba(255, 255, 255, 0.06);
  --menu-soft-panel-bg-strong: rgba(255, 255, 255, 0.09);
  --menu-soft-panel-border: rgba(255, 255, 255, 0.08);
  --menu-soft-panel-border-strong: rgba(255, 255, 255, 0.14);
  --menu-soft-panel-shadow: 0 10px 24px rgba(3, 8, 20, 0.18);
  --menu-soft-panel-shadow-strong: 0 14px 28px rgba(3, 8, 20, 0.24);
  --menu-soft-panel-text: #ffffff;
  --menu-soft-panel-muted: rgba(255, 255, 255, 0.7);
  --menu-soft-panel-subtle: rgba(255, 255, 255, 0.5);
  --menu-soft-panel-warning: #ffd58f;
  --menu-delete-bg: rgba(231, 76, 60, 0.08);
  --menu-delete-border: rgba(231, 76, 60, 0.32);
  --menu-delete-color: #ff9c9c;
  --menu-delete-hover-bg: rgba(231, 76, 60, 0.12);
  --menu-delete-hover-border: rgba(231, 76, 60, 0.44);
  --menu-delete-hover-color: #ffb3b3;
  --reminder-card-bg:
    linear-gradient(180deg, rgba(19, 24, 46, 0.96), rgba(12, 16, 31, 0.92)),
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.04), transparent 40%);
  --reminder-card-border: rgba(255, 255, 255, 0.06);
  --reminder-card-shadow:
    0 18px 32px rgba(4, 8, 20, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  --reminder-card-overlay:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 24%),
    radial-gradient(circle at top right, rgba(0, 240, 118, 0.08), transparent 36%);
  --reminder-card-hover-shadow:
    0 22px 38px rgba(4, 8, 20, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --reminder-group-title-color: rgba(255, 255, 255, 0.84);
  --reminder-group-count-bg: rgba(255, 255, 255, 0.04);
  --reminder-group-count-border: rgba(255, 255, 255, 0.08);
  --reminder-group-count-color: rgba(255, 255, 255, 0.72);
  --reminder-time-pill-bg: rgba(0, 240, 118, 0.12);
  --reminder-time-pill-border: rgba(0, 240, 118, 0.14);
  --reminder-time-pill-color: #63f3a1;
  --reminder-copy-muted: rgba(255, 255, 255, 0.56);
  --reminder-action-bg: rgba(255, 255, 255, 0.03);
  --reminder-action-border: rgba(255, 255, 255, 0.06);
  --reminder-action-color: rgba(255, 255, 255, 0.42);
  --reminder-action-hover-bg: rgba(231, 76, 60, 0.08);
  --reminder-action-hover-border: rgba(231, 76, 60, 0.14);
  --reminder-empty-bg:
    linear-gradient(180deg, rgba(18, 23, 44, 0.84), rgba(11, 15, 29, 0.9)),
    radial-gradient(circle at top center, rgba(0, 240, 118, 0.14), transparent 48%);
  --reminder-empty-border: rgba(255, 255, 255, 0.1);
  --reminder-empty-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  --reminder-empty-icon-bg: rgba(255, 255, 255, 0.06);
  --reminder-empty-icon-color: #ffffff;
  --reminder-empty-title-color: #ffffff;
  --reminder-empty-copy-color: rgba(255, 255, 255, 0.58);
  --reminder-chip-bg: rgba(255, 255, 255, 0.04);
  --reminder-chip-border: rgba(255, 255, 255, 0.08);
  --reminder-chip-color: rgba(255, 255, 255, 0.74);
  --reminder-chip-hover-bg: rgba(255, 255, 255, 0.06);
  --reminder-chip-hover-border: rgba(255, 255, 255, 0.14);
  --reminder-chip-active-bg: rgba(0, 240, 118, 0.12);
  --reminder-chip-active-border: rgba(0, 240, 118, 0.18);
  --reminder-chip-active-color: #ffffff;
  --reminder-chip-active-shadow: 0 12px 22px rgba(0, 240, 118, 0.12);
  --reminder-input-bg: rgba(7, 11, 24, 0.72);
  --reminder-toggle-bg: rgba(255, 255, 255, 0.1);
  --reminder-toggle-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  --reminder-note-ready-bg: rgba(0, 240, 118, 0.06);
  --reminder-note-ready-border: rgba(0, 240, 118, 0.14);
  --reminder-note-ready-color: rgba(255, 255, 255, 0.74);
  --reminder-note-warning-bg: rgba(255, 255, 255, 0.03);
  --reminder-note-warning-border: rgba(255, 255, 255, 0.08);
  --reminder-note-warning-color: rgba(255, 255, 255, 0.68);
  --daily-summary-bg:
    linear-gradient(135deg, rgba(16, 24, 48, 0.96), rgba(37, 28, 73, 0.92) 58%, rgba(15, 35, 71, 0.94)),
    radial-gradient(circle at top right, rgba(104, 82, 255, 0.22), transparent 44%);
  --daily-summary-border: rgba(255, 255, 255, 0.08);
  --daily-summary-shadow:
    0 18px 44px rgba(4, 8, 20, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --daily-summary-overlay: linear-gradient(180deg, rgba(255, 255, 255, 0.12), transparent 28%);
  --daily-summary-aurora-primary: rgba(126, 103, 255, 0.28);
  --daily-summary-aurora-secondary: rgba(0, 240, 118, 0.14);
  --daily-kicker-color: rgba(255, 255, 255, 0.78);
  --daily-caption-color: rgba(255, 255, 255, 0.68);
  --daily-date-bg: rgba(255, 255, 255, 0.08);
  --daily-date-border: rgba(255, 255, 255, 0.12);
  --daily-date-color: #ffffff;
  --daily-progress-bg: rgba(255, 255, 255, 0.07);
  --daily-progress-border: rgba(255, 255, 255, 0.08);
  --daily-progress-label: rgba(255, 255, 255, 0.54);
  --daily-progress-value: #ffffff;
  --daily-cta-bg: linear-gradient(135deg, #1fcf73, #33dd81 52%, #61f0a0);
  --daily-cta-color: #04140c;
  --daily-cta-shadow: 0 18px 34px rgba(18, 120, 64, 0.26);
  --daily-cta-hover-shadow: 0 22px 40px rgba(18, 120, 64, 0.32);
  --daily-cta-focus-shadow:
    0 0 0 4px rgba(0, 240, 118, 0.16),
    0 20px 38px rgba(18, 120, 64, 0.34);
  --daily-cta-icon-bg: rgba(255, 255, 255, 0.2);
  --daily-cta-caption: rgba(4, 20, 12, 0.74);
  --daily-composer-bg:
    linear-gradient(180deg, rgba(17, 21, 42, 0.92), rgba(12, 16, 34, 0.88)),
    radial-gradient(circle at top right, rgba(0, 240, 118, 0.14), transparent 52%);
  --daily-composer-border: rgba(255, 255, 255, 0.08);
  --daily-composer-shadow:
    0 16px 34px rgba(4, 8, 20, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --daily-composer-label: rgba(255, 255, 255, 0.82);
  --daily-composer-hint: rgba(255, 255, 255, 0.46);
  --daily-input-bg: rgba(7, 11, 24, 0.72);
  --daily-time-label: rgba(255, 255, 255, 0.64);
  --daily-card-bg:
    linear-gradient(180deg, rgba(19, 24, 46, 0.96), rgba(12, 16, 31, 0.92)),
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.04), transparent 38%);
  --daily-card-border: rgba(255, 255, 255, 0.06);
  --daily-card-shadow:
    0 18px 32px rgba(4, 8, 20, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  --daily-card-overlay:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 22%),
    radial-gradient(circle at top right, rgba(95, 122, 255, 0.08), transparent 34%);
  --daily-card-hover-shadow:
    0 22px 38px rgba(4, 8, 20, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --daily-card-completed-shadow:
    0 14px 26px rgba(4, 8, 20, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
  --daily-title-color: #ffffff;
  --daily-title-completed: rgba(255, 255, 255, 0.54);
  --daily-time-chip-bg: rgba(73, 143, 255, 0.14);
  --daily-time-chip-border: rgba(111, 188, 255, 0.18);
  --daily-time-chip-color: rgba(187, 225, 255, 0.92);
  --daily-meta-color: rgba(255, 255, 255, 0.56);
  --daily-meta-top-bg: rgba(0, 240, 118, 0.08);
  --daily-meta-top-border: rgba(0, 240, 118, 0.14);
  --daily-meta-top-color: rgba(255, 255, 255, 0.62);
  --daily-meta-dot: rgba(0, 240, 118, 0.8);
  --daily-meta-dot-completed: rgba(255, 255, 255, 0.26);
  --daily-action-bg: rgba(255, 255, 255, 0.04);
  --daily-action-border: rgba(255, 255, 255, 0.08);
  --daily-action-color: rgba(255, 255, 255, 0.84);
  --daily-action-hover-bg: rgba(255, 255, 255, 0.07);
  --daily-action-hover-border: rgba(255, 255, 255, 0.12);
  --daily-action-focus-shadow: 0 0 0 3px rgba(255, 255, 255, 0.08);
  --daily-toggle-bg: rgba(255, 255, 255, 0.05);
  --daily-toggle-border: rgba(255, 255, 255, 0.16);
  --daily-toggle-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --daily-toggle-hover-bg: rgba(255, 255, 255, 0.08);
  --daily-toggle-hover-border: rgba(255, 255, 255, 0.26);
  --daily-toggle-completed-bg: linear-gradient(135deg, #21cf74, #4ae08c);
  --daily-toggle-completed-border: rgba(74, 224, 140, 0.64);
  --daily-toggle-completed-shadow:
    0 12px 22px rgba(33, 207, 116, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
  --daily-empty-bg:
    linear-gradient(180deg, rgba(18, 23, 44, 0.84), rgba(11, 15, 29, 0.9)),
    radial-gradient(circle at top center, rgba(104, 82, 255, 0.12), transparent 48%);
  --daily-empty-border: rgba(255, 255, 255, 0.1);
  --daily-empty-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  --daily-empty-icon-bg: rgba(255, 255, 255, 0.06);
  --daily-empty-icon-color: #ffffff;
  --daily-empty-title-color: #ffffff;
  --daily-empty-copy-color: rgba(255, 255, 255, 0.58);
  --modal-backdrop: rgba(7, 8, 20, 0.7);
  --input-surface: rgba(255, 255, 255, 0.05);
  --telegram-shell-bg: #0f0f23;
  --telegram-shell-header: #17152f;
  --admin-surface-bg: rgba(255, 255, 255, 0.06);
  --admin-surface-alt: rgba(255, 255, 255, 0.08);
  --admin-surface-border: rgba(255, 255, 255, 0.08);
  --admin-title-color: #ffffff;
  --admin-muted-color: rgba(255, 255, 255, 0.62);
  --admin-accent-soft: rgba(108, 142, 255, 0.14);
  --admin-success-soft: rgba(80, 220, 120, 0.12);
  --admin-warning-soft: rgba(255, 166, 80, 0.14);
  --admin-danger-soft: rgba(255, 85, 85, 0.14);
  --admin-input-border: rgba(255, 255, 255, 0.12);
  --status-success: #50dc78;
  --status-warning: #ffa650;
  --status-danger: #ff5555;
  --status-success-soft-bg: rgba(0, 240, 118, 0.16);
  --status-success-soft-border: rgba(0, 240, 118, 0.4);
  --status-success-soft-text: #8ef0af;
  --status-warning-soft-bg: rgba(241, 196, 15, 0.14);
  --status-warning-soft-border: rgba(241, 196, 15, 0.36);
  --status-warning-soft-text: #ffe08a;
  --status-info-soft-bg: rgba(96, 165, 250, 0.18);
  --status-info-soft-border: rgba(96, 165, 250, 0.28);
  --status-info-soft-text: #9cc8ff;
  --status-danger-soft-bg: rgba(231, 76, 60, 0.14);
  --status-danger-soft-border: rgba(231, 76, 60, 0.34);
  --status-danger-soft-text: #ffb0a8;
  --progress-track-bg: rgba(255, 255, 255, 0.08);
  --progress-track-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.24);
  --progress-fill-protein: linear-gradient(90deg, #52c9ff, #80e2ff);
  --progress-fill-fat: linear-gradient(90deg, #ff9f43, #ffd166);
  --progress-fill-carbs: linear-gradient(90deg, #8f7bff, #b492ff);
  --progress-fill-water: linear-gradient(90deg, #4aa3ff, #79b9ff);
  --progress-ring-fill: #00f076;
  --progress-ring-track: rgba(255, 255, 255, 0.08);
  --progress-hero-bar-track: rgba(255, 255, 255, 0.08);
  --progress-hero-bar-fill: linear-gradient(90deg, #00f076, #f39c12);
  --water-accent: #4aa3ff;
  --water-accent-soft: rgba(74, 163, 255, 0.12);
  --water-accent-border: rgba(74, 163, 255, 0.5);
  --toast-surface: rgba(18, 24, 48, 0.92);
  --toast-text: #ffffff;
  --toast-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
  --toast-success-border: #00f076;
  --toast-error-border: #e74c3c;
  --toast-info-border: #3498db;
  --reminder-morning: #65b9ff;
  --reminder-day: #00f076;
  --reminder-evening: #f5b041;
}

html,
body {
  background: var(--bg-primary);
  color: var(--text-primary);
}

body,
body * {
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    box-shadow 180ms ease;
}

.theme-toggle,
.icon-btn,
.back-btn {
  background: var(--theme-toggle-surface);
  border: 1px solid var(--theme-toggle-border);
  box-shadow: var(--theme-toggle-shadow);
  color: var(--text-primary);
}

.theme-toggle:hover,
.icon-btn:hover,
.back-btn:hover {
  background: var(--theme-toggle-hover);
}

.dashboard-header {
  background: var(--dashboard-header-bg);
  border-bottom-color: var(--dashboard-header-border);
  box-shadow: var(--dashboard-header-shadow);
}

.dashboard-header .logo {
  color: var(--dashboard-title-color);
  background: var(--dashboard-logo-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.dashboard-header .theme-toggle,
.dashboard-header .icon-btn {
  background: var(--dashboard-header-control-bg);
  border-color: var(--dashboard-header-control-border);
  box-shadow: var(--dashboard-header-control-shadow);
  color: var(--dashboard-header-control-color);
}

.dashboard-header .theme-toggle:hover,
.dashboard-header .icon-btn:hover {
  background: var(--dashboard-header-control-hover);
}

.dashboard-header .icon-btn.premium-cta {
  background: var(--dashboard-premium-cta-bg);
  border-color: var(--dashboard-premium-cta-border);
  box-shadow: var(--dashboard-premium-cta-shadow);
  color: var(--dashboard-premium-cta-color);
}

.dashboard-header .icon-btn.premium-cta:hover {
  background: var(--dashboard-premium-cta-hover-bg);
}

.dashboard-hero,
.dashboard-progress-card,
.dashboard-surface-card {
  background: var(--dashboard-hero-bg);
  border-color: var(--dashboard-hero-border);
  box-shadow: var(--dashboard-hero-shadow);
}

.dashboard-hero::before {
  background: var(--dashboard-hero-glow-top);
}

.dashboard-hero::after {
  background: var(--dashboard-hero-glow-bottom);
}

.dashboard-progress-card,
.dashboard-surface-card {
  background: var(--dashboard-surface-bg);
  border-color: var(--dashboard-surface-border);
  box-shadow: var(--dashboard-surface-shadow);
}

.dashboard-kicker,
.dashboard-section-kicker,
.dashboard-water-kicker,
.dashboard-hero-subtitle,
.dashboard-hero-stat-label,
.dashboard-water-value,
.dashboard-macro-name,
.dashboard-goal-pill,
.progress-eyebrow,
.progress-weight-unit,
.progress-hero-sub,
.progress-meta-pill,
.progress-ring-label,
.progress-hero-note,
.day-score-pill,
.smart-tip,
.weight-chart-card .trend-pill {
  color: var(--dashboard-muted-color);
}

.dashboard-hero-title,
.dashboard-progress-heading,
.dashboard-block-title,
.dashboard-water-title,
.dashboard-hero-stat strong,
.progress-weight-main,
.progress-ring-value {
  color: var(--dashboard-title-color);
}

.dashboard-kicker,
.dashboard-section-kicker,
.dashboard-water-kicker,
.progress-eyebrow {
  color: var(--dashboard-kicker-color);
}

.dashboard-hero-stat,
.macro-row,
.goal-card .goal-metric,
.smart-tip {
  background: var(--dashboard-stat-bg);
  border: 1px solid var(--dashboard-stat-border);
}

.dashboard-macro-card,
.dashboard-macro-row {
  background: var(--dashboard-stat-bg);
  border-color: var(--dashboard-stat-border);
}

.dashboard-section-pill {
  background: var(--dashboard-pill-bg);
  border-color: var(--dashboard-pill-border);
  color: var(--dashboard-pill-text);
}

.premium-status-card {
  background: var(--premium-status-bg);
  border-color: var(--premium-status-border);
}

.progress-hero-card {
  background: var(--progress-hero-bg);
  border-color: var(--progress-hero-border);
}

.progress-weight-main,
.progress-ring-value {
  color: var(--progress-hero-title);
}

.progress-weight-unit,
.progress-hero-sub,
.progress-meta-pill,
.progress-ring-label,
.progress-hero-note,
.day-score-pill,
.smart-tip {
  color: var(--progress-hero-muted);
}

.dashboard-progress-ring {
  box-shadow: var(--dashboard-progress-ring-shadow);
}

.dashboard-progress-ring-inner {
  background: var(--progress-ring-inner-bg);
  border-color: var(--dashboard-ring-inner-border);
}

.dashboard-ring-label,
.dashboard-progress-ring-inner small {
  color: var(--dashboard-muted-color);
}

.dashboard-progress-ring-inner strong {
  color: var(--dashboard-title-color);
}

.dashboard-goal-pill {
  background: var(--dashboard-pill-bg);
  border-color: var(--dashboard-pill-border);
  color: var(--dashboard-pill-text);
  box-shadow: var(--dashboard-goal-pill-shadow);
}

.dashboard-progress-card.is-calories-complete {
  border-color: var(--dashboard-complete-border);
  box-shadow:
    var(--dashboard-surface-shadow),
    0 0 30px var(--dashboard-complete-glow);
}

.dashboard-progress-card.is-calories-complete .dashboard-progress-ring {
  box-shadow:
    var(--dashboard-progress-ring-shadow),
    0 0 28px var(--dashboard-complete-glow);
}

.dashboard-macro-row.is-complete {
  background: var(--dashboard-macro-complete-bg);
  border-color: var(--dashboard-complete-border);
  box-shadow: var(--dashboard-macro-complete-shadow);
}

.dashboard-card-divider,
.dashboard-block-divider {
  background: linear-gradient(90deg, transparent, var(--dashboard-divider-color), transparent);
}

.dashboard-water-panel {
  background: var(--dashboard-water-bg);
  border-color: var(--dashboard-water-border);
  box-shadow: var(--dashboard-water-shadow);
}

.dashboard-water-value {
  color: var(--water-accent);
}

.dashboard-water-panel.is-complete {
  border-color: var(--dashboard-complete-border);
  box-shadow:
    var(--dashboard-water-shadow),
    0 0 28px var(--dashboard-complete-glow);
}

.dashboard-water-actions .water-quick-btn {
  background: var(--dashboard-water-button-bg);
  border-color: var(--dashboard-water-button-border);
  color: var(--dashboard-water-button-color);
  box-shadow: var(--dashboard-water-button-shadow);
}

.dashboard-water-actions .water-quick-btn:hover {
  background: var(--dashboard-water-button-hover-bg);
  border-color: var(--dashboard-water-button-hover-border);
  color: var(--dashboard-water-button-hover-color);
  box-shadow: var(--dashboard-water-button-hover-shadow);
}

.dashboard-main .menu-card {
  border-color: var(--dashboard-menu-card-border);
  box-shadow: var(--dashboard-menu-card-shadow);
}

.dashboard-main .menu-card::before {
  background: var(--dashboard-menu-card-sheen);
}

.dashboard-main .menu-card:hover {
  border-color: var(--dashboard-menu-card-hover-border);
  box-shadow: var(--dashboard-menu-card-hover-shadow);
}

.dashboard-main .menu-card:hover .menu-label,
.dashboard-main .menu-card:hover .menu-icon,
.dashboard-main .menu-card:hover .menu-caption,
.dashboard-main .menu-label {
  color: var(--dashboard-title-color);
}

.menu-caption {
  color: var(--dashboard-muted-color);
}

.dashboard-main .menu-icon {
  background: var(--dashboard-menu-icon-bg);
  box-shadow: var(--dashboard-menu-icon-shadow);
}

.dashboard-stat-card {
  border-color: var(--dashboard-stat-border);
  background: var(--dashboard-stat-card-bg);
  box-shadow: var(--dashboard-stat-card-shadow);
}

.dashboard-stat-card-calories {
  background: var(--dashboard-stat-card-calories-bg);
}

.dashboard-stat-card-water {
  background: var(--dashboard-stat-card-water-bg);
}

.dashboard-stat-icon {
  background: var(--dashboard-stat-icon-bg);
}

.dashboard-stat-label,
.dashboard-stat-note {
  color: var(--dashboard-muted-color);
}

.dashboard-stat-value {
  color: var(--dashboard-title-color);
}

.progress-ring-inner {
  background: var(--progress-ring-inner-bg);
}

.weight-modal-backdrop {
  background: var(--modal-backdrop);
}

.weight-modal-card input {
  background: var(--input-surface);
}

.premium-feature,
.goal-form select,
.goal-form input,
.level-btn,
.menu-card,
.feature-card,
.ai-recs-panel,
.video-player-panel,
.weight-modal-card,
.empty-state {
  background: var(--bg-card);
  color: var(--text-primary);
}

.ai-recs-head,
.ai-recs-macros {
  border-color: var(--border-light);
}

.ai-recs-action {
  background: rgba(155, 89, 182, 0.1);
}

.bottom-nav {
  background: var(--nav-surface-bg);
  border-top: 1px solid var(--border-color);
  box-shadow: var(--nav-surface-shadow);
}

.nav-item {
  color: var(--text-secondary);
}

.nav-item.active {
  background: var(--nav-active-bg);
  color: var(--nav-active-color);
}

.nav-item:hover {
  background: var(--nav-hover-bg);
}

.menu-hero-card {
  background: var(--menu-hero-bg);
  border-color: var(--menu-hero-border);
  box-shadow: var(--menu-hero-shadow);
}

.menu-hero-card::before {
  background: var(--menu-hero-sheen);
}

.menu-hero-aurora-primary {
  background: var(--menu-hero-aurora-primary);
}

.menu-hero-aurora-secondary {
  background: var(--menu-hero-aurora-secondary);
}

.menu-hero-kicker {
  background: var(--menu-kicker-bg);
  border-color: var(--menu-kicker-border);
  color: var(--menu-kicker-color);
}

.menu-hero-title {
  color: var(--menu-title-color);
}

.menu-intro {
  color: var(--menu-copy-color);
}

.menu-intro-icon {
  background: var(--menu-icon-surface);
}

.menu-smart-hint {
  background: var(--menu-smart-hint-bg);
  border-color: var(--menu-smart-hint-border);
  color: var(--menu-smart-hint-color);
}

.menu-primary-cta {
  background: var(--menu-primary-cta-bg);
  color: var(--menu-primary-cta-color);
  box-shadow: var(--menu-primary-cta-shadow);
}

.menu-primary-cta:hover {
  box-shadow: var(--menu-primary-cta-hover-shadow);
}

.menu-secondary-cta,
.reminders-secondary-cta {
  background: var(--menu-secondary-cta-bg);
  border-color: var(--menu-secondary-cta-border);
  color: var(--menu-secondary-cta-color);
  box-shadow: var(--menu-secondary-cta-shadow);
}

.menu-secondary-cta:hover,
.reminders-secondary-cta:hover {
  background: var(--menu-secondary-cta-hover-bg);
  border-color: var(--menu-secondary-cta-hover-border);
  color: var(--menu-secondary-cta-hover-color);
}

.recipe-goal-card,
.menu-goal-card {
  background: var(--menu-goal-card-bg);
  border-color: var(--menu-goal-card-border);
}

.recipe-goal-card.is-missing {
  background: var(--menu-goal-card-missing-bg);
  border-color: var(--menu-goal-card-missing-border);
}

.recipe-goal-badge,
.menu-budget-badge,
.menu-shopping-summary,
.menu-shopping-badge {
  background: var(--menu-goal-badge-bg);
  color: var(--menu-goal-badge-color);
}

.menu-target-summary,
.menu-meal-card,
.menu-week-row {
  background: var(--menu-soft-panel-bg);
  border: 1px solid var(--menu-soft-panel-border);
  border-color: var(--menu-soft-panel-border);
  box-shadow: var(--menu-soft-panel-shadow);
}

.menu-meal-card.expanded {
  background: var(--menu-soft-panel-bg-strong);
  border-color: var(--menu-soft-panel-border-strong);
  box-shadow: var(--menu-soft-panel-shadow-strong);
}

.menu-meal-card:active {
  background: var(--menu-soft-panel-bg-strong);
}

.menu-target-summary-line,
.menu-meal-title {
  color: var(--menu-soft-panel-text);
}

.menu-target-warning {
  color: var(--menu-soft-panel-warning);
}

.menu-meal-type {
  color: var(--menu-soft-panel-muted);
}

.menu-meal-chevron {
  color: var(--menu-soft-panel-subtle);
}

.menu-delete-btn {
  background: var(--menu-delete-bg);
  border-color: var(--menu-delete-border);
  color: var(--menu-delete-color);
}

.menu-delete-btn:hover {
  background: var(--menu-delete-hover-bg);
  border-color: var(--menu-delete-hover-border);
  color: var(--menu-delete-hover-color);
}

.reminders-note.is-ready {
  background: var(--reminder-note-ready-bg);
  border-color: var(--reminder-note-ready-border);
  color: var(--reminder-note-ready-color);
}

.reminders-note.is-warning {
  background: var(--reminder-note-warning-bg);
  border-color: var(--reminder-note-warning-border);
  color: var(--reminder-note-warning-color);
}

.reminders-secondary-icon {
  background: var(--menu-smart-hint-bg);
  color: var(--menu-secondary-cta-color);
}

.reminders-secondary-copy small {
  color: var(--reminder-copy-muted);
}

.reminder-group-title {
  color: var(--reminder-group-title-color);
}

.reminder-group-count {
  background: var(--reminder-group-count-bg);
  border-color: var(--reminder-group-count-border);
  color: var(--reminder-group-count-color);
}

.reminder-card {
  background: var(--reminder-card-bg);
  border-color: var(--reminder-card-border);
  box-shadow: var(--reminder-card-shadow);
}

.reminder-card::after {
  background: var(--reminder-card-overlay);
}

.reminder-card:hover {
  box-shadow: var(--reminder-card-hover-shadow);
}

.reminder-time-pill {
  background: var(--reminder-time-pill-bg);
  border-color: var(--reminder-time-pill-border);
  color: var(--reminder-time-pill-color);
}

.reminder-card.is-disabled .reminder-time-pill {
  background: var(--reminder-action-bg);
  border-color: var(--reminder-action-border);
  color: var(--reminder-copy-muted);
}

.reminder-desc {
  color: var(--reminder-copy-muted);
}

.reminder-delete-btn {
  background: var(--reminder-action-bg);
  border-color: var(--reminder-action-border);
  color: var(--reminder-action-color);
}

.reminder-delete-btn:hover {
  background: var(--reminder-action-hover-bg);
  border-color: var(--reminder-action-hover-border);
}

.reminder-toggle .slider {
  background: var(--reminder-toggle-bg);
  box-shadow: var(--reminder-toggle-shadow);
}

.reminder-empty {
  background: var(--reminder-empty-bg);
  border-color: var(--reminder-empty-border);
  box-shadow: var(--reminder-empty-shadow);
}

.reminder-empty-icon {
  background: var(--reminder-empty-icon-bg);
  color: var(--reminder-empty-icon-color);
}

.reminder-empty-title {
  color: var(--reminder-empty-title-color);
}

.reminder-empty-copy {
  color: var(--reminder-empty-copy-color);
}

.reminder-select,
.reminder-modal-input {
  background: var(--reminder-input-bg);
}

.reminder-type-chip {
  background: var(--reminder-chip-bg);
  border-color: var(--reminder-chip-border);
  color: var(--reminder-chip-color);
}

.reminder-type-chip:hover {
  background: var(--reminder-chip-hover-bg);
  border-color: var(--reminder-chip-hover-border);
}

.reminder-type-chip.is-active {
  background: var(--reminder-chip-active-bg);
  border-color: var(--reminder-chip-active-border);
  color: var(--reminder-chip-active-color);
  box-shadow: var(--reminder-chip-active-shadow);
}

.daily-plan-summary {
  background: var(--daily-summary-bg);
  border-color: var(--daily-summary-border);
  box-shadow: var(--daily-summary-shadow);
}

.daily-plan-summary::after {
  background: var(--daily-summary-overlay);
}

.daily-plan-aurora-primary {
  background: var(--daily-summary-aurora-primary);
}

.daily-plan-aurora-secondary {
  background: var(--daily-summary-aurora-secondary);
}

.daily-plan-kicker {
  color: var(--daily-kicker-color);
}

.daily-plan-caption {
  color: var(--daily-caption-color);
}

.daily-plan-date {
  background: var(--daily-date-bg);
  border-color: var(--daily-date-border);
  color: var(--daily-date-color);
}

.daily-plan-progress {
  background: var(--daily-progress-bg);
  border-color: var(--daily-progress-border);
}

.daily-plan-progress-label {
  color: var(--daily-progress-label);
}

.daily-plan-progress-value {
  color: var(--daily-progress-value);
}

.daily-task-cta {
  background: var(--daily-cta-bg);
  color: var(--daily-cta-color);
  box-shadow: var(--daily-cta-shadow);
}

.daily-task-cta:hover {
  box-shadow: var(--daily-cta-hover-shadow);
}

.daily-task-cta:focus-visible {
  box-shadow: var(--daily-cta-focus-shadow);
}

.daily-task-cta-icon {
  background: var(--daily-cta-icon-bg);
}

.daily-task-cta-copy small {
  color: var(--daily-cta-caption);
}

.daily-task-composer {
  background: var(--daily-composer-bg);
  border-color: var(--daily-composer-border);
  box-shadow: var(--daily-composer-shadow);
}

.daily-task-input-label {
  color: var(--daily-composer-label);
}

.daily-task-composer-hint {
  color: var(--daily-composer-hint);
}

.daily-task-input,
.daily-task-edit-input {
  background: var(--daily-input-bg);
}

.daily-task-time-label {
  color: var(--daily-time-label);
}

:root[data-theme='light'] .daily-task-time-input {
  color-scheme: light;
}

.daily-task-card {
  background: var(--daily-card-bg);
  border-color: var(--daily-card-border);
  box-shadow: var(--daily-card-shadow);
}

.daily-task-card::after {
  background: var(--daily-card-overlay);
}

.daily-task-card:hover {
  box-shadow: var(--daily-card-hover-shadow);
}

.daily-task-card.is-completed {
  box-shadow: var(--daily-card-completed-shadow);
}

.daily-task-title {
  color: var(--daily-title-color);
}

.daily-task-card.is-completed .daily-task-title {
  color: var(--daily-title-completed);
}

.daily-task-time-chip {
  background: var(--daily-time-chip-bg);
  border-color: var(--daily-time-chip-border);
  color: var(--daily-time-chip-color);
}

.daily-task-meta {
  color: var(--daily-meta-color);
}

.daily-task-meta-top {
  background: var(--daily-meta-top-bg);
  border-color: var(--daily-meta-top-border);
  color: var(--daily-meta-top-color);
}

.daily-task-meta::before {
  background: var(--daily-meta-dot);
}

.daily-task-card.is-completed .daily-task-meta::before {
  background: var(--daily-meta-dot-completed);
}

.daily-task-action {
  background: var(--daily-action-bg);
  border-color: var(--daily-action-border);
  color: var(--daily-action-color);
}

.daily-task-action:hover {
  background: var(--daily-action-hover-bg);
  border-color: var(--daily-action-hover-border);
}

.daily-task-action:focus-visible {
  box-shadow: var(--daily-action-focus-shadow);
}

.daily-task-toggle {
  background: var(--daily-toggle-bg);
  border-color: var(--daily-toggle-border);
  box-shadow: var(--daily-toggle-shadow);
}

.daily-task-toggle:hover {
  background: var(--daily-toggle-hover-bg);
  border-color: var(--daily-toggle-hover-border);
}

.daily-task-toggle.is-completed {
  background: var(--daily-toggle-completed-bg);
  border-color: var(--daily-toggle-completed-border);
  box-shadow: var(--daily-toggle-completed-shadow);
}

.daily-task-empty {
  background: var(--daily-empty-bg);
  border-color: var(--daily-empty-border);
  box-shadow: var(--daily-empty-shadow);
}

.daily-task-empty-icon {
  background: var(--daily-empty-icon-bg);
  color: var(--daily-empty-icon-color);
}

.daily-task-empty-title {
  color: var(--daily-empty-title-color);
}

.daily-task-empty-copy {
  color: var(--daily-empty-copy-color);
}

:root[data-theme='light'] .profile-hero-card,
:root[data-theme='light'] .profile-card {
  border-color: rgba(37, 99, 235, 0.1);
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
}

:root[data-theme='light'] .profile-hero-card {
  background:
    radial-gradient(circle at top left, rgba(99, 102, 241, 0.16), transparent 34%),
    radial-gradient(circle at bottom right, rgba(34, 197, 94, 0.1), transparent 30%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.96));
}

:root[data-theme='light'] .profile-card {
  background:
    radial-gradient(circle at top right, rgba(56, 189, 248, 0.08), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96));
}

:root[data-theme='light'] .profile-avatar-glow {
  background: radial-gradient(circle, rgba(155, 92, 255, 0.24), rgba(96, 165, 250, 0.1) 62%, transparent 75%);
}

:root[data-theme='light'] .profile-avatar {
  border-color: rgba(37, 99, 235, 0.12);
  background: linear-gradient(135deg, rgba(239, 246, 255, 0.96), rgba(59, 130, 246, 0.18));
  color: #0f172a;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
}

:root[data-theme='light'] .profile-kicker {
  background: rgba(255, 255, 255, 0.82);
  color: rgba(37, 99, 235, 0.76);
}

:root[data-theme='light'] .profile-name,
:root[data-theme='light'] .profile-card-head h3,
:root[data-theme='light'] .profile-field label {
  color: #0f172a;
}

:root[data-theme='light'] .profile-card-head p,
:root[data-theme='light'] .stat-label,
:root[data-theme='light'] .premium-status-copy {
  color: rgba(95, 108, 123, 0.82);
}

:root[data-theme='light'] .profile-subtitle {
  color: rgba(95, 108, 123, 0.82);
}

:root[data-theme='light'] .profile-field {
  border-color: rgba(15, 23, 42, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.88));
}

:root[data-theme='light'] .profile-field-icon {
  background: rgba(37, 99, 235, 0.08);
}

:root[data-theme='light'] .profile-field-control {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.94);
}

:root[data-theme='light'] .profile-field-control:focus-within {
  border-color: rgba(34, 197, 94, 0.32);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.1), 0 18px 32px rgba(34, 197, 94, 0.08);
}

:root[data-theme='light'] .profile-metric-input {
  color: #0f172a;
}

:root[data-theme='light'] .profile-field-unit {
  color: rgba(95, 108, 123, 0.82);
}

:root[data-theme='light'] .profile-gender-btn,
:root[data-theme='light'] .profile-chip-grid .goal-btn,
:root[data-theme='light'] .profile-chip-grid .activity-btn {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.94);
  color: #0f172a;
}

:root[data-theme='light'] .profile-gender-btn:hover,
:root[data-theme='light'] .profile-chip-grid .goal-btn:hover,
:root[data-theme='light'] .profile-chip-grid .activity-btn:hover {
  border-color: rgba(37, 99, 235, 0.14);
  background: rgba(239, 246, 255, 0.96);
}

:root[data-theme='light'] .profile-gender-btn.active,
:root[data-theme='light'] .profile-chip-grid .goal-btn.active,
:root[data-theme='light'] .profile-chip-grid .activity-btn.active {
  color: #ffffff;
  border-color: rgba(34, 197, 94, 0.4);
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.92), rgba(16, 185, 129, 0.84));
  box-shadow: 0 16px 30px rgba(16, 185, 129, 0.14);
}

:root[data-theme='light'] .stat-item {
  border-color: rgba(15, 23, 42, 0.08);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.9));
}

:root[data-theme='light'] .stat-value {
  color: #16a34a;
}

:root[data-theme='light'] .profile-save-btn {
  border-color: rgba(34, 197, 94, 0.24);
  background: linear-gradient(135deg, #22c55e, #34d399);
  color: #052e16;
  box-shadow: 0 18px 32px rgba(34, 197, 94, 0.16);
}

:root[data-theme='light'] .profile-save-btn:hover {
  box-shadow: 0 22px 36px rgba(34, 197, 94, 0.2);
}

:root[data-theme='light'] .premium-status-card {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.92);
}

:root[data-theme='light'] .premium-status-badge {
  background: rgba(37, 99, 235, 0.08);
  color: #0f172a;
}

:root[data-theme='light'] .premium-status-badge.is-active {
  background: rgba(47, 208, 111, 0.14);
  color: #15803d;
}

:root[data-theme='light'] .premium-status-expiry {
  color: #2563eb;
}

:root[data-theme='light'] #screen-workout {
  --workout-bg: #f5f7fa;
  --workout-card: #ffffff;
  --workout-card-strong: #f8fbff;
  --workout-primary: #2563eb;
  --workout-secondary: #38bdf8;
  --workout-violet: #8b5cf6;
  --workout-success: #16a34a;
  --workout-danger: #dc2626;
  --workout-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94));
  --workout-surface-strong: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.96));
  --workout-border: rgba(37, 99, 235, 0.12);
  --workout-border-strong: rgba(37, 99, 235, 0.24);
  --workout-text-high: #0f172a;
  --workout-text-soft: rgba(31, 41, 55, 0.78);
  --workout-text-muted: rgba(95, 108, 123, 0.82);
  --workout-glow: 0 20px 48px rgba(15, 23, 42, 0.1);
  --workout-stage-bg: #f8fafc;
  --workout-panel-bg: #ffffff;
  --workout-panel-bg-strong: #eef4ff;
  --workout-line: rgba(37, 99, 235, 0.12);
  --workout-line-strong: rgba(37, 99, 235, 0.24);
  --workout-active-blue: #2563eb;
  --workout-active-green: #16a34a;
  --workout-cyan: #38bdf8;
}

:root[data-theme='light'] #screen-workout .workout-flow-hero {
  background:
    radial-gradient(circle at top right, rgba(0, 240, 118, 0.12), transparent 26%),
    radial-gradient(circle at left center, rgba(59, 130, 246, 0.12), transparent 32%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.96));
}

:root[data-theme='light'] #screen-workout .workout-flow-hero::after {
  background: radial-gradient(circle, rgba(0, 240, 118, 0.12), transparent 70%);
}

:root[data-theme='light'] #screen-workout .workout-header-link,
:root[data-theme='light'] #screen-workout .workout-set-field input,
:root[data-theme='light'] #screen-workout .workout-recent-sessions-shell,
:root[data-theme='light'] #screen-workout .workout-recent-session-card,
:root[data-theme='light'] #screen-workout .workout-alternative-card,
:root[data-theme='light'] #screen-workout .workout-select-card,
:root[data-theme='light'] #screen-workout .workout-chip,
:root[data-theme='light'] #screen-workout .workout-day-switcher-current,
:root[data-theme='light'] #screen-workout .workout-day-pill,
:root[data-theme='light'] #screen-workout .workout-day-preview-card,
:root[data-theme='light'] #screen-workout .workout-preview-exercise,
:root[data-theme='light'] #screen-workout .workout-session-metric,
:root[data-theme='light'] #screen-workout .workout-complete-stat {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}

:root[data-theme='light'] #screen-workout .workout-recent-sessions-shell,
:root[data-theme='light'] #screen-workout .workout-day-preview-card,
:root[data-theme='light'] #screen-workout .workout-session-metric,
:root[data-theme='light'] #screen-workout .workout-complete-stat {
  box-shadow: none;
}

:root[data-theme='light'] #screen-workout .workout-alternatives-panel {
  background: rgba(59, 130, 246, 0.08);
  border-color: rgba(59, 130, 246, 0.16);
}

:root[data-theme='light'] #screen-workout .workout-inline-error {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.22);
  color: #b91c1c;
}

:root[data-theme='light'] #screen-workout .workout-select-card:hover {
  border-color: rgba(37, 99, 235, 0.18);
  box-shadow: 0 18px 32px rgba(15, 23, 42, 0.12);
}

:root[data-theme='light'] #screen-workout .workout-select-card.active {
  background: linear-gradient(180deg, rgba(37, 99, 235, 0.12), rgba(255, 255, 255, 0.96));
  box-shadow: 0 18px 36px rgba(37, 99, 235, 0.12);
}

:root[data-theme='light'] #screen-workout .workout-settings-group + .workout-settings-group {
  border-top-color: rgba(15, 23, 42, 0.08);
}

:root[data-theme='light'] #screen-workout .workout-chip.active {
  border-color: rgba(37, 99, 235, 0.28);
  background: linear-gradient(180deg, rgba(37, 99, 235, 0.12), rgba(255, 255, 255, 0.96));
}

:root[data-theme='light'] #screen-workout .workout-plan-placeholder {
  background:
    radial-gradient(circle at top left, rgba(59, 130, 246, 0.12), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.96));
}

:root[data-theme='light'] #screen-workout .workout-day-nav-btn {
  color: #1d4ed8;
  border-color: rgba(59, 130, 246, 0.18);
  background: linear-gradient(180deg, rgba(239, 246, 255, 0.98), rgba(219, 234, 254, 0.96));
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.12);
}

:root[data-theme='light'] #screen-workout .workout-day-nav-btn:hover:not(:disabled),
:root[data-theme='light'] #screen-workout .workout-day-nav-btn:focus-visible:not(:disabled) {
  border-color: rgba(59, 130, 246, 0.28);
  background: linear-gradient(180deg, rgba(219, 234, 254, 0.98), rgba(191, 219, 254, 0.96));
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.16);
}

:root[data-theme='light'] #screen-workout .workout-day-pill.active {
  border-color: rgba(37, 99, 235, 0.24);
  background: linear-gradient(180deg, rgba(37, 99, 235, 0.12), rgba(255, 255, 255, 0.96));
  box-shadow: 0 14px 30px rgba(37, 99, 235, 0.12);
}

:root[data-theme='light'] #screen-workout .workout-preview-compact-item::before {
  color: rgba(34, 197, 94, 0.9);
}

:root[data-theme='light'] #screen-workout .workout-session-hero {
  background:
    radial-gradient(circle at top, rgba(0, 240, 118, 0.12), transparent 34%),
    radial-gradient(circle at bottom right, rgba(59, 130, 246, 0.12), transparent 28%),
    var(--workout-surface-strong);
}

:root[data-theme='light'] #screen-workout .workout-session-progress {
  border-color: rgba(37, 99, 235, 0.14);
  background: rgba(37, 99, 235, 0.12);
  color: #1d4ed8;
}

:root[data-theme='light'] #screen-workout .workout-session-timer-ring {
  background:
    radial-gradient(circle at center, rgba(59, 130, 246, 0.08) 58%, transparent 59%),
    conic-gradient(from -90deg, var(--workout-primary) 0 var(--workout-session-ring-progress), rgba(148, 163, 184, 0.18) var(--workout-session-ring-progress) 100%);
  box-shadow:
    0 22px 54px rgba(15, 23, 42, 0.12),
    inset 0 0 0 1px rgba(37, 99, 235, 0.12);
}

:root[data-theme='light'] #screen-workout .workout-session-timer-ring::after {
  background:
    radial-gradient(circle at top, rgba(59, 130, 246, 0.08), transparent 52%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.96));
  box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.12);
}

:root[data-theme='light'] #screen-workout .workout-planv2-intro,
:root[data-theme='light'] #screen-workout .workout-plan-onboarding-shell {
  border-color: rgba(37, 99, 235, 0.14);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.96)),
    radial-gradient(circle at top left, rgba(56, 189, 248, 0.12), transparent 34%);
  box-shadow:
    0 28px 80px rgba(15, 23, 42, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

:root[data-theme='light'] #screen-workout .workout-plan-onboarding-orb-a {
  background: radial-gradient(circle, rgba(43, 196, 255, 0.18), rgba(43, 196, 255, 0));
}

:root[data-theme='light'] #screen-workout .workout-plan-onboarding-orb-b {
  background: radial-gradient(circle, rgba(72, 102, 255, 0.14), rgba(72, 102, 255, 0));
}

:root[data-theme='light'] #screen-workout .workout-plan-step-pill {
  border-color: rgba(37, 99, 235, 0.18);
  background: rgba(255, 255, 255, 0.84);
  color: #2563eb;
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.12);
}

:root[data-theme='light'] #screen-workout .workout-plan-hero-block h2,
:root[data-theme='light'] #screen-workout .workout-plan-section-head h3,
:root[data-theme='light'] #screen-workout .workout-plan-inline-manage-copy strong,
:root[data-theme='light'] #screen-workout .workout-plan-inline-status strong,
:root[data-theme='light'] #screen-workout .workout-plan-location-copy strong,
:root[data-theme='light'] #screen-workout .workout-plan-program-copy strong {
  color: #0f172a;
}

:root[data-theme='light'] #screen-workout .workout-plan-section-head p,
:root[data-theme='light'] #screen-workout .workout-plan-inline-manage-copy small,
:root[data-theme='light'] #screen-workout .workout-plan-inline-status small,
:root[data-theme='light'] #screen-workout .workout-plan-location-copy small,
:root[data-theme='light'] #screen-workout .workout-plan-program-copy p,
:root[data-theme='light'] #screen-workout .workout-plan-program-meta,
:root[data-theme='light'] #screen-workout .workout-plan-program-support,
:root[data-theme='light'] #screen-workout .workout-plan-bottom-note {
  color: rgba(95, 108, 123, 0.82);
}

:root[data-theme='light'] #screen-workout .workout-plan-location-card,
:root[data-theme='light'] #screen-workout .workout-plan-program-card,
:root[data-theme='light'] #screen-workout .workout-plan-inline-manage,
:root[data-theme='light'] #screen-workout .workout-plan-inline-status {
  border-color: rgba(37, 99, 235, 0.12);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94));
  box-shadow:
    0 18px 46px rgba(15, 23, 42, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
  color: #0f172a;
}

:root[data-theme='light'] #screen-workout .workout-plan-location-card.is-selected,
:root[data-theme='light'] #screen-workout .workout-plan-program-card.is-selected {
  border-color: rgba(37, 99, 235, 0.26);
  background:
    radial-gradient(circle at top right, rgba(59, 130, 246, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(239, 246, 255, 0.98), rgba(219, 234, 254, 0.96));
  box-shadow:
    0 0 0 1px rgba(37, 99, 235, 0.08),
    0 22px 54px rgba(37, 99, 235, 0.12);
}

:root[data-theme='light'] #screen-workout .workout-plan-location-icon,
:root[data-theme='light'] #screen-workout .workout-plan-program-icon {
  color: #2563eb;
}

:root[data-theme='light'] #screen-workout .workout-plan-location-icon,
:root[data-theme='light'] #screen-workout .workout-plan-program-icon {
  background: linear-gradient(180deg, rgba(239, 246, 255, 0.98), rgba(219, 234, 254, 0.96));
  border-color: rgba(37, 99, 235, 0.12);
}

:root[data-theme='light'] #screen-workout .workout-plan-location-check {
  color: #ffffff;
  background: rgba(37, 99, 235, 0.84);
  box-shadow: 0 0 18px rgba(37, 99, 235, 0.18);
}

:root[data-theme='light'] #screen-workout .workout-plan-frequency-chip,
:root[data-theme='light'] #screen-workout .workout-plan-access-badge,
:root[data-theme='light'] #screen-workout .workout-plan-bottom-secondary,
:root[data-theme='light'] #screen-workout .workout-flow-badge,
:root[data-theme='light'] #screen-workout .workout-donor-stepper-step,
:root[data-theme='light'] #screen-workout .workout-planv2-progress-item,
:root[data-theme='light'] #screen-workout .workout-day-focus,
:root[data-theme='light'] #screen-workout .workout-plan-metrics span,
:root[data-theme='light'] #screen-workout .workout-preview-type,
:root[data-theme='light'] #screen-workout .workout-session-phase {
  border-color: rgba(37, 99, 235, 0.14);
  background: rgba(255, 255, 255, 0.88);
  color: #1d4ed8;
}

:root[data-theme='light'] #screen-workout .workout-donor-main {
  background:
    radial-gradient(circle at top left, rgba(37, 99, 235, 0.1), transparent 32%),
    radial-gradient(circle at top right, rgba(56, 189, 248, 0.12), transparent 34%),
    linear-gradient(180deg, #f8fbff 0%, #eff6ff 100%);
}

:root[data-theme='light'] #screen-workout .workout-donor-shell {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.96));
}

:root[data-theme='light'] #screen-workout .workout-donor-bg {
  background:
    radial-gradient(circle at 16% 0%, rgba(37, 99, 235, 0.1), transparent 32%),
    radial-gradient(circle at 88% 10%, rgba(139, 92, 246, 0.1), transparent 30%),
    linear-gradient(165deg, rgba(255, 255, 255, 0.88), rgba(239, 246, 255, 0.94));
}

:root[data-theme='light'] #screen-workout .workout-donor-intro-panel,
:root[data-theme='light'] #screen-workout .workout-donor-muscle-illustration,
:root[data-theme='light'] #screen-workout .workout-donor-muscle-panel,
:root[data-theme='light'] #screen-workout .workout-plan-main-panel,
:root[data-theme='light'] #screen-workout .workout-plan-side-card,
:root[data-theme='light'] #screen-workout .workout-plan-access-card,
:root[data-theme='light'] #screen-workout .workout-planv2-summary,
:root[data-theme='light'] #screen-workout .workout-planv2-form,
:root[data-theme='light'] #screen-workout .workout-planv2-preview,
:root[data-theme='light'] #screen-workout .workout-planv2-actions,
:root[data-theme='light'] #screen-workout .workout-current-step-card,
:root[data-theme='light'] #screen-workout .workout-day-switcher,
:root[data-theme='light'] #screen-workout .workout-session-timer-shell,
:root[data-theme='light'] #screen-workout .workout-session-progress-stat,
:root[data-theme='light'] #screen-workout .workout-next-exercise,
:root[data-theme='light'] #screen-workout .workout-session-video-card,
:root[data-theme='light'] #screen-workout .workout-session-sequence-main .workout-session-video-card,
:root[data-theme='light'] #screen-workout .workout-session-stage-card {
  border-color: rgba(37, 99, 235, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94)),
    radial-gradient(circle at top left, rgba(56, 189, 248, 0.08), transparent 34%);
  box-shadow:
    0 18px 44px rgba(15, 23, 42, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

:root[data-theme='light'] #screen-workout .workout-session-sequence-main .workout-session-video-card:hover,
:root[data-theme='light'] #screen-workout .workout-session-sequence-main .workout-session-video-card:focus-visible,
:root[data-theme='light'] #screen-workout .workout-session-video-card:hover,
:root[data-theme='light'] #screen-workout .workout-session-video-card:focus-visible {
  border-color: rgba(37, 99, 235, 0.2);
  background:
    linear-gradient(180deg, rgba(239, 246, 255, 0.98), rgba(219, 234, 254, 0.96)),
    radial-gradient(circle at top left, rgba(56, 189, 248, 0.12), transparent 34%);
}

:root[data-theme='light'] #screen-workout .workout-session-status-label,
:root[data-theme='light'] #screen-workout .workout-session-status-note,
:root[data-theme='light'] #screen-workout .workout-session-stage-pill,
:root[data-theme='light'] #screen-workout .workout-session-outline-btn,
:root[data-theme='light'] #screen-workout .workout-session-controls .workout-session-control-btn,
:root[data-theme='light'] #screen-workout .workout-header-link,
:root[data-theme='light'] #screen-workout .workout-donor-reset-button,
:root[data-theme='light'] #screen-workout .workout-donor-clear-button,
:root[data-theme='light'] #screen-workout .workout-donor-muscle-button,
:root[data-theme='light'] #screen-workout .workout-planv2-option,
:root[data-theme='light'] #screen-workout .workout-parameter-option {
  border-color: rgba(37, 99, 235, 0.14);
  background: rgba(255, 255, 255, 0.92);
  color: #0f172a;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
}

:root[data-theme='light'] #screen-workout .workout-session-controls .workout-session-control-btn:hover,
:root[data-theme='light'] #screen-workout .workout-session-controls .workout-session-control-btn:focus-visible,
:root[data-theme='light'] #screen-workout .workout-session-outline-btn:hover,
:root[data-theme='light'] #screen-workout .workout-session-outline-btn:focus-visible,
:root[data-theme='light'] #screen-workout .workout-donor-reset-button:hover:not(:disabled),
:root[data-theme='light'] #screen-workout .workout-donor-clear-button:hover:not(:disabled),
:root[data-theme='light'] #screen-workout .workout-donor-muscle-button:hover:not(:disabled),
:root[data-theme='light'] #screen-workout .workout-planv2-option:hover,
:root[data-theme='light'] #screen-workout .workout-parameter-option:hover {
  border-color: rgba(37, 99, 235, 0.24);
  background: rgba(239, 246, 255, 0.96);
}

:root[data-theme='light'] #screen-workout .workout-donor-stepper-step.active,
:root[data-theme='light'] #screen-workout .workout-donor-stepper-step.completed,
:root[data-theme='light'] #screen-workout .workout-planv2-progress-item.active,
:root[data-theme='light'] #screen-workout .workout-planv2-progress-item.completed,
:root[data-theme='light'] #screen-workout .workout-donor-equipment-card.selected,
:root[data-theme='light'] #screen-workout .workout-donor-muscle-button.selected,
:root[data-theme='light'] #screen-workout .workout-planv2-option.active,
:root[data-theme='light'] #screen-workout .workout-parameter-option.active {
  border-color: rgba(37, 99, 235, 0.26);
  background:
    linear-gradient(180deg, rgba(219, 234, 254, 0.98), rgba(239, 246, 255, 0.96)),
    radial-gradient(circle at top right, rgba(56, 189, 248, 0.12), transparent 34%);
  color: #0f172a;
  box-shadow:
    0 0 0 1px rgba(37, 99, 235, 0.08),
    0 18px 38px rgba(37, 99, 235, 0.12);
}

:root[data-theme='light'] #screen-workout .workout-donor-stepper-number,
:root[data-theme='light'] #screen-workout .workout-current-step-number,
:root[data-theme='light'] #screen-workout .workout-session-video-play {
  background: linear-gradient(135deg, #2563eb, #38bdf8);
  color: #ffffff;
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.18);
}

:root[data-theme='light'] #screen-workout .workout-donor-equipment-card,
:root[data-theme='light'] #screen-workout .workout-session-video-media,
:root[data-theme='light'] #screen-workout .workout-next-exercise-media {
  border-color: rgba(37, 99, 235, 0.14);
  background:
    radial-gradient(circle at top, rgba(56, 189, 248, 0.14), transparent 64%),
    linear-gradient(160deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.96));
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
}

:root[data-theme='light'] #screen-workout .workout-donor-equipment-card:hover {
  border-color: rgba(37, 99, 235, 0.22);
}

:root[data-theme='light'] #screen-workout .workout-donor-equipment-card.selected {
  border-color: rgba(37, 99, 235, 0.26);
  background:
    radial-gradient(circle at top right, rgba(56, 189, 248, 0.12), transparent 34%),
    linear-gradient(160deg, rgba(239, 246, 255, 0.98), rgba(219, 234, 254, 0.96));
  box-shadow:
    0 0 0 1px rgba(37, 99, 235, 0.08),
    0 18px 38px rgba(37, 99, 235, 0.12);
}

:root[data-theme='light'] #screen-workout .workout-donor-intro-panel h2,
:root[data-theme='light'] #screen-workout .workout-donor-equipment-card h3,
:root[data-theme='light'] #screen-workout .workout-donor-muscle-panel h3,
:root[data-theme='light'] #screen-workout .workout-plan-side-card-head h3,
:root[data-theme='light'] #screen-workout .workout-planv2-summary-stats strong,
:root[data-theme='light'] #screen-workout .workout-current-step-title,
:root[data-theme='light'] #screen-workout .workout-session-video-copy strong,
:root[data-theme='light'] #screen-workout .workout-next-exercise-copy strong,
:root[data-theme='light'] #screen-workout .workout-session-video-placeholder strong,
:root[data-theme='light'] #screen-workout .workout-session-sequence-progress-head strong,
:root[data-theme='light'] #screen-workout .workout-session-stage-head strong {
  color: #0f172a;
}

:root[data-theme='light'] #screen-workout .workout-donor-intro-panel p,
:root[data-theme='light'] #screen-workout .workout-donor-equipment-card p,
:root[data-theme='light'] #screen-workout .workout-donor-muscle-panel p,
:root[data-theme='light'] #screen-workout .workout-plan-side-card-head p,
:root[data-theme='light'] #screen-workout .workout-planv2-summary p,
:root[data-theme='light'] #screen-workout .workout-planv2-preview-note p,
:root[data-theme='light'] #screen-workout .workout-session-video-copy span,
:root[data-theme='light'] #screen-workout .workout-next-exercise-copy span,
:root[data-theme='light'] #screen-workout .workout-next-exercise-copy p,
:root[data-theme='light'] #screen-workout .workout-session-video-placeholder p,
:root[data-theme='light'] #screen-workout .workout-session-sequence-progress-title,
:root[data-theme='light'] #screen-workout .workout-session-stage-head,
:root[data-theme='light'] #screen-workout .workout-session-stage-label,
:root[data-theme='light'] #screen-workout .workout-session-progress-stat span,
:root[data-theme='light'] #screen-workout .workout-donor-stepper-step .text-slate-400,
:root[data-theme='light'] #screen-workout .workout-next-exercise-duration {
  color: rgba(95, 108, 123, 0.82);
}

:root[data-theme='light'] #screen-workout .workout-donor-footer-bar {
  border-color: rgba(37, 99, 235, 0.12);
  background: rgba(255, 255, 255, 0.94);
  box-shadow:
    0 20px 42px rgba(15, 23, 42, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

:root[data-theme='light'] #screen-workout .workout-session-outline-btn {
  color: #2563eb;
}

:root[data-theme='light'] #screen-workout .workout-danger-btn {
  border-color: rgba(239, 68, 68, 0.24);
  background: rgba(254, 242, 242, 0.92);
  color: #b91c1c;
}

:root[data-theme='light'] #screen-workout .workout-danger-btn:hover,
:root[data-theme='light'] #screen-workout .workout-danger-btn:focus-visible {
  border-color: rgba(239, 68, 68, 0.34);
  background: rgba(254, 226, 226, 0.96);
}

:root[data-theme='light'] #screen-workout .workout-session-stage-pill-done {
  border-color: rgba(34, 197, 94, 0.24);
  background: rgba(220, 252, 231, 0.92);
  color: #15803d;
}

:root[data-theme='light'] #screen-workout .workout-session-stage-pill-active {
  border-color: rgba(37, 99, 235, 0.24);
  background: rgba(219, 234, 254, 0.94);
  color: #2563eb;
}

:root[data-theme='light'] #screen-workout .workout-session-video-placeholder-icon {
  background: rgba(37, 99, 235, 0.1);
  color: #2563eb;
}

:root[data-theme='light'] #screen-workout .workout-plan-frequency-chip.is-selected {
  color: #ffffff;
  border-color: rgba(37, 99, 235, 0.26);
  background: linear-gradient(135deg, #2563eb, #38bdf8);
  box-shadow:
    0 10px 26px rgba(37, 99, 235, 0.18),
    0 0 24px rgba(56, 189, 248, 0.14);
}

:root[data-theme='light'] #screen-workout .workout-plan-access-badge-icon,
:root[data-theme='light'] #screen-workout .workout-plan-inline-manage-arrow,
:root[data-theme='light'] #screen-workout .workout-plan-program-gender-pair {
  color: #2563eb;
}

:root[data-theme='light'] #screen-workout .workout-plan-program-radio {
  border-color: rgba(37, 99, 235, 0.24);
  box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.98);
  background: rgba(255, 255, 255, 0.96);
}

:root[data-theme='light'] #screen-workout .workout-plan-program-radio.is-selected {
  border-color: rgba(37, 99, 235, 0.9);
  background:
    radial-gradient(circle, rgba(37, 99, 235, 0.95) 0 40%, transparent 44%),
    rgba(255, 255, 255, 0.98);
  box-shadow: 0 0 18px rgba(37, 99, 235, 0.14);
}

:root[data-theme='light'] #screen-workout .workout-plan-bottom-bar {
  border-color: rgba(37, 99, 235, 0.12);
  background: rgba(255, 255, 255, 0.92);
  box-shadow:
    0 20px 42px rgba(15, 23, 42, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

:root[data-theme='light'] #screen-workout .workout-plan-bottom-secondary {
  background: rgba(248, 250, 252, 0.98);
  color: #0f172a;
}

:root[data-theme='light'] #screen-workout .workout-plan-bottom-primary {
  border-color: rgba(37, 99, 235, 0.24);
  background: linear-gradient(135deg, #2563eb, #38bdf8);
  color: #ffffff;
  box-shadow:
    0 16px 32px rgba(37, 99, 235, 0.18),
    0 0 28px rgba(56, 189, 248, 0.14);
}

:root[data-theme='light'] #screen-workout .workout-plan-bottom-note strong {
  color: #0f172a;
}

:root[data-theme='light'] .recipe-goal-card.is-loading {
  border-color: rgba(37, 99, 235, 0.14);
}

.admin-stat-card,
.admin-plan-card,
.admin-dash-card,
.admin-chart-card,
.admin-setting-row,
.admin-user-table th,
.admin-user-table td,
.admin-logs-table th,
.admin-logs-table td,
.admin-sales-table th,
.admin-sales-table td,
.admin-top-table th,
.admin-top-table td,
.admin-tab-bar {
  border-color: var(--admin-surface-border);
}

.admin-stat-card,
.admin-plan-card,
.admin-dash-card,
.admin-chart-card {
  background: var(--admin-surface-bg);
}

.admin-plan-badge {
  background: var(--admin-accent-soft);
  color: var(--primary);
}

.admin-plan-badge.inactive {
  background: var(--admin-surface-alt);
  color: var(--admin-muted-color);
}

.admin-dash-card--premium {
  background: var(--admin-accent-soft);
  border-color: var(--primary);
}

.admin-dash-card--revenue {
  background: var(--admin-success-soft);
  border-color: var(--primary-light);
}

.admin-dash-card--conversion {
  background: var(--admin-warning-soft);
  border-color: #f59e0b;
}

.admin-stat-label,
.admin-tab,
.admin-user-table th,
.admin-logs-table th,
.admin-empty-hint,
.adc-label,
.admin-chart-title,
.admin-section-heading,
.admin-sales-table th,
.admin-setting-desc,
.admin-top-table th,
.admin-pagination {
  color: var(--admin-muted-color);
}

.admin-setting-key,
.adc-value {
  color: var(--admin-title-color);
}

.admin-setting-input {
  background: var(--input-surface);
  border-color: var(--admin-input-border);
  color: var(--text-primary);
}

.admin-setting-toggle-slider {
  background: var(--admin-surface-alt);
}

.admin-setting-toggle input:checked + .admin-setting-toggle-slider {
  background: var(--primary);
}

.admin-setting-control--theme {
  display: flex;
  align-items: center;
  gap: 10px;
}

.admin-setting-theme-label {
  min-width: 72px;
  color: var(--text-secondary);
  font-size: 0.78rem;
  text-align: right;
}

.admin-sales-table .status-paid {
  color: var(--status-success);
}

.admin-sales-table .status-pending {
  color: var(--status-warning);
}

.admin-sales-table .status-failed {
  color: var(--status-danger);
}