:root {
    --pbb-luxe-night: #050505;
    --pbb-luxe-plum: #111111;
    --pbb-luxe-violet: #2a2a2a;
    --pbb-luxe-gold: #d8b25e;
    --pbb-luxe-gold-light: #f5d98a;
    --pbb-luxe-cream: #f8f7f2;
    --pbb-luxe-soft: #efede7;
    --pbb-luxe-ink: #0c0c0c;
    --pbb-luxe-muted: #77716a;
    --pbb-luxe-border: rgba(245, 217, 138, 0.16);
    --pbb-luxe-shadow: 0 24px 70px rgba(5, 2, 10, 0.42);
    --pbb-luxe-card: rgba(12, 12, 12, 0.92);
    --pbb-luxe-card-2: rgba(28, 28, 28, 0.94);
    --pbb-widget-glass: rgba(5, 5, 5, 0.86);
    --pbb-widget-glass-soft: rgba(255, 255, 255, 0.1);
    --pbb-widget-glass-faint: rgba(255, 255, 255, 0.06);
    --pbb-widget-glass-border: rgba(245, 217, 138, 0.18);
    --pbb-widget-green: #d8b25e;
    --pbb-widget-green-soft: rgba(216, 178, 94, 0.18);
}

body {
    background:
        radial-gradient(circle at 18% -4%, rgba(216, 178, 94, 0.18), transparent 30%),
        radial-gradient(circle at 92% 4%, rgba(255, 255, 255, 0.06), transparent 34%),
        linear-gradient(180deg, #101010 0%, #050505 42%, #000000 100%) !important;
    color: var(--text-main);
}

.container,
#view-dashboard {
    background:
        radial-gradient(circle at 6% 12%, rgba(216, 178, 94, 0.12), transparent 28%),
        radial-gradient(circle at 92% 8%, rgba(255, 255, 255, 0.055), transparent 30%),
        linear-gradient(180deg, #101010 0%, #050505 48%, #000000 100%) !important;
}

.app-header,
.bottom-nav {
    border-color: rgba(245, 217, 138, 0.12) !important;
}

.app-header {
    background: rgba(15, 8, 28, 0.86) !important;
    color: var(--text-main) !important;
    backdrop-filter: blur(18px) saturate(126%);
    -webkit-backdrop-filter: blur(18px) saturate(126%);
    box-shadow: 0 12px 34px rgba(5, 2, 10, 0.24) !important;
}

.app-header h1,
.app-header h2,
.app-header h3,
.app-logo {
    color: #fffaf2 !important;
}

.bottom-nav {
    background: rgba(12, 7, 22, 0.9) !important;
    box-shadow: 0 -14px 34px rgba(5, 2, 10, 0.5) !important;
    backdrop-filter: blur(18px) saturate(126%);
    -webkit-backdrop-filter: blur(18px) saturate(126%);
}

.nav-item.active {
    color: var(--pbb-luxe-gold-light) !important;
}

.nav-item {
    color: rgba(248, 243, 255, 0.58) !important;
}

.coin-header-widget,
.streak-header-widget {
    box-shadow: 0 10px 24px rgba(5, 2, 10, 0.32) !important;
}

.app-view > div[style*="position: sticky"][style*="background: white"],
.app-view > div[style*="position:sticky"][style*="background:white"] {
    background: rgba(15, 8, 28, 0.88) !important;
    border-color: rgba(245, 217, 138, 0.12) !important;
    color: var(--text-main) !important;
    box-shadow: 0 12px 34px rgba(5, 2, 10, 0.24) !important;
    backdrop-filter: blur(18px) saturate(126%);
    -webkit-backdrop-filter: blur(18px) saturate(126%);
}

.app-view > div[style*="position: sticky"] h1,
.app-view > div[style*="position: sticky"] h2,
.app-view > div[style*="position: sticky"] h3 {
    color: #fffaf2 !important;
}

.header-msg-icon,
.profile-icon {
    background: rgba(255, 255, 255, 0.08) !important;
    color: rgba(248, 243, 255, 0.8) !important;
}

.modal-overlay,
.onboarding-overlay,
.completion-modal-overlay,
.adaptive-modal-overlay,
#guest-signup-modal,
#home-friends-modal,
#change-password-modal-overlay,
#health-connect-modal,
#weekly-goals-modal,
#share-referral-modal,
#store-review-modal,
#last-volume-popup,
.meal-breakdown-popup {
    background:
        radial-gradient(circle at 18% 10%, rgba(245, 217, 138, 0.18), transparent 28%),
        radial-gradient(circle at 82% 6%, rgba(108, 63, 157, 0.32), transparent 31%),
        linear-gradient(180deg, rgba(29, 15, 50, 0.78), rgba(18, 10, 34, 0.84)) !important;
    backdrop-filter: blur(12px) saturate(118%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(118%) !important;
}

.modal-content,
.onboarding-modal,
.completion-modal,
.adaptive-modal,
#guest-signup-modal > div,
#change-password-modal-overlay > div,
#health-connect-modal > div {
    background: linear-gradient(180deg, #ffffff 0%, var(--pbb-luxe-cream) 100%) !important;
    border: 1px solid rgba(49, 31, 74, 0.12) !important;
    box-shadow: var(--pbb-luxe-shadow) !important;
    color: var(--pbb-luxe-ink) !important;
}

#share-referral-modal > div,
#store-review-modal > div,
#last-volume-popup > div,
.meal-breakdown-card {
    background: linear-gradient(180deg, #ffffff 0%, var(--pbb-luxe-cream) 100%) !important;
    border: 1px solid rgba(49, 31, 74, 0.12) !important;
    box-shadow: var(--pbb-luxe-shadow) !important;
    color: var(--pbb-luxe-ink) !important;
}

#home-friends-modal > div {
    background: linear-gradient(180deg, #ffffff 0%, var(--pbb-luxe-cream) 100%) !important;
    border: 1px solid rgba(49, 31, 74, 0.12) !important;
    border-bottom: 0 !important;
    box-shadow: 0 -24px 70px rgba(32, 16, 55, 0.28) !important;
}

.onboarding-header,
.wizard-header,
#weigh-in-modal .modal-content > div:first-child,
#health-connect-modal > div > div:first-child,
#store-review-modal > div > div > div:first-child {
    background:
        radial-gradient(circle at 84% 18%, rgba(245, 217, 138, 0.32), transparent 24%),
        linear-gradient(135deg, var(--pbb-luxe-plum), var(--pbb-luxe-night) 58%, #120b24) !important;
    color: white !important;
}

#guest-signup-title,
.adaptive-modal-title,
.completion-modal h2,
.meal-breakdown-logged-label {
    color: var(--pbb-luxe-plum) !important;
}

#guest-mode-banner {
    background:
        radial-gradient(circle at 85% 20%, rgba(245, 217, 138, 0.28), transparent 22%),
        linear-gradient(135deg, var(--pbb-luxe-plum), var(--pbb-luxe-violet) 58%, #1a0f2d) !important;
    box-shadow: 0 10px 30px rgba(32, 16, 55, 0.2) !important;
}

#guest-mode-banner button[onclick*="login"] {
    color: var(--pbb-luxe-plum) !important;
}

#home-friends-pill {
    background: rgba(24, 16, 36, 0.86) !important;
    border-color: rgba(245, 217, 138, 0.14) !important;
    box-shadow: 0 16px 34px rgba(5, 2, 10, 0.32) !important;
    backdrop-filter: blur(14px) saturate(125%);
    -webkit-backdrop-filter: blur(14px) saturate(125%);
}

#home-friends-pill span:first-child {
    color: #fffaf2 !important;
}

#home-friends-pill-count {
    color: rgba(248, 243, 255, 0.68) !important;
}

#home-friends-pill > div:first-child {
    background: linear-gradient(135deg, var(--pbb-luxe-plum), var(--pbb-luxe-gold)) !important;
    box-shadow: 0 10px 22px rgba(50, 26, 85, 0.2) !important;
}

#friends-referral-banner {
    background:
        radial-gradient(circle at 82% 14%, rgba(245, 217, 138, 0.28), transparent 24%),
        linear-gradient(135deg, var(--pbb-luxe-plum), var(--pbb-luxe-night) 58%, #120b24) !important;
    box-shadow: 0 16px 34px rgba(32, 16, 55, 0.24) !important;
}

#friends-referral-banner button[onclick*="openShareReferralModal"] {
    color: var(--pbb-luxe-plum) !important;
}

#friends-referral-banner button[onclick*="openShareReferralModal"] svg {
    fill: var(--pbb-luxe-plum) !important;
}

#feed-post-incentive {
    background: linear-gradient(135deg, #fffaf2, #f8e7ba) !important;
    border-color: rgba(216, 178, 94, 0.42) !important;
}

#feed-post-incentive span:nth-child(2) {
    color: var(--pbb-luxe-plum) !important;
}

#daily-weigh-in-card,
#daily-weigh-in-done-card,
#weekly-progress-photo-card,
#weekly-progress-photo-done-card,
#mood-checkin-card,
#mood-checkin-done-card,
#fitness-diary-card,
#fitness-diary-done-card,
#daily-quiz-card,
#daily-quiz-done-card,
#daily-meal-tip-card,
#daily-workout-trend-card,
#home-challenges-empty,
#fitbit-performance-card {
    border: 1px solid rgba(245, 217, 138, 0.12) !important;
    box-shadow: 0 18px 38px rgba(5, 2, 10, 0.34) !important;
}

#daily-weigh-in-card,
#daily-weigh-in-done-card {
    background:
        radial-gradient(circle at 86% 18%, rgba(245, 217, 138, 0.24), transparent 24%),
        linear-gradient(135deg, #4a2575 0%, #33205d 56%, #201036 100%) !important;
}

#mood-checkin-card {
    background:
        radial-gradient(circle at 86% 12%, rgba(245, 217, 138, 0.2), transparent 25%),
        linear-gradient(135deg, #5a245e 0%, #6f2d6c 48%, #321a55 100%) !important;
}

#home-challenges-empty {
    background:
        radial-gradient(circle at 15% 18%, rgba(245, 217, 138, 0.22), transparent 28%),
        linear-gradient(135deg, #321a55 0%, #4a2575 56%, #211039 100%) !important;
}

#fitbit-performance-card {
    background:
        radial-gradient(circle at 82% 16%, rgba(245, 217, 138, 0.16), transparent 24%),
        linear-gradient(135deg, #22375a 0%, #321a55 58%, #1b102f 100%) !important;
}

#daily-weigh-in-card h3,
#daily-weigh-in-card p,
#daily-weigh-in-done-card,
#mood-checkin-card h3,
#mood-checkin-card p {
    color: white !important;
}

.calorie-widget-card {
    background:
        radial-gradient(circle at 88% 0%, rgba(245, 217, 138, 0.11), transparent 30%),
        linear-gradient(180deg, rgba(31, 20, 45, 0.94), rgba(18, 11, 31, 0.96)) !important;
    border: 1px solid rgba(245, 217, 138, 0.12) !important;
    box-shadow: 0 22px 46px rgba(5, 2, 10, 0.42) !important;
    color: var(--text-main) !important;
}

.calorie-widget-title h3,
.calorie-current,
.macro-value,
.view-details-btn {
    color: #fffaf2 !important;
}

.calorie-widget-meta,
.nutrition-period-date,
.calorie-separator,
.calorie-goal,
.calorie-unit,
.macro-label {
    color: rgba(248, 243, 255, 0.66) !important;
}

.calorie-widget-meta strong {
    color: var(--pbb-luxe-gold-light) !important;
}

.nutrition-range-toggle {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(245, 217, 138, 0.12) !important;
}

.nutrition-range-toggle button {
    color: rgba(248, 243, 255, 0.62) !important;
}

.nutrition-range-toggle button.active {
    background: rgba(255, 250, 242, 0.94) !important;
    color: var(--pbb-luxe-plum) !important;
    box-shadow: 0 10px 24px rgba(5, 2, 10, 0.24) !important;
}

.camera-btn-widget {
    background: linear-gradient(135deg, var(--pbb-luxe-plum), var(--pbb-luxe-violet) 56%, var(--pbb-luxe-gold)) !important;
    box-shadow: 0 12px 24px rgba(5, 2, 10, 0.3) !important;
}

.progress-bar,
.progress-bar-small {
    background: rgba(255, 255, 255, 0.09) !important;
}

#today .card,
.card {
    background: var(--pbb-luxe-card) !important;
    border-color: rgba(245, 217, 138, 0.1) !important;
    color: var(--text-main) !important;
}

#view-meals,
#meals-content-container,
#calorie-tracker {
    background:
        radial-gradient(circle at 10% 6%, rgba(216, 178, 94, 0.1), transparent 27%),
        radial-gradient(circle at 92% 2%, rgba(74, 37, 117, 0.24), transparent 30%),
        linear-gradient(180deg, #150c24 0%, #0f081c 44%, #090512 100%) !important;
    color: var(--text-main) !important;
}

#view-meals .pill-btn,
.meal-icon-btn {
    background: rgba(24, 16, 36, 0.9) !important;
    border: 1px solid rgba(245, 217, 138, 0.14) !important;
    color: rgba(248, 243, 255, 0.82) !important;
    box-shadow: 0 12px 26px rgba(5, 2, 10, 0.34) !important;
}

#view-meals .pill-btn[style*="var(--accent-green)"],
#view-meals .pill-btn.active {
    background: linear-gradient(135deg, var(--pbb-luxe-plum), var(--pbb-luxe-violet)) !important;
    color: white !important;
    box-shadow: 0 0 24px rgba(216, 178, 94, 0.18), 0 12px 26px rgba(5, 2, 10, 0.36) !important;
}

.calorie-tracker-summary,
.nutrition-score-card,
.streak-tracker-card,
.weekly-metrics-card,
.meal-journal-card,
.multi-week-card,
.meal-pattern-card,
#ai-meal-plan-container {
    background:
        radial-gradient(circle at 88% 0%, rgba(245, 217, 138, 0.1), transparent 30%),
        linear-gradient(180deg, rgba(31, 20, 45, 0.94), rgba(18, 11, 31, 0.96)) !important;
    border: 1px solid rgba(245, 217, 138, 0.12) !important;
    color: var(--text-main) !important;
    box-shadow: 0 22px 46px rgba(5, 2, 10, 0.42) !important;
}

html[data-pbb-theme="dark"] #ai-plan-header {
    border-bottom-color: rgba(245, 217, 138, 0.12) !important;
}

html[data-pbb-theme="dark"] #ai-plan-meals-list .card-header {
    background: rgba(255, 255, 255, 0.055) !important;
    border-bottom: 1px solid rgba(245, 217, 138, 0.08) !important;
    color: var(--text-main) !important;
}

html[data-pbb-theme="dark"] #ai-plan-meals-list .card-body {
    background: rgba(255, 255, 255, 0.035) !important;
    border-top: 1px solid rgba(245, 217, 138, 0.08) !important;
    color: var(--text-main) !important;
}

html[data-pbb-theme="dark"] #ai-plan-meals-list .meal-title,
html[data-pbb-theme="dark"] #ai-plan-meals-list .card-body h4,
html[data-pbb-theme="dark"] #ai-plan-meals-list .card-body [style*="color: var(--text-main)"],
html[data-pbb-theme="dark"] #ai-plan-meals-list .card-body [style*="color:var(--text-main)"] {
    color: #fffaf2 !important;
}

html[data-pbb-theme="dark"] #ai-plan-meals-list .meta,
html[data-pbb-theme="dark"] #ai-plan-meals-list .card-body p,
html[data-pbb-theme="dark"] #ai-plan-meals-list .card-body ul,
html[data-pbb-theme="dark"] #ai-plan-meals-list .card-body li,
html[data-pbb-theme="dark"] #ai-plan-meals-list .card-body [style*="color: var(--text-muted)"],
html[data-pbb-theme="dark"] #ai-plan-meals-list .card-body [style*="color:var(--text-muted)"] {
    color: rgba(248, 243, 255, 0.74) !important;
}

html[data-pbb-theme="dark"] #ai-plan-meals-list .card-body h4 {
    border-bottom-color: rgba(245, 217, 138, 0.22) !important;
}

html[data-pbb-theme="dark"] #ai-plan-day-nutrition .ai-plan-macro-pill,
html[data-pbb-theme="dark"] #ai-plan-meals-list .card-body [style*="background: #f1f5f9"],
html[data-pbb-theme="dark"] #ai-plan-meals-list .card-body [style*="background:#f1f5f9"] {
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(245, 217, 138, 0.1) !important;
}

.calorie-tracker-summary h2,
.calorie-tracker-summary h3,
.calorie-circle-current,
.calorie-circle-goal,
.macro-ring-pct,
.macro-detail-name,
.macro-detail-value {
    color: #fffaf2 !important;
}

.calorie-circle-separator,
.calorie-circle-label,
.macro-ring-label,
.tracker-micro-header,
.weekly-day-calories {
    color: rgba(248, 243, 255, 0.66) !important;
}

.calorie-circle-bg {
    stroke: rgba(255, 255, 255, 0.11) !important;
}

.macro-detail-item,
.micro-tracker-item,
.weekly-day-item {
    background: rgba(255, 255, 255, 0.055) !important;
    border: 1px solid rgba(245, 217, 138, 0.08) !important;
}

.progress-bar-medium {
    background: rgba(255, 255, 255, 0.1) !important;
}

#movement-tab,
#view-log-activity,
#view-workout-library,
#view-prebuilt-programs,
#view-workout-subcategories,
#view-workout-list,
#view-workout-overview,
#view-workout-builder,
#view-program-builder,
#view-your-workouts,
#view-week-workouts,
#view-week-session,
#view-workout-journal-detail {
    background:
        radial-gradient(circle at 10% 6%, rgba(216, 178, 94, 0.1), transparent 27%),
        radial-gradient(circle at 92% 2%, rgba(74, 37, 117, 0.24), transparent 30%),
        linear-gradient(180deg, #150c24 0%, #0f081c 44%, #090512 100%) !important;
    color: var(--text-main) !important;
}

#movement-tab h1,
#movement-tab h2,
#movement-tab h3 {
    color: #fffaf2 !important;
}

#form-check-quick-card {
    background:
        radial-gradient(circle at 88% 18%, rgba(245, 217, 138, 0.2), transparent 26%),
        linear-gradient(135deg, #2a1648 0%, #321a55 58%, #1a0f2d 100%) !important;
    border: 1px solid rgba(245, 217, 138, 0.14) !important;
    box-shadow: 0 18px 38px rgba(5, 2, 10, 0.34) !important;
}

#movement-grid-container > div {
    border: 1px solid rgba(245, 217, 138, 0.12) !important;
    box-shadow: 0 18px 38px rgba(5, 2, 10, 0.34) !important;
}

#movement-grid-container > div:nth-child(1) {
    background:
        radial-gradient(circle at 84% 14%, rgba(245, 217, 138, 0.16), transparent 26%),
        linear-gradient(135deg, #321a55 0%, #4a2575 58%, #1b102f 100%) !important;
}

#mvmt-week-workouts-card {
    background:
        radial-gradient(circle at 78% 82%, rgba(216, 178, 94, 0.5), transparent 30%),
        linear-gradient(135deg, #100916 0%, #2a1a05 52%, #5c4716 100%) !important;
}

#today-workout-card {
    background:
        radial-gradient(circle at 82% 16%, rgba(245, 217, 138, 0.16), transparent 24%),
        linear-gradient(135deg, #5a1f3b 0%, #66233f 50%, #321a55 100%) !important;
}

#movement-grid-container > div:nth-child(4) {
    background:
        radial-gradient(circle at 82% 14%, rgba(245, 217, 138, 0.14), transparent 24%),
        linear-gradient(135deg, #1d4257 0%, #263660 48%, #321a55 100%) !important;
}

#build-custom-card {
    background:
        radial-gradient(circle at 50% 30%, rgba(245, 217, 138, 0.1), transparent 32%),
        linear-gradient(180deg, rgba(31, 20, 45, 0.94), rgba(18, 11, 31, 0.96)) !important;
    border: 1.5px dashed rgba(245, 217, 138, 0.28) !important;
}

#build-custom-card > div:first-child {
    background: rgba(255, 250, 242, 0.94) !important;
    box-shadow: 0 12px 26px rgba(5, 2, 10, 0.28) !important;
}

#build-custom-card div {
    color: #fffaf2 !important;
}

#build-custom-card div:last-child {
    color: rgba(248, 243, 255, 0.66) !important;
}

#workout-library-card {
    background:
        radial-gradient(circle at 82% 16%, rgba(245, 217, 138, 0.16), transparent 24%),
        linear-gradient(135deg, #22375a 0%, #321a55 58%, #1b102f 100%) !important;
}

#movement-grid-container > div:nth-child(7) {
    background:
        radial-gradient(circle at 82% 16%, rgba(245, 217, 138, 0.14), transparent 24%),
        linear-gradient(135deg, #234538 0%, #321a55 58%, #1b102f 100%) !important;
}

#movement-grid-container > div:nth-child(8) {
    background:
        radial-gradient(circle at 80% 16%, rgba(245, 217, 138, 0.18), transparent 24%),
        linear-gradient(135deg, #5a2d1b 0%, #4a2575 56%, #1b102f 100%) !important;
}

#view-log-activity h1,
#view-log-activity h2,
#view-log-activity h3 {
    color: #fffaf2 !important;
}

#view-log-activity input,
#view-log-activity textarea,
#view-log-activity select {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(245, 217, 138, 0.16) !important;
    color: #fffaf2 !important;
}

#view-learning {
    background:
        radial-gradient(circle at 10% 6%, rgba(216, 178, 94, 0.1), transparent 27%),
        radial-gradient(circle at 92% 2%, rgba(74, 37, 117, 0.24), transparent 30%),
        linear-gradient(180deg, #150c24 0%, #0f081c 44%, #090512 100%) !important;
    color: var(--text-main) !important;
}

#view-learning h2,
#view-learning h3 {
    color: #fffaf2 !important;
}

.health-iq-card,
#learning-content [style*="background: white"] {
    background:
        radial-gradient(circle at 88% 0%, rgba(245, 217, 138, 0.1), transparent 30%),
        linear-gradient(180deg, rgba(31, 20, 45, 0.94), rgba(18, 11, 31, 0.96)) !important;
    border: 1px solid rgba(245, 217, 138, 0.12) !important;
    color: var(--text-main) !important;
    box-shadow: 0 18px 38px rgba(5, 2, 10, 0.34) !important;
}

.health-iq-card {
    background:
        radial-gradient(circle at 88% 14%, rgba(245, 217, 138, 0.18), transparent 26%),
        linear-gradient(135deg, #321a55 0%, #4a2575 58%, #1b102f 100%) !important;
}

#learning-content [style*="color: var(--text-main)"] {
    color: #fffaf2 !important;
}

#learning-content [style*="color: var(--text-muted)"] {
    color: rgba(248, 243, 255, 0.66) !important;
}

#learning-content [style*="background: #e5e7eb"],
#learning-content [style*="background:#e5e7eb"] {
    background: rgba(255, 255, 255, 0.1) !important;
}

#view-cycle,
#view-friends,
#view-user-profile,
#view-profile {
    background:
        radial-gradient(circle at 12% 6%, rgba(216, 178, 94, 0.1), transparent 28%),
        radial-gradient(circle at 90% 2%, rgba(74, 37, 117, 0.28), transparent 32%),
        linear-gradient(180deg, #150c24 0%, #0f081c 48%, #090512 100%) !important;
    color: var(--text-main) !important;
}

#cycle-hero-card {
    background:
        radial-gradient(circle at 50% 6%, rgba(245, 217, 138, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(31, 20, 45, 0.94), rgba(18, 11, 31, 0.96)) !important;
    border-color: rgba(245, 217, 138, 0.18) !important;
    box-shadow: 0 22px 46px rgba(5, 2, 10, 0.42) !important;
}

#cycle-hero-card .card-body {
    background: transparent !important;
    color: var(--text-main) !important;
}

#cycle-hero-card .card-body.active {
    background: transparent !important;
}

#cycle-hero-card [style*="background: white"] {
    background: rgba(255, 250, 242, 0.94) !important;
}

#cycle-phase-name,
#view-cycle h2,
#view-cycle h3,
#view-friends h2,
#view-friends h3,
#view-friends h4,
#view-user-profile h2,
#view-user-profile h3,
#view-profile h2,
#view-profile h3 {
    color: #fffaf2 !important;
}

#cycle-phase-desc,
#view-cycle p,
#view-friends p,
#view-user-profile p,
#view-profile p {
    color: rgba(248, 243, 255, 0.68) !important;
}

.calendar-view-toggle {
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(245, 217, 138, 0.12) !important;
}

.calendar-view-toggle .toggle-btn {
    color: rgba(248, 243, 255, 0.62) !important;
}

.calendar-view-toggle .toggle-btn.active {
    background: rgba(255, 250, 242, 0.94) !important;
    color: var(--pbb-luxe-plum) !important;
    box-shadow: 0 6px 16px rgba(5, 2, 10, 0.22) !important;
}

.calendar-day-row,
.monthly-calendar-container {
    background: rgba(24, 16, 36, 0.9) !important;
    border-color: rgba(245, 217, 138, 0.12) !important;
    color: var(--text-main) !important;
    box-shadow: 0 16px 34px rgba(5, 2, 10, 0.3) !important;
}

.calendar-day-row.is-today,
.monthly-day-cell.is-today {
    background: rgba(50, 26, 85, 0.92) !important;
    border-color: rgba(245, 217, 138, 0.5) !important;
}

.calendar-day-row.calendar-drag-target {
    border-color: rgba(245, 217, 138, 0.74) !important;
    box-shadow: 0 14px 30px rgba(216, 178, 94, 0.18) !important;
}

.cal-date-box {
    border-color: rgba(245, 217, 138, 0.12) !important;
}

.cal-day-name,
.monthly-calendar-weekdays span,
.monthly-day-workout {
    color: rgba(248, 243, 255, 0.58) !important;
}

.cal-day-num,
.cal-workout-tag,
.monthly-calendar-header .month-title,
.monthly-day-num {
    color: #fffaf2 !important;
}

.cal-workout-tag {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(245, 217, 138, 0.12) !important;
}

.cal-drag-handle,
.monthly-calendar-header .month-nav-btn {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(245, 217, 138, 0.14) !important;
    color: rgba(248, 243, 255, 0.72) !important;
}

.monthly-calendar-header,
.monthly-calendar-weekdays,
.monthly-day-cell,
.monthly-day-cell.other-month,
.monthly-calendar-grid {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(245, 217, 138, 0.12) !important;
}

.monthly-day-cell:hover,
.monthly-calendar-header .month-nav-btn:hover {
    background: rgba(245, 217, 138, 0.1) !important;
}

#view-friends [onclick*="openAddFriendModal"][style*="background: #f1f5f9"],
#view-friends [onclick*="openFeedMessagesPanel"][style*="background: #f1f5f9"] {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(245, 217, 138, 0.12) !important;
}

#view-friends [onclick*="openAddFriendModal"] svg,
#view-friends [onclick*="openFeedMessagesPanel"] svg {
    fill: rgba(248, 243, 255, 0.74) !important;
}

#view-friends button[onclick*="openStoryCamera"],
#friends-feed-empty button,
#story-upload-button,
#preview-post-btn,
#post-story-btn {
    background: linear-gradient(135deg, var(--pbb-luxe-plum), var(--pbb-luxe-violet) 56%, var(--pbb-luxe-gold)) !important;
    color: white !important;
    box-shadow: 0 14px 30px rgba(50, 26, 85, 0.24) !important;
}

#feed-post-incentive {
    background:
        radial-gradient(circle at 92% 10%, rgba(245, 217, 138, 0.26), transparent 26%),
        linear-gradient(135deg, rgba(31, 20, 45, 0.94), rgba(18, 11, 31, 0.96)) !important;
    border-color: rgba(245, 217, 138, 0.18) !important;
}

#feed-post-incentive span:nth-child(2),
#friends-feed-empty [style*="color: var(--text-main)"] {
    color: #fffaf2 !important;
}

#feed-post-incentive button {
    background: rgba(255, 255, 255, 0.08) !important;
    color: rgba(248, 243, 255, 0.72) !important;
}

#active-games-container [style*="background:#f8fafc"],
#active-games-container [style*="background: #f8fafc"],
#active-games-container [style*="linear-gradient(135deg,#f8fafc"],
#active-games-container [style*="linear-gradient(135deg, #f8fafc"],
#active-games-container [style*="background:white"],
#active-games-container [style*="background: white"] {
    background:
        radial-gradient(circle at 80% 8%, rgba(245, 217, 138, 0.1), transparent 32%),
        linear-gradient(180deg, rgba(31, 20, 45, 0.94), rgba(18, 11, 31, 0.96)) !important;
    border-color: rgba(245, 217, 138, 0.12) !important;
    color: var(--text-main) !important;
}

#active-games-container [style*="color:var(--text-muted)"],
#active-games-container [style*="color: var(--text-muted)"] {
    color: rgba(248, 243, 255, 0.62) !important;
}

#friends-feed-empty,
#group-chats-empty,
#friends-cards-container,
#user-profile-posts-empty {
    background: rgba(24, 16, 36, 0.9) !important;
    border-color: rgba(245, 217, 138, 0.12) !important;
    color: var(--text-main) !important;
    box-shadow: 0 16px 34px rgba(5, 2, 10, 0.3) !important;
}

.feed-post-card {
    background: rgba(24, 16, 36, 0.94) !important;
    border-bottom-color: rgba(245, 217, 138, 0.1) !important;
    color: var(--text-main) !important;
}

.feed-post-card [style*="border-top:1px solid #f1f5f9"],
.feed-post-card [style*="border-top: 1px solid #f1f5f9"] {
    border-color: rgba(245, 217, 138, 0.12) !important;
}

.feed-post-card input {
    color: #fffaf2 !important;
}

#feed-messages-panel,
#add-friend-modal,
#create-group-chat-modal,
#story-choice-modal,
#story-upload-modal {
    background:
        radial-gradient(circle at 18% 10%, rgba(245, 217, 138, 0.16), transparent 28%),
        linear-gradient(180deg, rgba(10, 5, 18, 0.82), rgba(10, 5, 18, 0.94)) !important;
    backdrop-filter: blur(12px) saturate(118%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(118%) !important;
}

#feed-messages-panel-content,
#add-friend-modal > div,
#create-group-chat-modal > div,
#story-choice-modal > div,
#story-upload-modal > div {
    background:
        radial-gradient(circle at 88% 0%, rgba(245, 217, 138, 0.1), transparent 30%),
        linear-gradient(180deg, rgba(31, 20, 45, 0.98), rgba(18, 11, 31, 0.98)) !important;
    border: 1px solid rgba(245, 217, 138, 0.12) !important;
    color: var(--text-main) !important;
    box-shadow: var(--pbb-luxe-shadow) !important;
}

#feed-messages-panel-content > div[style*="background: white"],
#add-friend-modal > div > div,
#create-group-chat-modal > div > div,
#story-upload-modal > div > div {
    background: transparent !important;
    border-color: rgba(245, 217, 138, 0.12) !important;
}

#feed-messages-panel-content h3,
#feed-messages-panel-content h4,
#add-friend-modal h2,
#create-group-chat-modal h3,
#story-choice-modal h3,
#story-upload-modal h3 {
    color: #fffaf2 !important;
}

#feed-messages-panel-content [style*="color: var(--text-main)"],
#add-friend-modal [style*="color:var(--text-main)"],
#add-friend-modal [style*="color: var(--text-main)"],
#create-group-chat-modal [style*="color: var(--text-main)"],
#story-upload-modal [style*="color:var(--primary)"] {
    color: #fffaf2 !important;
}

#feed-messages-panel-content [style*="color: var(--text-muted)"],
#add-friend-modal [style*="color:#64748b"],
#add-friend-modal [style*="color: #64748b"],
#add-friend-modal [style*="color:#94a3b8"],
#story-choice-modal p,
#story-upload-modal [style*="color:var(--text-muted)"] {
    color: rgba(248, 243, 255, 0.66) !important;
}

#add-friend-modal input,
#create-group-chat-modal input,
#story-caption-input {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(245, 217, 138, 0.16) !important;
    color: #fffaf2 !important;
}

#add-friend-modal [style*="background:#f1f5f9"],
#create-group-chat-modal [style*="border: 1px solid #e2e8f0"],
#story-preview-area {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(245, 217, 138, 0.12) !important;
}

#friend-tab-search,
#friend-tab-requests,
#friend-tab-friends {
    color: rgba(248, 243, 255, 0.66) !important;
}

#friend-tab-search[style*="background:white"],
#friend-tab-requests[style*="background:white"],
#friend-tab-friends[style*="background:white"] {
    background: rgba(255, 250, 242, 0.94) !important;
    color: var(--pbb-luxe-plum) !important;
}

#view-profile .profile-header,
#view-profile [style*="background: white"],
#view-profile [style*="background:white"],
#view-user-profile [style*="background: white"],
#view-user-profile [style*="background:white"] {
    background:
        radial-gradient(circle at 88% 0%, rgba(245, 217, 138, 0.09), transparent 32%),
        linear-gradient(180deg, rgba(31, 20, 45, 0.94), rgba(18, 11, 31, 0.96)) !important;
    border-color: rgba(245, 217, 138, 0.12) !important;
    color: var(--text-main) !important;
    box-shadow: 0 16px 34px rgba(5, 2, 10, 0.28) !important;
}

#view-profile [style*="background:#f8fafc"],
#view-profile [style*="background: #f8fafc"],
#view-profile [style*="background:#f8f9fa"],
#view-profile [style*="background: #f8f9fa"] {
    background: rgba(255, 255, 255, 0.06) !important;
}

#view-profile button[style*="background:white"],
#view-profile button[style*="background: white"],
#view-profile button[style*="background:#f1f5f9"],
#view-profile button[style*="background: #f1f5f9"] {
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(245, 217, 138, 0.16) !important;
    color: #fffaf2 !important;
}

#view-profile [style*="color:var(--primary)"],
#view-profile [style*="color: var(--primary)"],
#view-user-profile [style*="color:var(--primary)"],
#view-user-profile [style*="color: var(--primary)"] {
    color: var(--pbb-luxe-gold-light) !important;
}

.calorie-widget-card .calorie-widget-title h3,
.calorie-widget-card .calorie-widget-meta,
.calorie-widget-card .nutrition-period-date,
.calorie-widget-card .nutrition-period-remaining,
#calorie-tracker-card .nutrition-period-date,
#calorie-tracker-card .nutrition-period-remaining {
    color: rgba(248, 243, 255, 0.68) !important;
}

.calorie-widget-card .calorie-widget-title h3,
#tracker-nutrition-title {
    color: #fffaf2 !important;
}

.calorie-widget-card .calorie-widget-meta strong,
#widget-calories-remaining,
#tracker-period-remaining {
    color: var(--pbb-luxe-gold-light) !important;
}

#home-friends-modal button[onclick*="openAddFriendModal"],
.adaptive-modal-confirm,
.onboarding-btn-primary,
#weigh-in-modal button[onclick*="saveWeight"],
#weigh-in-modal button[onclick*="submitWeight"],
#health-connect-modal button[onclick*="acceptHealthConnect"],
#guest-signup-modal button[onclick*="login"],
#store-review-modal button[onclick*="onLoveIt"],
#store-review-modal button[onclick*="openStoreReview"],
#store-review-modal button[onclick*="submitFeedback"],
#last-volume-popup button {
    background: linear-gradient(135deg, var(--pbb-luxe-plum), var(--pbb-luxe-violet) 56%, var(--pbb-luxe-gold)) !important;
    color: white !important;
    box-shadow: 0 14px 30px rgba(50, 26, 85, 0.24) !important;
}

input:focus,
textarea:focus,
select:focus,
#weigh-in-modal-input:focus {
    border-color: var(--pbb-luxe-gold) !important;
    box-shadow: 0 0 0 3px rgba(216, 178, 94, 0.18) !important;
}

#guided-tour-spotlight {
    box-shadow: 0 0 0 9999px rgba(29, 15, 50, 0.78), 0 0 0 3px rgba(216, 178, 94, 0.8) !important;
}

#guided-tour-bubble {
    background: #ffffff !important;
    color: #111827 !important;
    border: 2px solid rgba(17, 24, 39, 0.12) !important;
    border-radius: 22px !important;
    box-shadow: var(--pbb-luxe-shadow) !important;
}

#guided-tour-bubble .tour-counter {
    color: #4b5563 !important;
    font-weight: 800 !important;
}

#guided-tour-bubble .tour-title {
    color: #111827 !important;
    font-weight: 800 !important;
}

#guided-tour-bubble .tour-body {
    color: #111827 !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
}

#guided-tour-bubble .tour-skip {
    color: #374151 !important;
    font-weight: 800 !important;
}

#guided-tour-bubble .tour-back {
    background: var(--pbb-luxe-soft) !important;
    color: var(--pbb-luxe-plum) !important;
}

#guided-tour-bubble .tour-next,
.fr-splash-btn {
    background: linear-gradient(135deg, var(--pbb-luxe-plum), var(--pbb-luxe-violet) 55%, var(--pbb-luxe-gold)) !important;
    color: white !important;
}

#fr-splash {
    background:
        radial-gradient(circle at 24% 20%, rgba(245, 217, 138, 0.18), transparent 30%),
        radial-gradient(circle at 76% 10%, rgba(116, 70, 165, 0.38), transparent 34%),
        linear-gradient(180deg, rgba(24, 12, 43, 0.94), rgba(12, 7, 24, 0.96)) !important;
}

.fr-splash-glow {
    background: radial-gradient(circle, rgba(216, 178, 94, 0.42), rgba(74, 37, 117, 0.18) 48%, transparent 72%) !important;
}

.fr-splash-badge {
    background: rgba(255, 250, 242, 0.12) !important;
    border: 1px solid rgba(245, 217, 138, 0.38) !important;
    color: var(--pbb-luxe-gold-light) !important;
}

.fr-splash-sub {
    color: rgba(255, 250, 242, 0.72) !important;
}

#weekly-goals-modal .weekly-goal-sheet {
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 -26px 70px rgba(18, 8, 34, 0.56) !important;
}

#weekly-goals-modal .weekly-goal-sheet > div:last-child {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), var(--pbb-luxe-cream)) !important;
    border-color: rgba(49, 31, 74, 0.12) !important;
}

#guest-signup-modal > div,
.modal-content,
.onboarding-modal,
.completion-modal,
.adaptive-modal,
#share-referral-modal > div,
#store-review-modal > div,
#last-volume-popup > div,
.meal-breakdown-card,
#home-friends-modal > div,
#weekly-goals-modal .weekly-goal-sheet > div:last-child {
    background:
        radial-gradient(circle at 88% 0%, rgba(245, 217, 138, 0.1), transparent 30%),
        linear-gradient(180deg, rgba(31, 20, 45, 0.98), rgba(18, 11, 31, 0.98)) !important;
    border-color: rgba(245, 217, 138, 0.14) !important;
    color: var(--text-main) !important;
}

#last-volume-popup h3 {
    color: #f8f7f2 !important;
    -webkit-text-fill-color: #f8f7f2 !important;
}

#last-volume-popup #popup-last-volume {
    color: var(--pbb-luxe-gold-light) !important;
    -webkit-text-fill-color: var(--pbb-luxe-gold-light) !important;
}

#last-volume-popup p {
    color: rgba(248, 247, 242, 0.72) !important;
    -webkit-text-fill-color: rgba(248, 247, 242, 0.72) !important;
}

#guest-signup-title,
.adaptive-modal-title,
.completion-modal h2,
.meal-breakdown-logged-label,
#weekly-goals-modal h3,
#weekly-goals-modal .weekly-goal-category-title,
#weekly-goals-modal .weekly-goal-selected-row [style*="color:#0f172a"],
#weekly-goals-modal .weekly-goal-selected-row [style*="color: #0f172a"] {
    color: #fffaf2 !important;
}

#guest-signup-message,
#guest-signup-modal button[onclick*="closeGuestSignupModal"],
.adaptive-modal-body,
.adaptive-modal p,
.adaptive-modal-cancel,
#weekly-goals-modal p,
#weekly-goals-modal .weekly-goal-chip-wrap span,
#weekly-goals-modal .weekly-goal-stepper span {
    color: rgba(248, 243, 255, 0.68) !important;
}

#weekly-goals-modal .weekly-goal-category,
#weekly-goals-modal .weekly-goal-choice {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(245, 217, 138, 0.14) !important;
    color: var(--text-main) !important;
    box-shadow: 0 14px 30px rgba(5, 2, 10, 0.2) !important;
}

#weekly-goals-modal .weekly-goal-choice strong {
    color: #fffaf2 !important;
}

#weekly-goals-modal .weekly-goal-choice span {
    color: rgba(248, 243, 255, 0.68) !important;
}

#weekly-goals-modal .weekly-goal-choice.selected {
    background: rgba(245, 217, 138, 0.13) !important;
    border-color: var(--goal-accent) !important;
}

#weekly-goals-modal .weekly-goal-choice-pill,
#weekly-goals-modal .weekly-goal-target-chip,
#weekly-goals-modal .weekly-goal-stepper input {
    background: rgba(255, 255, 255, 0.09) !important;
    border-color: rgba(245, 217, 138, 0.16) !important;
    color: #fffaf2 !important;
}

#weekly-goals-modal .weekly-goal-sheet [style*="background:linear-gradient(135deg,#ffffff"],
#weekly-goals-modal .weekly-goal-sheet [style*="background: linear-gradient(135deg,#ffffff"],
#weekly-goals-modal .weekly-goal-sheet [style*="background:white"],
#weekly-goals-modal .weekly-goal-sheet [style*="background: white"] {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(245, 217, 138, 0.14) !important;
    color: var(--text-main) !important;
}

#weekly-goals-modal .weekly-goal-sheet [style*="color:#0f172a"],
#weekly-goals-modal .weekly-goal-sheet [style*="color: #0f172a"] {
    color: #fffaf2 !important;
}

#weekly-goals-modal .weekly-goal-sheet [style*="color:#64748b"],
#weekly-goals-modal .weekly-goal-sheet [style*="color: #64748b"],
#weekly-goals-modal .weekly-goal-sheet [style*="color:#475569"],
#weekly-goals-modal .weekly-goal-sheet [style*="color: #475569"] {
    color: rgba(248, 243, 255, 0.66) !important;
}

#weekly-goals-modal .weekly-goal-sheet > div[style*="position:sticky"][style*="bottom:0"] {
    background: rgba(18, 11, 31, 0.96) !important;
    border-color: rgba(245, 217, 138, 0.14) !important;
    backdrop-filter: blur(14px) saturate(124%);
    -webkit-backdrop-filter: blur(14px) saturate(124%);
}

#weekly-goals-modal .weekly-goal-target-chip.selected {
    background: var(--goal-gradient) !important;
    color: white !important;
}

.app-header,
.bottom-nav,
#home-friends-pill,
#view-profile .profile-header,
#view-profile .settings-card,
#view-profile > div[style*="padding: 0 25px"] > div,
#view-profile > div[style*="margin-top:30px"][style*="background:#f8fafc"],
#view-profile > div[style*="margin-top:30px"][style*="background: #f8fafc"],
#view-workout-builder > div[style*="position: sticky"],
#view-program-builder > div[style*="position: sticky"],
#view-workout-builder > div[style*="padding: 20px"] > div[style*="border: 1px solid #e2e8f0"],
#view-workout-builder > div[style*="padding: 20px"] > div > div[style*="border: 1px solid #e2e8f0"],
#view-program-builder > div[style*="padding: 20px"] > div,
#builder-library-list > div,
#program-weekly-schedule > div {
    background: var(--pbb-widget-glass) !important;
    border-color: var(--pbb-widget-glass-border) !important;
    color: #fffaf2 !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.38) !important;
    backdrop-filter: blur(18px) saturate(126%);
    -webkit-backdrop-filter: blur(18px) saturate(126%);
}

#view-profile .settings-card > div:first-child,
#view-profile .setting-row,
#view-profile [id^="settings-"],
#view-profile [style*="border-bottom:1px solid #f1f5f9"],
#view-profile [style*="border-bottom: 1px solid #f1f5f9"],
#view-profile [style*="border-top:1px solid #f1f5f9"],
#view-profile [style*="border-top: 1px solid #f1f5f9"] {
    border-color: rgba(255, 255, 255, 0.12) !important;
}

#view-profile .settings-card > div:first-child,
#view-profile #meal-reminder-times,
#view-profile #active-reminders-status,
#view-profile [style*="background:#f8f9fa"],
#view-profile [style*="background: #f8f9fa"],
#view-profile [style*="background:#f8fafc"],
#view-profile [style*="background: #f8fafc"],
#view-workout-builder [style*="background: #f8fafc"],
#view-workout-builder [style*="background:#f8fafc"],
#view-workout-builder [style*="background: white"],
#view-workout-builder [style*="background:white"],
#view-program-builder [style*="background: #f8fafc"],
#view-program-builder [style*="background:#f8fafc"],
#view-program-builder [style*="background: white"],
#view-program-builder [style*="background:white"],
#program-weekly-schedule [style*="background: white"],
#program-weekly-schedule [style*="background:white"] {
    background: var(--pbb-widget-glass-soft) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: #fffaf2 !important;
}

#view-profile button[style*="background:white"],
#view-profile button[style*="background: white"],
#view-profile button[style*="background:#f1f5f9"],
#view-profile button[style*="background: #f1f5f9"],
#view-workout-builder button[style*="background:white"],
#view-workout-builder button[style*="background: white"],
#view-workout-builder button[style*="background:#f1f5f9"],
#view-workout-builder button[style*="background: #f1f5f9"],
#view-program-builder button[style*="background:white"],
#view-program-builder button[style*="background: white"],
#view-program-builder button[style*="background:#f1f5f9"],
#view-program-builder button[style*="background: #f1f5f9"],
#workout-picker-modal button[style*="background: #f1f5f9"],
#workout-subcategory-picker button[style*="background: #f1f5f9"],
#calendar-workout-action-modal button[style*="background: #f1f5f9"],
#replacement-picker-modal button[style*="background: #f1f5f9"],
#calendar-activity-modal button[style*="background: #f1f5f9"],
#replacement-subcategory-modal button[style*="background: #f1f5f9"],
#replacement-duration-modal button[style*="background: #f1f5f9"] {
    background: var(--pbb-widget-glass-soft) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    color: #f5d98a !important;
}

#builder-search,
#program-name-input,
#theme-selector,
#view-profile input[type="time"],
#calendar-activity-name-input,
#macro-settings-modal-overlay input[type="number"],
#macro-settings-modal-overlay input[type="text"] {
    background: var(--pbb-widget-glass-soft) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: #fffaf2 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

#builder-search::placeholder,
#program-name-input::placeholder,
#calendar-activity-name-input::placeholder {
    color: rgba(248, 243, 255, 0.48) !important;
}

#view-workout-builder .filter-chip,
#view-program-builder .duration-btn,
.calendar-activity-intensity-btn,
.calendar-activity-weeks-btn,
.duration-option-btn {
    background: var(--pbb-widget-glass-soft) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: rgba(248, 243, 255, 0.74) !important;
}

#view-workout-builder .filter-chip[style*="var(--primary)"],
#view-program-builder .duration-btn.selected,
#view-program-builder .duration-btn[style*="var(--primary)"],
.calendar-activity-intensity-btn.selected,
.calendar-activity-weeks-btn.selected,
.duration-option-btn.selected,
.duration-option-btn[style*="var(--primary)"] {
    background: var(--pbb-widget-green-soft) !important;
    border-color: rgba(216, 178, 94, 0.55) !important;
    color: #f5d98a !important;
}

#builder-library-list > div[style*="var(--primary)"],
#builder-library-list > div[style*="#f0fdf4"],
#builder-library-list > div[style*="rgb(240, 253, 244)"] {
    background: var(--pbb-widget-green-soft) !important;
    border-color: rgba(216, 178, 94, 0.55) !important;
}

#builder-library-list > div > div,
#view-workout-builder [style*="color:var(--text-main)"],
#view-workout-builder [style*="color: var(--text-main)"],
#view-program-builder [style*="color:var(--text-main)"],
#view-program-builder [style*="color: var(--text-main)"],
#view-profile [style*="color:var(--text-main)"],
#view-profile [style*="color: var(--text-main)"],
#workout-picker-modal [style*="color: var(--text-main)"],
#workout-subcategory-picker [style*="color: var(--text-main)"],
#calendar-workout-action-modal [style*="color: var(--text-main)"],
#replacement-picker-modal [style*="color: var(--text-main)"],
#calendar-activity-modal [style*="color: var(--text-main)"],
#replacement-subcategory-modal [style*="color: var(--text-main)"],
#replacement-duration-modal [style*="color: var(--text-main)"] {
    color: #fffaf2 !important;
}

#view-workout-builder [style*="color:#334155"],
#view-workout-builder [style*="color: #334155"],
#view-workout-builder [style*="color:#64748b"],
#view-workout-builder [style*="color: #64748b"],
#view-workout-builder [style*="color:var(--text-muted)"],
#view-workout-builder [style*="color: var(--text-muted)"],
#view-program-builder [style*="color:var(--text-muted)"],
#view-program-builder [style*="color: var(--text-muted)"],
#view-profile [style*="color:var(--text-muted)"],
#view-profile [style*="color: var(--text-muted)"],
#workout-picker-modal [style*="color: var(--text-muted)"],
#workout-subcategory-picker [style*="color: var(--text-muted)"],
#calendar-workout-action-modal [style*="color: var(--text-muted)"],
#replacement-picker-modal [style*="color: var(--text-muted)"],
#calendar-activity-modal [style*="color: var(--text-muted)"],
#replacement-subcategory-modal [style*="color: var(--text-muted)"],
#replacement-duration-modal [style*="color: var(--text-muted)"] {
    color: rgba(248, 243, 255, 0.64) !important;
}

#view-workout-builder svg,
#view-program-builder svg,
#view-profile svg,
#workout-picker-modal svg,
#workout-subcategory-picker svg,
#calendar-workout-action-modal svg,
#replacement-picker-modal svg,
#calendar-activity-modal svg,
#replacement-subcategory-modal svg,
#replacement-duration-modal svg {
    fill: rgba(248, 243, 255, 0.72) !important;
}

#builder-floating-action,
#view-program-builder > div[style*="position: fixed"][style*="bottom: 0"] {
    background: rgba(0, 0, 0, 0.86) !important;
    border-top: 1px solid var(--pbb-widget-glass-border) !important;
    box-shadow: 0 -18px 42px rgba(0, 0, 0, 0.48) !important;
    backdrop-filter: blur(18px) saturate(126%);
    -webkit-backdrop-filter: blur(18px) saturate(126%);
    padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important;
}

#builder-floating-action button:first-child {
    background: var(--pbb-widget-glass-soft) !important;
    border-color: rgba(216, 178, 94, 0.44) !important;
    color: #f5d98a !important;
}

#builder-floating-action button:last-child,
#save-program-btn,
#view-profile button[style*="background:var(--primary)"],
#view-profile button[style*="background: var(--primary)"] {
    background: linear-gradient(135deg, rgba(245, 217, 138, 0.95), rgba(216, 178, 94, 0.92)) !important;
    color: #07130d !important;
    box-shadow: 0 12px 28px rgba(216, 178, 94, 0.18) !important;
}

#workout-picker-modal,
#workout-subcategory-picker,
#calendar-workout-action-modal,
#replacement-picker-modal,
#calendar-activity-modal,
#replacement-subcategory-modal,
#replacement-duration-modal,
#workout-variations-modal,
#workout-exercises-modal {
    background: rgba(3, 1, 8, 0.62) !important;
    backdrop-filter: blur(14px) saturate(118%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(118%) !important;
}

#workout-picker-modal > div,
#workout-subcategory-picker > div,
#calendar-workout-action-modal > div,
#replacement-picker-modal > div,
#calendar-activity-modal > div,
#replacement-subcategory-modal > div,
#replacement-duration-modal > div,
#workout-variations-modal > div,
#workout-exercises-modal > div {
    background: var(--pbb-widget-glass) !important;
    border: 1px solid var(--pbb-widget-glass-border) !important;
    color: #fffaf2 !important;
    box-shadow: 0 -26px 70px rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(18px) saturate(126%);
    -webkit-backdrop-filter: blur(18px) saturate(126%);
}

#workout-picker-modal [style*="background: #f1f5f9"],
#workout-picker-modal [style*="background:#f1f5f9"],
#workout-subcategory-picker [style*="background: #f1f5f9"],
#workout-subcategory-picker [style*="background:#f1f5f9"],
#calendar-workout-action-modal [style*="background: #f8fafc"],
#calendar-workout-action-modal [style*="background:#f8fafc"],
#calendar-workout-action-modal [style*="background: white"],
#calendar-workout-action-modal [style*="background:white"],
#replacement-picker-modal [style*="background: #f1f5f9"],
#replacement-picker-modal [style*="background:#f1f5f9"],
#calendar-activity-modal [style*="background: #f8fafc"],
#calendar-activity-modal [style*="background:#f8fafc"],
#calendar-activity-modal [style*="background: white"],
#calendar-activity-modal [style*="background:white"],
#replacement-subcategory-modal [style*="background: #f1f5f9"],
#replacement-subcategory-modal [style*="background:#f1f5f9"],
#replacement-duration-modal [style*="background: #f8fafc"],
#replacement-duration-modal [style*="background:#f8fafc"],
#replacement-duration-modal [style*="background: white"],
#replacement-duration-modal [style*="background:white"] {
    background: var(--pbb-widget-glass-soft) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: #fffaf2 !important;
}

#macro-settings-modal-overlay [style*="background:#f8fafc"],
#macro-settings-modal-overlay [style*="background: #f8fafc"],
#macro-settings-modal-overlay [style*="background:white"],
#macro-settings-modal-overlay [style*="background: white"] {
    background: var(--pbb-widget-glass-soft) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: #fffaf2 !important;
}

#macro-settings-modal-overlay [style*="linear-gradient(135deg, #e0f2f1"],
#macro-settings-modal-overlay [style*="linear-gradient(135deg,#e0f2f1"],
#macro-settings-modal-overlay [style*="linear-gradient(135deg, #e8f5e9"],
#macro-settings-modal-overlay [style*="linear-gradient(135deg,#e8f5e9"] {
    background: rgba(216, 178, 94, 0.14) !important;
    border-color: rgba(216, 178, 94, 0.34) !important;
}

#macro-settings-modal-overlay label,
#macro-settings-modal-overlay [style*="color:var(--text-main)"],
#macro-settings-modal-overlay [style*="color: var(--text-main)"] {
    color: #fffaf2 !important;
}

#macro-settings-modal-overlay [style*="color:var(--text-muted)"],
#macro-settings-modal-overlay [style*="color: var(--text-muted)"] {
    color: rgba(248, 243, 255, 0.66) !important;
}

#action-modal-replacement-notice {
    background: rgba(216, 178, 94, 0.14) !important;
    border-color: rgba(216, 178, 94, 0.34) !important;
}

/* Obsidian/gold pass: keep the new theme expensive, not purple. */
body,
.container,
#view-dashboard,
#view-profile,
.app-view {
    background:
        radial-gradient(circle at 14% 0%, rgba(216, 178, 94, 0.14), transparent 28%),
        radial-gradient(circle at 92% 10%, rgba(255, 255, 255, 0.055), transparent 28%),
        linear-gradient(180deg, #101010 0%, #050505 48%, #000000 100%) !important;
}

.app-header,
.bottom-nav {
    background: rgba(5, 5, 5, 0.92) !important;
    border-color: rgba(245, 217, 138, 0.16) !important;
}

.app-header h1,
.app-header h2,
.app-header h3,
.app-logo,
#view-profile h3 {
    color: #f8f7f2 !important;
}

.nav-item.active {
    color: #f5d98a !important;
}

.header-msg-icon,
.profile-icon {
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(245, 217, 138, 0.14) !important;
    color: #ffffff !important;
}

#daily-weigh-in-card,
#daily-weigh-in-done-card,
#mood-checkin-card,
#mood-checkin-done-card,
#daily-quiz-card,
#daily-quiz-done-card,
#weekly-goals-card,
#home-challenges-empty,
.calorie-widget-card,
#fitbit-performance-card {
    background:
        radial-gradient(circle at 88% 12%, rgba(245, 217, 138, 0.18), transparent 25%),
        linear-gradient(135deg, #171717 0%, #0a0a0a 58%, #000000 100%) !important;
    border-color: rgba(245, 217, 138, 0.18) !important;
}

#pwa-install-banner {
    background:
        radial-gradient(circle at 16% 0%, rgba(245, 217, 138, 0.18), transparent 34%),
        linear-gradient(135deg, #151515 0%, #050505 100%) !important;
    border-bottom: 1px solid rgba(245, 217, 138, 0.18) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.46) !important;
}

#pwa-install-banner .pwa-install-btn {
    background: linear-gradient(135deg, #f8f7f2, #d8b25e) !important;
    color: #090909 !important;
}

#tamagotchi-fallback,
#tamagotchi-stats-bar {
    background:
        radial-gradient(circle at 50% 0%, rgba(245, 217, 138, 0.12), transparent 32%),
        linear-gradient(180deg, #151515 0%, #080808 100%) !important;
}

#tamagotchi-widget-container {
    background-color: #080808 !important;
}

#home-challenges-empty {
    background:
        radial-gradient(circle at 18% 16%, rgba(245, 217, 138, 0.3), transparent 30%),
        linear-gradient(135deg, #241d10 0%, #111111 54%, #050505 100%) !important;
}

#view-profile .profile-photo-container {
    background: linear-gradient(135deg, #171717, #2a2418) !important;
    border: 1px solid rgba(245, 217, 138, 0.26) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.46) !important;
}

#profile-default-initial {
    color: #f5d98a !important;
}

#btn-edit-profile,
#view-profile button[style*="background:white"],
#view-profile button[style*="background: white"],
#view-profile button[style*="background:#f1f5f9"],
#view-profile button[style*="background: #f1f5f9"] {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(245, 217, 138, 0.22) !important;
    color: #f8f7f2 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 12px 26px rgba(0, 0, 0, 0.24) !important;
}

#btn-edit-profile {
    background: linear-gradient(135deg, rgba(245, 217, 138, 0.2), rgba(255, 255, 255, 0.08)) !important;
    color: #f5d98a !important;
}

#view-profile button[style*="background:var(--primary)"],
#view-profile button[style*="background: var(--primary)"],
#push-notif-settings-btn,
#settings-clear-cache-btn,
#settings-change-password button {
    background: linear-gradient(135deg, #f5d98a 0%, #d8b25e 48%, #9f7628 100%) !important;
    color: #090909 !important;
    border: 1px solid rgba(245, 217, 138, 0.48) !important;
    box-shadow: 0 12px 28px rgba(216, 178, 94, 0.22) !important;
}

#view-profile button svg {
    fill: currentColor !important;
    stroke: currentColor !important;
}

#theme-selector,
#view-profile input[type="time"],
#builder-search,
#program-name-input {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(245, 217, 138, 0.24) !important;
    color: #f8f7f2 !important;
}

#push-notif-refresh-btn {
    color: #f5d98a !important;
    border-color: rgba(245, 217, 138, 0.36) !important;
}

#profile-equipment-display,
#profile-diet-display,
#view-profile [style*="color:var(--primary)"],
#view-profile [style*="color: var(--primary)"] {
    color: #f5d98a !important;
}

#challenge-type-picker,
#create-challenge-modal,
#challenge-results-modal,
#challenge-leaderboard-modal {
    background: rgba(0, 0, 0, 0.82) !important;
    backdrop-filter: blur(14px) saturate(118%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(118%) !important;
}

#challenge-type-picker > div,
#create-challenge-modal > div,
#challenge-results-modal > div,
#challenge-leaderboard-modal {
    background:
        radial-gradient(circle at 18% 0%, rgba(245, 217, 138, 0.18), transparent 30%),
        linear-gradient(145deg, #1a1a1a 0%, #0a0a0a 55%, #000000 100%) !important;
    border: 1px solid rgba(245, 217, 138, 0.2) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.62), 0 0 42px rgba(216, 178, 94, 0.12) !important;
}

#challenge-type-picker h3,
#create-challenge-modal h3,
#challenge-result-headline,
#challenge-result-winner-name {
    color: #f5d98a !important;
    text-shadow: 0 0 24px rgba(216, 178, 94, 0.26) !important;
}

.challenge-type-card {
    background:
        radial-gradient(circle at 80% 0%, rgba(245, 217, 138, 0.14), transparent 36%),
        rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(245, 217, 138, 0.22) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.challenge-type-card:hover,
.challenge-type-card:active {
    border-color: rgba(245, 217, 138, 0.46) !important;
    background:
        radial-gradient(circle at 80% 0%, rgba(245, 217, 138, 0.24), transparent 36%),
        rgba(255, 255, 255, 0.1) !important;
}

#create-challenge-modal input,
#create-challenge-modal [style*="background: rgba(255,255,255,0.08)"],
#create-challenge-modal [style*="background: rgba(255,255,255,0.06)"],
#create-challenge-modal [style*="background: rgba(255,255,255,0.05)"],
#challenge-friends-list {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(245, 217, 138, 0.2) !important;
    color: #f8f7f2 !important;
}

#create-challenge-modal [style*="rgba(59,130,246"],
#create-challenge-modal [style*="rgba(168,85,247"],
#challenge-random-drop-info {
    background: rgba(216, 178, 94, 0.1) !important;
    border-color: rgba(216, 178, 94, 0.24) !important;
}

#create-challenge-modal [style*="color: #60a5fa"],
#create-challenge-modal [style*="color: #93c5fd"],
#create-challenge-modal [style*="color: #c084fc"],
#create-challenge-modal [style*="color: #4ade80"],
#create-challenge-modal [style*="color:#60a5fa"],
#create-challenge-modal [style*="color:#93c5fd"],
#create-challenge-modal [style*="color:#c084fc"],
#create-challenge-modal [style*="color:#4ade80"] {
    color: #f5d98a !important;
}

.create-challenge-bet-btn {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(245, 217, 138, 0.2) !important;
    color: #f8f7f2 !important;
}

.create-challenge-bet-btn.active {
    background: linear-gradient(135deg, rgba(245, 217, 138, 0.24), rgba(216, 178, 94, 0.14)) !important;
    border-color: rgba(245, 217, 138, 0.54) !important;
    color: #f5d98a !important;
}

#create-challenge-btn,
#challenge-results-modal button[onclick*="closeChallengeResults"],
#challenge-type-picker button[onclick*="closeChallengeTypePicker"] + button {
    background: linear-gradient(135deg, #f5d98a 0%, #d8b25e 48%, #9f7628 100%) !important;
    color: #090909 !important;
    box-shadow: 0 14px 32px rgba(216, 178, 94, 0.24) !important;
}

@media (max-width: 520px) {
    .modal-overlay,
    .onboarding-overlay,
    .completion-modal-overlay,
    .adaptive-modal-overlay,
    #guest-signup-modal,
    #change-password-modal-overlay,
    #health-connect-modal {
        padding: calc(16px + env(safe-area-inset-top, 0px)) 16px calc(16px + env(safe-area-inset-bottom, 0px)) 16px !important;
    }
}

/* App-wide obsidian and gold sweep. This sits last because several older
   widgets still paint themselves with inline purple styles. */
html,
:root {
    --primary: #d8b25e !important;
    --primary-light: #f5d98a !important;
    --secondary: #f8f7f2 !important;
    --secondary-light: #ffffff !important;
    --accent-green: rgba(216, 178, 94, 0.14) !important;
    --bg: #050505 !important;
    --surface: rgba(13, 13, 13, 0.94) !important;
    --text-main: #f8f7f2 !important;
    --text-muted: rgba(248, 247, 242, 0.66) !important;
    --chat-bg-user: #d8b25e !important;
    --chat-text-user: #090909 !important;
    --chat-bg-coach: rgba(255, 255, 255, 0.08) !important;
    --chat-text-coach: #f8f7f2 !important;
    --chat-border-coach: rgba(245, 217, 138, 0.18) !important;
}

body,
.container,
.app-view,
#view-dashboard,
#view-meals,
#meals-content-container,
#calorie-tracker,
#movement-tab,
#view-log-activity,
#view-workout-library,
#view-prebuilt-programs,
#view-workout-subcategories,
#view-workout-list,
#view-workout-overview,
#view-workout-builder,
#view-program-builder,
#view-your-workouts,
#view-week-workouts,
#view-week-session,
#view-workout-journal-detail,
#view-learning,
#view-cycle,
#view-friends,
#view-user-profile,
#view-profile {
    background: linear-gradient(180deg, #101010 0%, #050505 52%, #000000 100%) !important;
    color: #f8f7f2 !important;
}

.app-header,
.bottom-nav,
.app-view > div[style*="position: sticky"],
.app-view > div[style*="position:sticky"] {
    background: rgba(5, 5, 5, 0.92) !important;
    border-color: rgba(245, 217, 138, 0.16) !important;
    color: #f8f7f2 !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.44) !important;
    backdrop-filter: blur(18px) saturate(126%);
    -webkit-backdrop-filter: blur(18px) saturate(126%);
}

.nav-item {
    color: rgba(248, 247, 242, 0.58) !important;
}

.nav-item.active,
.profile-icon,
.header-msg-icon {
    color: #ffffff !important;
}

.nav-item.active svg,
.nav-item.active path,
.profile-icon svg,
.header-msg-icon svg {
    fill: currentColor !important;
    stroke: currentColor !important;
}

.modal-overlay,
.onboarding-overlay,
.completion-modal-overlay,
.adaptive-modal-overlay,
#guest-signup-modal,
#home-friends-modal,
#change-password-modal-overlay,
#health-connect-modal,
#weekly-goals-modal,
#share-referral-modal,
#store-review-modal,
#last-volume-popup,
.meal-breakdown-popup,
#feed-messages-panel,
#add-friend-modal,
#create-group-chat-modal,
#story-choice-modal,
#story-upload-modal,
#workout-picker-modal,
#workout-subcategory-picker,
#calendar-workout-action-modal,
#replacement-picker-modal,
#calendar-activity-modal,
#replacement-subcategory-modal,
#replacement-duration-modal,
#workout-variations-modal,
#workout-exercises-modal,
#challenge-type-picker,
#create-challenge-modal,
#challenge-results-modal,
#challenge-leaderboard-modal,
#macro-settings-modal-overlay {
    background: rgba(0, 0, 0, 0.84) !important;
    backdrop-filter: blur(14px) saturate(116%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(116%) !important;
}

.modal-content,
.onboarding-modal,
.completion-modal,
.adaptive-modal,
#guest-signup-modal > div,
#home-friends-modal > div,
#change-password-modal-overlay > div,
#health-connect-modal > div,
#share-referral-modal > div,
#store-review-modal > div,
#last-volume-popup > div,
.meal-breakdown-card,
#feed-messages-panel-content,
#add-friend-modal > div,
#create-group-chat-modal > div,
#story-choice-modal > div,
#story-upload-modal > div,
#workout-picker-modal > div,
#workout-subcategory-picker > div,
#calendar-workout-action-modal > div,
#replacement-picker-modal > div,
#calendar-activity-modal > div,
#replacement-subcategory-modal > div,
#replacement-duration-modal > div,
#workout-variations-modal > div,
#workout-exercises-modal > div,
#challenge-type-picker > div,
#create-challenge-modal > div,
#challenge-results-modal > div,
#challenge-leaderboard-modal,
#macro-settings-modal-overlay > div {
    background: linear-gradient(180deg, rgba(18, 18, 18, 0.97), rgba(5, 5, 5, 0.98)) !important;
    border: 1px solid rgba(245, 217, 138, 0.16) !important;
    color: #f8f7f2 !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.62) !important;
}

#daily-weigh-in-card,
#daily-weigh-in-done-card,
#weekly-progress-photo-card,
#weekly-progress-photo-done-card,
#mood-checkin-card,
#mood-checkin-done-card,
#fitness-diary-card,
#fitness-diary-done-card,
#daily-quiz-card,
#daily-quiz-done-card,
#daily-meal-tip-card,
#daily-workout-trend-card,
#movement-workout-trend-card,
#home-challenges-empty,
#fitbit-performance-card,
#weekly-goals-card,
.calorie-widget-card,
.calorie-tracker-summary,
.nutrition-score-card,
.streak-tracker-card,
.weekly-metrics-card,
.meal-journal-card,
.multi-week-card,
.meal-pattern-card,
#ai-meal-plan-container,
#form-check-quick-card,
#movement-grid-container > div,
#build-custom-card,
#workout-library-card,
.health-iq-card,
#cycle-hero-card,
.calendar-day-row,
.monthly-calendar-container,
#feed-post-incentive,
#friends-feed-empty,
#group-chats-empty,
#friends-cards-container,
#user-profile-posts-empty,
.feed-post-card,
#view-profile .profile-header,
#view-profile .settings-card,
#view-profile > div[style*="padding: 0 25px"] > div,
#view-user-profile [style*="background: white"],
#view-user-profile [style*="background:white"],
#active-games-container > div,
#builder-library-list > div,
#program-weekly-schedule > div {
    background: linear-gradient(135deg, #171717 0%, #0a0a0a 58%, #000000 100%) !important;
    border-color: rgba(245, 217, 138, 0.18) !important;
    color: #f8f7f2 !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42) !important;
}

.app-view [style*="background: white"],
.app-view [style*="background:white"],
.app-view [style*="background: #ffffff"],
.app-view [style*="background:#ffffff"],
.app-view [style*="background: #fff"],
.app-view [style*="background:#fff"],
.app-view [style*="background: #f8fafc"],
.app-view [style*="background:#f8fafc"],
.app-view [style*="background: #f8f9fa"],
.app-view [style*="background:#f8f9fa"],
.app-view [style*="background: #f1f5f9"],
.app-view [style*="background:#f1f5f9"],
.modal-content [style*="background: white"],
.modal-content [style*="background:white"],
#macro-settings-modal-overlay [style*="background:white"],
#macro-settings-modal-overlay [style*="background: white"] {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(245, 217, 138, 0.16) !important;
    color: #f8f7f2 !important;
}

.app-view [style*="background"][style*="#6366f1"],
.app-view [style*="background"][style*="#8b5cf6"],
.app-view [style*="background"][style*="#7c3aed"],
.app-view [style*="background"][style*="#a855f7"],
.app-view [style*="background"][style*="#c084fc"],
.app-view [style*="background"][style*="#4f46e5"],
.app-view [style*="background"][style*="#6b21a8"],
.app-view [style*="background"][style*="#9333ea"],
.app-view [style*="background"][style*="rgba(99,102,241"],
.app-view [style*="background"][style*="rgba(124,58,237"],
.app-view [style*="background"][style*="rgba(139,92,246"],
.app-view [style*="background"][style*="rgba(168,85,247"],
.app-view [style*="background"][style*="rgba(192,132,252"],
.modal-overlay [style*="background"][style*="#6366f1"],
.modal-overlay [style*="background"][style*="#8b5cf6"],
.modal-overlay [style*="background"][style*="#7c3aed"],
.modal-overlay [style*="background"][style*="#a855f7"],
#challenge-type-picker [style*="background"][style*="#6366f1"],
#challenge-type-picker [style*="background"][style*="#7c3aed"],
#create-challenge-modal [style*="background"][style*="#6366f1"],
#create-challenge-modal [style*="background"][style*="#7c3aed"],
#create-challenge-modal [style*="background"][style*="rgba(124,58,237"],
#create-challenge-modal [style*="background"][style*="rgba(168,85,247"] {
    background: linear-gradient(135deg, #1c1c1c 0%, #0b0b0b 62%, #000000 100%) !important;
    border-color: rgba(245, 217, 138, 0.22) !important;
    color: #f8f7f2 !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.36) !important;
}

.app-view [style*="color: #6366f1"],
.app-view [style*="color:#6366f1"],
.app-view [style*="color: #8b5cf6"],
.app-view [style*="color:#8b5cf6"],
.app-view [style*="color: #7c3aed"],
.app-view [style*="color:#7c3aed"],
.app-view [style*="color: #a855f7"],
.app-view [style*="color:#a855f7"],
.app-view [style*="color: #c084fc"],
.app-view [style*="color:#c084fc"],
.app-view [style*="color: #6b21a8"],
.app-view [style*="color:#6b21a8"],
.app-view [style*="color: #9333ea"],
.app-view [style*="color:#9333ea"],
#challenge-type-picker [style*="color: #c084fc"],
#create-challenge-modal [style*="color: #c084fc"],
#create-challenge-modal [style*="color:#c084fc"] {
    color: #f5d98a !important;
}

.app-view [style*="border"][style*="#6366f1"],
.app-view [style*="border"][style*="#8b5cf6"],
.app-view [style*="border"][style*="#7c3aed"],
.app-view [style*="border"][style*="#a855f7"],
.app-view [style*="border"][style*="rgba(99,102,241"],
.app-view [style*="border"][style*="rgba(124,58,237"],
.app-view [style*="border"][style*="rgba(139,92,246"],
.app-view [style*="border"][style*="rgba(168,85,247"],
#create-challenge-modal [style*="border"][style*="rgba(124,58,237"],
#create-challenge-modal [style*="border"][style*="rgba(168,85,247"] {
    border-color: rgba(245, 217, 138, 0.24) !important;
}

.app-view svg[style*="fill: #6366f1"],
.app-view svg[style*="fill:#6366f1"],
.app-view svg[style*="fill: #8b5cf6"],
.app-view svg[style*="fill:#8b5cf6"],
.app-view svg[style*="fill: #7c3aed"],
.app-view svg[style*="fill:#7c3aed"],
.app-view svg[style*="fill: rgba(139,92,246"],
.app-view svg[style*="fill:rgba(139,92,246"] {
    fill: #f5d98a !important;
}

.ai-msg-user .ai-msg-bubble,
#guided-tour-bubble .tour-next,
.camera-btn-widget,
#view-friends button[onclick*="openStoryCamera"],
#friends-feed-empty button,
#story-upload-button,
#preview-post-btn,
#post-story-btn,
#builder-floating-action button:last-child,
#save-program-btn,
#create-challenge-btn,
#share-nutrition-btn,
button[style*="background:var(--primary)"],
button[style*="background: var(--primary)"] {
    background: linear-gradient(135deg, #f5d98a 0%, #d8b25e 52%, #9f7628 100%) !important;
    color: #090909 !important;
    border-color: rgba(245, 217, 138, 0.3) !important;
    box-shadow: 0 14px 32px rgba(216, 178, 94, 0.18) !important;
}

.calendar-day-row.is-today,
.monthly-day-cell.is-today,
.weekly-goal-target-chip.selected,
.create-challenge-bet-btn.active,
.duration-option-btn.selected,
.duration-option-btn[style*="var(--primary)"],
.calendar-activity-intensity-btn.selected,
.calendar-activity-weeks-btn.selected {
    background: rgba(216, 178, 94, 0.16) !important;
    border-color: rgba(245, 217, 138, 0.48) !important;
    color: #f5d98a !important;
}

h1,
h2,
h3,
h4,
.app-logo,
.calorie-current,
.macro-value,
.calorie-widget-title h3,
.macro-detail-name,
.macro-detail-value {
    color: #f8f7f2 !important;
}

p,
.calorie-widget-meta,
.nutrition-period-date,
.calorie-separator,
.calorie-goal,
.calorie-unit,
.macro-label,
.tracker-micro-header,
.weekly-day-calories,
.cal-day-name,
.monthly-calendar-weekdays span,
.monthly-day-workout {
    color: rgba(248, 247, 242, 0.66) !important;
}

#tamagotchi-stats-bar,
#battle-stats-row,
.battle-stats-row {
    background: linear-gradient(180deg, #151515 0%, #080808 100%) !important;
    border-color: rgba(245, 217, 138, 0.14) !important;
    color: #f8f7f2 !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.42) !important;
}

.battle-stat,
.story-battle-stat {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(245, 217, 138, 0.14) !important;
    color: #f8f7f2 !important;
}

.battle-stat-bar,
.story-stat-bar {
    background: rgba(255, 255, 255, 0.09) !important;
}

.battle-stat-fill,
.story-stat-fill,
.battle-stat.str .battle-stat-fill,
.battle-stat.hp .battle-stat-fill,
.battle-stat.mana .battle-stat-fill,
.story-stat-fill.str,
.story-stat-fill.hp,
.story-stat-fill.mana {
    background: linear-gradient(90deg, #f5d98a, #d8b25e) !important;
}

.battle-stat-value,
.battle-stat.str .battle-stat-value,
.battle-stat.hp .battle-stat-value,
.battle-stat.mana .battle-stat-value {
    color: #f8f7f2 !important;
}

.pref-wizard-overlay {
    background: rgba(0, 0, 0, 0.84) !important;
    backdrop-filter: blur(14px) saturate(116%);
    -webkit-backdrop-filter: blur(14px) saturate(116%);
}

.pref-wizard-modal {
    background: linear-gradient(180deg, rgba(18, 18, 18, 0.97), rgba(5, 5, 5, 0.98)) !important;
    border: 1px solid rgba(245, 217, 138, 0.16) !important;
    color: #f8f7f2 !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.62) !important;
}

.pref-wizard-header {
    background: linear-gradient(135deg, #1b1b1b 0%, #080808 58%, #000000 100%) !important;
    border-bottom: 1px solid rgba(245, 217, 138, 0.16) !important;
    color: #f8f7f2 !important;
}

.pref-wizard-step h3,
.pref-option .option-label,
.pref-wizard-progress .step-dot.completed {
    color: #f5d98a !important;
}

.pref-option,
.pref-checkbox,
.pref-wizard-btn.secondary {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(245, 217, 138, 0.14) !important;
    color: #f8f7f2 !important;
}

.pref-option.selected,
.pref-option:hover,
.pref-checkbox.selected,
.pref-checkbox:hover {
    background: rgba(216, 178, 94, 0.16) !important;
    border-color: rgba(245, 217, 138, 0.42) !important;
}

.pref-option .option-desc,
.pref-wizard-header p {
    color: rgba(248, 247, 242, 0.66) !important;
}

.pref-wizard-footer {
    border-color: rgba(245, 217, 138, 0.14) !important;
}

.pref-wizard-btn.primary {
    background: linear-gradient(135deg, #f5d98a 0%, #d8b25e 52%, #9f7628 100%) !important;
    color: #090909 !important;
}

.app-view [style*="background"][style*="#1a1a2e"],
.app-view [style*="background"][style*="#16213e"],
.app-view [style*="background"][style*="#0f3460"],
.app-view [style*="background"][style*="#3b82f6"],
.app-view [style*="background"][style*="#2563eb"],
.app-view [style*="background"][style*="rgba(59,130,246"],
.modal-overlay [style*="background"][style*="#1a1a2e"],
.modal-overlay [style*="background"][style*="#16213e"],
.modal-overlay [style*="background"][style*="#0f3460"],
.modal-overlay [style*="background"][style*="#3b82f6"],
.modal-overlay [style*="background"][style*="#2563eb"],
body > div[id*="modal"] [style*="background"][style*="#1a1a2e"],
body > div[id*="modal"] [style*="background"][style*="#16213e"],
body > div[id*="modal"] [style*="background"][style*="#0f3460"],
body > div[id*="modal"] [style*="background"][style*="#3b82f6"],
body > div[id*="modal"] [style*="background"][style*="#2563eb"] {
    background: linear-gradient(135deg, #1c1c1c 0%, #0b0b0b 62%, #000000 100%) !important;
    border-color: rgba(245, 217, 138, 0.22) !important;
    color: #f8f7f2 !important;
}

.app-view [style*="color: #3b82f6"],
.app-view [style*="color:#3b82f6"],
.app-view [style*="color: #2563eb"],
.app-view [style*="color:#2563eb"],
body > div[id*="modal"] [style*="color: #3b82f6"],
body > div[id*="modal"] [style*="color:#3b82f6"],
body > div[id*="modal"] [style*="color: #2563eb"],
body > div[id*="modal"] [style*="color:#2563eb"] {
    color: #f5d98a !important;
}

.app-view [style*="border"][style*="#3b82f6"],
.app-view [style*="border"][style*="#2563eb"],
.app-view [style*="border"][style*="rgba(59,130,246"],
body > div[id*="modal"] [style*="border"][style*="#3b82f6"],
body > div[id*="modal"] [style*="border"][style*="#2563eb"],
body > div[id*="modal"] [style*="border"][style*="rgba(59,130,246"] {
    border-color: rgba(245, 217, 138, 0.24) !important;
}

.app-view > div[style*="position: sticky"][style*="background: white"],
.app-view > div[style*="position:sticky"][style*="background:white"],
.app-view > div[style*="position: sticky"][style*="background:white"],
.app-view > div[style*="position:sticky"][style*="background: white"] {
    background: rgba(5, 5, 5, 0.92) !important;
    border-color: rgba(245, 217, 138, 0.16) !important;
    color: #f8f7f2 !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.44) !important;
}

#friends-referral-banner,
#active-games-container > div[style],
#active-games-container [style*="rgba(31, 20, 45"],
#active-games-container [style*="rgba(18, 11, 31"],
#active-games-container [style*="#321a55"],
#active-games-container [style*="#4a2575"] {
    background: linear-gradient(135deg, #171717 0%, #0a0a0a 58%, #000000 100%) !important;
    border-color: rgba(245, 217, 138, 0.18) !important;
    color: #f8f7f2 !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42) !important;
}

#movement-grid-container > div:nth-child(1),
#movement-grid-container > div:nth-child(2),
#movement-grid-container > div:nth-child(3),
#movement-grid-container > div:nth-child(4),
#movement-grid-container > div:nth-child(5),
#movement-grid-container > div:nth-child(6),
#movement-grid-container > div:nth-child(7),
#movement-grid-container > div:nth-child(8),
#form-check-quick-card,
#today-workout-card,
#workout-library-card,
#mvmt-week-workouts-card,
.health-iq-card {
    background: linear-gradient(135deg, #171717 0%, #0a0a0a 58%, #000000 100%) !important;
    border-color: rgba(245, 217, 138, 0.18) !important;
    color: #f8f7f2 !important;
}

#weekly-goals-modal .weekly-goal-sheet > div[style*="position:sticky"][style*="bottom:0"],
#weekly-goals-modal .weekly-goal-sheet > div[style*="position: sticky"][style*="bottom:0"] {
    background: rgba(5, 5, 5, 0.94) !important;
    border-color: rgba(245, 217, 138, 0.16) !important;
}

.cohort-waiting-card,
.cohort-active-card,
.cohort-acceptance-card,
#home-challenges-list [style*="#00d4aa"],
#home-challenges-list [style*="#00a37e"],
#home-challenges-list [style*="#006d54"],
#home-challenges-list [style*="0,212,170"],
#home-challenges-list [style*="0,163,126"],
#home-challenges-list [style*="#f97316"],
#home-challenges-list [style*="#c2410c"] {
    background: linear-gradient(135deg, #171717 0%, #0a0a0a 58%, #000000 100%) !important;
    border: 1px solid rgba(245, 217, 138, 0.18) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42) !important;
    color: #f8f7f2 !important;
}

.cohort-waiting-card [style*="rgba(255,255,255,0.22)"],
.cohort-active-card [style*="rgba(255,255,255,0.22)"],
.cohort-acceptance-card [style*="rgba(255,255,255,0.22)"],
#cohort-info-hero [style*="rgba(255,255,255,0.22)"],
#cohort-info-hero [style*="rgba(0,212,170"] {
    background: rgba(216, 178, 94, 0.18) !important;
    border: 1px solid rgba(245, 217, 138, 0.24) !important;
}

#cohort-info-modal {
    background: #050505 !important;
}

#cohort-info-modal > div[style*="position: sticky"],
#cohort-info-hero {
    background: linear-gradient(135deg, #171717 0%, #0a0a0a 58%, #000000 100%) !important;
    border-color: rgba(245, 217, 138, 0.18) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42) !important;
}

#cohort-info-modal [style*="#1e293b"] {
    background: rgba(18, 18, 18, 0.94) !important;
    border-color: rgba(245, 217, 138, 0.14) !important;
}

#cohort-info-title,
#cohort-info-hero [style*="font-weight: 800"][style*="color: white"],
.cohort-card-title {
    color: #fffaf2 !important;
    -webkit-text-fill-color: #fffaf2 !important;
    font-weight: 900 !important;
    opacity: 1 !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.68) !important;
}

#cohort-info-status-line,
.cohort-card-subtitle {
    color: rgba(248, 247, 242, 0.86) !important;
    -webkit-text-fill-color: rgba(248, 247, 242, 0.86) !important;
    opacity: 1 !important;
}

#cohort-info-participant-list .cohort-info-participant-row {
    background: rgba(255, 255, 255, 0.035) !important;
    border: 1px solid rgba(245, 217, 138, 0.08) !important;
    border-radius: 12px !important;
    padding: 10px 12px !important;
}

#cohort-info-participant-list .cohort-info-participant-name {
    color: #f8f7f2 !important;
    -webkit-text-fill-color: #f8f7f2 !important;
    font-weight: 850 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55) !important;
}

#cohort-info-participant-list .cohort-info-you-badge {
    color: #f5d98a !important;
    -webkit-text-fill-color: #f5d98a !important;
}

#cohort-info-modal [style*="rgba(165,180,252"],
#cohort-info-modal [style*="rgba(0,212,170"],
#cohort-info-modal [style*="#00d4aa"],
#cohort-info-modal [style*="#00a37e"] {
    color: #f5d98a !important;
}

#cohort-info-modal [style*="rgba(124,58,237"],
#cohort-info-modal [style*="rgba(0,212,170"],
#cohort-info-modal [style*="rgba(59,130,246"] {
    background: rgba(216, 178, 94, 0.18) !important;
}

#challenge-leaderboard-chat-card,
#lp-welcome-overlay {
    background: linear-gradient(135deg, #171717 0%, #0a0a0a 58%, #000000 100%) !important;
    border-color: rgba(245, 217, 138, 0.18) !important;
}

#challenge-leaderboard-chat-card [style*="#0ea5e9"],
#challenge-leaderboard-chat-card [style*="#14b8a6"],
#challenge-leaderboard-chat-btn,
#lp-welcome-start-btn {
    background: linear-gradient(135deg, #f5d98a 0%, #d8b25e 55%, #9f7628 100%) !important;
    color: #090909 !important;
}

#feed-messages-panel,
#message-selector-modal,
#direct-message-modal,
#coach-chat-modal,
#group-chat-modal,
#create-group-chat-modal {
    background: rgba(0, 0, 0, 0.86) !important;
    backdrop-filter: blur(15px) saturate(116%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(116%) !important;
}

#feed-messages-panel-content,
#message-selector-modal > div,
#direct-message-modal > div,
#coach-chat-modal > div,
#group-chat-modal > div,
#create-group-chat-modal > div {
    background: linear-gradient(180deg, rgba(18, 18, 18, 0.98), rgba(5, 5, 5, 0.99)) !important;
    border: 1px solid rgba(245, 217, 138, 0.16) !important;
    color: #f8f7f2 !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.62) !important;
}

#feed-messages-panel-content > div,
#message-selector-modal > div > div,
#direct-message-modal > div > div,
#coach-chat-modal > div > div,
#group-chat-modal > div > div,
#create-group-chat-modal > div > div,
#gc-members-popover > div,
#gc-chat-menu {
    background: transparent !important;
    border-color: rgba(245, 217, 138, 0.14) !important;
    color: #f8f7f2 !important;
}

#feed-messages-panel-content h3,
#feed-messages-panel-content h4,
#message-selector-modal h3,
#direct-message-modal [style*="color: var(--text-main)"],
#coach-chat-modal [style*="color: var(--text-main)"],
#group-chat-modal [style*="color: var(--text-main)"],
#create-group-chat-modal h3,
#create-group-chat-modal label,
#gc-chat-name,
#gc-members-popover [style*="color: #0f172a"] {
    color: #f8f7f2 !important;
}

#feed-messages-panel-content [style*="color: var(--text-muted)"],
#message-selector-modal [style*="color: var(--text-muted)"],
#direct-message-modal [style*="color: var(--text-muted)"],
#coach-chat-modal [style*="color: var(--text-muted)"],
#group-chat-modal [style*="color: var(--text-muted)"],
#create-group-chat-modal [style*="color: var(--text-muted)"],
#gc-chat-members,
#gc-members-popover [style*="color: #64748b"],
#gc-members-popover [style*="color:#64748b"] {
    color: rgba(248, 247, 242, 0.62) !important;
}

#panel-group-chats > div,
#panel-friends-list > div,
#message-selector-list > div,
.panel-friend-row,
#group-chats-container > div,
#quick-share-chats-list > div {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(245, 217, 138, 0.12) !important;
    border-radius: 12px !important;
    color: #f8f7f2 !important;
}

#panel-group-chats > div:hover,
#panel-friends-list > div:hover,
#message-selector-list > div:hover,
.panel-friend-row:hover {
    background: rgba(216, 178, 94, 0.14) !important;
}

#panel-group-chats [style*="linear-gradient(135deg, var(--primary), #10b981)"],
#panel-friends-list [style*="linear-gradient(135deg, var(--primary), #10b981)"],
#message-selector-list [style*="background: var(--secondary)"],
#gc-chat-icon,
#dm-recipient-photo,
#coach-chat-modal [style*="background: var(--primary)"],
#group-chat-modal [style*="background: linear-gradient(135deg, var(--primary), #10b981)"] {
    background: linear-gradient(135deg, #f5d98a 0%, #d8b25e 55%, #9f7628 100%) !important;
    color: #090909 !important;
}

#feed-messages-panel-content button,
#message-selector-modal button,
#direct-message-modal button,
#coach-chat-modal button,
#group-chat-modal button,
#create-group-chat-modal button {
    border-color: rgba(245, 217, 138, 0.18) !important;
}

#feed-messages-panel-content button[style*="var(--primary)"],
#feed-messages-panel-content button[style*="#10b981"],
#message-selector-modal button[style*="var(--primary)"],
#direct-message-modal button[style*="var(--primary)"],
#coach-chat-modal button[style*="var(--primary)"],
#group-chat-modal button[style*="var(--primary)"],
#create-group-chat-modal button[style*="var(--primary)"],
#group-chat-modal button[style*="#f59e0b"],
#group-chat-modal button[style*="#eab308"] {
    background: linear-gradient(135deg, #f5d98a 0%, #d8b25e 55%, #9f7628 100%) !important;
    color: #090909 !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28) !important;
}

#feed-messages-panel-content button[style*="background: none"],
#message-selector-modal button[style*="background: none"],
#direct-message-modal button[style*="background: none"],
#coach-chat-modal button[style*="background: none"],
#group-chat-modal button[style*="background: transparent"],
#group-chat-modal button[style*="background: #f1f5f9"],
#create-group-chat-modal button[style*="background: none"],
#direct-message-modal button[style*="background: #f1f5f9"],
#coach-chat-modal button[style*="background: #f1f5f9"],
#gc-chat-menu-btn {
    background: rgba(255, 255, 255, 0.07) !important;
    color: #f8f7f2 !important;
}

#dm-messages-container,
#chat-messages-container,
#gc-messages-container,
#message-selector-list,
#create-group-chat-modal [style*="max-height: calc(85vh - 140px)"] {
    background: #070707 !important;
    color: #f8f7f2 !important;
}

#dm-input,
#coach-chat-input,
#gc-message-input,
#new-group-name,
#create-group-chat-modal input,
#direct-message-modal input[type="text"],
#coach-chat-modal input[type="text"],
#group-chat-modal input[type="text"] {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(245, 217, 138, 0.18) !important;
    color: #f8f7f2 !important;
}

#dm-input::placeholder,
#coach-chat-input::placeholder,
#gc-message-input::placeholder,
#new-group-name::placeholder {
    color: rgba(248, 247, 242, 0.44) !important;
}

.dm-bubble,
#dm-messages-container [style*="background: white"],
#chat-messages-container [style*="background: white"],
#gc-messages-container [style*="background: white"],
#gc-messages-container [id^="win-card-"] {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(245, 217, 138, 0.14) !important;
    color: #f8f7f2 !important;
}

#dm-messages-container .dm-bubble[style*="var(--primary)"],
#chat-messages-container [style*="var(--chat-bg-user)"],
#gc-messages-container [style*="var(--primary)"] {
    background: linear-gradient(135deg, #f5d98a 0%, #d8b25e 55%, #9f7628 100%) !important;
    color: #090909 !important;
}

#gc-chat-menu button:hover,
#feed-messages-panel-content button:hover,
#direct-message-modal button:hover,
#coach-chat-modal button:hover,
#group-chat-modal button:hover {
    filter: brightness(1.06);
}

#direct-message-modal #dm-messages-container,
#coach-chat-modal #chat-messages-container,
#group-chat-modal #gc-messages-container,
#message-selector-modal #message-selector-list,
#create-group-chat-modal [style*="max-height: calc(85vh - 140px)"] {
    background: #070707 !important;
    color: #f8f7f2 !important;
}

/* Meal, workout, and game modal sweep. */
#quick-meal-text-overlay,
#quick-manual-entry-overlay,
.meal-input-modal,
.meal-text-modal,
.recent-meals-modal,
.meal-builder-modal,
.meal-builder-text-modal,
.meal-detail-popup,
.edit-items-modal,
.score-popup-overlay,
#barcode-result-modal,
#workout-rating-modal,
#quick-share-modal,
#game-challenge-modal,
#game-invite-modal,
#game-result-overlay,
#coin-shop-modal,
#challenge-pass-modal,
#rare-rewards-modal,
#badge-collection-modal,
#share-win-modal,
#water-entry-overlay {
    background: rgba(0, 0, 0, 0.88) !important;
    backdrop-filter: blur(16px) saturate(118%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(118%) !important;
    color: #f8f7f2 !important;
}

.meal-input-container,
.meal-text-modal-container,
.recent-meals-container,
.meal-builder-container,
.meal-builder-text-container,
.meal-detail-container,
.edit-items-container,
.score-popup-modal,
#barcode-result-modal > div,
#workout-rating-modal > div,
#quick-share-modal > div,
#game-challenge-modal > div,
#game-invite-modal > div,
#game-result-overlay > div,
#coin-shop-modal > div,
#challenge-pass-modal > div,
#rare-rewards-modal > div,
#badge-collection-modal > div,
#share-win-modal > div,
#water-entry-sheet {
    background:
        radial-gradient(circle at 18% 0%, rgba(245, 217, 138, 0.14), transparent 30%),
        linear-gradient(180deg, rgba(18, 18, 18, 0.98), rgba(5, 5, 5, 0.99)) !important;
    border: 1px solid rgba(245, 217, 138, 0.16) !important;
    color: #f8f7f2 !important;
    box-shadow: 0 26px 72px rgba(0, 0, 0, 0.66) !important;
}

.meal-input-header,
.recent-meals-header,
.meal-builder-header,
.meal-builder-footer,
.edit-items-header,
.edit-items-actions,
#quick-share-modal > div > div:first-child,
#workout-rating-modal > div > div:first-child {
    background: rgba(5, 5, 5, 0.92) !important;
    border-color: rgba(245, 217, 138, 0.16) !important;
    color: #f8f7f2 !important;
}

.meal-input-header h3,
.meal-text-modal-header h3,
.meal-builder-header h3,
.meal-builder-text-header h4,
.recent-meals-header h3,
.edit-items-header h3,
.score-popup-header,
.meal-detail-foods,
.meal-detail-calories-value,
.meal-breakdown-total-value,
#workout-rating-modal h2,
#quick-share-modal [style*="font-weight: 800"],
#quick-share-modal [style*="font-weight: 700"],
#barcode-product-name,
#water-entry-sheet h3 {
    color: #f8f7f2 !important;
}

.meal-input-close,
.meal-text-modal-close,
.recent-meals-close,
.meal-builder-close,
.meal-builder-text-close,
.edit-items-close,
.score-popup-close,
#workout-rating-modal [style*="color:var(--text-muted)"],
#workout-rating-modal [style*="color: var(--text-muted)"],
#quick-share-modal [style*="color:var(--text-muted)"],
#quick-share-modal [style*="color: var(--text-muted)"],
.meal-detail-time,
.meal-detail-calories-label,
.meal-detail-macro-label,
.meal-detail-item-cals,
.meal-builder-total-label,
.meal-builder-macro,
.recent-meals-empty,
.recent-meal-macros,
.input-method-desc,
.meal-type-label,
.score-breakdown-item,
.calorie-projection-text,
.calorie-projection-unit,
.calorie-projection-subtext,
#quick-meal-subtitle,
#barcode-product-brand,
#barcode-product-quantity,
#barcode-serving-size-label,
#barcode-custom-unit,
#barcode-custom-hint {
    color: rgba(248, 247, 242, 0.64) !important;
}

.meal-type-selector,
.meal-text-examples,
.voice-transcript,
.meal-builder-totals,
.meal-builder-item,
.meal-builder-empty,
.meal-builder-add-row,
.recent-meal-item,
.recent-meals-tab,
.recent-meal-icon,
.recent-meal-btn-quick,
.meal-detail-calories,
.meal-detail-macro,
.meal-detail-photo-placeholder,
.edit-items-item,
.edit-items-add,
.nutrition-score-card,
.calorie-projection-section,
.streak-tracker-card,
.multi-week-card,
.week-compare-stat,
#quick-share-preview,
#quick-share-preview > div,
#quick-share-modal [style*="background: #f8fafc"],
#quick-share-modal [style*="background:#f8fafc"],
#quick-share-modal [style*="background: white"],
#quick-share-modal [style*="background:white"],
#quick-share-modal [style*="background: #f1f5f9"],
#quick-share-modal [style*="background:#f1f5f9"],
#quick-share-modal [style*="background: #f0fdf4"],
#quick-share-modal [style*="background:#f0fdf4"],
#quick-share-modal [style*="background: #e2e8f0"],
#quick-share-modal [style*="background:#e2e8f0"],
#quick-share-no-chats,
#barcode-result-modal [style*="background:rgba(255,255,255,0.05)"],
#barcode-result-modal [style*="background:rgba(255,255,255,0.06)"],
#barcode-result-modal [style*="background:rgba(255,255,255,0.1)"],
#water-entry-sheet [style*="background: #f8fafc"],
#water-entry-sheet [style*="background:#f8fafc"] {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(245, 217, 138, 0.16) !important;
    color: #f8f7f2 !important;
}

.meal-type-btn,
.input-method-btn,
.simple-meal-type-bubble,
.recent-meals-tab,
.meal-builder-add-btn,
.edit-items-cancel,
.edit-items-add input,
.meal-text-input,
.simple-meal-textarea,
.meal-builder-name-input,
.meal-builder-text-input,
.meal-input-modal textarea,
.meal-input-modal input,
#quick-meal-text-input,
#quick-manual-entry-overlay input,
#barcode-custom-amount,
#workout-rating-modal textarea,
#quick-share-modal input,
#quick-share-modal textarea,
#water-entry-sheet input {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(245, 217, 138, 0.18) !important;
    color: #f8f7f2 !important;
}

.meal-type-btn.active,
.simple-meal-type-bubble.active,
.recent-meals-tab.active,
.quick-meal-type-pill.active,
.quick-manual-type-pill.active,
.meal-photo-type-pill.active,
#barcode-mode-servings,
#barcode-mode-custom[style*="var(--primary)"] {
    background: rgba(216, 178, 94, 0.18) !important;
    border-color: rgba(245, 217, 138, 0.46) !important;
    color: #f5d98a !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.meal-type-btn.active .meal-type-label,
.meal-detail-macro.protein .meal-detail-macro-value,
.meal-detail-macro.carbs .meal-detail-macro-value,
.meal-detail-macro.fat .meal-detail-macro-value,
#barcode-calories,
#barcode-protein,
#barcode-carbs,
#barcode-fat,
.calorie-projection-value,
.streak-count,
.streak-label,
.streak-next-bonus,
.week-compare-stat .stat-value,
#quick-share-modal [style*="color: #166534"],
#quick-share-modal [style*="color:#166534"],
#quick-share-modal [style*="color: #15803d"],
#quick-share-modal [style*="color:#15803d"],
#quick-share-modal [style*="color: #16a34a"],
#quick-share-modal [style*="color:#16a34a"],
#quick-share-modal [style*="color: #2563eb"],
#quick-share-modal [style*="color:#2563eb"] {
    color: #f5d98a !important;
}

.meal-submit-btn,
.simple-meal-submit,
.recent-meal-add,
.recent-meal-btn-photo,
.meal-builder-save-btn,
.meal-builder-text-submit,
.edit-items-add button,
.edit-items-recalculate,
.meal-detail-edit-btn,
#quick-meal-submit-btn,
#quick-manual-submit-btn,
#daily-log-btn,
#barcode-result-modal button[onclick*="logBarcodeAsMeal"],
#popup-claim-btn,
#popup-finish-day-btn,
#save-rating-btn,
#quick-share-modal button[onclick*="shareWin"],
#quick-share-modal button[onclick*="copyWinMessage"],
#quick-share-modal button[onclick*="quickShareToChat"],
#quick-share-modal button[onclick*="goToGroupChatsToShare"],
#coin-shop-modal button,
#challenge-pass-modal button,
#share-win-modal button,
#water-entry-sheet button[onclick*="save"],
#water-entry-sheet button[onclick*="add"],
#water-entry-sheet button[style*="var(--primary)"] {
    background: linear-gradient(135deg, #f5d98a 0%, #d8b25e 55%, #9f7628 100%) !important;
    color: #090909 !important;
    border-color: rgba(245, 217, 138, 0.34) !important;
    box-shadow: 0 14px 32px rgba(216, 178, 94, 0.2) !important;
}

#barcode-result-modal button[onclick*="closeBarcodeResult"],
#workout-rating-modal button[onclick*="skipWorkoutRating"],
#quick-share-modal button[onclick*="closeQuickShareModal"],
#quick-meal-text-overlay button[onclick*="closeQuickMealTextInput"],
#quick-manual-entry-overlay button[onclick*="closeQuickManualEntry"],
#water-entry-sheet button[onclick*="close"] {
    background: rgba(255, 255, 255, 0.07) !important;
    color: rgba(248, 247, 242, 0.68) !important;
    border: 1px solid rgba(245, 217, 138, 0.14) !important;
    box-shadow: none !important;
}

/* Quick nutrition logging opens with the phone keyboard, so keep this flow light and readable. */
#quick-meal-text-overlay,
#quick-manual-entry-overlay {
    background: rgba(248, 245, 238, 0.98) !important;
    color: #151515 !important;
    backdrop-filter: blur(12px) saturate(112%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(112%) !important;
}

#quick-meal-text-overlay > div > div:first-child > div:first-child,
#quick-manual-entry-overlay > div > div:first-child > div:first-child {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

#quick-meal-subtitle,
#quick-manual-entry-overlay > div > div:first-child > div:nth-child(2),
#quick-manual-entry-overlay label span {
    color: #6f6a61 !important;
    -webkit-text-fill-color: #6f6a61 !important;
}

#quick-meal-text-input,
#quick-manual-entry-overlay input {
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(184, 137, 43, 0.26) !important;
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
    box-shadow: 0 12px 30px rgba(57, 47, 31, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
}

#quick-meal-text-input::placeholder,
#quick-manual-entry-overlay input::placeholder {
    color: rgba(21, 21, 21, 0.46) !important;
    -webkit-text-fill-color: rgba(21, 21, 21, 0.46) !important;
}

#quick-meal-text-overlay button[onclick*="openSavedMealsFromQuickLog"] {
    background: rgba(17, 17, 17, 0.06) !important;
    color: #111111 !important;
    border: 1px solid rgba(17, 17, 17, 0.08) !important;
}

#quick-meal-text-overlay .quick-meal-type-pill,
#quick-manual-entry-overlay .quick-manual-type-pill {
    background: rgba(255, 255, 255, 0.78) !important;
    border-color: rgba(17, 17, 17, 0.12) !important;
    color: #4b5563 !important;
    box-shadow: none !important;
}

#quick-meal-text-overlay .quick-meal-type-pill.active,
#quick-manual-entry-overlay .quick-manual-type-pill.active {
    background: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

#quick-meal-submit-btn,
#quick-manual-submit-btn {
    background: #111111 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 14px 32px rgba(17, 17, 17, 0.16) !important;
}

#quick-meal-text-overlay button[onclick*="closeQuickMealTextInput"],
#quick-manual-entry-overlay button[onclick*="closeQuickManualEntry"] {
    background: rgba(255, 255, 255, 0.72) !important;
    color: #4b5563 !important;
    -webkit-text-fill-color: #4b5563 !important;
    border-color: rgba(17, 17, 17, 0.1) !important;
}

.meal-breakdown-insight,
.meal-breakdown-total-stat,
.meal-breakdown-ingredient,
.meal-breakdown-macro-pill,
.verified-badge-pill {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(245, 217, 138, 0.16) !important;
    color: #f8f7f2 !important;
}

.meal-breakdown-logged-label,
.meal-breakdown-insight-label,
.meal-breakdown-ingredient-cals,
.meal-breakdown-macro-pill.p,
.meal-breakdown-macro-pill.c,
.meal-breakdown-macro-pill.f,
.meal-breakdown-macro-pill.fi {
    color: #f5d98a !important;
}

/* Meal logged breakdown: keep the post-log nutrition modal readable in both themes. */
.meal-breakdown-popup.visible,
.meal-breakdown-popup.visible .meal-breakdown-card {
    opacity: 1 !important;
}

html[data-pbb-theme="light"] .meal-breakdown-card {
    background:
        radial-gradient(circle at 88% 0%, rgba(216, 178, 94, 0.12), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #fffdf8 55%, #f8f5ee 100%) !important;
    border: 1px solid rgba(184, 137, 43, 0.18) !important;
    color: #151515 !important;
    box-shadow: 0 24px 58px rgba(57, 47, 31, 0.2) !important;
}

html[data-pbb-theme="light"] .meal-breakdown-logged-label,
html[data-pbb-theme="light"] .meal-breakdown-insight-label,
html[data-pbb-theme="light"] .meal-breakdown-ingredient-cals {
    color: #8c5500 !important;
    -webkit-text-fill-color: #8c5500 !important;
}

html[data-pbb-theme="light"] .meal-breakdown-meal-name,
html[data-pbb-theme="light"] .meal-breakdown-total-value,
html[data-pbb-theme="light"] .meal-breakdown-ingredient-name {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] .meal-breakdown-total-label,
html[data-pbb-theme="light"] .meal-breakdown-ingredients-title,
html[data-pbb-theme="light"] .meal-breakdown-ingredient-portion {
    color: #6f6a61 !important;
    -webkit-text-fill-color: #6f6a61 !important;
}

html[data-pbb-theme="light"] .meal-breakdown-total-stat,
html[data-pbb-theme="light"] .meal-breakdown-ingredient,
html[data-pbb-theme="light"] .meal-breakdown-insight {
    background: rgba(255, 255, 255, 0.76) !important;
    border-color: rgba(184, 137, 43, 0.16) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] .meal-breakdown-total-stat + .meal-breakdown-total-stat {
    border-left-color: rgba(184, 137, 43, 0.16) !important;
}

html[data-pbb-theme="light"] .meal-breakdown-divider {
    background: rgba(184, 137, 43, 0.2) !important;
}

html[data-pbb-theme="light"] .meal-breakdown-dismiss {
    background: rgba(17, 17, 17, 0.06) !important;
    border: 1px solid rgba(17, 17, 17, 0.08) !important;
    color: #4b5563 !important;
    -webkit-text-fill-color: #4b5563 !important;
}

html[data-pbb-theme="light"] .meal-breakdown-insight {
    border-left-color: #b8892b !important;
}

html[data-pbb-theme="light"] .meal-breakdown-insight-text {
    color: #374151 !important;
    -webkit-text-fill-color: #374151 !important;
}

html[data-pbb-theme="light"] .meal-breakdown-macro-pill.p {
    background: rgba(239, 68, 68, 0.1) !important;
    color: #b91c1c !important;
}

html[data-pbb-theme="light"] .meal-breakdown-macro-pill.c {
    background: rgba(245, 158, 11, 0.12) !important;
    color: #92400e !important;
}

html[data-pbb-theme="light"] .meal-breakdown-macro-pill.f {
    background: rgba(59, 130, 246, 0.1) !important;
    color: #1d4ed8 !important;
}

html[data-pbb-theme="light"] .meal-breakdown-macro-pill.fi {
    background: rgba(123, 168, 131, 0.14) !important;
    color: #2f6b39 !important;
}

html:not([data-pbb-theme="light"]) .meal-breakdown-meal-name,
html:not([data-pbb-theme="light"]) .meal-breakdown-total-value,
html:not([data-pbb-theme="light"]) .meal-breakdown-ingredient-name {
    color: #f8f7f2 !important;
    -webkit-text-fill-color: #f8f7f2 !important;
}

html:not([data-pbb-theme="light"]) .meal-breakdown-total-label,
html:not([data-pbb-theme="light"]) .meal-breakdown-ingredients-title,
html:not([data-pbb-theme="light"]) .meal-breakdown-ingredient-portion,
html:not([data-pbb-theme="light"]) .meal-breakdown-insight-text {
    color: rgba(248, 247, 242, 0.72) !important;
    -webkit-text-fill-color: rgba(248, 247, 242, 0.72) !important;
}

html:not([data-pbb-theme="light"]) .meal-breakdown-divider {
    background: rgba(245, 217, 138, 0.2) !important;
}

html:not([data-pbb-theme="light"]) .meal-breakdown-dismiss {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(245, 217, 138, 0.16) !important;
    color: #f8f7f2 !important;
    -webkit-text-fill-color: #f8f7f2 !important;
}

#view-workout-success,
#view-activity-success {
    background:
        radial-gradient(circle at 18% 0%, rgba(245, 217, 138, 0.16), transparent 32%),
        linear-gradient(180deg, #101010 0%, #050505 52%, #000000 100%) !important;
    color: #f8f7f2 !important;
}

#workout-capture-area,
#success-improvements,
#success-milestones > div,
#view-workout-success [style*="rgba(255,255,255,0.1)"],
#view-workout-success [style*="rgba(255,255,255,0.15)"],
#view-workout-success [style*="rgba(255,255,255,0.18)"],
#view-activity-success [style*="rgba(255,255,255,0.15)"],
#view-activity-success [style*="rgba(255,255,255,0.2)"],
#activity-share-section {
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(245, 217, 138, 0.16) !important;
    color: #f8f7f2 !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.32) !important;
}

#share-section-combined {
    background:
        radial-gradient(circle at 82% 0%, rgba(245, 217, 138, 0.16), transparent 34%),
        rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(245, 217, 138, 0.2) !important;
}

#share-take-photo-btn,
#share-workout-card-btn,
#share-workout-groupchat-btn,
#view-workout-success button[onclick*="closeSuccessScreen"],
#activity-share-btn,
#activity-done-btn,
#activity-save-btn {
    background: linear-gradient(135deg, #f5d98a 0%, #d8b25e 55%, #9f7628 100%) !important;
    color: #090909 !important;
    border: 1px solid rgba(245, 217, 138, 0.34) !important;
    box-shadow: 0 14px 32px rgba(216, 178, 94, 0.2) !important;
}

#workout-points-awarded,
#share-step-share [style*="rgba(34,197,94"],
#share-option-workout,
#quick-share-modal [style*="#7ba883"],
#quick-share-modal [style*="#4ade80"],
#quick-share-modal [style*="#25D366"],
#quick-share-modal [style*="#0084FF"] {
    background: rgba(216, 178, 94, 0.16) !important;
    border-color: rgba(245, 217, 138, 0.36) !important;
    color: #f5d98a !important;
}

#workout-rating-modal input[type="range"] {
    background: linear-gradient(to right, #3a3a3a, #d8b25e) !important;
}

#workout-rating-modal input[type="range"]::-webkit-slider-thumb {
    background: #f8f7f2 !important;
    border-color: #d8b25e !important;
}

#workout-rating-modal input[type="range"]::-moz-range-thumb {
    background: #f8f7f2 !important;
    border-color: #d8b25e !important;
}

#quick-share-modal > div,
#quick-share-modal > div[style*="background: white"],
#quick-share-modal > div[style*="background:white"],
#view-workout-success #share-section-combined {
    background:
        radial-gradient(circle at 18% 0%, rgba(245, 217, 138, 0.14), transparent 30%),
        linear-gradient(180deg, rgba(18, 18, 18, 0.98), rgba(5, 5, 5, 0.99)) !important;
    border: 1px solid rgba(245, 217, 138, 0.18) !important;
    color: #f8f7f2 !important;
}

/* Movement: keep Coach Shan's weekly workout card as the gold feature card. */
#movement-grid-container > #mvmt-week-workouts-card {
    background: linear-gradient(135deg, #fff0b8 0%, #e4bd55 42%, #8f681f 100%) !important;
    border-color: rgba(255, 244, 203, 0.68) !important;
    box-shadow: 0 20px 46px rgba(0, 0, 0, 0.46), inset 0 1px 0 rgba(255, 255, 255, 0.46) !important;
    color: #17130d !important;
}

#movement-grid-container > #mvmt-week-workouts-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0) 42%) !important;
    z-index: 0 !important;
}

#movement-grid-container > #mvmt-week-workouts-card > div {
    position: relative !important;
    z-index: 1 !important;
}

#movement-grid-container > #mvmt-week-workouts-card,
#movement-grid-container > #mvmt-week-workouts-card * {
    color: #17130d !important;
}

#movement-grid-container > #mvmt-week-workouts-card #mvmt-week-workouts-chips > div {
    background: rgba(255, 255, 255, 0.26) !important;
    border-color: rgba(23, 19, 13, 0.18) !important;
}

/* Light mode: white, black, grey, and gold with the same premium app structure. */
html[data-pbb-theme="light"] {
    color-scheme: light;
    --primary: #111111 !important;
    --primary-light: #2f2f2f !important;
    --secondary: #b8892b !important;
    --secondary-light: #e4bd55 !important;
    --accent-green: #f4f0e7 !important;
    --bg: #f8f5ee !important;
    --surface: #ffffff !important;
    --text-main: #151515 !important;
    --text-muted: #6f6a61 !important;
    --chat-bg-user: #111111 !important;
    --chat-text-user: #ffffff !important;
    --chat-bg-coach: #f4f0e7 !important;
    --chat-text-coach: #151515 !important;
    --chat-border-coach: #ddd3bf !important;
    --pbb-luxe-night: #f8f5ee;
    --pbb-luxe-plum: #151515;
    --pbb-luxe-violet: #ece7dc;
    --pbb-luxe-gold: #b8892b;
    --pbb-luxe-gold-light: #e4bd55;
    --pbb-luxe-cream: #151515;
    --pbb-luxe-soft: #f4f0e7;
    --pbb-luxe-ink: #151515;
    --pbb-luxe-muted: #6f6a61;
    --pbb-luxe-border: rgba(184, 137, 43, 0.22);
    --pbb-luxe-shadow: 0 24px 58px rgba(57, 47, 31, 0.13);
    --pbb-luxe-card: rgba(255, 255, 255, 0.92);
    --pbb-luxe-card-2: rgba(248, 245, 238, 0.94);
    --pbb-widget-glass: rgba(255, 255, 255, 0.86);
    --pbb-widget-glass-soft: rgba(17, 17, 17, 0.045);
    --pbb-widget-glass-faint: rgba(17, 17, 17, 0.03);
    --pbb-widget-glass-border: rgba(184, 137, 43, 0.18);
    --pbb-widget-green: #b8892b;
    --pbb-widget-green-soft: rgba(184, 137, 43, 0.12);
}

html[data-pbb-theme="light"] body,
html[data-pbb-theme="light"] .container,
html[data-pbb-theme="light"] #view-dashboard,
html[data-pbb-theme="light"] #view-meals,
html[data-pbb-theme="light"] #meals-content-container,
html[data-pbb-theme="light"] #calorie-tracker,
html[data-pbb-theme="light"] #view-profile,
html[data-pbb-theme="light"] #view-learning,
html[data-pbb-theme="light"] #view-cycle,
html[data-pbb-theme="light"] #view-friends,
html[data-pbb-theme="light"] .app-view {
    background:
        linear-gradient(180deg, #fffdf8 0%, #f8f5ee 48%, #eee8dc 100%) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] .app-header,
html[data-pbb-theme="light"] .bottom-nav,
html[data-pbb-theme="light"] .app-view > div[style*="position: sticky"],
html[data-pbb-theme="light"] .app-view > div[style*="position:sticky"] {
    background: rgba(255, 255, 255, 0.86) !important;
    border-color: rgba(184, 137, 43, 0.18) !important;
    color: #151515 !important;
    box-shadow: 0 14px 38px rgba(57, 47, 31, 0.12) !important;
    backdrop-filter: blur(18px) saturate(126%);
    -webkit-backdrop-filter: blur(18px) saturate(126%);
}

html[data-pbb-theme="light"] .app-header h1,
html[data-pbb-theme="light"] .app-header h2,
html[data-pbb-theme="light"] .app-header h3,
html[data-pbb-theme="light"] .app-logo,
html[data-pbb-theme="light"] #view-profile h3,
html[data-pbb-theme="light"] #view-meals h1,
html[data-pbb-theme="light"] #view-meals h2,
html[data-pbb-theme="light"] #view-meals h3,
html[data-pbb-theme="light"] #view-friends h2,
html[data-pbb-theme="light"] #view-friends h3,
html[data-pbb-theme="light"] #view-learning h2,
html[data-pbb-theme="light"] #view-learning h3,
html[data-pbb-theme="light"] #view-cycle h2,
html[data-pbb-theme="light"] #view-cycle h3,
html[data-pbb-theme="light"] #cycle-phase-name,
html[data-pbb-theme="light"] .app-view h1,
html[data-pbb-theme="light"] .app-view h2,
html[data-pbb-theme="light"] .app-view h3 {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #view-meals p,
html[data-pbb-theme="light"] #view-learning p,
html[data-pbb-theme="light"] #view-cycle p,
html[data-pbb-theme="light"] #cycle-phase-desc {
    color: #6f6a61 !important;
}

html[data-pbb-theme="light"] .nav-item {
    color: rgba(21, 21, 21, 0.56) !important;
}

html[data-pbb-theme="light"] .nav-item.active {
    color: #111111 !important;
}

html[data-pbb-theme="light"] .nav-item svg path[fill="none"] {
    fill: none !important;
}

html[data-pbb-theme="light"] .header-msg-icon,
html[data-pbb-theme="light"] .profile-icon {
    background: rgba(255, 255, 255, 0.78) !important;
    border: 1px solid rgba(184, 137, 43, 0.24) !important;
    color: #151515 !important;
    box-shadow: 0 10px 24px rgba(57, 47, 31, 0.12) !important;
}

html[data-pbb-theme="light"] #guest-mode-banner {
    background: linear-gradient(135deg, rgba(17, 17, 17, 0.92), rgba(184, 137, 43, 0.74)) !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(184, 137, 43, 0.22) !important;
    box-shadow: 0 12px 30px rgba(57, 47, 31, 0.16) !important;
}

html[data-pbb-theme="light"] #guest-mode-banner button[onclick*="login"] {
    background: #ffffff !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #daily-weigh-in-card,
html[data-pbb-theme="light"] #daily-weigh-in-done-card,
html[data-pbb-theme="light"] #mood-checkin-card,
html[data-pbb-theme="light"] #mood-checkin-done-card,
html[data-pbb-theme="light"] #daily-quiz-card,
html[data-pbb-theme="light"] #daily-quiz-done-card,
html[data-pbb-theme="light"] #daily-meal-tip-card,
html[data-pbb-theme="light"] #weekly-goals-card,
html[data-pbb-theme="light"] #weekly-progress-photo-card,
html[data-pbb-theme="light"] #weekly-progress-photo-done-card,
html[data-pbb-theme="light"] #home-challenges-empty,
html[data-pbb-theme="light"] .calorie-widget-card,
html[data-pbb-theme="light"] #fitbit-performance-card,
html[data-pbb-theme="light"] #view-feed [onclick*="openGameChallengeModal"],
html[data-pbb-theme="light"] #view-friends [onclick*="openGameChallengeModal"],
html[data-pbb-theme="light"] #active-games-container > div[style],
html[data-pbb-theme="light"] #movement-grid-container > div,
html[data-pbb-theme="light"] #form-check-quick-card,
html[data-pbb-theme="light"] #today-workout-card,
html[data-pbb-theme="light"] #workout-library-card,
html[data-pbb-theme="light"] .health-iq-card {
    background:
        linear-gradient(135deg, #ffffff 0%, #f7f3e9 58%, #ece4d3 100%) !important;
    border-color: rgba(184, 137, 43, 0.2) !important;
    color: #151515 !important;
    box-shadow: 0 18px 42px rgba(57, 47, 31, 0.14) !important;
}

html[data-pbb-theme="light"] #view-meals .card,
html[data-pbb-theme="light"] #view-meals [style*="background: white"],
html[data-pbb-theme="light"] #view-meals [style*="background:white"],
html[data-pbb-theme="light"] #view-meals [style*="background: #ffffff"],
html[data-pbb-theme="light"] #view-meals [style*="background:#ffffff"],
html[data-pbb-theme="light"] #calorie-tracker [style*="background: white"],
html[data-pbb-theme="light"] #calorie-tracker [style*="background:white"],
html[data-pbb-theme="light"] #meals-content-container [style*="background: white"],
html[data-pbb-theme="light"] #meals-content-container [style*="background:white"],
html[data-pbb-theme="light"] .meal-journal-card,
html[data-pbb-theme="light"] .multi-week-card,
html[data-pbb-theme="light"] .meal-pattern-card,
html[data-pbb-theme="light"] #ai-meal-plan-container,
html[data-pbb-theme="light"] .calorie-tracker-summary,
html[data-pbb-theme="light"] .nutrition-score-card,
html[data-pbb-theme="light"] .streak-tracker-card,
html[data-pbb-theme="light"] .weekly-metrics-card,
html[data-pbb-theme="light"] #learning-content [style*="background: white"],
html[data-pbb-theme="light"] #learning-content [style*="background:white"],
html[data-pbb-theme="light"] #learning-content [style*="background: #ffffff"],
html[data-pbb-theme="light"] #learning-content [style*="background:#ffffff"],
html[data-pbb-theme="light"] #learning-content [onclick*="showQuizBattleInviteModal"],
html[data-pbb-theme="light"] #cycle-hero-card,
html[data-pbb-theme="light"] #view-cycle .card,
html[data-pbb-theme="light"] #view-cycle [style*="background: white"],
html[data-pbb-theme="light"] #view-cycle [style*="background:white"],
html[data-pbb-theme="light"] .calendar-day-row,
html[data-pbb-theme="light"] .monthly-calendar-container {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(184, 137, 43, 0.16) !important;
    color: #151515 !important;
    box-shadow: 0 18px 42px rgba(57, 47, 31, 0.12) !important;
}

html[data-pbb-theme="light"] #learning-content [onclick*="showQuizBattleInviteModal"] *,
html[data-pbb-theme="light"] #learning-content [onclick*="showQuizBattleInviteModal"] [style*="color: white"],
html[data-pbb-theme="light"] #learning-content [onclick*="showQuizBattleInviteModal"] [style*="color: rgba(255,255,255"] {
    color: #151515 !important;
    fill: #9f7628 !important;
}

html[data-pbb-theme="light"] #learning-content [onclick*="showQuizBattleInviteModal"] > div:first-child {
    background: rgba(184, 137, 43, 0.14) !important;
    border: 1px solid rgba(184, 137, 43, 0.2) !important;
}

html[data-pbb-theme="light"] #view-meals .pill-btn,
html[data-pbb-theme="light"] .meal-icon-btn {
    background: linear-gradient(135deg, #ffffff 0%, #f4f0e7 100%) !important;
    border: 1px solid rgba(184, 137, 43, 0.18) !important;
    color: #151515 !important;
    box-shadow: 0 12px 26px rgba(57, 47, 31, 0.12) !important;
}

html[data-pbb-theme="light"] #view-meals .pill-btn[style*="var(--accent-green)"],
html[data-pbb-theme="light"] #view-meals .pill-btn.active {
    background: linear-gradient(135deg, #151515 0%, #34302a 58%, #b8892b 100%) !important;
    border-color: rgba(184, 137, 43, 0.34) !important;
    color: #ffffff !important;
}

html[data-pbb-theme="light"] #ai-plan-header {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(244, 240, 231, 0.9)) !important;
    border-bottom-color: rgba(184, 137, 43, 0.16) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #ai-plan-name {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #ai-plan-desc {
    color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #ai-plan-meals-list .card-header {
    background: rgba(255, 255, 255, 0.92) !important;
    border-bottom: 1px solid rgba(184, 137, 43, 0.12) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #ai-plan-meals-list .card-body {
    background: rgba(255, 255, 255, 0.78) !important;
    border-top: 1px solid rgba(184, 137, 43, 0.12) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #ai-plan-meals-list .meal-title,
html[data-pbb-theme="light"] #ai-plan-meals-list .card-body h4,
html[data-pbb-theme="light"] #ai-plan-meals-list .card-body [style*="color: var(--text-main)"],
html[data-pbb-theme="light"] #ai-plan-meals-list .card-body [style*="color:var(--text-main)"] {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #ai-plan-meals-list .meta,
html[data-pbb-theme="light"] #ai-plan-meals-list .card-body p,
html[data-pbb-theme="light"] #ai-plan-meals-list .card-body ul,
html[data-pbb-theme="light"] #ai-plan-meals-list .card-body li,
html[data-pbb-theme="light"] #ai-plan-meals-list .card-body [style*="color: var(--text-muted)"],
html[data-pbb-theme="light"] #ai-plan-meals-list .card-body [style*="color:var(--text-muted)"] {
    color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #ai-plan-meals-list .card-body h4 {
    border-bottom-color: rgba(184, 137, 43, 0.22) !important;
}

html[data-pbb-theme="light"] #ai-plan-day-nutrition .ai-plan-macro-pill,
html[data-pbb-theme="light"] #ai-plan-meals-list .card-body [style*="background: #f1f5f9"],
html[data-pbb-theme="light"] #ai-plan-meals-list .card-body [style*="background:#f1f5f9"] {
    background: rgba(17, 17, 17, 0.045) !important;
    border: 1px solid rgba(184, 137, 43, 0.12) !important;
}

html[data-pbb-theme="light"] #ai-plan-day-nutrition .ai-plan-macro-pill,
html[data-pbb-theme="light"] #ai-plan-day-nutrition .ai-plan-macro-pill * {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] .nutrition-range-toggle {
    background: rgba(17, 17, 17, 0.055) !important;
    border-color: rgba(184, 137, 43, 0.16) !important;
}

html[data-pbb-theme="light"] .nutrition-range-toggle button {
    color: #6f6a61 !important;
}

html[data-pbb-theme="light"] .nutrition-range-toggle button.active {
    background: #ffffff !important;
    color: #151515 !important;
    box-shadow: 0 8px 20px rgba(57, 47, 31, 0.12) !important;
}

html[data-pbb-theme="light"] .calorie-tracker-summary h2,
html[data-pbb-theme="light"] .calorie-tracker-summary h3,
html[data-pbb-theme="light"] .calorie-circle-current,
html[data-pbb-theme="light"] .calorie-circle-goal,
html[data-pbb-theme="light"] .macro-ring-pct,
html[data-pbb-theme="light"] .macro-detail-name,
html[data-pbb-theme="light"] .macro-detail-value {
    color: #151515 !important;
}

html[data-pbb-theme="light"] .calorie-circle-separator,
html[data-pbb-theme="light"] .calorie-circle-label,
html[data-pbb-theme="light"] .macro-ring-label,
html[data-pbb-theme="light"] .tracker-micro-header,
html[data-pbb-theme="light"] .weekly-day-calories {
    color: #6f6a61 !important;
}

html[data-pbb-theme="light"] .calorie-circle-bg {
    stroke: rgba(17, 17, 17, 0.12) !important;
}

html[data-pbb-theme="light"] .macro-detail-item,
html[data-pbb-theme="light"] .micro-tracker-item,
html[data-pbb-theme="light"] .weekly-day-item {
    background: rgba(17, 17, 17, 0.035) !important;
    border: 1px solid rgba(184, 137, 43, 0.12) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] .progress-bar-medium,
html[data-pbb-theme="light"] .progress-bar,
html[data-pbb-theme="light"] .progress-bar-small {
    background: rgba(17, 17, 17, 0.09) !important;
}

html[data-pbb-theme="light"] #learning-content [style*="color: var(--text-main)"],
html[data-pbb-theme="light"] #learning-content [style*="color:var(--text-main)"],
html[data-pbb-theme="light"] #view-cycle [style*="color: var(--text-main)"],
html[data-pbb-theme="light"] #view-cycle [style*="color:var(--text-main)"],
html[data-pbb-theme="light"] #view-meals [style*="color: var(--text-main)"],
html[data-pbb-theme="light"] #view-meals [style*="color:var(--text-main)"] {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #learning-content [style*="color: var(--text-muted)"],
html[data-pbb-theme="light"] #learning-content [style*="color:var(--text-muted)"],
html[data-pbb-theme="light"] #view-cycle [style*="color: var(--text-muted)"],
html[data-pbb-theme="light"] #view-cycle [style*="color:var(--text-muted)"],
html[data-pbb-theme="light"] #view-meals [style*="color: var(--text-muted)"],
html[data-pbb-theme="light"] #view-meals [style*="color:var(--text-muted)"] {
    color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #cycle-hero-card .card-body,
html[data-pbb-theme="light"] #cycle-hero-card .card-body.active {
    background: transparent !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] .calendar-view-toggle {
    background: rgba(17, 17, 17, 0.045) !important;
    border-color: rgba(184, 137, 43, 0.16) !important;
}

html[data-pbb-theme="light"] .calendar-view-toggle .toggle-btn {
    color: #6f6a61 !important;
}

html[data-pbb-theme="light"] .calendar-view-toggle .toggle-btn.active {
    background: #151515 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(57, 47, 31, 0.14) !important;
}

html[data-pbb-theme="light"] #weekly-goals-card,
html[data-pbb-theme="light"] #home-challenges-empty,
html[data-pbb-theme="light"] #view-feed [onclick*="openGameChallengeModal"],
html[data-pbb-theme="light"] #view-friends [onclick*="openGameChallengeModal"] {
    background:
        linear-gradient(135deg, #fff9e8 0%, #f1d78a 48%, #ffffff 100%) !important;
}

html[data-pbb-theme="light"] #movement-grid-container > #mvmt-week-workouts-card {
    background: linear-gradient(135deg, #fff4c8 0%, #e4bd55 48%, #b8892b 100%) !important;
    border-color: rgba(184, 137, 43, 0.34) !important;
    color: #151515 !important;
    box-shadow: 0 20px 46px rgba(57, 47, 31, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;
}

html[data-pbb-theme="light"] #movement-grid-container > #mvmt-week-workouts-card *,
html[data-pbb-theme="light"] #movement-grid-container > div *,
html[data-pbb-theme="light"] #view-feed [onclick*="openGameChallengeModal"] *,
html[data-pbb-theme="light"] #view-friends [onclick*="openGameChallengeModal"] *,
html[data-pbb-theme="light"] #weekly-goals-card *,
html[data-pbb-theme="light"] #daily-weigh-in-card *,
html[data-pbb-theme="light"] #weekly-progress-photo-card *,
html[data-pbb-theme="light"] #mood-checkin-card *,
html[data-pbb-theme="light"] .calorie-widget-card * {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #friends-feed-empty,
html[data-pbb-theme="light"] #group-chats-empty,
html[data-pbb-theme="light"] .feed-post-card {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(184, 137, 43, 0.16) !important;
    color: #151515 !important;
    box-shadow: 0 18px 42px rgba(57, 47, 31, 0.12) !important;
}

html[data-pbb-theme="light"] #friends-feed-empty {
    margin: 0 15px !important;
    border-radius: 14px !important;
}

html[data-pbb-theme="light"] #friends-feed-empty [style*="color: var(--text-main)"],
html[data-pbb-theme="light"] #friends-feed-empty [style*="color:var(--text-main)"] {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #friends-feed-empty [style*="color: var(--text-muted)"],
html[data-pbb-theme="light"] #friends-feed-empty [style*="color:var(--text-muted)"] {
    color: #6f6a61 !important;
}

html[data-pbb-theme="light"] input,
html[data-pbb-theme="light"] textarea,
html[data-pbb-theme="light"] select,
html[data-pbb-theme="light"] #theme-selector,
html[data-pbb-theme="light"] #builder-search,
html[data-pbb-theme="light"] #program-name-input,
html[data-pbb-theme="light"] #calendar-activity-name-input,
html[data-pbb-theme="light"] #view-profile input[type="time"] {
    background: rgba(255, 255, 255, 0.86) !important;
    border-color: rgba(184, 137, 43, 0.24) !important;
    color: #151515 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}

html[data-pbb-theme="light"] input::placeholder,
html[data-pbb-theme="light"] textarea::placeholder {
    color: rgba(21, 21, 21, 0.42) !important;
}

html[data-pbb-theme="light"] .modal-overlay,
html[data-pbb-theme="light"] .onboarding-overlay,
html[data-pbb-theme="light"] .completion-modal-overlay,
html[data-pbb-theme="light"] .adaptive-modal-overlay,
html[data-pbb-theme="light"] #guest-signup-modal,
html[data-pbb-theme="light"] #home-friends-modal,
html[data-pbb-theme="light"] #change-password-modal-overlay,
html[data-pbb-theme="light"] #health-connect-modal,
html[data-pbb-theme="light"] #weekly-goals-modal,
html[data-pbb-theme="light"] #share-referral-modal,
html[data-pbb-theme="light"] #store-review-modal,
html[data-pbb-theme="light"] #last-volume-popup,
html[data-pbb-theme="light"] .meal-breakdown-popup {
    background: rgba(248, 245, 238, 0.78) !important;
    backdrop-filter: blur(12px) saturate(118%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(118%) !important;
}

html[data-pbb-theme="light"] .modal-content,
html[data-pbb-theme="light"] .adaptive-modal-card,
html[data-pbb-theme="light"] .completion-modal-content,
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-sheet,
html[data-pbb-theme="light"] #view-profile .settings-card,
html[data-pbb-theme="light"] #view-profile > div[style*="padding: 0 25px"] > div,
html[data-pbb-theme="light"] #macro-settings-modal-overlay > div,
html[data-pbb-theme="light"] #feed-messages-panel-content {
    background: rgba(255, 255, 255, 0.94) !important;
    border-color: rgba(184, 137, 43, 0.2) !important;
    color: #151515 !important;
    box-shadow: 0 24px 58px rgba(57, 47, 31, 0.16) !important;
}

html[data-pbb-theme="light"] #view-profile .profile-header {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(244, 240, 231, 0.92) 100%) !important;
    border-color: rgba(184, 137, 43, 0.16) !important;
    color: #151515 !important;
    box-shadow: 0 18px 42px rgba(57, 47, 31, 0.12) !important;
}

html[data-pbb-theme="light"] #view-profile .profile-name-large,
html[data-pbb-theme="light"] #view-profile h2,
html[data-pbb-theme="light"] #view-profile h3,
html[data-pbb-theme="light"] #view-profile [style*="color:var(--text-main)"],
html[data-pbb-theme="light"] #view-profile [style*="color: var(--text-main)"] {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #view-profile .profile-email,
html[data-pbb-theme="light"] #view-profile [style*="color:var(--text-muted)"],
html[data-pbb-theme="light"] #view-profile [style*="color: var(--text-muted)"] {
    color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #view-profile [style*="color:var(--primary)"],
html[data-pbb-theme="light"] #view-profile [style*="color: var(--primary)"] {
    color: #9f7628 !important;
}

html[data-pbb-theme="light"] #view-profile .profile-photo-container {
    background: linear-gradient(135deg, #ffffff, #f0e5ca) !important;
    border: 1px solid rgba(184, 137, 43, 0.26) !important;
    box-shadow: 0 18px 36px rgba(57, 47, 31, 0.12) !important;
}

html[data-pbb-theme="light"] #profile-default-initial {
    color: #b8892b !important;
}

html[data-pbb-theme="light"] #macro-settings-modal-overlay input[type="number"],
html[data-pbb-theme="light"] #macro-settings-modal-overlay input[type="text"] {
    background: #ffffff !important;
    border: 1px solid rgba(184, 137, 43, 0.22) !important;
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
    caret-color: #151515 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}

html[data-pbb-theme="light"] #macro-settings-modal-overlay input[type="number"]:focus,
html[data-pbb-theme="light"] #macro-settings-modal-overlay input[type="text"]:focus {
    background: #fff9e8 !important;
    border-color: rgba(184, 137, 43, 0.52) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(184, 137, 43, 0.12) !important;
}

html[data-pbb-theme="light"] #macro-settings-modal-overlay button[onclick="closeMacroSettingsModal()"] {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #macro-settings-modal-overlay .adaptive-modal-confirm {
    background: linear-gradient(135deg, #f5d98a 0%, #d8b25e 55%, #b8892b 100%) !important;
    border: 1px solid rgba(184, 137, 43, 0.34) !important;
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] #macro-settings-modal-overlay .adaptive-modal-cancel {
    background: rgba(255, 255, 255, 0.82) !important;
    border: 1px solid rgba(184, 137, 43, 0.2) !important;
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] #view-profile .settings-card > div:first-child,
html[data-pbb-theme="light"] #view-profile .setting-row,
html[data-pbb-theme="light"] #view-profile [id^="settings-"],
html[data-pbb-theme="light"] #view-profile [style*="border-bottom:1px solid #f1f5f9"],
html[data-pbb-theme="light"] #view-profile [style*="border-bottom: 1px solid #f1f5f9"],
html[data-pbb-theme="light"] #view-profile [style*="border-top:1px solid #f1f5f9"],
html[data-pbb-theme="light"] #view-profile [style*="border-top: 1px solid #f1f5f9"] {
    border-color: rgba(184, 137, 43, 0.16) !important;
}

html[data-pbb-theme="light"] #view-profile button[style*="background:var(--primary)"],
html[data-pbb-theme="light"] #view-profile button[style*="background: var(--primary)"],
html[data-pbb-theme="light"] #push-notif-settings-btn,
html[data-pbb-theme="light"] #settings-clear-cache-btn,
html[data-pbb-theme="light"] #settings-change-password button,
html[data-pbb-theme="light"] #share-take-photo-btn,
html[data-pbb-theme="light"] #share-workout-card-btn,
html[data-pbb-theme="light"] #share-workout-groupchat-btn,
html[data-pbb-theme="light"] #activity-share-btn,
html[data-pbb-theme="light"] #activity-done-btn,
html[data-pbb-theme="light"] #activity-save-btn {
    background: linear-gradient(135deg, #f5d98a 0%, #d8b25e 55%, #b8892b 100%) !important;
    color: #151515 !important;
    border: 1px solid rgba(184, 137, 43, 0.34) !important;
    box-shadow: 0 14px 32px rgba(184, 137, 43, 0.18) !important;
}

html[data-pbb-theme="light"] #view-profile button[style*="background:white"],
html[data-pbb-theme="light"] #view-profile button[style*="background: white"],
html[data-pbb-theme="light"] #view-profile button[style*="background:#f1f5f9"],
html[data-pbb-theme="light"] #view-profile button[style*="background: #f1f5f9"],
html[data-pbb-theme="light"] #view-workout-builder button[style*="background:white"],
html[data-pbb-theme="light"] #view-workout-builder button[style*="background: white"],
html[data-pbb-theme="light"] #view-program-builder button[style*="background:white"],
html[data-pbb-theme="light"] #view-program-builder button[style*="background: white"] {
    background: rgba(255, 255, 255, 0.82) !important;
    border: 1px solid rgba(184, 137, 43, 0.2) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #tamagotchi-fallback,
html[data-pbb-theme="light"] #tamagotchi-stats-bar,
html[data-pbb-theme="light"] #tamagotchi-widget-container {
    background: linear-gradient(180deg, #ffffff 0%, #f3eee3 100%) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] [style*="color: white"],
html[data-pbb-theme="light"] [style*="color:white"],
html[data-pbb-theme="light"] [style*="color:#fff"],
html[data-pbb-theme="light"] [style*="color: #fff"],
html[data-pbb-theme="light"] [style*="color:#f8f7f2"],
html[data-pbb-theme="light"] [style*="color: #f8f7f2"] {
    color: #151515 !important;
}

html[data-pbb-theme="light"] .coin-header-widget,
html[data-pbb-theme="light"] .streak-header-widget,
html[data-pbb-theme="light"] #pwa-install-banner .pwa-install-btn {
    background: linear-gradient(135deg, #f5d98a 0%, #d8b25e 58%, #b8892b 100%) !important;
    color: #151515 !important;
    box-shadow: 0 10px 24px rgba(184, 137, 43, 0.18) !important;
}

/* Light-mode messaging pass: inbox, DM, coach chat, and group chat. */
html[data-pbb-theme="light"] #feed-messages-panel,
html[data-pbb-theme="light"] #message-selector-modal,
html[data-pbb-theme="light"] #direct-message-modal,
html[data-pbb-theme="light"] #coach-chat-modal,
html[data-pbb-theme="light"] #group-chat-modal,
html[data-pbb-theme="light"] #create-group-chat-modal {
    background: rgba(248, 245, 238, 0.74) !important;
    backdrop-filter: blur(16px) saturate(118%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(118%) !important;
}

html[data-pbb-theme="light"] #feed-messages-panel-content,
html[data-pbb-theme="light"] #message-selector-modal > div,
html[data-pbb-theme="light"] #direct-message-modal > div,
html[data-pbb-theme="light"] #coach-chat-modal > div,
html[data-pbb-theme="light"] #group-chat-modal > div,
html[data-pbb-theme="light"] #create-group-chat-modal > div {
    background:
        radial-gradient(circle at 88% 0%, rgba(216, 178, 94, 0.16), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 240, 231, 0.96) 100%) !important;
    border: 1px solid rgba(184, 137, 43, 0.2) !important;
    color: #151515 !important;
    box-shadow: 0 24px 58px rgba(57, 47, 31, 0.16) !important;
}

html[data-pbb-theme="light"] #feed-messages-panel-content > div,
html[data-pbb-theme="light"] #message-selector-modal > div > div,
html[data-pbb-theme="light"] #direct-message-modal > div > div,
html[data-pbb-theme="light"] #coach-chat-modal > div > div,
html[data-pbb-theme="light"] #group-chat-modal > div > div,
html[data-pbb-theme="light"] #create-group-chat-modal > div > div,
html[data-pbb-theme="light"] #gc-members-popover > div,
html[data-pbb-theme="light"] #gc-chat-menu {
    background: transparent !important;
    border-color: rgba(184, 137, 43, 0.16) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #feed-messages-panel-content h3,
html[data-pbb-theme="light"] #feed-messages-panel-content h4,
html[data-pbb-theme="light"] #message-selector-modal h3,
html[data-pbb-theme="light"] #direct-message-modal [style*="color: var(--text-main)"],
html[data-pbb-theme="light"] #coach-chat-modal [style*="color: var(--text-main)"],
html[data-pbb-theme="light"] #group-chat-modal [style*="color: var(--text-main)"],
html[data-pbb-theme="light"] #create-group-chat-modal h3,
html[data-pbb-theme="light"] #create-group-chat-modal label,
html[data-pbb-theme="light"] #gc-chat-name,
html[data-pbb-theme="light"] #gc-members-popover [style*="color: #0f172a"] {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #feed-messages-panel-content [style*="color: var(--text-muted)"],
html[data-pbb-theme="light"] #message-selector-modal [style*="color: var(--text-muted)"],
html[data-pbb-theme="light"] #direct-message-modal [style*="color: var(--text-muted)"],
html[data-pbb-theme="light"] #coach-chat-modal [style*="color: var(--text-muted)"],
html[data-pbb-theme="light"] #group-chat-modal [style*="color: var(--text-muted)"],
html[data-pbb-theme="light"] #create-group-chat-modal [style*="color: var(--text-muted)"],
html[data-pbb-theme="light"] #gc-chat-members,
html[data-pbb-theme="light"] #gc-members-popover [style*="color: #64748b"],
html[data-pbb-theme="light"] #gc-members-popover [style*="color:#64748b"] {
    color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #panel-group-chats > div,
html[data-pbb-theme="light"] #panel-friends-list > div,
html[data-pbb-theme="light"] #message-selector-list > div,
html[data-pbb-theme="light"] .panel-friend-row,
html[data-pbb-theme="light"] #group-chats-container > div,
html[data-pbb-theme="light"] #quick-share-chats-list > div {
    background: rgba(255, 255, 255, 0.82) !important;
    border: 1px solid rgba(184, 137, 43, 0.16) !important;
    color: #151515 !important;
    box-shadow: 0 12px 28px rgba(57, 47, 31, 0.08) !important;
}

html[data-pbb-theme="light"] #panel-group-chats > div:hover,
html[data-pbb-theme="light"] #panel-friends-list > div:hover,
html[data-pbb-theme="light"] #message-selector-list > div:hover,
html[data-pbb-theme="light"] .panel-friend-row:hover {
    background: rgba(255, 249, 232, 0.95) !important;
}

html[data-pbb-theme="light"] #panel-group-chats [style*="color: var(--text-main)"],
html[data-pbb-theme="light"] #panel-group-chats [style*="color:var(--text-main)"],
html[data-pbb-theme="light"] #panel-friends-list [style*="color: var(--text-main)"],
html[data-pbb-theme="light"] #panel-friends-list [style*="color:var(--text-main)"],
html[data-pbb-theme="light"] #message-selector-list [style*="color: var(--text-main)"],
html[data-pbb-theme="light"] #message-selector-list [style*="color:var(--text-main)"],
html[data-pbb-theme="light"] .panel-friend-row [style*="color: var(--text-main)"],
html[data-pbb-theme="light"] .panel-friend-row [style*="color:var(--text-main)"] {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] #panel-group-chats [style*="linear-gradient(135deg, var(--primary), #10b981)"],
html[data-pbb-theme="light"] #panel-friends-list [style*="linear-gradient(135deg, var(--primary), #10b981)"],
html[data-pbb-theme="light"] #message-selector-list [style*="background: var(--secondary)"],
html[data-pbb-theme="light"] #gc-chat-icon,
html[data-pbb-theme="light"] #dm-recipient-photo,
html[data-pbb-theme="light"] #coach-chat-modal [style*="background: var(--primary)"],
html[data-pbb-theme="light"] #group-chat-modal [style*="background: linear-gradient(135deg, var(--primary), #10b981)"] {
    background: linear-gradient(135deg, #f5d98a 0%, #d8b25e 55%, #b8892b 100%) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #feed-messages-panel-content button[style*="var(--primary)"],
html[data-pbb-theme="light"] #feed-messages-panel-content button[style*="#10b981"],
html[data-pbb-theme="light"] #message-selector-modal button[style*="var(--primary)"],
html[data-pbb-theme="light"] #direct-message-modal button[style*="var(--primary)"],
html[data-pbb-theme="light"] #coach-chat-modal button[style*="var(--primary)"],
html[data-pbb-theme="light"] #group-chat-modal button[style*="var(--primary)"],
html[data-pbb-theme="light"] #create-group-chat-modal button[style*="var(--primary)"],
html[data-pbb-theme="light"] #group-chat-modal button[style*="#f59e0b"],
html[data-pbb-theme="light"] #group-chat-modal button[style*="#eab308"] {
    background: linear-gradient(135deg, #f5d98a 0%, #d8b25e 55%, #b8892b 100%) !important;
    border: 1px solid rgba(184, 137, 43, 0.34) !important;
    color: #151515 !important;
    box-shadow: 0 14px 32px rgba(184, 137, 43, 0.18) !important;
}

html[data-pbb-theme="light"] #feed-messages-panel-content button[style*="background: none"],
html[data-pbb-theme="light"] #message-selector-modal button[style*="background: none"],
html[data-pbb-theme="light"] #direct-message-modal button[style*="background: none"],
html[data-pbb-theme="light"] #coach-chat-modal button[style*="background: none"],
html[data-pbb-theme="light"] #group-chat-modal button[style*="background: transparent"],
html[data-pbb-theme="light"] #group-chat-modal button[style*="background: #f1f5f9"],
html[data-pbb-theme="light"] #create-group-chat-modal button[style*="background: none"],
html[data-pbb-theme="light"] #direct-message-modal button[style*="background: #f1f5f9"],
html[data-pbb-theme="light"] #coach-chat-modal button[style*="background: #f1f5f9"],
html[data-pbb-theme="light"] #gc-chat-menu-btn {
    background: rgba(255, 255, 255, 0.76) !important;
    border: 1px solid rgba(184, 137, 43, 0.16) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #dm-messages-container,
html[data-pbb-theme="light"] #chat-messages-container,
html[data-pbb-theme="light"] #gc-messages-container,
html[data-pbb-theme="light"] #message-selector-list,
html[data-pbb-theme="light"] #create-group-chat-modal [style*="max-height: calc(85vh - 140px)"] {
    background: rgba(244, 240, 231, 0.84) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #dm-input,
html[data-pbb-theme="light"] #coach-chat-input,
html[data-pbb-theme="light"] #gc-message-input,
html[data-pbb-theme="light"] #new-group-name,
html[data-pbb-theme="light"] #create-group-chat-modal input,
html[data-pbb-theme="light"] #direct-message-modal input[type="text"],
html[data-pbb-theme="light"] #coach-chat-modal input[type="text"],
html[data-pbb-theme="light"] #group-chat-modal input[type="text"] {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(184, 137, 43, 0.24) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] .dm-bubble,
html[data-pbb-theme="light"] #dm-messages-container [style*="background: white"],
html[data-pbb-theme="light"] #chat-messages-container [style*="background: white"],
html[data-pbb-theme="light"] #gc-messages-container [style*="background: white"],
html[data-pbb-theme="light"] #gc-messages-container [id^="win-card-"] {
    background: rgba(255, 255, 255, 0.86) !important;
    border-color: rgba(184, 137, 43, 0.16) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #dm-messages-container .dm-bubble[style*="var(--primary)"],
html[data-pbb-theme="light"] #chat-messages-container [style*="var(--chat-bg-user)"],
html[data-pbb-theme="light"] #gc-messages-container [style*="var(--primary)"] {
    background: linear-gradient(135deg, #151515 0%, #34302a 62%, #b8892b 100%) !important;
    color: #ffffff !important;
}

html[data-pbb-theme="light"] #guest-signup-modal {
    background: rgba(248, 245, 238, 0.74) !important;
}

html[data-pbb-theme="light"] #guest-signup-modal > div {
    background:
        radial-gradient(circle at 84% 0%, rgba(216, 178, 94, 0.18), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 240, 231, 0.96)) !important;
    border: 1px solid rgba(184, 137, 43, 0.2) !important;
    color: #151515 !important;
    box-shadow: 0 24px 58px rgba(57, 47, 31, 0.16) !important;
}

html[data-pbb-theme="light"] #guest-signup-title {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #guest-signup-message,
html[data-pbb-theme="light"] #guest-signup-modal button[onclick*="closeGuestSignupModal"] {
    color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #guest-signup-modal button[onclick*="login"] {
    background: linear-gradient(135deg, #f5d98a 0%, #d8b25e 55%, #b8892b 100%) !important;
    color: #151515 !important;
    box-shadow: 0 14px 32px rgba(184, 137, 43, 0.18) !important;
}

/* Light-mode readability pass: home, Movement, and calendar. */
html[data-pbb-theme="light"] #view-dashboard,
html[data-pbb-theme="light"] #movement-tab,
html[data-pbb-theme="light"] #view-log-activity,
html[data-pbb-theme="light"] #view-workout-library,
html[data-pbb-theme="light"] #view-prebuilt-programs,
html[data-pbb-theme="light"] #view-workout-subcategories,
html[data-pbb-theme="light"] #view-workout-list,
html[data-pbb-theme="light"] #view-workout-overview,
html[data-pbb-theme="light"] #view-workout-builder,
html[data-pbb-theme="light"] #view-program-builder,
html[data-pbb-theme="light"] #view-your-workouts,
html[data-pbb-theme="light"] #view-week-workouts,
html[data-pbb-theme="light"] #view-week-session,
html[data-pbb-theme="light"] #view-workout-journal-detail,
html[data-pbb-theme="light"] #view-cycle {
    background: linear-gradient(180deg, #fffdf8 0%, #f8f5ee 48%, #eee8dc 100%) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #view-dashboard h1,
html[data-pbb-theme="light"] #view-dashboard h2,
html[data-pbb-theme="light"] #view-dashboard h3,
html[data-pbb-theme="light"] #view-dashboard h4,
html[data-pbb-theme="light"] #view-dashboard .app-logo,
html[data-pbb-theme="light"] #daily-progress-counter,
html[data-pbb-theme="light"] #tamagotchi-level,
html[data-pbb-theme="light"] #tamagotchi-xp-text,
html[data-pbb-theme="light"] #tamagotchi-rank,
html[data-pbb-theme="light"] #battle-stats-row,
html[data-pbb-theme="light"] #battle-stats-row *,
html[data-pbb-theme="light"] .battle-stats-row,
html[data-pbb-theme="light"] .battle-stats-row *,
html[data-pbb-theme="light"] .battle-stat-name,
html[data-pbb-theme="light"] .battle-stat-value {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #view-dashboard p,
html[data-pbb-theme="light"] #view-dashboard .text-muted,
html[data-pbb-theme="light"] #tamagotchi-fallback-msg,
html[data-pbb-theme="light"] .battle-stat-label {
    color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #tamagotchi-stats-bar,
html[data-pbb-theme="light"] #battle-stats-row,
html[data-pbb-theme="light"] .battle-stats-row {
    background: linear-gradient(180deg, #ffffff 0%, #f3eee3 100%) !important;
    border: 1px solid rgba(184, 137, 43, 0.16) !important;
    color: #151515 !important;
    box-shadow: 0 14px 34px rgba(57, 47, 31, 0.1) !important;
}

html[data-pbb-theme="light"] .battle-stat,
html[data-pbb-theme="light"] .story-battle-stat,
html[data-pbb-theme="light"] #tamagotchi-stats-bar > div {
    background: rgba(17, 17, 17, 0.035) !important;
    border: 1px solid rgba(184, 137, 43, 0.12) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #home-friends-pill {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(184, 137, 43, 0.16) !important;
    color: #151515 !important;
    box-shadow: 0 16px 36px rgba(57, 47, 31, 0.12) !important;
}

html[data-pbb-theme="light"] #home-friends-pill span:first-child,
html[data-pbb-theme="light"] #home-friends-pill [style*="color: var(--text-main)"] {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #home-friends-pill-count,
html[data-pbb-theme="light"] #home-friends-pill [style*="color: var(--text-muted)"] {
    color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #home-friends-pill > div:first-child {
    background: linear-gradient(135deg, #151515 0%, #34302a 58%, #b8892b 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(57, 47, 31, 0.16) !important;
}

html[data-pbb-theme="light"] #home-friends-pill > div:first-child svg {
    fill: #ffffff !important;
}

html[data-pbb-theme="light"] #fitbit-performance-card {
    background:
        radial-gradient(circle at 88% 0%, rgba(216, 178, 94, 0.2), transparent 30%),
        linear-gradient(135deg, #ffffff 0%, #f6f1e5 58%, #e8dcc4 100%) !important;
    border: 1px solid rgba(184, 137, 43, 0.2) !important;
    color: #151515 !important;
    box-shadow: 0 18px 42px rgba(57, 47, 31, 0.14) !important;
}

html[data-pbb-theme="light"] #fitbit-performance-card > div:first-child [style*="background: rgba(255,255,255"],
html[data-pbb-theme="light"] #performance-manual-stats > div,
html[data-pbb-theme="light"] #fitbit-perf-connected > div > div,
html[data-pbb-theme="light"] #fitbit-perf-disconnected {
    background: rgba(255, 255, 255, 0.68) !important;
    border: 1px solid rgba(184, 137, 43, 0.14) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #fitbit-performance-card > div:first-child [style*="background: rgba(255,255,255"] {
    background: linear-gradient(135deg, #151515 0%, #34302a 58%, #b8892b 100%) !important;
}

html[data-pbb-theme="light"] #fitbit-performance-card div,
html[data-pbb-theme="light"] #fitbit-performance-card span,
html[data-pbb-theme="light"] #fitbit-performance-card [id^="perf-"],
html[data-pbb-theme="light"] #fitbit-performance-card [id^="fitbit-perf-"] {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #fitbit-performance-card [style*="rgba(255,255,255,0.55)"],
html[data-pbb-theme="light"] #fitbit-performance-card [style*="rgba(255,255,255,0.6)"],
html[data-pbb-theme="light"] #fitbit-performance-card [style*="rgba(255,255,255,0.7)"],
html[data-pbb-theme="light"] #fitbit-performance-card [style*="rgba(255,255,255,0.75)"],
html[data-pbb-theme="light"] #fitbit-performance-card [style*="rgba(255,255,255,0.85)"] {
    color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #fitbit-performance-card svg {
    fill: #151515 !important;
}

html[data-pbb-theme="light"] #fitbit-performance-card > div:first-child [style*="background: rgba(255,255,255"] svg {
    fill: #ffffff !important;
}

html[data-pbb-theme="light"] #daily-quiz-card {
    background:
        radial-gradient(circle at 90% 0%, rgba(255, 255, 255, 0.46), transparent 28%),
        linear-gradient(135deg, #fff1bd 0%, #e1b64f 52%, #b8892b 100%) !important;
    border: 1px solid rgba(184, 137, 43, 0.34) !important;
    color: #151515 !important;
    box-shadow: 0 18px 42px rgba(57, 47, 31, 0.18) !important;
}

html[data-pbb-theme="light"] #daily-quiz-card h3,
html[data-pbb-theme="light"] #daily-quiz-card p,
html[data-pbb-theme="light"] #daily-quiz-card #daily-quiz-lesson-title,
html[data-pbb-theme="light"] #daily-quiz-card #daily-quiz-lesson-context,
html[data-pbb-theme="light"] #daily-quiz-card [style*="color: white"] {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #daily-quiz-card [style*="background: rgba(255,255,255,0.2)"] {
    background: rgba(21, 21, 21, 0.08) !important;
    border: 1px solid rgba(21, 21, 21, 0.1) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #daily-quiz-lesson-info {
    background: rgba(255, 255, 255, 0.78) !important;
    border: 1px solid rgba(21, 21, 21, 0.14) !important;
    box-shadow: 0 12px 26px rgba(57, 47, 31, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.68) !important;
}

html[data-pbb-theme="light"] #daily-quiz-icon {
    background: linear-gradient(135deg, #151515 0%, #34302a 58%, #b8892b 100%) !important;
    color: #ffffff !important;
    border: 0 !important;
}

html[data-pbb-theme="light"] #daily-quiz-card #daily-quiz-icon {
    background: linear-gradient(135deg, #151515 0%, #34302a 58%, #b8892b 100%) !important;
    color: #ffffff !important;
    border: 0 !important;
}

html[data-pbb-theme="light"] #daily-quiz-card svg {
    fill: #151515 !important;
}

html[data-pbb-theme="light"] #home-challenges-list > div[style*="border-radius: 20px"],
html[data-pbb-theme="light"] #extra-challenges-list > div[style*="border-radius: 20px"],
html[data-pbb-theme="light"] .cohort-waiting-card,
html[data-pbb-theme="light"] .cohort-active-card,
html[data-pbb-theme="light"] .cohort-acceptance-card {
    background:
        radial-gradient(circle at 88% 0%, rgba(216, 178, 94, 0.2), transparent 30%),
        linear-gradient(135deg, #ffffff 0%, #f7f2e7 58%, #e8dcc4 100%) !important;
    border: 1px solid rgba(184, 137, 43, 0.2) !important;
    color: #151515 !important;
    box-shadow: 0 18px 42px rgba(57, 47, 31, 0.14) !important;
}

html[data-pbb-theme="light"] #home-challenges-list > div[style*="border-radius: 20px"] [style*="background: rgba(255,255,255"],
html[data-pbb-theme="light"] #extra-challenges-list > div[style*="border-radius: 20px"] [style*="background: rgba(255,255,255"],
html[data-pbb-theme="light"] .cohort-waiting-card [style*="background: rgba(255,255,255"],
html[data-pbb-theme="light"] .cohort-active-card [style*="background: rgba(255,255,255"],
html[data-pbb-theme="light"] .cohort-acceptance-card [style*="background: rgba(255,255,255"] {
    background: rgba(21, 21, 21, 0.055) !important;
    border: 1px solid rgba(184, 137, 43, 0.14) !important;
}

html[data-pbb-theme="light"] #home-challenges-list > div[style*="border-radius: 20px"] [style*="color: white"],
html[data-pbb-theme="light"] #home-challenges-list > div[style*="border-radius: 20px"] [style*="color:white"],
html[data-pbb-theme="light"] #extra-challenges-list > div[style*="border-radius: 20px"] [style*="color: white"],
html[data-pbb-theme="light"] #extra-challenges-list > div[style*="border-radius: 20px"] [style*="color:white"],
html[data-pbb-theme="light"] #home-challenges-empty [style*="color: white"],
html[data-pbb-theme="light"] #home-challenges-empty [style*="color:white"],
html[data-pbb-theme="light"] .cohort-waiting-card [style*="color: white"],
html[data-pbb-theme="light"] .cohort-active-card [style*="color: white"],
html[data-pbb-theme="light"] .cohort-acceptance-card [style*="color: white"] {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #home-challenges-list > div[style*="border-radius: 20px"] [style*="rgba(255,255,255,0.5)"],
html[data-pbb-theme="light"] #home-challenges-list > div[style*="border-radius: 20px"] [style*="rgba(255,255,255,0.7)"],
html[data-pbb-theme="light"] #home-challenges-list > div[style*="border-radius: 20px"] [style*="rgba(255,255,255,0.8)"],
html[data-pbb-theme="light"] #home-challenges-list > div[style*="border-radius: 20px"] [style*="rgba(255,255,255,0.85)"],
html[data-pbb-theme="light"] #extra-challenges-list > div[style*="border-radius: 20px"] [style*="rgba(255,255,255,0.5)"],
html[data-pbb-theme="light"] #extra-challenges-list > div[style*="border-radius: 20px"] [style*="rgba(255,255,255,0.7)"],
html[data-pbb-theme="light"] #extra-challenges-list > div[style*="border-radius: 20px"] [style*="rgba(255,255,255,0.8)"],
html[data-pbb-theme="light"] #extra-challenges-list > div[style*="border-radius: 20px"] [style*="rgba(255,255,255,0.85)"],
html[data-pbb-theme="light"] #home-challenges-empty [style*="rgba(255,255,255,0.5)"],
html[data-pbb-theme="light"] #home-challenges-empty [style*="rgba(255,255,255,0.7)"],
html[data-pbb-theme="light"] #home-challenges-empty [style*="rgba(255,255,255,0.8)"],
html[data-pbb-theme="light"] #home-challenges-empty [style*="rgba(255,255,255,0.85)"],
html[data-pbb-theme="light"] .cohort-waiting-card [style*="rgba(255,255,255,0.5)"],
html[data-pbb-theme="light"] .cohort-waiting-card [style*="rgba(255,255,255,0.7)"],
html[data-pbb-theme="light"] .cohort-waiting-card [style*="rgba(255,255,255,0.8)"],
html[data-pbb-theme="light"] .cohort-waiting-card [style*="rgba(255,255,255,0.85)"],
html[data-pbb-theme="light"] .cohort-waiting-card [style*="rgba(255,255,255,0.92)"],
html[data-pbb-theme="light"] .cohort-active-card [style*="rgba(255,255,255,0.5)"],
html[data-pbb-theme="light"] .cohort-active-card [style*="rgba(255,255,255,0.7)"],
html[data-pbb-theme="light"] .cohort-active-card [style*="rgba(255,255,255,0.8)"],
html[data-pbb-theme="light"] .cohort-active-card [style*="rgba(255,255,255,0.85)"],
html[data-pbb-theme="light"] .cohort-active-card [style*="rgba(255,255,255,0.92)"],
html[data-pbb-theme="light"] .cohort-acceptance-card [style*="rgba(255,255,255,0.5)"],
html[data-pbb-theme="light"] .cohort-acceptance-card [style*="rgba(255,255,255,0.7)"],
html[data-pbb-theme="light"] .cohort-acceptance-card [style*="rgba(255,255,255,0.8)"],
html[data-pbb-theme="light"] .cohort-acceptance-card [style*="rgba(255,255,255,0.85)"],
html[data-pbb-theme="light"] .cohort-acceptance-card [style*="rgba(255,255,255,0.92)"] {
    color: #6f6a61 !important;
    fill: #6f6a61 !important;
}

html[data-pbb-theme="light"] #home-challenges-list > div[style*="border-radius: 20px"] svg,
html[data-pbb-theme="light"] #extra-challenges-list > div[style*="border-radius: 20px"] svg,
html[data-pbb-theme="light"] #home-challenges-empty svg,
html[data-pbb-theme="light"] .cohort-waiting-card svg,
html[data-pbb-theme="light"] .cohort-active-card svg,
html[data-pbb-theme="light"] .cohort-acceptance-card svg {
    fill: #6f6a61 !important;
}

html[data-pbb-theme="light"] #home-challenges-list button[onclick*="leaveChallengeFromCard"],
html[data-pbb-theme="light"] #home-challenges-list button[onclick*="declineChallengeInvite"],
html[data-pbb-theme="light"] #extra-challenges-list button[onclick*="leaveChallengeFromCard"] {
    background: #151515 !important;
    border: 1px solid #151515 !important;
    color: #ffffff !important;
}

/* Workout add/create exercise sheets: override legacy inline white surfaces for both themes. */
html:not([data-pbb-theme="light"]) #add-exercise-modal,
html:not([data-pbb-theme="light"]) #create-custom-exercise-modal {
    background: rgba(0, 0, 0, 0.72) !important;
    color: #fffaf2 !important;
    backdrop-filter: blur(12px) saturate(118%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(118%) !important;
}

html:not([data-pbb-theme="light"]) #add-exercise-modal > div,
html:not([data-pbb-theme="light"]) #create-custom-exercise-modal > div {
    background:
        radial-gradient(circle at 86% 0%, rgba(245, 217, 138, 0.12), transparent 30%),
        linear-gradient(180deg, rgba(18, 18, 18, 0.98), rgba(5, 5, 5, 0.99)) !important;
    border-left: 1px solid rgba(245, 217, 138, 0.12) !important;
    border-right: 1px solid rgba(245, 217, 138, 0.12) !important;
    color: #fffaf2 !important;
}

html:not([data-pbb-theme="light"]) #add-exercise-modal > div > div[style*="position: sticky"],
html:not([data-pbb-theme="light"]) #create-custom-exercise-modal > div > div[style*="position: sticky"] {
    background: rgba(12, 12, 12, 0.94) !important;
    border-color: rgba(245, 217, 138, 0.16) !important;
    color: #fffaf2 !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.36) !important;
    backdrop-filter: blur(16px) saturate(118%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(118%) !important;
}

html:not([data-pbb-theme="light"]) #add-exercise-modal > div > div[style*="background: #f8fafc"],
html:not([data-pbb-theme="light"]) #add-exercise-modal [onclick*="openCreateCustomExerciseModal"],
html:not([data-pbb-theme="light"]) #add-exercise-results > div,
html:not([data-pbb-theme="light"]) #create-custom-exercise-modal [style*="background: #f8fafc"],
html:not([data-pbb-theme="light"]) #my-custom-exercises-list > div {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(245, 217, 138, 0.16) !important;
    color: #fffaf2 !important;
}

html:not([data-pbb-theme="light"]) #add-exercise-modal [style*="background: white"],
html:not([data-pbb-theme="light"]) #create-custom-exercise-modal [style*="background: white"],
html:not([data-pbb-theme="light"]) #add-exercise-modal [style*="background:white"],
html:not([data-pbb-theme="light"]) #create-custom-exercise-modal [style*="background:white"] {
    background: rgba(255, 255, 255, 0.07) !important;
}

html:not([data-pbb-theme="light"]) #add-exercise-modal input,
html:not([data-pbb-theme="light"]) #create-custom-exercise-modal input,
html:not([data-pbb-theme="light"]) #create-custom-exercise-modal textarea,
html:not([data-pbb-theme="light"]) #create-custom-exercise-modal select {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(245, 217, 138, 0.2) !important;
    color: #fffaf2 !important;
    -webkit-text-fill-color: #fffaf2 !important;
    caret-color: #f5d98a !important;
}

html:not([data-pbb-theme="light"]) #add-exercise-modal input::placeholder,
html:not([data-pbb-theme="light"]) #create-custom-exercise-modal input::placeholder,
html:not([data-pbb-theme="light"]) #create-custom-exercise-modal textarea::placeholder {
    color: rgba(248, 247, 242, 0.48) !important;
    -webkit-text-fill-color: rgba(248, 247, 242, 0.48) !important;
}

html:not([data-pbb-theme="light"]) #add-exercise-modal label,
html:not([data-pbb-theme="light"]) #create-custom-exercise-modal label,
html:not([data-pbb-theme="light"]) #add-exercise-modal [style*="color: var(--text-main)"],
html:not([data-pbb-theme="light"]) #create-custom-exercise-modal [style*="color: var(--text-main)"],
html:not([data-pbb-theme="light"]) #add-exercise-modal [style*="color:var(--text-main)"],
html:not([data-pbb-theme="light"]) #create-custom-exercise-modal [style*="color:var(--text-main)"] {
    color: #fffaf2 !important;
    -webkit-text-fill-color: #fffaf2 !important;
}

html:not([data-pbb-theme="light"]) #add-exercise-modal [style*="color: var(--text-muted)"],
html:not([data-pbb-theme="light"]) #create-custom-exercise-modal [style*="color: var(--text-muted)"],
html:not([data-pbb-theme="light"]) #add-exercise-modal [style*="color:var(--text-muted)"],
html:not([data-pbb-theme="light"]) #create-custom-exercise-modal [style*="color:var(--text-muted)"],
html:not([data-pbb-theme="light"]) #add-exercise-modal [style*="color: #94a3b8"],
html:not([data-pbb-theme="light"]) #create-custom-exercise-modal [style*="color: #94a3b8"],
html:not([data-pbb-theme="light"]) #add-exercise-modal [style*="color:#94a3b8"],
html:not([data-pbb-theme="light"]) #create-custom-exercise-modal [style*="color:#94a3b8"] {
    color: rgba(248, 247, 242, 0.68) !important;
    -webkit-text-fill-color: rgba(248, 247, 242, 0.68) !important;
}

html:not([data-pbb-theme="light"]) #add-exercise-modal [style*="color: var(--primary)"],
html:not([data-pbb-theme="light"]) #create-custom-exercise-modal [style*="color: var(--primary)"],
html:not([data-pbb-theme="light"]) #add-exercise-modal [style*="fill: var(--primary)"],
html:not([data-pbb-theme="light"]) #create-custom-exercise-modal [style*="fill: var(--primary)"] {
    color: #f5d98a !important;
    fill: #f5d98a !important;
    -webkit-text-fill-color: #f5d98a !important;
}

html[data-pbb-theme="light"] #add-exercise-modal,
html[data-pbb-theme="light"] #create-custom-exercise-modal {
    background: rgba(21, 21, 21, 0.26) !important;
    color: #151515 !important;
    backdrop-filter: blur(10px) saturate(112%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(112%) !important;
}

html[data-pbb-theme="light"] #add-exercise-modal > div,
html[data-pbb-theme="light"] #create-custom-exercise-modal > div {
    background: linear-gradient(180deg, #ffffff 0%, #f8f5ee 100%) !important;
    border-left: 1px solid rgba(184, 137, 43, 0.14) !important;
    border-right: 1px solid rgba(184, 137, 43, 0.14) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #add-exercise-modal > div > div[style*="position: sticky"],
html[data-pbb-theme="light"] #create-custom-exercise-modal > div > div[style*="position: sticky"] {
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: rgba(184, 137, 43, 0.18) !important;
    color: #151515 !important;
    box-shadow: 0 12px 28px rgba(57, 47, 31, 0.1) !important;
    backdrop-filter: blur(16px) saturate(118%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(118%) !important;
}

html[data-pbb-theme="light"] #add-exercise-modal > div > div[style*="background: #f8fafc"],
html[data-pbb-theme="light"] #add-exercise-modal [onclick*="openCreateCustomExerciseModal"],
html[data-pbb-theme="light"] #add-exercise-results > div,
html[data-pbb-theme="light"] #create-custom-exercise-modal [style*="background: #f8fafc"],
html[data-pbb-theme="light"] #my-custom-exercises-list > div {
    background: rgba(255, 255, 255, 0.88) !important;
    border-color: rgba(184, 137, 43, 0.16) !important;
    color: #151515 !important;
    box-shadow: 0 10px 24px rgba(57, 47, 31, 0.08) !important;
}

html[data-pbb-theme="light"] #add-exercise-modal input,
html[data-pbb-theme="light"] #create-custom-exercise-modal input,
html[data-pbb-theme="light"] #create-custom-exercise-modal textarea,
html[data-pbb-theme="light"] #create-custom-exercise-modal select {
    background: #ffffff !important;
    border-color: rgba(184, 137, 43, 0.22) !important;
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
    caret-color: #151515 !important;
}

html[data-pbb-theme="light"] #add-exercise-modal input::placeholder,
html[data-pbb-theme="light"] #create-custom-exercise-modal input::placeholder,
html[data-pbb-theme="light"] #create-custom-exercise-modal textarea::placeholder {
    color: rgba(21, 21, 21, 0.42) !important;
    -webkit-text-fill-color: rgba(21, 21, 21, 0.42) !important;
}

html[data-pbb-theme="light"] #add-exercise-modal label,
html[data-pbb-theme="light"] #create-custom-exercise-modal label,
html[data-pbb-theme="light"] #add-exercise-modal [style*="color: var(--text-main)"],
html[data-pbb-theme="light"] #create-custom-exercise-modal [style*="color: var(--text-main)"],
html[data-pbb-theme="light"] #add-exercise-modal [style*="color:var(--text-main)"],
html[data-pbb-theme="light"] #create-custom-exercise-modal [style*="color:var(--text-main)"] {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] #add-exercise-modal [style*="color: var(--text-muted)"],
html[data-pbb-theme="light"] #create-custom-exercise-modal [style*="color: var(--text-muted)"],
html[data-pbb-theme="light"] #add-exercise-modal [style*="color:var(--text-muted)"],
html[data-pbb-theme="light"] #create-custom-exercise-modal [style*="color:var(--text-muted)"],
html[data-pbb-theme="light"] #add-exercise-modal [style*="color: #94a3b8"],
html[data-pbb-theme="light"] #create-custom-exercise-modal [style*="color: #94a3b8"],
html[data-pbb-theme="light"] #add-exercise-modal [style*="color:#94a3b8"],
html[data-pbb-theme="light"] #create-custom-exercise-modal [style*="color:#94a3b8"] {
    color: #6f6a61 !important;
    -webkit-text-fill-color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #add-exercise-modal [style*="color: var(--primary)"],
html[data-pbb-theme="light"] #create-custom-exercise-modal [style*="color: var(--primary)"],
html[data-pbb-theme="light"] #add-exercise-modal [style*="fill: var(--primary)"],
html[data-pbb-theme="light"] #create-custom-exercise-modal [style*="fill: var(--primary)"] {
    color: #9f7628 !important;
    fill: #9f7628 !important;
    -webkit-text-fill-color: #9f7628 !important;
}

/* Final light-mode specificity pass for older modal descendants. */
html[data-pbb-theme="light"] #quiz-battle-invite-overlay .battle-invite-header h2,
html[data-pbb-theme="light"] #quiz-battle-invite-overlay .battle-invite-body [onclick*="_startQuizBattleVsAI"] div,
html[data-pbb-theme="light"] #game-challenge-modal .game-type-card div,
html[data-pbb-theme="light"] #game-challenge-modal .game-type-card,
html[data-pbb-theme="light"] #game-challenge-modal h3,
html[data-pbb-theme="light"] #story-choice-modal h3,
html[data-pbb-theme="light"] #story-choice-modal button,
html[data-pbb-theme="light"] #coin-shop-modal .coin-pack-option,
html[data-pbb-theme="light"] #coin-shop-modal .coin-pack-option *,
html[data-pbb-theme="light"] #calendar-workout-action-modal h3,
html[data-pbb-theme="light"] #calendar-workout-action-modal button,
html[data-pbb-theme="light"] #calendar-workout-action-modal button * {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] #quiz-battle-invite-overlay .battle-invite-header p,
html[data-pbb-theme="light"] #quiz-battle-invite-overlay .battle-invite-body [onclick*="_startQuizBattleVsAI"] div:last-child,
html[data-pbb-theme="light"] #quiz-battle-invite-overlay .battle-invite-close,
html[data-pbb-theme="light"] #game-challenge-modal p,
html[data-pbb-theme="light"] #game-challenge-modal .game-type-card div:last-child,
html[data-pbb-theme="light"] #story-choice-modal p,
html[data-pbb-theme="light"] #calendar-workout-action-modal p {
    color: #6f6a61 !important;
    -webkit-text-fill-color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #quiz-battle-invite-overlay .qb-bet-btn,
html[data-pbb-theme="light"] #quiz-battle-invite-overlay .battle-invite-close,
html[data-pbb-theme="light"] #quiz-battle-invite-overlay [onclick*="_startQuizBattleVsAI"],
html[data-pbb-theme="light"] #game-challenge-modal .game-type-card,
html[data-pbb-theme="light"] #calendar-workout-action-modal button:not(#action-modal-start-btn),
html[data-pbb-theme="light"] #story-choice-modal button:last-child {
    background: rgba(255, 255, 255, 0.84) !important;
    border: 1px solid rgba(184, 137, 43, 0.16) !important;
    box-shadow: 0 12px 28px rgba(57, 47, 31, 0.08) !important;
}

html[data-pbb-theme="light"] #calendar-workout-action-modal button[onclick*="close"] svg,
html[data-pbb-theme="light"] #calendar-workout-action-modal button[onclick*="close"] path,
html[data-pbb-theme="light"] #calendar-workout-action-modal button:not(#action-modal-start-btn) svg,
html[data-pbb-theme="light"] #calendar-workout-action-modal button:not(#action-modal-start-btn) path {
    color: #6f6a61 !important;
    fill: #6f6a61 !important;
    stroke: #6f6a61 !important;
}

/* Final Learn/recovered-workout readability pass: these surfaces mix inline
   colors with theme variables, so keep the actual text contrast explicit. */
#workout-recovery-dialog > div,
#workout-saving-dialog > div {
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(184, 137, 43, 0.22) !important;
    color: #151515 !important;
}

#workout-recovery-dialog h3,
#workout-recovery-dialog p,
#workout-recovery-dialog strong,
#workout-saving-dialog p {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

#workout-recovery-dialog button[onclick*="dismissWorkoutRecovery"] {
    background: rgba(17, 17, 17, 0.055) !important;
    border-color: rgba(184, 137, 43, 0.2) !important;
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

#learning-content .story-key-insight {
    background: rgba(255, 255, 255, 0.96) !important;
    color: #151515 !important;
}

#learning-content .story-key-insight-text,
#learning-content .learning-game-question-card .learning-game-question {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

#learning-content .learning-game-helper {
    color: #4f473b !important;
    -webkit-text-fill-color: #4f473b !important;
}

html:not([data-pbb-theme="light"]) #learning-content .learning-game-shell,
html:not([data-pbb-theme="light"]) #learning-content .learning-game-stage {
    color: #151515 !important;
}

html:not([data-pbb-theme="light"]) #learning-content .learning-game-progress-header {
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(184, 137, 43, 0.16) !important;
    color: #151515 !important;
}

html:not([data-pbb-theme="light"]) #learning-content .learning-game-progress-track,
html:not([data-pbb-theme="light"]) #learning-content .learning-game-count-pill {
    background: rgba(17, 17, 17, 0.08) !important;
}

html:not([data-pbb-theme="light"]) #learning-content .learning-game-count-pill,
html:not([data-pbb-theme="light"]) #learning-content .learning-game-question-card .learning-game-question,
html:not([data-pbb-theme="light"]) #learning-content .learning-game-stage > div > .learning-game-question {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

#learning-content .learning-game-swipe-label-row {
    color: #151515 !important;
}

#learning-content .learning-game-swipe-label {
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

#learning-content .learning-game-swipe-label-false {
    color: #b91c1c !important;
    -webkit-text-fill-color: #b91c1c !important;
}

#learning-content .learning-game-swipe-label-true {
    color: #047857 !important;
    -webkit-text-fill-color: #047857 !important;
}

html:not([data-pbb-theme="light"]) #learning-content .learning-game-scenario-card {
    background:
        radial-gradient(circle at 88% 0%, rgba(245, 217, 138, 0.1), transparent 30%),
        linear-gradient(180deg, rgba(31, 20, 45, 0.94), rgba(18, 11, 31, 0.96)) !important;
    border-color: rgba(245, 217, 138, 0.12) !important;
    color: #fffaf2 !important;
}

html:not([data-pbb-theme="light"]) #learning-content .learning-game-scenario-card .learning-game-scenario,
html:not([data-pbb-theme="light"]) #learning-content .learning-game-scenario-card .learning-game-question {
    color: #fffaf2 !important;
    -webkit-text-fill-color: #fffaf2 !important;
}

html:not([data-pbb-theme="light"]) #learning-content .learning-game-scenario-question-block {
    border-top-color: rgba(255, 255, 255, 0.42) !important;
}

html:not([data-pbb-theme="light"]) #learning-content .fill-blank-option[style*="background: white"],
html:not([data-pbb-theme="light"]) #learning-content .fill-blank-option[style*="background:white"],
html:not([data-pbb-theme="light"]) #learning-content .tap-all-option[style*="background: white"],
html:not([data-pbb-theme="light"]) #learning-content .tap-all-option[style*="background:white"],
html:not([data-pbb-theme="light"]) #learning-content .match-item[style*="background: white"],
html:not([data-pbb-theme="light"]) #learning-content .match-item[style*="background:white"],
html:not([data-pbb-theme="light"]) #learning-content .order-item[style*="background: white"],
html:not([data-pbb-theme="light"]) #learning-content .order-item[style*="background:white"],
html:not([data-pbb-theme="light"]) #learning-content .scenario-option[style*="background: white"],
html:not([data-pbb-theme="light"]) #learning-content .scenario-option[style*="background:white"] {
    background:
        radial-gradient(circle at 88% 0%, rgba(245, 217, 138, 0.1), transparent 30%),
        linear-gradient(180deg, rgba(31, 20, 45, 0.94), rgba(18, 11, 31, 0.96)) !important;
    border-color: rgba(245, 217, 138, 0.16) !important;
    color: #fffaf2 !important;
    -webkit-text-fill-color: #fffaf2 !important;
}

html:not([data-pbb-theme="light"]) #learning-content .learning-complete-summary-card {
    background:
        radial-gradient(circle at 88% 0%, rgba(245, 217, 138, 0.1), transparent 30%),
        linear-gradient(180deg, rgba(31, 20, 45, 0.94), rgba(18, 11, 31, 0.96)) !important;
    border: 1px solid rgba(245, 217, 138, 0.12) !important;
    color: #fffaf2 !important;
}

html:not([data-pbb-theme="light"]) #learning-content .learning-complete-score-value {
    color: #fffaf2 !important;
    -webkit-text-fill-color: #fffaf2 !important;
}

html:not([data-pbb-theme="light"]) #learning-content .learning-complete-xp-value {
    color: rgba(248, 243, 255, 0.82) !important;
    -webkit-text-fill-color: rgba(248, 243, 255, 0.82) !important;
}

html:not([data-pbb-theme="light"]) #learning-content .learning-complete-xp-value.learning-complete-xp-positive {
    color: #8fe7b4 !important;
    -webkit-text-fill-color: #8fe7b4 !important;
}

html:not([data-pbb-theme="light"]) #learning-content .learning-complete-metric-label,
html:not([data-pbb-theme="light"]) #learning-content .learning-complete-health-iq-label,
html:not([data-pbb-theme="light"]) #learning-content .learning-complete-health-iq-next {
    color: rgba(248, 243, 255, 0.7) !important;
    -webkit-text-fill-color: rgba(248, 243, 255, 0.7) !important;
}

html:not([data-pbb-theme="light"]) #learning-content .learning-complete-metric-divider,
html:not([data-pbb-theme="light"]) #learning-content .learning-complete-health-iq-mini {
    border-color: rgba(255, 255, 255, 0.16) !important;
}

html:not([data-pbb-theme="light"]) #learning-content .learning-complete-metric-divider,
html:not([data-pbb-theme="light"]) #learning-content .learning-complete-health-iq-track {
    background: rgba(255, 255, 255, 0.14) !important;
}

html[data-pbb-theme="light"] #learning-content p.learning-game-question,
html[data-pbb-theme="light"] #learning-content p.learning-game-scenario {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] #learning-content p.learning-game-helper {
    color: #4f473b !important;
    -webkit-text-fill-color: #4f473b !important;
}

#learning-content .learning-game-question-card {
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid rgba(184, 137, 43, 0.14) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #daily-quiz-card #hlq-card-root .hlq-question-label,
html[data-pbb-theme="light"] #daily-quiz-card #hlq-card-root .hlq-question-label-dot {
    color: #6f6a61 !important;
    -webkit-text-fill-color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #daily-quiz-card #hlq-card-root .hlq-question-card {
    background: rgba(255, 255, 255, 0.86) !important;
    border-color: rgba(184, 137, 43, 0.2) !important;
}

html[data-pbb-theme="light"] #daily-quiz-card #hlq-card-root .hlq-question-text {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

/* Activity Insights hub and child insight pages. */
#view-insights.activity-insights-view,
#view-progress,
.weekly-trends-page {
    --pbb-insight-page-bg: #050505;
    --pbb-insight-header-bg: rgba(7, 7, 7, 0.92);
    --pbb-insight-card-bg: rgba(255, 255, 255, 0.07);
    --pbb-insight-soft-bg: rgba(255, 255, 255, 0.06);
    --pbb-insight-softer-bg: rgba(255, 255, 255, 0.04);
    --pbb-insight-border: rgba(245, 217, 138, 0.16);
    --pbb-insight-border-soft: rgba(245, 217, 138, 0.1);
    --pbb-insight-text: #f8f7f2;
    --pbb-insight-muted: rgba(248, 247, 242, 0.68);
    --pbb-insight-axis: rgba(248, 247, 242, 0.7);
    --pbb-insight-grid: rgba(248, 247, 242, 0.12);
    --text-main: var(--pbb-insight-text);
    --text-muted: var(--pbb-insight-muted);
    background:
        radial-gradient(circle at 12% 4%, rgba(216, 178, 94, 0.13), transparent 28%),
        radial-gradient(circle at 92% 2%, rgba(255, 255, 255, 0.055), transparent 30%),
        linear-gradient(180deg, #101010 0%, #050505 48%, #000000 100%) !important;
    color: var(--pbb-insight-text) !important;
    font-family: 'Inter', sans-serif !important;
    letter-spacing: 0 !important;
    -webkit-font-smoothing: antialiased;
}

#view-insights.activity-insights-view *,
#view-progress *,
.weekly-trends-page * {
    font-family: inherit !important;
}

#view-insights > div[style*="position: sticky"],
#view-progress > div[style*="position: sticky"],
.weekly-trends-page-header {
    background: var(--pbb-insight-header-bg) !important;
    border-bottom: 1px solid var(--pbb-insight-border) !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.44) !important;
    color: var(--pbb-insight-text) !important;
    backdrop-filter: blur(18px) saturate(126%);
    -webkit-backdrop-filter: blur(18px) saturate(126%);
}

#view-insights > div[style*="position: sticky"] > div,
#view-progress > div[style*="position: sticky"] > div,
.weekly-trends-page-title {
    color: var(--pbb-insight-text) !important;
    -webkit-text-fill-color: var(--pbb-insight-text) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
}

#view-insights .activity-insights-hub-card {
    --activity-insight-accent: #d8b25e;
    --activity-insight-accent-rgb: 216, 178, 94;
    min-height: 144px;
    background:
        radial-gradient(circle at 88% 0%, rgba(var(--activity-insight-accent-rgb), 0.17), transparent 34%),
        linear-gradient(135deg, #171717 0%, #0a0a0a 58%, #000000 100%) !important;
    border: 1px solid rgba(var(--activity-insight-accent-rgb), 0.28) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42) !important;
    color: #f8f7f2 !important;
    transition: transform 0.14s ease, border-color 0.14s ease, box-shadow 0.14s ease;
}

#view-insights .activity-insights-hub-card:active {
    transform: scale(0.985);
}

#view-insights .activity-insights-hub-card--nutrition {
    --activity-insight-accent: #46c98b;
    --activity-insight-accent-rgb: 70, 201, 139;
}

#view-insights .activity-insights-hub-card--movement {
    --activity-insight-accent: #69a7ff;
    --activity-insight-accent-rgb: 105, 167, 255;
}

#view-insights .activity-insights-hub-card--transformation {
    --activity-insight-accent: #f472b6;
    --activity-insight-accent-rgb: 244, 114, 182;
}

#view-insights .activity-insights-hub-card--recovery {
    --activity-insight-accent: #c4a2ff;
    --activity-insight-accent-rgb: 196, 162, 255;
}

#view-insights .activity-insights-hub-card > div[style*="width: 40px"] {
    background: rgba(var(--activity-insight-accent-rgb), 0.18) !important;
    border: 1px solid rgba(var(--activity-insight-accent-rgb), 0.28) !important;
}

#view-insights .activity-insights-hub-card > div[style*="opacity: 0.05"] {
    opacity: 0.1 !important;
}

#view-insights .activity-insights-hub-card > div[style*="font-weight: 700"][style*="0.95rem"] {
    color: #f8f7f2 !important;
    -webkit-text-fill-color: #f8f7f2 !important;
    font-size: 0.9rem !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
}

#view-insights .activity-insights-hub-card > div[style*="0.72rem"] {
    color: rgba(248, 247, 242, 0.68) !important;
    -webkit-text-fill-color: rgba(248, 247, 242, 0.68) !important;
    font-size: 0.72rem !important;
    line-height: 1.35 !important;
}

#view-insights .activity-insights-hub-card > div[style*="margin-top: 10px"] {
    color: var(--activity-insight-accent) !important;
    -webkit-text-fill-color: var(--activity-insight-accent) !important;
}

#view-insights [style*="background: white"][style*="border-radius: 20px"]:not(.activity-insights-hub-card),
#view-insights [style*="background:white"][style*="border-radius:20px"]:not(.activity-insights-hub-card),
#view-progress [style*="background: white"],
#view-progress [style*="background:white"],
.weekly-trends-page [style*="background: white"],
.weekly-trends-page [style*="background:white"] {
    background: var(--pbb-insight-card-bg) !important;
    border-color: var(--pbb-insight-border) !important;
    color: var(--pbb-insight-text) !important;
}

#view-progress [style*="background: #f8fafc"],
#view-progress [style*="background:#f8fafc"],
#view-progress [style*="background: #f1f5f9"],
#view-progress [style*="background:#f1f5f9"],
#view-progress [style*="background: #fafafa"],
#view-progress [style*="background:#fafafa"],
#view-progress [style*="background: #eef2ff"],
#view-progress [style*="background:#eef2ff"],
#view-progress [style*="background: #ede9fe"],
#view-progress [style*="background:#ede9fe"],
#view-progress [style*="background: #e0f7fa"],
#view-progress [style*="background:#e0f7fa"],
#view-progress [style*="background: #eff6ff"],
#view-progress [style*="background:#eff6ff"],
#view-progress [style*="background: #f0fdf4"],
#view-progress [style*="background:#f0fdf4"],
#view-progress [style*="background: #fff7ed"],
#view-progress [style*="background:#fff7ed"],
#view-progress [style*="background: #fffbeb"],
#view-progress [style*="background:#fffbeb"],
#view-progress [style*="background: #fef2f2"],
#view-progress [style*="background:#fef2f2"],
#view-progress [style*="background: #f5f3ff"],
#view-progress [style*="background:#f5f3ff"],
#view-progress [style*="background: #f0f9ff"],
#view-progress [style*="background:#f0f9ff"],
.weekly-trends-page [style*="background: #f8fafc"],
.weekly-trends-page [style*="background:#f8fafc"],
.weekly-trends-page [style*="background: #f1f5f9"],
.weekly-trends-page [style*="background:#f1f5f9"],
.weekly-trends-page [style*="background: #fafafa"],
.weekly-trends-page [style*="background:#fafafa"],
.weekly-trends-page [style*="background: #eef2ff"],
.weekly-trends-page [style*="background:#eef2ff"],
.weekly-trends-page [style*="background: #ede9fe"],
.weekly-trends-page [style*="background:#ede9fe"],
.weekly-trends-page [style*="background: #e0f7fa"],
.weekly-trends-page [style*="background:#e0f7fa"],
.weekly-trends-page [style*="background: #eff6ff"],
.weekly-trends-page [style*="background:#eff6ff"],
.weekly-trends-page [style*="background: #f0fdf4"],
.weekly-trends-page [style*="background:#f0fdf4"],
.weekly-trends-page [style*="background: #fff7ed"],
.weekly-trends-page [style*="background:#fff7ed"],
.weekly-trends-page [style*="background: #fffbeb"],
.weekly-trends-page [style*="background:#fffbeb"],
.weekly-trends-page [style*="background: #fef2f2"],
.weekly-trends-page [style*="background:#fef2f2"],
.weekly-trends-page [style*="background: #f5f3ff"],
.weekly-trends-page [style*="background:#f5f3ff"],
.weekly-trends-page [style*="background: #f0f9ff"],
.weekly-trends-page [style*="background:#f0f9ff"],
.weekly-trends-page .week-compare-stat,
.weekly-trends-page .pattern-insight,
#view-progress .week-compare-stat,
#view-progress .pattern-insight {
    background: var(--pbb-insight-soft-bg) !important;
    border-color: var(--pbb-insight-border-soft) !important;
    color: var(--pbb-insight-text) !important;
}

#view-insights [style*="color: var(--text-main)"],
#view-progress [style*="color: var(--text-main)"],
.weekly-trends-page [style*="color: var(--text-main)"] {
    color: var(--pbb-insight-text) !important;
    -webkit-text-fill-color: var(--pbb-insight-text) !important;
}

#view-insights [style*="color: var(--text-muted)"],
#view-progress [style*="color: var(--text-muted)"],
.weekly-trends-page [style*="color: var(--text-muted)"] {
    color: var(--pbb-insight-muted) !important;
    -webkit-text-fill-color: var(--pbb-insight-muted) !important;
}

#view-progress [style*="color:#0f172a"],
#view-progress [style*="color: #0f172a"],
#view-progress [style*="color:#1f2937"],
#view-progress [style*="color: #1f2937"],
#view-progress [style*="color:#334155"],
#view-progress [style*="color: #334155"],
.weekly-trends-page [style*="color:#0f172a"],
.weekly-trends-page [style*="color: #0f172a"],
.weekly-trends-page [style*="color:#1f2937"],
.weekly-trends-page [style*="color: #1f2937"],
.weekly-trends-page [style*="color:#334155"],
.weekly-trends-page [style*="color: #334155"] {
    color: var(--pbb-insight-text) !important;
    -webkit-text-fill-color: var(--pbb-insight-text) !important;
}

#view-progress [style*="color:#475569"],
#view-progress [style*="color: #475569"],
#view-progress [style*="color:#64748b"],
#view-progress [style*="color: #64748b"],
#view-progress [style*="color:#94a3b8"],
#view-progress [style*="color: #94a3b8"],
.weekly-trends-page [style*="color:#475569"],
.weekly-trends-page [style*="color: #475569"],
.weekly-trends-page [style*="color:#64748b"],
.weekly-trends-page [style*="color: #64748b"],
.weekly-trends-page [style*="color:#94a3b8"],
.weekly-trends-page [style*="color: #94a3b8"] {
    color: var(--pbb-insight-muted) !important;
    -webkit-text-fill-color: var(--pbb-insight-muted) !important;
}

html:not([data-pbb-theme="light"]) #view-progress [style*="color:#312e81"],
html:not([data-pbb-theme="light"]) #view-progress [style*="color: #312e81"],
html:not([data-pbb-theme="light"]) .weekly-trends-page [style*="color:#312e81"],
html:not([data-pbb-theme="light"]) .weekly-trends-page [style*="color: #312e81"] {
    color: #a78bfa !important;
    -webkit-text-fill-color: #a78bfa !important;
}

#view-progress [style*="border-bottom: 1px solid #f1f5f9"],
#view-progress [style*="border-bottom:1px solid #f1f5f9"],
#view-progress [style*="border: 1px solid #e2e8f0"],
#view-progress [style*="border:1px solid #e2e8f0"],
.weekly-trends-page [style*="border-bottom: 1px solid #f1f5f9"],
.weekly-trends-page [style*="border-bottom:1px solid #f1f5f9"],
.weekly-trends-page [style*="border: 1px solid #e2e8f0"],
.weekly-trends-page [style*="border:1px solid #e2e8f0"],
.weekly-trends-page .sparkline-row,
#view-progress .sparkline-row {
    border-color: var(--pbb-insight-border-soft) !important;
}

#view-progress svg line[stroke="#f1f5f9"],
.weekly-trends-page svg line[stroke="#f1f5f9"] {
    stroke: var(--pbb-insight-grid) !important;
}

#view-progress svg text[fill="#94a3b8"],
.weekly-trends-page svg text[fill="#94a3b8"] {
    fill: var(--pbb-insight-axis) !important;
}

#view-progress svg circle[fill="white"],
.weekly-trends-page svg circle[fill="white"] {
    fill: var(--pbb-insight-card-bg) !important;
}

#view-insights .multi-week-nav,
.weekly-trends-page .multi-week-nav,
#view-progress .multi-week-nav {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(245, 217, 138, 0.12) !important;
}

#view-insights .multi-week-nav button,
.weekly-trends-page .multi-week-nav button,
#view-progress .multi-week-nav button {
    background: var(--pbb-insight-soft-bg) !important;
    border-color: var(--pbb-insight-border-soft) !important;
    color: rgba(248, 247, 242, 0.66) !important;
}

#view-insights .multi-week-nav button.active,
.weekly-trends-page .multi-week-nav button.active,
#view-progress .multi-week-nav button.active {
    background: rgba(248, 247, 242, 0.94) !important;
    color: #0c0c0c !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28) !important;
}

html[data-pbb-theme="light"] #view-insights.activity-insights-view,
html[data-pbb-theme="light"] #view-progress,
html[data-pbb-theme="light"] .weekly-trends-page {
    --pbb-insight-page-bg: #f8f5ee;
    --pbb-insight-header-bg: rgba(255, 255, 255, 0.92);
    --pbb-insight-card-bg: rgba(255, 255, 255, 0.9);
    --pbb-insight-soft-bg: rgba(255, 255, 255, 0.74);
    --pbb-insight-softer-bg: rgba(244, 240, 231, 0.82);
    --pbb-insight-border: rgba(184, 137, 43, 0.16);
    --pbb-insight-border-soft: rgba(184, 137, 43, 0.1);
    --pbb-insight-text: #151515;
    --pbb-insight-muted: #6f6a61;
    --pbb-insight-axis: #6f6a61;
    --pbb-insight-grid: rgba(17, 17, 17, 0.08);
    background:
        radial-gradient(circle at 12% 4%, rgba(184, 137, 43, 0.12), transparent 28%),
        linear-gradient(180deg, #f8f5ee 0%, #f1eadf 100%) !important;
    color: var(--pbb-insight-text) !important;
}

html[data-pbb-theme="light"] #view-insights > div[style*="position: sticky"],
html[data-pbb-theme="light"] #view-progress > div[style*="position: sticky"],
html[data-pbb-theme="light"] .weekly-trends-page-header {
    background: rgba(255, 255, 255, 0.92) !important;
    border-bottom-color: rgba(184, 137, 43, 0.16) !important;
    box-shadow: 0 12px 28px rgba(57, 47, 31, 0.1) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #view-insights > div[style*="position: sticky"] > div,
html[data-pbb-theme="light"] #view-progress > div[style*="position: sticky"] > div,
html[data-pbb-theme="light"] .weekly-trends-page-title {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] #view-insights .activity-insights-hub-card {
    background:
        radial-gradient(circle at 88% 0%, rgba(var(--activity-insight-accent-rgb), 0.13), transparent 34%),
        linear-gradient(135deg, #ffffff 0%, #f7f3e9 58%, #ece4d3 100%) !important;
    border-color: rgba(var(--activity-insight-accent-rgb), 0.28) !important;
    box-shadow: 0 18px 42px rgba(57, 47, 31, 0.14) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #view-insights .activity-insights-hub-card > div[style*="font-weight: 700"][style*="0.95rem"] {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] #view-insights .activity-insights-hub-card > div[style*="0.72rem"] {
    color: #6f6a61 !important;
    -webkit-text-fill-color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #view-insights .activity-insights-hub-card > div[style*="width: 40px"] {
    background: rgba(var(--activity-insight-accent-rgb), 0.13) !important;
    border-color: rgba(var(--activity-insight-accent-rgb), 0.24) !important;
}

html[data-pbb-theme="light"] #view-insights .activity-insights-hub-card--nutrition > div[style*="margin-top: 10px"] {
    color: #0f7a49 !important;
    -webkit-text-fill-color: #0f7a49 !important;
}

html[data-pbb-theme="light"] #view-insights .activity-insights-hub-card--movement > div[style*="margin-top: 10px"] {
    color: #2458a6 !important;
    -webkit-text-fill-color: #2458a6 !important;
}

html[data-pbb-theme="light"] #view-insights .activity-insights-hub-card--transformation > div[style*="margin-top: 10px"] {
    color: #b91c72 !important;
    -webkit-text-fill-color: #b91c72 !important;
}

html[data-pbb-theme="light"] #view-insights .activity-insights-hub-card--recovery > div[style*="margin-top: 10px"] {
    color: #6d28d9 !important;
    -webkit-text-fill-color: #6d28d9 !important;
}

html[data-pbb-theme="light"] #view-insights [style*="background: white"][style*="border-radius: 20px"]:not(.activity-insights-hub-card),
html[data-pbb-theme="light"] #view-insights [style*="background:white"][style*="border-radius:20px"]:not(.activity-insights-hub-card),
html[data-pbb-theme="light"] #view-progress [style*="background: white"],
html[data-pbb-theme="light"] #view-progress [style*="background:white"],
html[data-pbb-theme="light"] .weekly-trends-page [style*="background: white"],
html[data-pbb-theme="light"] .weekly-trends-page [style*="background:white"] {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(184, 137, 43, 0.16) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #view-insights [style*="color: var(--text-main)"],
html[data-pbb-theme="light"] #view-progress [style*="color: var(--text-main)"],
html[data-pbb-theme="light"] .weekly-trends-page [style*="color: var(--text-main)"] {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] #view-insights [style*="color: var(--text-muted)"],
html[data-pbb-theme="light"] #view-progress [style*="color: var(--text-muted)"],
html[data-pbb-theme="light"] .weekly-trends-page [style*="color: var(--text-muted)"] {
    color: #6f6a61 !important;
    -webkit-text-fill-color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #view-insights .multi-week-nav,
html[data-pbb-theme="light"] .weekly-trends-page .multi-week-nav,
html[data-pbb-theme="light"] #view-progress .multi-week-nav {
    background: rgba(255, 255, 255, 0.78) !important;
    border-color: rgba(184, 137, 43, 0.16) !important;
}

html[data-pbb-theme="light"] #view-insights .multi-week-nav button,
html[data-pbb-theme="light"] .weekly-trends-page .multi-week-nav button,
html[data-pbb-theme="light"] #view-progress .multi-week-nav button {
    color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #view-insights .multi-week-nav button.active,
html[data-pbb-theme="light"] .weekly-trends-page .multi-week-nav button.active,
html[data-pbb-theme="light"] #view-progress .multi-week-nav button.active {
    background: #151515 !important;
    color: #ffffff !important;
}

html[data-pbb-theme="light"] .weekly-trends-page .week-compare-stat .stat-value,
html[data-pbb-theme="light"] #view-progress .week-compare-stat .stat-value {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] #view-log-activity h1,
html[data-pbb-theme="light"] #view-log-activity h2,
html[data-pbb-theme="light"] #view-log-activity h3,
html[data-pbb-theme="light"] #view-log-activity [style*="color:#fffaf2"],
html[data-pbb-theme="light"] #view-log-activity [style*="color: #fffaf2"],
html[data-pbb-theme="light"] #view-log-activity [style*="color:white"],
html[data-pbb-theme="light"] #view-log-activity [style*="color: white"] {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] #coin-shop-modal .coin-pack-option > div:last-child {
    background: linear-gradient(135deg, #f5d98a 0%, #d8b25e 55%, #b8892b 100%) !important;
    border: 1px solid rgba(184, 137, 43, 0.34) !important;
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
    box-shadow: 0 10px 24px rgba(184, 137, 43, 0.16) !important;
}

html[data-pbb-theme="light"] #coin-shop-modal .coin-pack-option > div:last-child {
    background: linear-gradient(135deg, #f5d98a 0%, #d8b25e 55%, #b8892b 100%) !important;
    border: 1px solid rgba(184, 137, 43, 0.34) !important;
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
    box-shadow: 0 10px 24px rgba(184, 137, 43, 0.16) !important;
}

/* Light-mode builder picker polish: exercise names and filter rows must stay readable. */
html[data-pbb-theme="light"] #view-workout-builder > div[style*="position: sticky"] {
    background: rgba(255, 255, 255, 0.94) !important;
    border-color: rgba(184, 137, 43, 0.16) !important;
    color: #151515 !important;
    box-shadow: 0 14px 34px rgba(57, 47, 31, 0.1) !important;
}

html[data-pbb-theme="light"] #view-workout-builder > div[style*="position: sticky"] *,
html[data-pbb-theme="light"] #view-workout-builder [onclick*="toggleFilterSection"],
html[data-pbb-theme="light"] #view-workout-builder [onclick*="toggleFilterSection"] *,
html[data-pbb-theme="light"] #builder-library-list > div,
html[data-pbb-theme="light"] #builder-library-list > div > div {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] #view-workout-builder [onclick*="toggleFilterSection"],
html[data-pbb-theme="light"] #view-workout-builder [id^="filter-content-"],
html[data-pbb-theme="light"] #builder-library-list > div {
    background: rgba(255, 255, 255, 0.86) !important;
    border-color: rgba(184, 137, 43, 0.18) !important;
    box-shadow: 0 12px 28px rgba(57, 47, 31, 0.08) !important;
}

html[data-pbb-theme="light"] #builder-library-list > div[style*="var(--primary)"],
html[data-pbb-theme="light"] #builder-library-list > div[style*="#f0fdf4"],
html[data-pbb-theme="light"] #builder-library-list > div[style*="rgb(240, 253, 244)"] {
    background: #fff6de !important;
    border-color: rgba(184, 137, 43, 0.44) !important;
}

html[data-pbb-theme="light"] #builder-library-list > div button {
    background: #fff9e8 !important;
    border: 1px solid rgba(184, 137, 43, 0.22) !important;
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] #builder-library-list > div button[style*="var(--primary)"] {
    background: linear-gradient(135deg, #f5d98a 0%, #d8b25e 55%, #b8892b 100%) !important;
    border-color: rgba(184, 137, 43, 0.44) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #view-workout-builder .filter-chip {
    background: rgba(255, 255, 255, 0.82) !important;
    border-color: rgba(184, 137, 43, 0.2) !important;
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] #view-workout-builder .filter-chip[style*="var(--primary)"] {
    background: linear-gradient(135deg, #f5d98a 0%, #d8b25e 55%, #b8892b 100%) !important;
    border-color: rgba(184, 137, 43, 0.42) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #view-workout-builder svg {
    fill: #6f6a61 !important;
}

/* Light-mode game invite polish: active game cards keep their playful art without black-on-black text. */
html[data-pbb-theme="light"] #active-games-container [onclick*="openGameBoard"],
html[data-pbb-theme="light"] #active-games-container [onclick*="handleQuizBattleMessageClick"] {
    background: #ffffff !important;
    background-image: linear-gradient(135deg, #ffffff 0%, #f8f4ea 100%) !important;
    border-color: rgba(184, 137, 43, 0.22) !important;
    color: #151515 !important;
    box-shadow: 0 14px 30px rgba(57, 47, 31, 0.14) !important;
}

html[data-pbb-theme="light"] #active-games-container [onclick*="openGameBoard"] > div:last-child,
html[data-pbb-theme="light"] #active-games-container [onclick*="handleQuizBattleMessageClick"] > div:last-child {
    background: rgba(255, 255, 255, 0.92) !important;
}

html[data-pbb-theme="light"] #active-games-container [onclick*="openGameBoard"] [style*="color:var(--text-main)"],
html[data-pbb-theme="light"] #active-games-container [onclick*="openGameBoard"] [style*="color: var(--text-main)"],
html[data-pbb-theme="light"] #active-games-container [onclick*="handleQuizBattleMessageClick"] [style*="color:var(--text-main)"],
html[data-pbb-theme="light"] #active-games-container [onclick*="handleQuizBattleMessageClick"] [style*="color: var(--text-main)"] {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] #active-games-container [onclick*="openGameBoard"] [style*="color:var(--text-muted)"],
html[data-pbb-theme="light"] #active-games-container [onclick*="openGameBoard"] [style*="color: var(--text-muted)"],
html[data-pbb-theme="light"] #active-games-container [onclick*="handleQuizBattleMessageClick"] [style*="color:var(--text-muted)"],
html[data-pbb-theme="light"] #active-games-container [onclick*="handleQuizBattleMessageClick"] [style*="color: var(--text-muted)"] {
    color: #6f6a61 !important;
    -webkit-text-fill-color: #6f6a61 !important;
}

html[data-pbb-theme="light"] .game-toast,
html[data-pbb-theme="light"] .game-toast *,
html[data-pbb-theme="light"] #game-toast,
html[data-pbb-theme="light"] #game-toast * {
    color: #fffaf2 !important;
    -webkit-text-fill-color: #fffaf2 !important;
}

html[data-pbb-theme="light"] .game-toast [style*="color:#fbbf24"],
html[data-pbb-theme="light"] .game-toast [style*="color: #fbbf24"],
html[data-pbb-theme="light"] #game-toast [style*="color:#fbbf24"],
html[data-pbb-theme="light"] #game-toast [style*="color: #fbbf24"] {
    color: #f5d98a !important;
    -webkit-text-fill-color: #f5d98a !important;
}

html[data-pbb-theme="light"] input::placeholder,
html[data-pbb-theme="light"] textarea::placeholder {
    color: rgba(21, 21, 21, 0.48) !important;
    -webkit-text-fill-color: rgba(21, 21, 21, 0.48) !important;
}

html[data-pbb-theme="light"] #calories-macro-actions-overlay .adaptive-modal {
    background:
        radial-gradient(circle at 18% 0%, rgba(245, 217, 138, 0.22), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 244, 234, 0.98)) !important;
    border: 1px solid rgba(184, 137, 43, 0.2) !important;
    color: #151515 !important;
    box-shadow: 0 26px 72px rgba(57, 47, 31, 0.24) !important;
}

html[data-pbb-theme="light"] #calories-macro-actions-overlay .adaptive-modal,
html[data-pbb-theme="light"] #calories-macro-actions-overlay .adaptive-modal [style*="color:var(--text-main)"],
html[data-pbb-theme="light"] #calories-macro-actions-overlay .adaptive-modal [style*="color: var(--text-main)"] {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] #calories-macro-actions-overlay .adaptive-modal [style*="color:var(--text-muted)"],
html[data-pbb-theme="light"] #calories-macro-actions-overlay .adaptive-modal [style*="color: var(--text-muted)"] {
    color: #6f6a61 !important;
    -webkit-text-fill-color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #calories-macro-actions-overlay [data-action] {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(184, 137, 43, 0.18) !important;
}

html[data-pbb-theme="light"] .meal-builder-modal,
html[data-pbb-theme="light"] .meal-builder-text-modal {
    background: rgba(17, 17, 17, 0.38) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] .meal-builder-container,
html[data-pbb-theme="light"] .meal-builder-text-container {
    background:
        radial-gradient(circle at 18% 0%, rgba(245, 217, 138, 0.2), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 244, 234, 0.99)) !important;
    border-color: rgba(184, 137, 43, 0.2) !important;
    color: #151515 !important;
    box-shadow: 0 26px 72px rgba(57, 47, 31, 0.24) !important;
}

html[data-pbb-theme="light"] .meal-builder-header,
html[data-pbb-theme="light"] .meal-builder-footer,
html[data-pbb-theme="light"] .meal-builder-text-header {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(184, 137, 43, 0.16) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] .meal-builder-header h3,
html[data-pbb-theme="light"] .meal-builder-text-header h4,
html[data-pbb-theme="light"] .meal-builder-total-cal,
html[data-pbb-theme="light"] .meal-builder-macro strong,
html[data-pbb-theme="light"] .meal-builder-empty strong,
html[data-pbb-theme="light"] .meal-builder-item-name {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] .meal-builder-close,
html[data-pbb-theme="light"] .meal-builder-text-close,
html[data-pbb-theme="light"] .meal-builder-total-label,
html[data-pbb-theme="light"] .meal-builder-macro,
html[data-pbb-theme="light"] .meal-builder-empty,
html[data-pbb-theme="light"] .meal-builder-empty p,
html[data-pbb-theme="light"] .meal-builder-add-label,
html[data-pbb-theme="light"] .meal-builder-item-meta {
    color: #6f6a61 !important;
    -webkit-text-fill-color: #6f6a61 !important;
}

html[data-pbb-theme="light"] .meal-builder-totals,
html[data-pbb-theme="light"] .meal-builder-item,
html[data-pbb-theme="light"] .meal-builder-empty,
html[data-pbb-theme="light"] .meal-builder-add-row {
    background: rgba(255, 255, 255, 0.82) !important;
    border-color: rgba(184, 137, 43, 0.16) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] .meal-builder-add-btn,
html[data-pbb-theme="light"] .meal-builder-name-input,
html[data-pbb-theme="light"] .meal-builder-text-input {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(184, 137, 43, 0.2) !important;
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] .meal-builder-add-btn span,
html[data-pbb-theme="light"] .meal-builder-add-btn svg {
    color: #151515 !important;
    fill: #6f6a61 !important;
    stroke: #6f6a61 !important;
}

html[data-pbb-theme="light"] .meal-builder-empty svg {
    color: #6f6a61 !important;
    stroke: #6f6a61 !important;
}

html[data-pbb-theme="light"] .meal-builder-save-btn,
html[data-pbb-theme="light"] .meal-builder-text-submit {
    background: linear-gradient(135deg, #f5d98a 0%, #d8b25e 55%, #b8892b 100%) !important;
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] .meal-builder-save-btn:disabled,
html[data-pbb-theme="light"] .meal-builder-text-submit:disabled {
    opacity: 0.76 !important;
}

html[data-pbb-theme="light"] #quiz-battle-invite-overlay .battle-invite-modal {
    color: #f8f7f2 !important;
}

html[data-pbb-theme="light"] #quiz-battle-invite-overlay .battle-invite-header h2,
html[data-pbb-theme="light"] #quiz-battle-invite-overlay .battle-invite-header p,
html[data-pbb-theme="light"] #quiz-battle-invite-overlay .battle-invite-body [style*="color: rgba(255,255,255"],
html[data-pbb-theme="light"] #quiz-battle-invite-overlay .battle-invite-body [style*="color:rgba(255,255,255"],
html[data-pbb-theme="light"] #quiz-battle-invite-overlay [onclick*="_startQuizBattleVsAI"] div {
    color: #f8f7f2 !important;
    -webkit-text-fill-color: #f8f7f2 !important;
}

html[data-pbb-theme="light"] #quiz-battle-invite-overlay [onclick*="_startQuizBattleVsAI"] div:last-child {
    color: rgba(248, 247, 242, 0.68) !important;
    -webkit-text-fill-color: rgba(248, 247, 242, 0.68) !important;
}

html[data-pbb-theme="light"] #quiz-battle-invite-overlay input {
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: rgba(245, 217, 138, 0.22) !important;
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

/* Light-mode sweep fixes: diary, activity logger, cycle modal, and weekly goals. */
html[data-pbb-theme="light"] #fitness-diary-card,
html[data-pbb-theme="light"] #fitness-diary-done-card {
    background:
        radial-gradient(circle at 88% 0%, rgba(216, 178, 94, 0.18), transparent 30%),
        linear-gradient(135deg, #ffffff 0%, #f7f2e7 58%, #e8dcc4 100%) !important;
    border: 1px solid rgba(184, 137, 43, 0.2) !important;
    color: #151515 !important;
    box-shadow: 0 18px 42px rgba(57, 47, 31, 0.14) !important;
}

html[data-pbb-theme="light"] #fitness-diary-card h3,
html[data-pbb-theme="light"] #fitness-diary-card [style*="font-weight: 700"],
html[data-pbb-theme="light"] #fitness-diary-done-card [style*="font-weight: 700"] {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #fitness-diary-card p,
html[data-pbb-theme="light"] #fitness-diary-card [style*="opacity: 0.9"],
html[data-pbb-theme="light"] #fitness-diary-done-card [style*="opacity"] {
    color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #fitness-diary-collapsed {
    background: rgba(255, 255, 255, 0.78) !important;
    border: 1px solid rgba(184, 137, 43, 0.16) !important;
    color: #151515 !important;
}

/* Real-account light-mode modal audit: keep older game, friend, feed, and shop surfaces in the light luxe system. */
html[data-pbb-theme="light"] #home-friends-modal,
html[data-pbb-theme="light"] #add-friend-modal,
html[data-pbb-theme="light"] #story-choice-modal,
html[data-pbb-theme="light"] #story-upload-modal,
html[data-pbb-theme="light"] #calendar-workout-action-modal,
html[data-pbb-theme="light"] #game-challenge-modal,
html[data-pbb-theme="light"] #game-invite-modal,
html[data-pbb-theme="light"] #game-result-overlay,
html[data-pbb-theme="light"] #quiz-battle-invite-overlay,
html[data-pbb-theme="light"] #coin-shop-modal,
html[data-pbb-theme="light"] #challenge-pass-modal,
html[data-pbb-theme="light"] #rare-rewards-modal,
html[data-pbb-theme="light"] #badge-collection-modal,
html[data-pbb-theme="light"] #share-win-modal {
    background: rgba(248, 245, 238, 0.78) !important;
    backdrop-filter: blur(16px) saturate(118%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(118%) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #home-friends-modal > div,
html[data-pbb-theme="light"] #add-friend-modal > div,
html[data-pbb-theme="light"] #story-choice-modal > div,
html[data-pbb-theme="light"] #story-upload-modal > div,
html[data-pbb-theme="light"] #calendar-workout-action-modal > div,
html[data-pbb-theme="light"] #game-challenge-modal > div,
html[data-pbb-theme="light"] #game-invite-modal > div,
html[data-pbb-theme="light"] #game-result-overlay > div,
html[data-pbb-theme="light"] #quiz-battle-invite-overlay .battle-invite-modal,
html[data-pbb-theme="light"] #coin-shop-modal > div,
html[data-pbb-theme="light"] #challenge-pass-modal > div,
html[data-pbb-theme="light"] #rare-rewards-modal > div,
html[data-pbb-theme="light"] #badge-collection-modal > div,
html[data-pbb-theme="light"] #share-win-modal > div {
    background:
        radial-gradient(circle at 88% 0%, rgba(216, 178, 94, 0.18), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 240, 231, 0.97)) !important;
    border: 1px solid rgba(184, 137, 43, 0.2) !important;
    color: #151515 !important;
    box-shadow: 0 24px 58px rgba(57, 47, 31, 0.16) !important;
}

html[data-pbb-theme="light"] #home-friends-modal h3,
html[data-pbb-theme="light"] #add-friend-modal h2,
html[data-pbb-theme="light"] #story-choice-modal h3,
html[data-pbb-theme="light"] #story-upload-modal h3,
html[data-pbb-theme="light"] #calendar-workout-action-modal h3,
html[data-pbb-theme="light"] #game-challenge-modal h3,
html[data-pbb-theme="light"] #game-invite-modal h3,
html[data-pbb-theme="light"] #game-result-overlay h2,
html[data-pbb-theme="light"] #quiz-battle-invite-overlay h2,
html[data-pbb-theme="light"] #coin-shop-modal h3,
html[data-pbb-theme="light"] #challenge-pass-modal h3,
html[data-pbb-theme="light"] #rare-rewards-modal h3,
html[data-pbb-theme="light"] #badge-collection-modal h3,
html[data-pbb-theme="light"] #share-win-modal h3,
html[data-pbb-theme="light"] #home-friends-modal [style*="color: var(--text-main)"],
html[data-pbb-theme="light"] #add-friend-modal [style*="color: var(--text-main)"],
html[data-pbb-theme="light"] #calendar-workout-action-modal [style*="color: var(--text-main)"],
html[data-pbb-theme="light"] #game-challenge-modal [style*="color: var(--text-main)"],
html[data-pbb-theme="light"] #quiz-battle-invite-overlay [style*="color: var(--text-main)"],
html[data-pbb-theme="light"] #coin-shop-modal [style*="color: var(--text-main)"],
html[data-pbb-theme="light"] #home-friends-modal [style*="color:white"],
html[data-pbb-theme="light"] #home-friends-modal [style*="color: white"],
html[data-pbb-theme="light"] #add-friend-modal [style*="color:white"],
html[data-pbb-theme="light"] #add-friend-modal [style*="color: white"],
html[data-pbb-theme="light"] #story-choice-modal [style*="color:white"],
html[data-pbb-theme="light"] #story-choice-modal [style*="color: white"],
html[data-pbb-theme="light"] #calendar-workout-action-modal [style*="color:white"],
html[data-pbb-theme="light"] #calendar-workout-action-modal [style*="color: white"],
html[data-pbb-theme="light"] #game-challenge-modal [style*="color:white"],
html[data-pbb-theme="light"] #game-challenge-modal [style*="color: white"],
html[data-pbb-theme="light"] #quiz-battle-invite-overlay [style*="color:white"],
html[data-pbb-theme="light"] #quiz-battle-invite-overlay [style*="color: white"],
html[data-pbb-theme="light"] #coin-shop-modal [style*="color:white"],
html[data-pbb-theme="light"] #coin-shop-modal [style*="color: white"] {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] #home-friends-modal [style*="color: var(--text-muted)"],
html[data-pbb-theme="light"] #add-friend-modal [style*="color: var(--text-muted)"],
html[data-pbb-theme="light"] #add-friend-modal [style*="color:#64748b"],
html[data-pbb-theme="light"] #add-friend-modal [style*="color: #64748b"],
html[data-pbb-theme="light"] #story-choice-modal p,
html[data-pbb-theme="light"] #story-upload-modal [style*="color: var(--text-muted)"],
html[data-pbb-theme="light"] #calendar-workout-action-modal [style*="color: var(--text-muted)"],
html[data-pbb-theme="light"] #game-challenge-modal p,
html[data-pbb-theme="light"] #game-challenge-modal [style*="color:rgba(255,255,255"],
html[data-pbb-theme="light"] #game-challenge-modal [style*="color: rgba(255, 255, 255"],
html[data-pbb-theme="light"] #quiz-battle-invite-overlay p,
html[data-pbb-theme="light"] #quiz-battle-invite-overlay [style*="color:rgba(255,255,255"],
html[data-pbb-theme="light"] #quiz-battle-invite-overlay [style*="color: rgba(255, 255, 255"],
html[data-pbb-theme="light"] #coin-shop-balance,
html[data-pbb-theme="light"] #coin-shop-modal [style*="color:rgba(255,255,255"],
html[data-pbb-theme="light"] #coin-shop-modal [style*="color: rgba(255, 255, 255"] {
    color: #6f6a61 !important;
    -webkit-text-fill-color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #home-friends-modal-list > div,
html[data-pbb-theme="light"] #add-friend-modal > div > div,
html[data-pbb-theme="light"] #story-choice-modal button,
html[data-pbb-theme="light"] #story-upload-modal > div > div,
html[data-pbb-theme="light"] #calendar-workout-action-modal button,
html[data-pbb-theme="light"] #game-challenge-modal .game-type-card,
html[data-pbb-theme="light"] #game-challenge-modal [style*="background: rgba(255,255,255"],
html[data-pbb-theme="light"] #game-challenge-modal [style*="background: rgba(255, 255, 255"],
html[data-pbb-theme="light"] #quiz-battle-invite-overlay .qb-bet-btn,
html[data-pbb-theme="light"] #quiz-battle-invite-overlay [onclick*="_startQuizBattleVsAI"],
html[data-pbb-theme="light"] #quiz-battle-invite-overlay [style*="background: rgba(255,255,255"],
html[data-pbb-theme="light"] #quiz-battle-invite-overlay [style*="background: rgba(255, 255, 255"],
html[data-pbb-theme="light"] #coin-shop-modal .coin-pack-option,
html[data-pbb-theme="light"] #challenge-pass-modal [style*="background"],
html[data-pbb-theme="light"] #rare-rewards-modal [style*="background"],
html[data-pbb-theme="light"] #badge-collection-modal [style*="background"],
html[data-pbb-theme="light"] #share-win-modal [style*="background"] {
    background: rgba(255, 255, 255, 0.82) !important;
    border: 1px solid rgba(184, 137, 43, 0.16) !important;
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
    box-shadow: 0 12px 28px rgba(57, 47, 31, 0.08) !important;
}

html[data-pbb-theme="light"] #story-choice-modal button:not(:last-child),
html[data-pbb-theme="light"] #story-upload-modal button[style*="var(--primary)"],
html[data-pbb-theme="light"] #calendar-workout-action-modal #action-modal-start-btn,
html[data-pbb-theme="light"] #game-challenge-modal button[style*="var(--primary)"],
html[data-pbb-theme="light"] #quiz-battle-invite-overlay button[style*="var(--primary)"],
html[data-pbb-theme="light"] #quiz-battle-invite-overlay button[style*="#7c3aed"],
html[data-pbb-theme="light"] #coin-shop-modal button,
html[data-pbb-theme="light"] #home-friends-modal button[onclick*="openAddFriendModal"],
html[data-pbb-theme="light"] #add-friend-modal button[style*="var(--primary)"] {
    background: linear-gradient(135deg, #f5d98a 0%, #d8b25e 55%, #b8892b 100%) !important;
    border: 1px solid rgba(184, 137, 43, 0.34) !important;
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
    box-shadow: 0 14px 32px rgba(184, 137, 43, 0.18) !important;
}

html[data-pbb-theme="light"] #story-choice-modal button:last-child,
html[data-pbb-theme="light"] #calendar-workout-action-modal button[onclick*="close"],
html[data-pbb-theme="light"] #game-challenge-modal button[onclick*="close"],
html[data-pbb-theme="light"] #quiz-battle-invite-overlay .battle-invite-close,
html[data-pbb-theme="light"] #coin-shop-modal button[onclick*="close"] {
    background: rgba(255, 255, 255, 0.68) !important;
    border: 1px solid rgba(184, 137, 43, 0.16) !important;
    color: #6f6a61 !important;
    -webkit-text-fill-color: #6f6a61 !important;
    box-shadow: none !important;
}

html[data-pbb-theme="light"] #calendar-workout-action-modal button[onclick*="close"] svg,
html[data-pbb-theme="light"] #calendar-workout-action-modal button[onclick*="close"] path,
html[data-pbb-theme="light"] #calendar-workout-action-modal button:not(#action-modal-start-btn) svg,
html[data-pbb-theme="light"] #calendar-workout-action-modal button:not(#action-modal-start-btn) path {
    color: #6f6a61 !important;
    fill: #6f6a61 !important;
    stroke: #6f6a61 !important;
}

html[data-pbb-theme="light"] #add-friend-modal input,
html[data-pbb-theme="light"] #story-upload-modal input,
html[data-pbb-theme="light"] #story-upload-modal textarea,
html[data-pbb-theme="light"] #game-challenge-modal input,
html[data-pbb-theme="light"] #quiz-battle-invite-overlay input,
html[data-pbb-theme="light"] #coin-shop-modal input {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(184, 137, 43, 0.24) !important;
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] #direct-message-modal #dm-messages-container,
html[data-pbb-theme="light"] #coach-chat-modal #chat-messages-container,
html[data-pbb-theme="light"] #group-chat-modal #gc-messages-container,
html[data-pbb-theme="light"] #message-selector-modal #message-selector-list,
html[data-pbb-theme="light"] #create-group-chat-modal [style*="max-height: calc(85vh - 140px)"] {
    background: rgba(244, 240, 231, 0.84) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #direct-message-modal #dm-messages-container > div,
html[data-pbb-theme="light"] #coach-chat-modal #chat-messages-container > div,
html[data-pbb-theme="light"] #group-chat-modal #gc-messages-container > div {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #game-toast {
    background:
        radial-gradient(circle at 88% 0%, rgba(216, 178, 94, 0.2), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(244, 240, 231, 0.96)) !important;
    border: 1px solid rgba(184, 137, 43, 0.22) !important;
    color: #151515 !important;
    box-shadow: 0 18px 42px rgba(57, 47, 31, 0.16) !important;
}

html[data-pbb-theme="light"] #game-toast *,
html[data-pbb-theme="light"] #game-toast [style*="color"] {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] #story-choice-modal > div *,
html[data-pbb-theme="light"] #story-upload-modal > div *,
html[data-pbb-theme="light"] #calendar-workout-action-modal > div *,
html[data-pbb-theme="light"] #game-challenge-modal > div *,
html[data-pbb-theme="light"] #game-invite-modal > div *,
html[data-pbb-theme="light"] #game-result-overlay > div *,
html[data-pbb-theme="light"] #quiz-battle-invite-overlay .battle-invite-modal *,
html[data-pbb-theme="light"] #coin-shop-modal > div *,
html[data-pbb-theme="light"] #challenge-pass-modal > div *,
html[data-pbb-theme="light"] #rare-rewards-modal > div *,
html[data-pbb-theme="light"] #badge-collection-modal > div *,
html[data-pbb-theme="light"] #share-win-modal > div * {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] #story-choice-modal p,
html[data-pbb-theme="light"] #story-choice-modal button:last-child,
html[data-pbb-theme="light"] #calendar-workout-action-modal p,
html[data-pbb-theme="light"] #game-challenge-modal p,
html[data-pbb-theme="light"] #quiz-battle-invite-overlay p,
html[data-pbb-theme="light"] #quiz-battle-invite-overlay .battle-invite-close,
html[data-pbb-theme="light"] #quiz-battle-invite-overlay [onclick*="_startQuizBattleVsAI"] div:last-child,
html[data-pbb-theme="light"] #coin-shop-balance {
    color: #6f6a61 !important;
    -webkit-text-fill-color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #quiz-battle-invite-overlay button[style*="var(--primary)"] *,
html[data-pbb-theme="light"] #game-challenge-modal button[style*="var(--primary)"] *,
html[data-pbb-theme="light"] #coin-shop-modal button *,
html[data-pbb-theme="light"] #calendar-workout-action-modal #action-modal-start-btn * {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] #fitness-diary-collapsed * {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #fitness-diary-collapsed [style*="opacity"] {
    color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #view-log-activity input,
html[data-pbb-theme="light"] #view-log-activity textarea,
html[data-pbb-theme="light"] #view-log-activity select {
    background: #ffffff !important;
    border: 1px solid rgba(184, 137, 43, 0.22) !important;
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
    caret-color: #151515 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}

html[data-pbb-theme="light"] #view-log-activity input::placeholder,
html[data-pbb-theme="light"] #view-log-activity textarea::placeholder {
    color: #8a8174 !important;
    -webkit-text-fill-color: #8a8174 !important;
}

html[data-pbb-theme="light"] #view-log-activity [style*="linear-gradient(135deg, #0c4a6e"],
html[data-pbb-theme="light"] #view-log-activity [style*="linear-gradient(135deg,#0c4a6e"] {
    background: linear-gradient(135deg, #151515 0%, #34302a 58%, #b8892b 100%) !important;
    border: 1px solid rgba(184, 137, 43, 0.28) !important;
    color: #fffaf2 !important;
}

html[data-pbb-theme="light"] #view-log-activity [style*="linear-gradient(135deg, #0c4a6e"] *,
html[data-pbb-theme="light"] #view-log-activity [style*="linear-gradient(135deg,#0c4a6e"] *,
html[data-pbb-theme="light"] #activity-calories-display {
    color: #fffaf2 !important;
    -webkit-text-fill-color: #fffaf2 !important;
}

html[data-pbb-theme="light"] #view-log-activity .intensity-btn[style*="#0ea5e9"] {
    background: #fff9e8 !important;
    border-color: #b8892b !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #cycle-tracking-modal .onboarding-modal {
    background:
        radial-gradient(circle at 88% 0%, rgba(216, 178, 94, 0.16), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 240, 231, 0.96)) !important;
    border: 1px solid rgba(184, 137, 43, 0.2) !important;
    color: #151515 !important;
    box-shadow: 0 24px 58px rgba(57, 47, 31, 0.16) !important;
}

html[data-pbb-theme="light"] #cycle-tracking-modal .onboarding-modal h2,
html[data-pbb-theme="light"] #cycle-tracking-modal .onboarding-modal h3,
html[data-pbb-theme="light"] #cycle-tracking-modal .onboarding-modal label,
html[data-pbb-theme="light"] #cycle-tracking-modal .onboarding-modal [style*="color:var(--primary)"],
html[data-pbb-theme="light"] #cycle-tracking-modal .onboarding-modal [style*="color: var(--primary)"] {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #cycle-tracking-modal .onboarding-modal p,
html[data-pbb-theme="light"] #cycle-tracking-modal .onboarding-modal [style*="color:#666"],
html[data-pbb-theme="light"] #cycle-tracking-modal .onboarding-modal [style*="color: #666"],
html[data-pbb-theme="light"] #cycle-tracking-modal .onboarding-modal [style*="color:#64748b"],
html[data-pbb-theme="light"] #cycle-tracking-modal .onboarding-modal [style*="color: #64748b"] {
    color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #cycle-tracking-modal .onboarding-modal [style*="background:#f8fafc"],
html[data-pbb-theme="light"] #cycle-tracking-modal .onboarding-modal [style*="background: #f8fafc"] {
    background: rgba(255, 255, 255, 0.86) !important;
    border-color: rgba(184, 137, 43, 0.16) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #cycle-tracking-modal input[type="date"],
html[data-pbb-theme="light"] #cycle-tracking-modal input[type="number"],
html[data-pbb-theme="light"] #cycle-tracking-modal input[type="text"] {
    background: #ffffff !important;
    border-color: rgba(184, 137, 43, 0.24) !important;
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
    caret-color: #151515 !important;
}

html[data-pbb-theme="light"] #cycle-tracking-modal button[onclick*="saveCycleTrackingData"] {
    background: linear-gradient(135deg, #f5d98a 0%, #d8b25e 55%, #b8892b 100%) !important;
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] #cycle-tracking-modal [onclick*="closeCycleTrackingModal"] {
    background: rgba(255, 255, 255, 0.86) !important;
    border: 1px solid rgba(184, 137, 43, 0.18) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-hero {
    background: linear-gradient(135deg, #151515 0%, #34302a 58%, #b8892b 100%) !important;
    color: #fffaf2 !important;
}

html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-hero * {
    color: #fffaf2 !important;
}

html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-hero [style*="#fde68a"] {
    color: #f5d98a !important;
}

html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-hero button {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(245, 217, 138, 0.18) !important;
    color: #fffaf2 !important;
}

html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-sheet [style*="background:linear-gradient(135deg,#ffffff"],
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-sheet [style*="background: linear-gradient(135deg,#ffffff"],
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-sheet [style*="background:linear-gradient(135deg, #ffffff"],
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-sheet [style*="background: linear-gradient(135deg, #ffffff"] {
    background: linear-gradient(135deg, #ffffff 0%, #f8f3e7 100%) !important;
    border: 1px solid rgba(184, 137, 43, 0.16) !important;
    color: #151515 !important;
    box-shadow: 0 8px 22px rgba(57, 47, 31, 0.08) !important;
}

html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-sheet [style*="background:linear-gradient(135deg,#ffffff"] [style*="color:#0f172a"],
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-sheet [style*="background: linear-gradient(135deg,#ffffff"] [style*="color:#0f172a"],
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-sheet [style*="background:linear-gradient(135deg, #ffffff"] [style*="color:#0f172a"],
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-sheet [style*="background: linear-gradient(135deg, #ffffff"] [style*="color:#0f172a"],
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-sheet [style*="background:linear-gradient(135deg,#ffffff"] [style*="color: #0f172a"],
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-sheet [style*="background: linear-gradient(135deg,#ffffff"] [style*="color: #0f172a"],
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-sheet [style*="background:linear-gradient(135deg, #ffffff"] [style*="color: #0f172a"],
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-sheet [style*="background: linear-gradient(135deg, #ffffff"] [style*="color: #0f172a"] {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-sheet [style*="background:linear-gradient(135deg,#ffffff"] [style*="color:#64748b"],
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-sheet [style*="background: linear-gradient(135deg,#ffffff"] [style*="color:#64748b"],
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-sheet [style*="background:linear-gradient(135deg, #ffffff"] [style*="color:#64748b"],
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-sheet [style*="background: linear-gradient(135deg, #ffffff"] [style*="color:#64748b"],
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-sheet [style*="background:linear-gradient(135deg,#ffffff"] [style*="color: #64748b"],
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-sheet [style*="background: linear-gradient(135deg,#ffffff"] [style*="color: #64748b"],
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-sheet [style*="background:linear-gradient(135deg, #ffffff"] [style*="color: #64748b"],
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-sheet [style*="background: linear-gradient(135deg, #ffffff"] [style*="color: #64748b"] {
    color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-selected-badge {
    color: #ffffff !important;
}

html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-sheet > div:last-child,
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-category,
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-choice {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(184, 137, 43, 0.16) !important;
    color: #151515 !important;
    box-shadow: 0 12px 28px rgba(57, 47, 31, 0.1) !important;
}

html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-category-title,
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-category-title *,
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-choice strong {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-category-head [style*="color:#475569"],
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-category-head [style*="color: #475569"],
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-choice span:not(.weekly-goal-choice-pill),
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-chip-wrap span,
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-stepper span {
    color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-choice-pill,
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-target-chip,
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-stepper input {
    background: #fff9e8 !important;
    border-color: rgba(184, 137, 43, 0.2) !important;
    color: #9f7628 !important;
}

html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-choice.selected,
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-target-chip.selected {
    background: linear-gradient(135deg, #fff9e8, #f2e3bf) !important;
    border-color: rgba(184, 137, 43, 0.45) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-choice.selected *,
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-target-chip.selected * {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-sheet > div[style*="position:sticky"][style*="bottom:0"],
html[data-pbb-theme="light"] #weekly-goals-modal .weekly-goal-sheet > div[style*="position: sticky"][style*="bottom:0"] {
    background: rgba(255, 255, 255, 0.94) !important;
    border-top: 1px solid rgba(184, 137, 43, 0.18) !important;
    color: #151515 !important;
    backdrop-filter: blur(14px) saturate(124%);
    -webkit-backdrop-filter: blur(14px) saturate(124%);
}

/* Dark/default workout tracker readability: match the black, gold, and grey theme. */
html:not([data-pbb-theme="light"]) #view-active-workout,
html:not([data-pbb-theme="light"]) #view-active-workout-stub {
    background:
        radial-gradient(circle at 18% -8%, rgba(245, 217, 138, 0.16), transparent 30%),
        linear-gradient(180deg, #050505 0%, #0b0b0b 48%, #14110c 100%) !important;
    color: #f8f7f2 !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout #workout-content-wrapper,
html:not([data-pbb-theme="light"]) #view-active-workout-stub .active-workout-content {
    color: #f8f7f2 !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout #workout-player-title,
html:not([data-pbb-theme="light"]) #view-active-workout .exercise-logger-card h3,
html:not([data-pbb-theme="light"]) #view-active-workout .exercise-logger-card [style*="font-weight: 700"],
html:not([data-pbb-theme="light"]) #view-active-workout-stub .exercise-logger-card h3,
html:not([data-pbb-theme="light"]) #view-active-workout-stub .exercise-logger-card [style*="font-weight: 700"] {
    color: #fffaf2 !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout #workout-player-goal,
html:not([data-pbb-theme="light"]) #view-active-workout .exercise-logger-card p,
html:not([data-pbb-theme="light"]) #view-active-workout .exercise-logger-card [style*="color:var(--text-muted)"],
html:not([data-pbb-theme="light"]) #view-active-workout .exercise-logger-card [style*="color: var(--text-muted)"],
html:not([data-pbb-theme="light"]) #view-active-workout .exercise-logger-card [style*="color:#94a3b8"],
html:not([data-pbb-theme="light"]) #view-active-workout .exercise-logger-card [style*="color: #94a3b8"],
html:not([data-pbb-theme="light"]) #view-active-workout-stub .set-col-label {
    color: rgba(248, 247, 242, 0.68) !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout .exercise-logger-card,
html:not([data-pbb-theme="light"]) #view-active-workout-stub .exercise-logger-card {
    background: linear-gradient(180deg, rgba(20, 20, 20, 0.96) 0%, rgba(8, 8, 8, 0.98) 100%) !important;
    border: 1px solid rgba(245, 217, 138, 0.14) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42) !important;
    color: #f8f7f2 !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout .exercise-logger-card > div[style*="background:#f8fafc"],
html:not([data-pbb-theme="light"]) #view-active-workout .exercise-logger-card > div[style*="background: #f8fafc"],
html:not([data-pbb-theme="light"]) #view-active-workout-stub .exercise-header {
    background: rgba(255, 255, 255, 0.045) !important;
    border-color: rgba(245, 217, 138, 0.12) !important;
    color: #f8f7f2 !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout .workout-set-row,
html:not([data-pbb-theme="light"]) #view-active-workout-stub .set-row {
    background: rgba(255, 255, 255, 0.035) !important;
    border: 1px solid rgba(245, 217, 138, 0.08) !important;
    color: #f8f7f2 !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout .set-number,
html:not([data-pbb-theme="light"]) #view-active-workout .workout-set-row > div:first-child,
html:not([data-pbb-theme="light"]) #view-active-workout .workout-set-row [style*="color: #94a3b8"],
html:not([data-pbb-theme="light"]) #view-active-workout .workout-set-row [style*="color:#94a3b8"] {
    color: rgba(248, 247, 242, 0.62) !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout .input-time,
html:not([data-pbb-theme="light"]) #view-active-workout .input-reps,
html:not([data-pbb-theme="light"]) #view-active-workout .input-kg,
html:not([data-pbb-theme="light"]) #view-active-workout .drop-reps,
html:not([data-pbb-theme="light"]) #view-active-workout .drop-kg,
html:not([data-pbb-theme="light"]) #view-active-workout-stub .set-input,
html:not([data-pbb-theme="light"]) #view-active-workout-stub .drop-set-row input {
    background: #121212 !important;
    border: 1px solid rgba(245, 217, 138, 0.2) !important;
    color: #fffaf2 !important;
    -webkit-text-fill-color: #fffaf2 !important;
    caret-color: #f5d98a !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout .input-time::placeholder,
html:not([data-pbb-theme="light"]) #view-active-workout .input-reps::placeholder,
html:not([data-pbb-theme="light"]) #view-active-workout .input-kg::placeholder,
html:not([data-pbb-theme="light"]) #view-active-workout .drop-reps::placeholder,
html:not([data-pbb-theme="light"]) #view-active-workout .drop-kg::placeholder,
html:not([data-pbb-theme="light"]) #view-active-workout-stub .set-input::placeholder,
html:not([data-pbb-theme="light"]) #view-active-workout-stub .drop-set-row input::placeholder {
    color: rgba(248, 247, 242, 0.46) !important;
    -webkit-text-fill-color: rgba(248, 247, 242, 0.46) !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout .input-time:focus,
html:not([data-pbb-theme="light"]) #view-active-workout .input-reps:focus,
html:not([data-pbb-theme="light"]) #view-active-workout .input-kg:focus,
html:not([data-pbb-theme="light"]) #view-active-workout .drop-reps:focus,
html:not([data-pbb-theme="light"]) #view-active-workout .drop-kg:focus,
html:not([data-pbb-theme="light"]) #view-active-workout-stub .set-input:focus,
html:not([data-pbb-theme="light"]) #view-active-workout-stub .drop-set-row input:focus {
    background: #181818 !important;
    border-color: rgba(245, 217, 138, 0.48) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(245, 217, 138, 0.1) !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout .drop-set-toggle,
html:not([data-pbb-theme="light"]) #view-active-workout-stub .drop-set-toggle {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(245, 217, 138, 0.18) !important;
    color: rgba(248, 247, 242, 0.7) !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout .drop-set-toggle.active,
html:not([data-pbb-theme="light"]) #view-active-workout-stub .drop-set-toggle.active {
    background: linear-gradient(135deg, #f5d98a 0%, #d8b25e 58%, #b8892b 100%) !important;
    border-color: rgba(245, 217, 138, 0.42) !important;
    color: #090909 !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout .drop-set-container,
html:not([data-pbb-theme="light"]) #view-active-workout-stub .drop-set-container {
    background: rgba(245, 217, 138, 0.08) !important;
    border-color: rgba(245, 217, 138, 0.2) !important;
    color: #f8f7f2 !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout .drop-indicator,
html:not([data-pbb-theme="light"]) #view-active-workout-stub .drop-indicator {
    color: #f5d98a !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout button[onclick*="addWorkoutSet"],
html:not([data-pbb-theme="light"]) #view-active-workout-stub button[onclick*="addWorkoutSet"] {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(245, 217, 138, 0.24) !important;
    color: #f8f7f2 !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout .exercise-logger-card button[onclick*="addWorkoutSet"],
html:not([data-pbb-theme="light"]) #view-active-workout-stub .exercise-logger-card button[onclick*="addWorkoutSet"] {
    color: #f8f7f2 !important;
    -webkit-text-fill-color: #f8f7f2 !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout .volume-display,
html:not([data-pbb-theme="light"]) #view-active-workout-stub .volume-display {
    background: linear-gradient(135deg, #fff8e8 0%, #f7e4a7 100%) !important;
    border-bottom: 1px solid rgba(184, 137, 43, 0.22) !important;
    color: #4a2e0a !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout .volume-display svg,
html:not([data-pbb-theme="light"]) #view-active-workout-stub .volume-display svg {
    fill: #ca8a04 !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout .volume-display .volume-value,
html:not([data-pbb-theme="light"]) #view-active-workout-stub .volume-display .volume-value {
    color: #4a2e0a !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout .volume-display .volume-comparison,
html:not([data-pbb-theme="light"]) #view-active-workout-stub .volume-display .volume-comparison,
html:not([data-pbb-theme="light"]) #view-active-workout .volume-display .volume-comparison span,
html:not([data-pbb-theme="light"]) #view-active-workout-stub .volume-display .volume-comparison span {
    color: #6f6a61 !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout .volume-display .volume-target-label,
html:not([data-pbb-theme="light"]) #view-active-workout-stub .volume-display .volume-target-label,
html:not([data-pbb-theme="light"]) #view-active-workout .volume-display .volume-percentage,
html:not([data-pbb-theme="light"]) #view-active-workout-stub .volume-display .volume-percentage {
    color: #8c5500 !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout .volume-display .volume-progress-container > div,
html:not([data-pbb-theme="light"]) #view-active-workout-stub .volume-display .volume-progress-container > div {
    background: rgba(184, 137, 43, 0.18) !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout .volume-display .volume-progress-bar,
html:not([data-pbb-theme="light"]) #view-active-workout-stub .volume-display .volume-progress-bar {
    background: linear-gradient(135deg, #f5d98a 0%, #d8b25e 60%, #b8892b 100%) !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout .yoga-exercise-card > div:first-child,
html:not([data-pbb-theme="light"]) #view-active-workout-stub .yoga-exercise-card > div:first-child {
    background: linear-gradient(135deg, #ffffff 0%, #f7f3e9 100%) !important;
    border-bottom: 1px solid rgba(184, 137, 43, 0.18) !important;
    color: #151515 !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout .yoga-exercise-card > div:first-child h3,
html:not([data-pbb-theme="light"]) #view-active-workout-stub .yoga-exercise-card > div:first-child h3,
html:not([data-pbb-theme="light"]) #view-active-workout .yoga-exercise-card > div:first-child [style*="font-weight: 700"],
html:not([data-pbb-theme="light"]) #view-active-workout-stub .yoga-exercise-card > div:first-child [style*="font-weight: 700"] {
    color: #151515 !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout .yoga-exercise-card > div:first-child [style*="color: var(--text-muted)"],
html:not([data-pbb-theme="light"]) #view-active-workout-stub .yoga-exercise-card > div:first-child [style*="color: var(--text-muted)"] {
    color: #6f6a61 !important;
}

html:not([data-pbb-theme="light"]) #view-active-workout .yoga-exercise-card > div:first-child [style*="color: var(--primary)"],
html:not([data-pbb-theme="light"]) #view-active-workout-stub .yoga-exercise-card > div:first-child [style*="color: var(--primary)"] {
    color: #9f7628 !important;
}

/* Light-mode workout tracker readability: set/reps/kg inputs and logger rows. */
html[data-pbb-theme="light"] #view-active-workout,
html[data-pbb-theme="light"] #view-active-workout-stub {
    background: linear-gradient(180deg, #fffdf8 0%, #f8f5ee 48%, #eee8dc 100%) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #workout-content-wrapper,
html[data-pbb-theme="light"] #workout-exercises-list,
html[data-pbb-theme="light"] #stub-workout-exercises-list {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #workout-player-title,
html[data-pbb-theme="light"] #stub-workout-player-title,
html[data-pbb-theme="light"] #view-active-workout .exercise-logger-card h3,
html[data-pbb-theme="light"] #view-active-workout .exercise-logger-card [style*="font-weight: 700"],
html[data-pbb-theme="light"] #view-active-workout-stub .exercise-logger-card h3,
html[data-pbb-theme="light"] #view-active-workout-stub .exercise-logger-card [style*="font-weight: 700"] {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #workout-player-goal,
html[data-pbb-theme="light"] #view-active-workout .exercise-logger-card p,
html[data-pbb-theme="light"] #view-active-workout .exercise-logger-card [style*="color:var(--text-muted)"],
html[data-pbb-theme="light"] #view-active-workout .exercise-logger-card [style*="color: var(--text-muted)"],
html[data-pbb-theme="light"] #view-active-workout .exercise-logger-card [style*="color:#94a3b8"],
html[data-pbb-theme="light"] #view-active-workout .exercise-logger-card [style*="color: #94a3b8"],
html[data-pbb-theme="light"] #view-active-workout-stub .set-col-label {
    color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #view-active-workout .exercise-logger-card,
html[data-pbb-theme="light"] #view-active-workout-stub .exercise-logger-card {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(184, 137, 43, 0.16) !important;
    box-shadow: 0 18px 42px rgba(57, 47, 31, 0.1) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #view-active-workout .exercise-logger-card > div[style*="background:#f8fafc"],
html[data-pbb-theme="light"] #view-active-workout .exercise-logger-card > div[style*="background: #f8fafc"],
html[data-pbb-theme="light"] #view-active-workout-stub .exercise-header {
    background: rgba(248, 245, 238, 0.96) !important;
    border-color: rgba(184, 137, 43, 0.14) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #view-active-workout .workout-set-row,
html[data-pbb-theme="light"] #view-active-workout-stub .set-row {
    background: rgba(255, 255, 255, 0.86) !important;
    border-color: rgba(184, 137, 43, 0.1) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #view-active-workout .set-number,
html[data-pbb-theme="light"] #view-active-workout .workout-set-row > div:first-child,
html[data-pbb-theme="light"] #view-active-workout .workout-set-row [style*="color: #94a3b8"],
html[data-pbb-theme="light"] #view-active-workout .workout-set-row [style*="color:#94a3b8"] {
    color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #view-active-workout .input-time,
html[data-pbb-theme="light"] #view-active-workout .input-reps,
html[data-pbb-theme="light"] #view-active-workout .input-kg,
html[data-pbb-theme="light"] #view-active-workout .drop-reps,
html[data-pbb-theme="light"] #view-active-workout .drop-kg,
html[data-pbb-theme="light"] #view-active-workout-stub .set-input,
html[data-pbb-theme="light"] #view-active-workout-stub .drop-set-row input {
    background: #ffffff !important;
    border: 1px solid rgba(184, 137, 43, 0.22) !important;
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
    caret-color: #151515 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

html[data-pbb-theme="light"] #view-active-workout .input-time::placeholder,
html[data-pbb-theme="light"] #view-active-workout .input-reps::placeholder,
html[data-pbb-theme="light"] #view-active-workout .input-kg::placeholder,
html[data-pbb-theme="light"] #view-active-workout .drop-reps::placeholder,
html[data-pbb-theme="light"] #view-active-workout .drop-kg::placeholder,
html[data-pbb-theme="light"] #view-active-workout-stub .set-input::placeholder,
html[data-pbb-theme="light"] #view-active-workout-stub .drop-set-row input::placeholder {
    color: rgba(21, 21, 21, 0.42) !important;
    -webkit-text-fill-color: rgba(21, 21, 21, 0.42) !important;
}

html[data-pbb-theme="light"] #view-active-workout .input-time:focus,
html[data-pbb-theme="light"] #view-active-workout .input-reps:focus,
html[data-pbb-theme="light"] #view-active-workout .input-kg:focus,
html[data-pbb-theme="light"] #view-active-workout .drop-reps:focus,
html[data-pbb-theme="light"] #view-active-workout .drop-kg:focus,
html[data-pbb-theme="light"] #view-active-workout-stub .set-input:focus,
html[data-pbb-theme="light"] #view-active-workout-stub .drop-set-row input:focus {
    background: #fff9e8 !important;
    border-color: rgba(184, 137, 43, 0.52) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(184, 137, 43, 0.12) !important;
}

html[data-pbb-theme="light"] #view-active-workout .drop-set-toggle,
html[data-pbb-theme="light"] #view-active-workout-stub .drop-set-toggle {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(184, 137, 43, 0.22) !important;
    color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #view-active-workout .drop-set-toggle.active,
html[data-pbb-theme="light"] #view-active-workout-stub .drop-set-toggle.active {
    background: #151515 !important;
    border-color: #151515 !important;
    color: #ffffff !important;
}

html[data-pbb-theme="light"] #view-active-workout .drop-set-container,
html[data-pbb-theme="light"] #view-active-workout-stub .drop-set-container {
    background: #fff6de !important;
    border-color: rgba(184, 137, 43, 0.24) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #view-active-workout .drop-indicator,
html[data-pbb-theme="light"] #view-active-workout-stub .drop-indicator {
    color: #b8892b !important;
}

html[data-pbb-theme="light"] #view-active-workout button[onclick*="addWorkoutSet"],
html[data-pbb-theme="light"] #view-active-workout-stub button[onclick*="addWorkoutSet"] {
    border-color: rgba(184, 137, 43, 0.28) !important;
    color: #151515 !important;
    background: rgba(255, 255, 255, 0.62) !important;
}

html[data-pbb-theme="light"] #view-active-workout .exercise-logger-card button[onclick*="addWorkoutSet"],
html[data-pbb-theme="light"] #view-active-workout-stub .exercise-logger-card button[onclick*="addWorkoutSet"] {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] #home-challenges-list button[onclick*="acceptChallengeInvite"] {
    background: linear-gradient(135deg, #f5d98a 0%, #d8b25e 55%, #b8892b 100%) !important;
    border: 1px solid rgba(184, 137, 43, 0.34) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #extra-challenges-toggle {
    background: rgba(255, 255, 255, 0.78) !important;
    border-color: rgba(184, 137, 43, 0.3) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #extra-challenges-toggle span {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #movement-tab h1,
html[data-pbb-theme="light"] #movement-tab h2,
html[data-pbb-theme="light"] #movement-tab h3,
html[data-pbb-theme="light"] #movement-tab h4,
html[data-pbb-theme="light"] #movement-tab .section-title,
html[data-pbb-theme="light"] #movement-tab .card-title {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #movement-tab p,
html[data-pbb-theme="light"] #movement-tab .text-muted,
html[data-pbb-theme="light"] #movement-tab [style*="color: var(--text-muted)"],
html[data-pbb-theme="light"] #movement-tab [style*="color:#94a3b8"],
html[data-pbb-theme="light"] #movement-tab [style*="color: #94a3b8"] {
    color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #daily-meal-tip-card {
    background:
        radial-gradient(circle at 88% 0%, rgba(216, 178, 94, 0.18), transparent 30%),
        linear-gradient(135deg, #ffffff 0%, #f7f3e9 58%, #ece4d3 100%) !important;
    border: 1px solid rgba(184, 137, 43, 0.18) !important;
    color: #151515 !important;
    box-shadow: 0 18px 42px rgba(57, 47, 31, 0.11) !important;
}

html[data-pbb-theme="light"] #daily-meal-tip-card * {
    color: #151515 !important;
    fill: #151515 !important;
}

html[data-pbb-theme="light"] #daily-meal-tip-card [style*="background: rgba(255,255,255,0.2)"],
html[data-pbb-theme="light"] #daily-meal-tip-card [style*="background: rgba(255, 255, 255, 0.2)"] {
    background: rgba(184, 137, 43, 0.14) !important;
    border: 1px solid rgba(184, 137, 43, 0.18) !important;
}

html[data-pbb-theme="light"] #daily-meal-tip-card button[onclick*="dismissMealTipCard"] {
    background: rgba(255, 255, 255, 0.74) !important;
    border: 1px solid rgba(184, 137, 43, 0.18) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #movement-workout-trend-card,
html[data-pbb-theme="light"] #daily-workout-trend-card,
html[data-pbb-theme="light"] #form-check-quick-card,
html[data-pbb-theme="light"] #movement-grid-container > div,
html[data-pbb-theme="light"] #build-custom-card,
html[data-pbb-theme="light"] #today-workout-card,
html[data-pbb-theme="light"] #workout-library-card,
html[data-pbb-theme="light"] #view-log-activity .card,
html[data-pbb-theme="light"] #view-workout-library .card,
html[data-pbb-theme="light"] #view-your-workouts .card {
    background: linear-gradient(135deg, #ffffff 0%, #f7f3e9 58%, #ece4d3 100%) !important;
    border: 1px solid rgba(184, 137, 43, 0.18) !important;
    color: #151515 !important;
    box-shadow: 0 18px 42px rgba(57, 47, 31, 0.11) !important;
}

html[data-pbb-theme="light"] #movement-grid-container > #mvmt-week-workouts-card {
    background: linear-gradient(135deg, #f6dc91 0%, #d8b25e 55%, #b8892b 100%) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #form-check-quick-card *,
html[data-pbb-theme="light"] #movement-workout-trend-card *,
html[data-pbb-theme="light"] #daily-meal-tip-card *,
html[data-pbb-theme="light"] #daily-workout-trend-card *,
html[data-pbb-theme="light"] #movement-grid-container > div *,
html[data-pbb-theme="light"] #today-workout-card *,
html[data-pbb-theme="light"] #workout-library-card * {
    color: #151515 !important;
    fill: #151515 !important;
}

html[data-pbb-theme="light"] .calendar-day-row,
html[data-pbb-theme="light"] .monthly-calendar-container,
html[data-pbb-theme="light"] .monthly-calendar-header,
html[data-pbb-theme="light"] .monthly-calendar-weekdays,
html[data-pbb-theme="light"] .monthly-day-cell {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(184, 137, 43, 0.16) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] .calendar-day-row.is-today,
html[data-pbb-theme="light"] .monthly-day-cell.is-today {
    background: #fff9e8 !important;
    border-color: rgba(184, 137, 43, 0.4) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] .cal-day-num,
html[data-pbb-theme="light"] .cal-workout-tag,
html[data-pbb-theme="light"] .monthly-calendar-header .month-title,
html[data-pbb-theme="light"] .monthly-day-num,
html[data-pbb-theme="light"] .cal-context,
html[data-pbb-theme="light"] .calendar-day-row [style*="color:#fffaf2"],
html[data-pbb-theme="light"] .calendar-day-row [style*="color: #fffaf2"] {
    color: #151515 !important;
}

html[data-pbb-theme="light"] .cal-day-name,
html[data-pbb-theme="light"] .monthly-calendar-weekdays span,
html[data-pbb-theme="light"] .monthly-day-workout,
html[data-pbb-theme="light"] .calendar-day-row [style*="color:#94a3b8"],
html[data-pbb-theme="light"] .calendar-day-row [style*="color: #94a3b8"] {
    color: #6f6a61 !important;
}

html[data-pbb-theme="light"] .cal-workout-tag {
    background: rgba(17, 17, 17, 0.045) !important;
    border-color: rgba(184, 137, 43, 0.14) !important;
}

html[data-pbb-theme="light"] .cal-drag-handle,
html[data-pbb-theme="light"] .monthly-calendar-header .month-nav-btn {
    background: rgba(255, 255, 255, 0.82) !important;
    border-color: rgba(184, 137, 43, 0.18) !important;
    color: #151515 !important;
}

html[data-pbb-theme="light"] #view-dashboard [style*="color:#fffaf2"],
html[data-pbb-theme="light"] #view-dashboard [style*="color: #fffaf2"],
html[data-pbb-theme="light"] #movement-tab [style*="color:#fffaf2"],
html[data-pbb-theme="light"] #movement-tab [style*="color: #fffaf2"],
html[data-pbb-theme="light"] #view-cycle [style*="color:#fffaf2"],
html[data-pbb-theme="light"] #view-cycle [style*="color: #fffaf2"],
html[data-pbb-theme="light"] #view-dashboard [style*="color:white"],
html[data-pbb-theme="light"] #view-dashboard [style*="color: white"],
html[data-pbb-theme="light"] #movement-tab [style*="color:white"],
html[data-pbb-theme="light"] #movement-tab [style*="color: white"],
html[data-pbb-theme="light"] #view-cycle [style*="color:white"],
html[data-pbb-theme="light"] #view-cycle [style*="color: white"] {
    color: #151515 !important;
}

html[data-pbb-theme="light"] #home-challenges-list button[onclick*="leaveChallengeFromCard"],
html[data-pbb-theme="light"] #home-challenges-list button[onclick*="declineChallengeInvite"],
html[data-pbb-theme="light"] #extra-challenges-list button[onclick*="leaveChallengeFromCard"] {
    background: #151515 !important;
    border: 1px solid #151515 !important;
    color: #ffffff !important;
}

/* Final light-mode specificity pass for older modal descendants. */
html[data-pbb-theme="light"] #quiz-battle-invite-overlay .battle-invite-header h2,
html[data-pbb-theme="light"] #quiz-battle-invite-overlay .battle-invite-body [onclick*="_startQuizBattleVsAI"] div,
html[data-pbb-theme="light"] #game-challenge-modal .game-type-card div,
html[data-pbb-theme="light"] #game-challenge-modal .game-type-card,
html[data-pbb-theme="light"] #game-challenge-modal h3,
html[data-pbb-theme="light"] #story-choice-modal h3,
html[data-pbb-theme="light"] #story-choice-modal button,
html[data-pbb-theme="light"] #coin-shop-modal .coin-pack-option,
html[data-pbb-theme="light"] #coin-shop-modal .coin-pack-option *,
html[data-pbb-theme="light"] #calendar-workout-action-modal h3,
html[data-pbb-theme="light"] #calendar-workout-action-modal button,
html[data-pbb-theme="light"] #calendar-workout-action-modal button * {
    color: #151515 !important;
    -webkit-text-fill-color: #151515 !important;
}

html[data-pbb-theme="light"] #quiz-battle-invite-overlay .battle-invite-header p,
html[data-pbb-theme="light"] #quiz-battle-invite-overlay .battle-invite-body [onclick*="_startQuizBattleVsAI"] div:last-child,
html[data-pbb-theme="light"] #quiz-battle-invite-overlay .battle-invite-close,
html[data-pbb-theme="light"] #game-challenge-modal p,
html[data-pbb-theme="light"] #game-challenge-modal .game-type-card div:last-child,
html[data-pbb-theme="light"] #story-choice-modal p,
html[data-pbb-theme="light"] #calendar-workout-action-modal p {
    color: #6f6a61 !important;
    -webkit-text-fill-color: #6f6a61 !important;
}

html[data-pbb-theme="light"] #quiz-battle-invite-overlay .qb-bet-btn,
html[data-pbb-theme="light"] #quiz-battle-invite-overlay .battle-invite-close,
html[data-pbb-theme="light"] #quiz-battle-invite-overlay [onclick*="_startQuizBattleVsAI"],
html[data-pbb-theme="light"] #game-challenge-modal .game-type-card,
html[data-pbb-theme="light"] #calendar-workout-action-modal button:not(#action-modal-start-btn),
html[data-pbb-theme="light"] #story-choice-modal button:last-child {
    background: rgba(255, 255, 255, 0.84) !important;
    border: 1px solid rgba(184, 137, 43, 0.16) !important;
    box-shadow: 0 12px 28px rgba(57, 47, 31, 0.08) !important;
}

html[data-pbb-theme="light"] #calendar-workout-action-modal button[onclick*="close"] svg,
html[data-pbb-theme="light"] #calendar-workout-action-modal button[onclick*="close"] path,
html[data-pbb-theme="light"] #calendar-workout-action-modal button:not(#action-modal-start-btn) svg,
html[data-pbb-theme="light"] #calendar-workout-action-modal button:not(#action-modal-start-btn) path {
    color: #6f6a61 !important;
    fill: #6f6a61 !important;
    stroke: #6f6a61 !important;
}