/* fit-uniform-60-20261011. FitLog clear photo theme. Visual overrides only; layout stays in style.css.
   Root specificity keeps this theme above asynchronously generated utilities. */
:root {
  --ink: #282636;
  --muted: #433c51;
  --paper: #c7bfd9;
  --panel: rgba(255, 255, 255, 0.2);
  --accent: #962d56;
  --accent-soft: #fce9ef;
  --gold: #946338;
  --radius: 32px;
  --shadow: 0 8px 28px rgba(43, 48, 72, 0.06);
  --ui-primary: #c52c52;
  --ui-primary-hover: #b02346;
  --ui-secondary: rgba(255, 255, 255, 0.68);
  --ui-secondary-hover: rgba(255, 255, 255, 0.94);
  --ui-secondary-text: #494b59;
  --ui-danger: #bd3048;
  --ui-danger-hover: #a5263c;
  --ui-chip: rgba(255, 255, 255, 0.64);
  --ui-chip-hover: #fce9ef;
  --ui-focus: rgba(197, 44, 82, 0.2);
  --ui-panel-shadow: 0 24px 48px -18px rgba(50, 41, 81, 0.20),
    0 6px 18px -8px rgba(50, 41, 81, 0.09),
    inset 0 1px 1px rgba(255, 255, 255, 0.5),
    inset 0 -1px 1px rgba(52, 76, 100, 0.06),
    inset 1px 0 1px rgba(255, 255, 255, 0.28);
  --ui-modal-shadow: inset 0 1px 0 rgba(255,255,255,.6),
    0 30px 70px -12px rgba(40,32,68,.25);
  --glass-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --glass-line: rgba(83, 92, 125, 0.1);
  --glass-blue: #3c6fbe;
  --glass-green: #277b61;
  --glass-orange: #98632e;
  --glass-purple: #8062ac;
}

html {
  background: var(--paper);
}

:root body,
:root body.bg-gray-50 {
  color: var(--ink);
  font-family: var(--glass-font);
  background: transparent;
  isolation: isolate;
}

:root h1,
:root h2,
:root h3,
:root h4,
:root .headline,
:root input,
:root textarea,
:root select,
:root button {
  font-family: var(--glass-font);
}

:root h1,
:root h2,
:root h3,
:root h4 {
  letter-spacing: -0.025em;
}

:root #weightValue,
:root #fatValue,
:root #waistValue,
:root .metric__value,
:root .datetime-badge,
:root time {
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.035em;
}

:root .ui-panel,
:root .card,
:root .card-shadow,
:root .stat-card,
:root .review-card,
:root .feed-item {
  background: var(--fit-material-tint);
  border-color: rgba(255, 255, 255, 0.48);
  border-radius: var(--radius);
  box-shadow: var(--ui-panel-shadow) !important;
  -webkit-backdrop-filter: blur(4px) saturate(125%);
  backdrop-filter: blur(4px) saturate(125%);
  transition: background-color 180ms ease, box-shadow 180ms ease;
}

:root .ui-panel:hover,
:root .card:hover,
:root .card-shadow:hover,
:root .stat-card:hover,
:root .review-card:hover,
:root .feed-item:hover,
:root .quick-nav > a:hover,
:root .feed-preview img:hover {
  transform: none !important;
}

:root nav.bg-white,
:root .app-nav {
  background: linear-gradient(130deg, rgba(255, 255, 255, 0.48), rgba(240, 245, 250, 0.32)) !important;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.8),
    0 1px 12px rgba(49, 53, 77, 0.055);
  -webkit-backdrop-filter: blur(12px) saturate(125%);
  backdrop-filter: blur(12px) saturate(125%);
}

:root nav a {
  position: relative;
  isolation: isolate;
  transition: color 180ms ease;
}

:root nav a::before {
  content: "";
  position: absolute;
  inset: -5px -7px;
  z-index: -1;
  border-radius: 999px;
  background: transparent;
  transition: background-color 180ms ease, box-shadow 180ms ease;
}

:root nav a.text-red-500 {
  color: var(--accent);
}

:root nav a.text-red-500::before {
  background: rgba(255, 255, 255, 0.84);
  box-shadow: inset 0 1px 0 #fff, 0 2px 8px rgba(80, 53, 68, 0.09);
}

:root nav a:hover {
  color: var(--accent);
}

:root .ui-btn,
:root .btn {
  border-radius: 999px;
  transition: background-color 180ms ease, border-color 180ms ease,
    color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

:root .ui-btn--primary,
:root .ui-btn--warm-cream,
:root .ui-btn--warm-cream:hover,
:root .btn:not(.btn--ghost):not(.btn--danger) {
  color: #fff;
  background: linear-gradient(165deg, #d03960, #be294e);
  border-color: rgba(173, 33, 68, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24),
    0 4px 12px rgba(197, 44, 82, 0.14);
}

:root .ui-btn--primary:hover,
:root .ui-btn--primary.ui-btn--warm-cream:hover {
  background: linear-gradient(165deg, #c52c52, #ad2445);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 5px 14px rgba(197, 44, 82, 0.18);
}

:root .ui-btn--secondary,
:root .ui-btn--ghost,
:root .ui-btn--chip,
:root .btn--ghost,
:root .photo-picker {
  color: var(--ui-secondary-text);
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.88), rgba(244, 245, 250, 0.65));
  border-color: var(--glass-line);
  box-shadow: inset 0 1px 0 #fff, 0 2px 7px rgba(49, 53, 77, 0.035);
}

:root .photo-picker {
  border-radius: 999px;
}

:root .ui-btn--secondary:hover,
:root .ui-btn--ghost:hover,
:root .ui-btn--chip:hover,
:root .btn--ghost:hover,
:root .photo-picker:hover {
  color: var(--ink);
  background: rgba(255, 255, 255, 0.97);
  border-color: rgba(83, 92, 125, 0.18);
}

:root .ui-btn--danger,
:root .btn--danger {
  background: var(--ui-danger);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 4px 12px rgba(189, 48, 72, 0.12);
}

:root .ui-btn--danger.ui-btn--ghost {
  color: var(--ui-danger);
  background: rgba(255, 255, 255, 0.84);
  box-shadow: inset 0 1px 0 #fff, 0 2px 7px rgba(49, 53, 77, 0.035);
}

:root .ui-btn--danger.ui-btn--ghost:hover {
  color: var(--ui-danger-hover);
  background: #fff0f3;
}

:root .quick-activity-btn.selected,
:root .quick-time-btn.selected {
  color: var(--accent);
  background: #fce9ef;
  border-color: rgba(197, 44, 82, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

:root .ui-btn:hover,
:root .btn:hover {
  transform: none;
}

:root .ui-btn:active,
:root .btn:active {
  transform: scale(0.98);
}

:root .ui-btn:disabled,
:root .btn:disabled {
  transform: none;
}

:root input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="hidden"]),
:root textarea,
:root select {
  color: var(--ink);
  background: rgba(238, 240, 246, 0.68);
  border-color: rgba(83, 92, 125, 0.11);
  border-radius: 14px;
  box-shadow: inset 0 1px 2px rgba(40, 46, 74, 0.025);
}

:root input::placeholder,
:root textarea::placeholder {
  color: #787b87;
}

:root input:focus,
:root textarea:focus,
:root select:focus {
  background: rgba(255, 255, 255, 0.88);
  border-color: rgba(197, 44, 82, 0.45);
  box-shadow: 0 0 0 3px rgba(197, 44, 82, 0.12);
}

:root .focus\:ring-blue-500:focus,
:root .focus\:ring-purple-500:focus,
:root .focus\:ring-green-500:focus,
:root .focus\:ring-red-500:focus {
  --tw-ring-color: rgba(197, 44, 82, 0.22) !important;
}

:root .ui-btn:focus-visible,
:root .btn:focus-visible,
:root a:focus-visible,
:root .photo-picker:focus-within {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}

:root .ui-modal,
:root .modal__panel {
  color: var(--ink);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.7), rgba(249, 249, 253, 0.52));
  border-color: rgba(255, 255, 255, 0.95);
  border-radius: 28px;
  box-shadow: var(--ui-modal-shadow) !important;
  -webkit-backdrop-filter: blur(24px) saturate(135%);
  backdrop-filter: blur(24px) saturate(135%);
}

:root #weightModal,
:root #fatModal,
:root #waistModal,
:root #deleteStatModal,
:root #filePreviewModal,
:root .fixed.inset-0.bg-black,
:root .modal {
  background-color: rgba(37, 41, 60, 0.25);
}

:root .quick-nav > a {
  border-color: rgba(83, 92, 125, 0.08);
  border-radius: 18px;
  background: linear-gradient(155deg, rgba(255, 255, 255, 0.38), rgba(245, 246, 251, 0.12));
  box-shadow: inset 0 1px 0 #fff;
  transition: background-color 180ms ease, border-color 180ms ease;
}

:root .quick-nav > a:hover {
  border-color: rgba(83, 92, 125, 0.16);
  background: rgba(255, 255, 255, 0.92);
}

:root .quick-nav .text-blue-600 { color: var(--glass-blue) !important; }
:root .quick-nav .bg-blue-100 { background: #e9f0fb !important; }
:root .quick-nav .text-green-600 { color: var(--glass-green) !important; }
:root .quick-nav .bg-green-100 { background: #e7f3ed !important; }
:root .quick-nav .text-orange-600 { color: var(--glass-orange) !important; }
:root .quick-nav .bg-orange-100 { background: #f7eee3 !important; }
:root .quick-nav .text-purple-600 { color: var(--glass-purple) !important; }
:root .quick-nav .bg-purple-100 { background: #f0ebf8 !important; }

:root .quick-nav [class*="group-hover:text-"] { color: var(--muted) !important; }
:root .quick-nav .group:hover .rounded-full { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9); }

:root .text-primary,
:root .text-blue-400,
:root .text-blue-500,
:root .text-blue-600,
:root .text-blue-800,
:root .text-purple-500,
:root .text-purple-600,
:root .text-green-500,
:root .text-green-600,
:root .text-green-800,
:root .hover\:text-blue-400:hover,
:root .hover\:text-blue-600:hover { color: var(--accent) !important; }

:root .text-orange-500,
:root .text-orange-600 { color: var(--glass-orange) !important; }

:root .text-red-500,
:root .text-red-600,
:root .text-red-700,
:root .text-red-800 { color: var(--ui-danger) !important; }

:root .bg-blue-50,
:root .bg-blue-100,
:root .bg-purple-100,
:root .bg-green-50,
:root .bg-green-100 { background: #fce9ef !important; }

:root .bg-orange-50,
:root .bg-orange-100 { background: #f7eee3 !important; }

:root .bg-red-50,
:root .bg-red-100 { background: #fff0f3 !important; }

:root .border-red-200 { border-color: rgba(189, 48, 72, 0.2) !important; }
:root .border-blue-300,
:root .border-blue-500 { border-color: rgba(197, 44, 82, 0.25) !important; }

:root .bg-gray-50,
:root .log-card__notes,
:root .bg-primary\/5 { background: rgba(238, 240, 246, 0.56); }

:root .bg-gray-100,
:root .bg-primary\/10 { background: rgba(233, 235, 243, 0.66); }
:root .bg-gray-200 { background: rgba(221, 224, 236, 0.76); }
:root .border-gray-100,
:root .border-gray-200,
:root .border-gray-300 { border-color: var(--glass-line); }

:root [class~="text-[#B88A5A]"],
:root [class~="hover:text-[#A07045]"]:hover { color: var(--accent); }
:root [class~="text-[#1d6d6f]"] { color: var(--glass-green); }
:root [class~="text-[#3b82f6]"] { color: var(--glass-blue); }
:root [class~="text-[#a855f7]"] { color: var(--glass-purple); }
:root [class~="text-[#1c1c1c]"] { color: var(--ink); }
:root [class~="text-[#5a5f67]"] { color: var(--muted); }
:root [class~="border-[rgba(29,109,111,0.12)]"] { border-color: var(--glass-line); }

:root footer {
  background: rgba(255, 255, 255, 0.35) !important;
  border-color: var(--glass-line);
}

:root .chart-subtitle {
  color: var(--muted);
  font-style: normal;
}

:root .ai-advice-content,
:root .ai-export-content {
  background: rgba(241, 242, 248, 0.72);
  border-color: rgba(83, 92, 125, 0.06);
  border-radius: 16px;
}

:root .feed-date,
:root .feed-actions {
  color: var(--muted);
  background: rgba(255, 255, 255, 0.24);
  border-color: var(--glass-line);
}

:root .feed-description,
:root .rich-text-content { color: #41434f; }
:root .feed-preview { background: rgba(238, 240, 246, 0.56); }
:root .feed-preview img { border-radius: 16px; }
:root .feed-preview .file-icon { color: #787b87; }

:root #editor,
:root .w-e-toolbar,
:root .w-e-text-container {
  border-color: var(--glass-line) !important;
}

:root #editor { border-radius: 16px; }
:root .w-e-toolbar { background: rgba(238, 240, 246, 0.8) !important; }
:root .w-e-text-container { background: rgba(255, 255, 255, 0.65) !important; }
:root .w-e-toolbar .w-e-menu i { color: #656773; }
:root .w-e-text { color: var(--ink); }

:root .ui-calendar-day--aerobic { background: #bd3048; }
:root .ui-calendar-day--strength { background: #946338; }
:root .ui-loading-pill { box-shadow: 0 3px 10px rgba(197, 44, 82, 0.12); }
:root .form-status__spinner { border-color: rgba(197, 44, 82, 0.18); border-top-color: var(--accent); }

:root tbody tr:hover { background: rgba(252, 233, 239, 0.45); }
::selection { color: #73142e; background: #fbd6e1; }
::-webkit-scrollbar-track { background: rgba(235, 237, 244, 0.6); }
::-webkit-scrollbar-thumb { background: #bcc0cf; }
::-webkit-scrollbar-thumb:hover { background: #a6abbd; }

/* Reference-card material: a tinted scene, rounded lens, fine rim and deep shadow. */
:root {
  --fit-scene-height: 100vh;
  --fit-scene-width: 100vw;
  --fit-scene-pixels: var(--fit-scene-height);
  /* Keep the existing FitLog backdrop until a replacement is selected. */
  --fit-scene:
    radial-gradient(ellipse 110% 85% at 4% -12%, transparent 56%, rgba(255, 255, 255, .48) 56.5%, rgba(255, 255, 255, .08) 62%, transparent 62.5%),
    radial-gradient(ellipse 95% 95% at 112% 108%, transparent 58%, rgba(255, 255, 255, .32) 58.5%, rgba(255, 255, 255, .04) 64%, transparent 64.5%),
    radial-gradient(ellipse at 2% 15%, rgba(201, 112, 144, .48), transparent 53%),
    radial-gradient(ellipse at 100% 26%, rgba(134, 150, 207, .42), transparent 55%),
    radial-gradient(ellipse at 74% 100%, rgba(240, 176, 143, .46), transparent 49%),
    radial-gradient(ellipse at 6% 90%, rgba(180, 155, 215, .36), transparent 48%),
    linear-gradient(135deg, #f6edf1, #e9edf8 58%, #f6eeea);
  /* A light, neutral film lets the scene supply the glass colour, as in daily. */
  --fit-material-tint: linear-gradient(180deg,
    rgba(52, 44, 71, .025), rgba(52, 44, 71, .055));
}
@supports (height: 100lvh) {
  :root { --fit-scene-height: 100lvh; }
}
:root body, :root body.bg-gray-50, :root body.bg-gray-100 {
  min-height: 100vh;
  background: transparent;
}
:root body::before {
  content: ''; position: fixed; top: 0; left: 0; right: 0;
  height: var(--fit-scene-height); z-index: -1; pointer-events: none;
  background: var(--fit-scene); background-size: 100% 100%; background-repeat: no-repeat;
  transform: translateZ(0);
}
/* Smaller controls use static highlights instead of one SVG filter per control. */
:root .ui-btn, :root .btn, :root .photo-picker {
  border: 1px solid rgba(255,255,255,.48);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.58),
    inset 0 -1px 1px rgba(53,48,82,.08), 0 6px 15px -7px rgba(61,52,97,.25);
}
:root .ui-btn--primary,
:root .ui-btn--warm-cream,
:root .btn:not(.btn--ghost):not(.btn--danger) {
  color: #fff;
  background: linear-gradient(150deg, rgba(191,72,110,.94), rgba(143,42,83,.96));
  border-color: rgba(255,255,255,.48);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.48),
    inset 0 -1px 2px rgba(74,20,48,.18), 0 8px 18px -8px rgba(128,40,77,.40);
}
:root .ui-btn--primary:hover, :root .ui-btn--warm-cream:hover {
  background: linear-gradient(150deg, #b44065, #89294e);
}
:root .ui-btn--secondary, :root .ui-btn--ghost,
:root .ui-btn--chip, :root .btn--ghost, :root .photo-picker {
  color: #343044;
  background: linear-gradient(155deg, rgba(255,255,255,.34), rgba(234,224,242,.15));
  border-color: rgba(255,255,255,.48);
}
:root .ui-btn--secondary:hover, :root .ui-btn--ghost:hover,
:root .ui-btn--chip:hover, :root .btn--ghost:hover, :root .photo-picker:hover {
  background: linear-gradient(155deg, rgba(255,255,255,.54), rgba(234,224,242,.28));
  border-color: rgba(255,255,255,.7);
}
:root .ui-btn--danger.ui-btn--ghost {
  color: #912847;
  background: linear-gradient(150deg, rgba(255,232,239,.40), rgba(235,205,223,.22));
}
:root .ui-btn--danger.ui-btn--ghost:hover { background: rgba(255,232,239,.56); }
:root .quick-activity-btn.selected, :root .quick-time-btn.selected,
:root .progress-range button[aria-pressed="true"] {
  color: #782b4a;
  background: linear-gradient(150deg, rgba(255,235,242,.65), rgba(235,200,218,.48));
  border-color: rgba(159,60,100,.3);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.7), 0 3px 8px rgba(92,54,92,.08);
}
:root input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="hidden"]),
:root textarea, :root select {
  color: #282636;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.53);
  box-shadow: inset 0 1px 5px rgba(65,54,92,.06), 0 1px 0 rgba(255,255,255,.18);
}
:root input::placeholder, :root textarea::placeholder { color: #51495e; opacity: 1; }
:root input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="hidden"]):focus,
:root textarea:focus, :root select:focus {
  background: rgba(255,255,255,.46);
  border-color: rgba(145,44,83,.55);
  box-shadow: 0 0 0 3px rgba(161,51,91,.13), inset 0 1px 2px rgba(255,255,255,.3);
}
:root select option { color: #282636; background: #eee5ef; }
:root input[type="checkbox"], :root input[type="radio"] { accent-color: var(--accent); }

/* Workout history shares the light field material without adding live filters. */
:root #desktopWorkoutList {
  border: 1px solid rgba(255,255,255,.30);
  border-radius: 12px;
}
:root #desktopWorkoutList table { background: rgba(255,255,255,.12); }
:root #workoutTableBody { background: transparent; }
:root #desktopWorkoutList th { background: rgba(255,255,255,.20); }
:root #workoutTableBody .workout-notes-row { background: rgba(255,255,255,.08); }
:root #workoutTableBody > tr { border-color: rgba(83,72,102,.10); }
:root #workoutTableBody > tr:hover { background: rgba(255,255,255,.24); }
:root #mobileWorkoutList .workout-card {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.38);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24);
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  :root #desktopWorkoutList table,
  :root #mobileWorkoutList .workout-card { background: #f4edf4; }
}

:root nav.bg-white, :root .app-nav {
  background: linear-gradient(110deg, rgba(255,255,255,.25), rgba(242,234,247,.14)) !important;
  border-bottom: 1px solid rgba(255,255,255,.48);
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.32), 0 5px 20px -12px rgba(61,52,97,.28);
  -webkit-backdrop-filter: blur(8px) saturate(120%);
  backdrop-filter: blur(8px) saturate(120%);
}
:root nav a.text-red-500::before {
  background: linear-gradient(150deg, rgba(255,255,255,.50), rgba(255,237,244,.20));
  box-shadow: inset 0 1px 1px rgba(255,255,255,.8), inset 0 0 0 1px rgba(255,255,255,.45), 0 3px 9px rgba(78,52,96,.08);
}
:root .quick-nav > a, :root .progress-range, :root .progress-set-chips > span {
  background: linear-gradient(150deg, rgba(255,255,255,.25), rgba(237,225,245,.10));
  border-color: rgba(255,255,255,.38);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.50), 0 3px 10px -6px rgba(61,52,97,.22);
}
:root .quick-nav > a:hover { background: rgba(255,255,255,.40); border-color: rgba(255,255,255,.65); }
:root .quick-nav > a { border-width: 1px; }
:root .quick-nav .bg-blue-100 { background: rgba(211,228,252,.55) !important; }
:root .quick-nav .bg-green-100 { background: rgba(207,239,225,.55) !important; }
:root .quick-nav .bg-orange-100 { background: rgba(249,225,199,.55) !important; }
:root .quick-nav .bg-purple-100 { background: rgba(229,215,247,.55) !important; }
:root .ai-advice-content, :root .ai-export-content, :root .log-card__notes,
:root .feed-preview, :root .feed-date, :root .feed-actions,
:root .bg-gray-50, :root .bg-gray-100 {
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.30);
}
:root .w-e-toolbar { background: rgba(255,255,255,.18) !important; }
:root .w-e-text-container { background: rgba(255,255,255,.22) !important; }
:root .w-e-panel-container, :root .w-e-droplist { background: #ece5f1 !important; }
:root .feed-description, :root .rich-text-content { color: #302b3e; }
:root .text-gray-400, :root .text-gray-500, :root .text-gray-600,
:root .progress-overview span, :root .progress-overview strong small,
:root .progress-range button, :root .progress-field, :root .progress-set-labels,
:root .progress-set-row > span, :root .progress-history-heading p,
:root .progress-notes, :root .progress-history-empty, :root .progress-delete-form label,
:root .progress-chart-empty { color: var(--muted); }
:root footer { background: rgba(237,224,242,.35) !important; border-color: rgba(255,255,255,.30); }
:root .ui-modal, :root .modal__panel { border-radius: 30px; }
:root button:hover { transform: none; }
:root .ui-btn:active, :root .btn:active { transform: scale(.98); }
:root .ui-btn:disabled, :root .btn:disabled { transform: none; }

/* Confirmation views keep the native form and the red destructive-action cues. */
:root body.bg-gray-100 > .card-shadow { border-radius: 28px; }
:root body.bg-gray-100 .bg-danger { background: linear-gradient(145deg, rgba(166,45,77,.92), rgba(131,34,65,.95)); }
:root body.bg-gray-100 .bg-dangerLight { background: rgba(255,232,239,.72); }
:root body.bg-gray-100 .backdrop-blur { -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(43,35,64,.18); }

@media (prefers-reduced-transparency: reduce), (prefers-contrast: more), (forced-colors: active) {
  :root .ui-panel, :root .ui-modal, :root .card-shadow, :root .feed-item,
  :root input, :root textarea, :root select { background: #f4edf4; -webkit-backdrop-filter: none; backdrop-filter: none; }
  :root nav.bg-white { background: #eee6f1 !important; -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (prefers-reduced-motion: reduce) {
  :root *, :root *::before, :root *::after {
    transition-duration: .01ms !important; animation-duration: .01ms !important;
    animation-iteration-count: 1 !important; scroll-behavior: auto !important;
  }
  :root .ui-btn:active, :root .btn:active { transform: none; }
}

/* fit-daily-glass-20261009_daily1: daily's exact material and optics over FitLog's current scene. */
:root {
  --ui-panel-shadow: 0 30px 58px -14px rgba(21,43,68,.40),
    0 8px 22px rgba(29,57,87,.15), inset 0 1px 1px rgba(255,255,255,.65),
    inset 1px 0 1px rgba(255,255,255,.28), inset 0 -1px 1px rgba(255,255,255,.24);
  --ui-modal-shadow: var(--ui-panel-shadow);
}
:root :is(.ui-panel, .ui-modal, .card, .card-shadow, .stat-card, .review-card, .feed-item, .modal__panel) {
  background: rgba(248, 252, 255, .68);
  border-color: rgba(255, 255, 255, .22);
  box-shadow: var(--glass-shadow);
  isolation: isolate;
  position: relative;
  overflow: hidden;
}
.review-card { border-radius: 20px; }

/* The demo's fine reflective contour, with no opaque white frame. */
:root :is(.ui-panel, .ui-modal, .card, .card-shadow, .stat-card, .review-card, .feed-item, .modal__panel)::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(135deg,
    rgba(255, 255, 255, .56) 0%, rgba(255, 255, 255, .30) 21%,
    rgba(153, 187, 209, .10) 37%, rgba(255, 255, 255, .09) 49%,
    rgba(224, 202, 246, .22) 66%, rgba(255, 255, 255, .32) 80%, rgba(250, 215, 190, .18));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}
:root :is(.ui-panel, .ui-modal, .card, .card-shadow, .stat-card, .review-card, .feed-item, .modal__panel)::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(180px circle at var(--glass-light-x, 18%) var(--glass-light-y, 8%),
      rgba(255, 255, 255, .28), rgba(255, 255, 255, .03) 48%, transparent 72%),
    linear-gradient(145deg, rgba(248, 252, 255, var(--glass-tint-top, .25)),
      rgba(231, 243, 255, var(--glass-tint-bottom, .18)));
}
:root :is(.ui-panel, .card, .card-shadow, .stat-card):hover {
  box-shadow: var(--glass-shadow), 0 23px 38px -25px rgba(34, 75, 100, .27);
}

/* Refraction stays live during native scrolling. Only small decorative targets are filtered. */
:root .glass-surface { background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; }

.glass-lens, .glass-edge {
  position: absolute;
  pointer-events: none;
  z-index: -2;
  background: transparent;
}
.glass-lens { inset: 0; border-radius: inherit; }
.glass-edge--top, .glass-edge--bottom { left: 0; right: 0; height: 88px; }
.glass-edge--top {
  top: 0;
  border-radius: var(--radius) var(--radius) 0 0;
  -webkit-mask-image: linear-gradient(#000 35%, transparent);
  mask-image: linear-gradient(#000 35%, transparent);
}
.glass-edge--bottom {
  bottom: 0;
  border-radius: 0 0 var(--radius) var(--radius);
  -webkit-mask-image: linear-gradient(transparent, #000 65%);
  mask-image: linear-gradient(transparent, #000 65%);
}
.glass-edge--left, .glass-edge--right { width: 60px; }
.glass-edge--left {
  left: 0;
  -webkit-mask-image: linear-gradient(90deg, #000, transparent);
  mask-image: linear-gradient(90deg, #000, transparent);
}
.glass-edge--right {
  right: 0;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000);
  mask-image: linear-gradient(90deg, transparent, #000);
}
.glass-edge--segment {
  -webkit-mask-image: linear-gradient(var(--edge-direction, 90deg), #000, transparent),
    linear-gradient(transparent, #000 10px, #000 calc(100% - 10px), transparent);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(var(--edge-direction, 90deg), #000, transparent),
    linear-gradient(transparent, #000 10px, #000 calc(100% - 10px), transparent);
  mask-composite: intersect;
}
.glass-edge--right { --edge-direction: 270deg; }
:root :is(.ui-modal, .modal__panel).glass-surface { background: transparent; --glass-tint-top: .56; --glass-tint-bottom: .48; }

/* Deep optical material: frosted interior, broad lens rim and blue-grey transmission. */
:root {
  --glass-shadow: 0 30px 58px -14px rgba(21,43,68,.40),
    0 8px 22px rgba(29,57,87,.15), inset 0 1px 1px rgba(255,255,255,.65),
    inset 1px 0 1px rgba(255,255,255,.28), inset 0 -1px 1px rgba(255,255,255,.24);
}
.glass-frost {
  position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: -3;
  background: linear-gradient(125deg,rgba(60,100,147,.24),rgba(73,106,149,.16) 55%,rgba(122,131,148,.28));
  -webkit-backdrop-filter: blur(1px) saturate(.92);
  backdrop-filter: blur(1px) saturate(.92);
}
:root .glass-surface::before { padding: 1.5px; }
:root .glass-surface::after {
  box-shadow: inset 0 2px 3px rgba(255,255,255,.22), inset 0 -2px 10px rgba(213,233,255,.12);
}
@media (hover: none) and (pointer: coarse) {
  .glass-frost { -webkit-backdrop-filter: blur(1px) saturate(.92); backdrop-filter: blur(1px) saturate(.92); }
  .glass-edge--top, .glass-edge--bottom { height: 68px; }
  .glass-edge--left, .glass-edge--right { width: 48px; }
}

/* Fixed copies sample the same scene as body::before, without scroll-position writes. */
.glass-lens, .glass-edge {
  background-color: #e9e2ee;
  background-image: var(--fit-scene);
  background-size: var(--fit-scene-width) var(--fit-scene-height);
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
:root .ui-panel:has(#feedContainer .feed-item) {
  background: transparent; border-color: transparent; box-shadow: none !important; overflow: visible;
}
:root .ui-panel:has(#feedContainer .feed-item)::before,
:root .ui-panel:has(#feedContainer .feed-item)::after { display: none; }
/* Editor menus and scrollable previews retain their existing interaction areas. */
:root .ui-panel:has(#editor) { overflow: visible; }
:root .ui-modal { overflow: auto; }
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more), (forced-colors: active) {
  :root :is(.ui-panel, .ui-modal, .card, .card-shadow, .stat-card, .review-card, .feed-item, .modal__panel) {
    background: #f5f8fa; border-color: #7c91a6;
    -webkit-backdrop-filter: none; backdrop-filter: none;
  }
  .glass-frost, .glass-lens, .glass-edge { display: none; }
  :root :is(.ui-panel, .ui-modal, .card, .card-shadow, .stat-card, .review-card, .feed-item, .modal__panel)::before,
  :root :is(.ui-panel, .ui-modal, .card, .card-shadow, .stat-card, .review-card, .feed-item, .modal__panel)::after { display: none; }
}

/* fit-dual-background-20261009_dual1: original PNGs selected by orientation. */
:root { --fit-scene: url('assets/fit-landscape.webp?v=20261103_perf1'); }
@media (orientation: portrait) {
  :root { --fit-scene: url('assets/fit-portrait.webp?v=20261103_perf1'); }
}
:root body::before,
.glass-lens, .glass-edge {
  background-size: var(--fit-photo-size, cover);
  background-position: center top;
}
.glass-lens, .glass-edge { background-attachment: scroll; }

/* Light foreground for the original dark photo; glass optics are unchanged. */
:root.fit-photo-dark { --ink: #f5f5f7; --muted: #e2e3e7; --ui-secondary-text: #f5f5f7; }
:root.fit-photo-dark body,
:root.fit-photo-dark :is(h1,h2,h3,h4,.headline,nav a),
:root.fit-photo-dark [class*="text-gray-"],
:root.fit-photo-dark :is(.feed-description,.rich-text-content,.progress-section-heading h2,
  .progress-overview strong,.progress-history-heading h3,.ui-btn--secondary,.ui-btn--ghost,
  .ui-btn--chip,.btn--ghost,.photo-picker,.w-e-toolbar .w-e-menu i) {
  color: #f5f5f7;
}
:root.fit-photo-dark [class*="text-gray-"],
:root.fit-photo-dark :is(h1,h2,h3,h4,.headline,nav a,.chart-subtitle) {
  text-shadow: 0 1px 3px rgba(0,0,0,.65);
}
:root.fit-photo-dark input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="hidden"]),
:root.fit-photo-dark textarea, :root.fit-photo-dark select { color: #f5f5f7; }
:root.fit-photo-dark input::placeholder, :root.fit-photo-dark textarea::placeholder { color: #dedee4; }
:root.fit-photo-dark input:focus, :root.fit-photo-dark textarea:focus,
:root.fit-photo-dark select:focus { color: #282636; }

/* fit-clear-background-20261009_clear1: retain refraction and highlights. */

/* fit-transparent-20261009_transparent1: clear panels, no optics or frost. */
:root {
  --glass-shadow: 0 10px 24px -14px rgba(0,0,0,.32), inset 0 1px 1px rgba(255,255,255,.22);
  --ui-panel-shadow: var(--glass-shadow);
  --ui-modal-shadow: var(--glass-shadow);
}
.glass-lens, .glass-edge, .glass-frost { display: none !important; }
:root :is(.ui-panel,.ui-modal,.card,.card-shadow,.stat-card,.review-card,.feed-item,.modal__panel) {
  background: rgba(18,20,24,.10);
  border-color: rgba(255,255,255,.22);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  filter: none;
}
:root :is(.ui-panel,.ui-modal,.card,.card-shadow,.stat-card,.review-card,.feed-item,.modal__panel)::after {
  background: linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  box-shadow: inset 0 1px 1px rgba(255,255,255,.10);
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more), (forced-colors: active) {
  :root :is(.ui-panel,.ui-modal,.card,.card-shadow,.stat-card,.review-card,.feed-item,.modal__panel) {
    background: #f5f8fa; border-color: #7c91a6;
  }
}

/* fit-clear-bars-20261009_clearbars1: match the transparent cards. */
:root nav.bg-white,
:root .app-nav,
:root footer,
:root #weeklyWeightComparison .bg-gray-50 {
  background: rgba(18,20,24,.10) !important;
  border-color: rgba(255,255,255,.22);
  box-shadow: var(--glass-shadow);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  filter: none;
}
:root #weeklyWeightComparison .bg-gray-50 { border: 1px solid rgba(255,255,255,.22); }
:root footer .border-t { border-color: rgba(255,255,255,.18); }
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more), (forced-colors: active) {
  :root nav.bg-white, :root .app-nav, :root footer,
  :root #weeklyWeightComparison .bg-gray-50 {
    background: #f5f8fa !important; border-color: #7c91a6;
  }
}

/* fit-clear-controls-20261009_clearcontrols1 */
:root nav a.text-red-500::before {
  background: rgba(18,20,24,.10);
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: var(--glass-shadow);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  filter: none;
}
:root #editor {
  background: rgba(18,20,24,.10) !important;
  border-color: rgba(255,255,255,.22) !important;
  box-shadow: var(--glass-shadow);
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
}
:root #editor :is(.w-e-toolbar,.w-e-text-container,.w-e-text) {
  background: transparent !important;
  border-color: rgba(255,255,255,.22) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
}
:root #editor .w-e-toolbar {
  background: rgba(255,255,255,.025) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.12);
}
:root #editor :is(.w-e-text,.w-e-toolbar .w-e-menu i) { color: var(--ink) !important; }
:root #editor .w-e-text { caret-color: var(--ink); }
:root #editor :is(.w-e-panel-container,.w-e-droplist) {
  background: rgba(18,20,24,.24) !important;
  color: var(--ink);
  border-color: rgba(255,255,255,.22) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
}
:root .quick-activity-btn,
:root .quick-activity-btn:hover {
  color: var(--ink);
  background: rgba(18,20,24,.10) !important;
  border-color: rgba(255,255,255,.22);
  box-shadow: var(--glass-shadow);
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
}
:root .quick-activity-btn.selected,
:root .quick-activity-btn.selected:hover {
  color: var(--ink);
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(234,117,154,.75);
  box-shadow: inset 0 0 0 1px rgba(234,117,154,.32), inset 0 1px 1px rgba(255,255,255,.22);
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more), (forced-colors: active) {
  :root nav a.text-red-500::before,
  :root #editor,
  :root #editor :is(.w-e-toolbar,.w-e-text-container,.w-e-text,.w-e-panel-container,.w-e-droplist),
  :root .quick-activity-btn { background: #f5f8fa !important; border-color: #7c91a6; }
  :root .quick-activity-btn.selected,
  :root .quick-activity-btn.selected:hover { background: #fce9ef !important; border-color: #962d56; }
}

/* fit-clear-fields-20261009_clearfields1: shared clear controls and text regions. */
:root .quick-nav > a,
:root .quick-nav > a:hover,
:root .quick-nav > a > .rounded-full,
:root .quick-nav > a:hover > .rounded-full,
:root .ai-advice-content,
:root .ai-export-content,
:root .log-card__notes,
:root .quick-time-btn,
:root .quick-time-btn:hover,
:root input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="hidden"]),
:root textarea,
:root select {
  background: rgba(18,20,24,.10) !important;
  border-color: rgba(255,255,255,.22) !important;
  box-shadow: var(--glass-shadow) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
}
:root .quick-nav > a > .rounded-full { border: 1px solid rgba(255,255,255,.22); }
:root .quick-nav > a:hover { background: rgba(255,255,255,.06) !important; }
:root .ai-advice-content, :root .ai-export-content, :root .quick-time-btn,
:root input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="hidden"]),
:root textarea, :root select { color: var(--ink) !important; }
:root input::placeholder, :root textarea::placeholder { color: var(--muted) !important; opacity: .85; }
:root input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="hidden"]):focus,
:root textarea:focus, :root select:focus {
  background: rgba(18,20,24,.12) !important;
  border-color: rgba(234,117,154,.75) !important;
  box-shadow: 0 0 0 2px rgba(234,117,154,.20), inset 0 1px 1px rgba(255,255,255,.15) !important;
}
:root .quick-time-btn.selected, :root .quick-time-btn.selected:hover {
  color: var(--ink);
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(234,117,154,.75) !important;
  box-shadow: inset 0 0 0 1px rgba(234,117,154,.32), inset 0 1px 1px rgba(255,255,255,.22) !important;
}
:root.fit-photo-dark select option { color: #f5f5f7; background: #24242a; }
:root.fit-photo-dark input:is([type="date"],[type="datetime-local"],[type="time"]) { color-scheme: dark; }
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more), (forced-colors: active) {
  :root .quick-nav > a, :root .quick-nav > a:hover,
  :root .quick-nav > a > .rounded-full, :root .quick-nav > a:hover > .rounded-full,
  :root .ai-advice-content, :root .ai-export-content, :root .log-card__notes,
  :root .quick-time-btn, :root .quick-time-btn:hover,
  :root input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="hidden"]),
  :root textarea, :root select {
    background: #f5f8fa !important; border-color: #7c91a6 !important;
  }
  :root input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="hidden"]):focus,
  :root textarea:focus, :root select:focus { background: #fff !important; }
  :root .quick-time-btn.selected, :root .quick-time-btn.selected:hover { background: #fce9ef !important; border-color: #962d56 !important; }
}

/* fit-clear-history-20261009_clearhistory1: clear actions, calendars and history. */
:root .ui-btn--secondary,
:root .ui-btn--secondary:hover,
:root .ui-btn--ghost,
:root .ui-btn--ghost:hover,
:root .ui-btn--danger,
:root .ui-btn--danger:hover,
:root .photo-picker,
:root .photo-picker:hover,
:root #mobileWorkoutList .workout-card,
:root #workoutTableBody > tr,
:root #workoutTableBody > tr:hover,
:root #desktopWorkoutList th,
:root .feed-item,
:root .feed-item:hover,
:root .feed-date,
:root .feed-description,
:root .feed-preview,
:root .feed-actions,
:root .calendar-container [data-date],
:root body.bg-gray-100 .bg-danger,
:root body.bg-gray-100 .bg-dangerLight {
  background: rgba(18,20,24,.10) !important;
  border-color: rgba(255,255,255,.22) !important;
  box-shadow: var(--glass-shadow) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
}
:root .ui-btn--secondary, :root .ui-btn--ghost,
:root .photo-picker, :root .calendar-container [data-date] { color: var(--ink) !important; }
:root .ui-btn--danger, :root .ui-btn--danger.ui-btn--ghost,
:root .ui-btn--danger:hover, :root .ui-btn--danger.ui-btn--ghost:hover,
:root body.bg-gray-100 .bg-danger {
  color: #ffafbe !important;
  border-color: rgba(239,125,151,.50) !important;
}
:root #desktopWorkoutList table { background: transparent !important; }
:root #desktopWorkoutList { border-color: rgba(255,255,255,.22); }
:root .calendar-container [data-date] { border: 1px solid rgba(255,255,255,.22); }
:root .calendar-container [data-date].ui-calendar-day--aerobic {
  background: rgba(189,48,72,.10) !important;
  border-color: rgba(239,125,151,.80) !important;
}
:root .calendar-container [data-date].ui-calendar-day--strength {
  background: rgba(148,99,56,.10) !important;
  border-color: rgba(224,169,111,.80) !important;
}
:root .calendar-container [data-date][class~="border-[#93c5fd]"] { border-color: rgba(147,197,253,.80) !important; }
:root #workoutTableBody :is(.bg-blue-100,.bg-gray-100),
:root #mobileWorkoutList :is(.bg-blue-100,.bg-gray-100) {
  color: var(--ink) !important;
  background: rgba(18,20,24,.10) !important;
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.15);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  filter: none;
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more), (forced-colors: active) {
  :root .ui-btn--secondary, :root .ui-btn--secondary:hover,
  :root .ui-btn--ghost, :root .ui-btn--ghost:hover,
  :root .ui-btn--danger, :root .ui-btn--danger:hover,
  :root .photo-picker, :root .photo-picker:hover,
  :root #mobileWorkoutList .workout-card,
  :root #workoutTableBody > tr, :root #workoutTableBody > tr:hover,
  :root #desktopWorkoutList th,
  :root .feed-item, :root .feed-item:hover,
  :root .feed-date, :root .feed-description, :root .feed-preview, :root .feed-actions,
  :root .calendar-container [data-date],
  :root .calendar-container [data-date].ui-calendar-day--aerobic,
  :root .calendar-container [data-date].ui-calendar-day--strength,
  :root #workoutTableBody :is(.bg-blue-100,.bg-gray-100),
  :root #mobileWorkoutList :is(.bg-blue-100,.bg-gray-100),
  :root body.bg-gray-100 .bg-danger, :root body.bg-gray-100 .bg-dangerLight { background: #f5f8fa !important; }
  :root .ui-btn--danger, :root .ui-btn--danger.ui-btn--ghost,
  :root .ui-btn--danger:hover, :root .ui-btn--danger.ui-btn--ghost:hover,
  :root body.bg-gray-100 .bg-danger { color: #943d45 !important; }
}

/* Clear photos with uniform 60% dark surfaces. Scope to the photo theme so the
   existing reduced-transparency, high-contrast and forced-colors themes remain intact. */
:root.fit-photo-dark {
  --accent: #f08eac;
  --ui-danger: #ffafbe;
  --glass-blue: #84b9f5;
  --glass-green: #83cdb0;
  --glass-orange: #e6b277;
  --glass-purple: #c0a1ed;
}
:root.fit-photo-dark :is(.ui-panel,.ui-modal,.card,.card-shadow,.stat-card,.review-card,.feed-item,.modal__panel) {
  --fit-panel-alpha: .60;
  background: rgba(18,20,24,var(--fit-panel-alpha)) !important;
  border-color: rgba(255,255,255,.28);
}

/* Preserve the fine reflective rim without a pale wash over the dark surface. */
:root.fit-photo-dark :is(.ui-panel,.ui-modal,.card,.card-shadow,.stat-card,.review-card,.feed-item,.modal__panel)::after {
  background: none;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.10);
}

:root.fit-photo-dark nav.bg-white,
:root.fit-photo-dark .app-nav {
  background: rgba(18,20,24,.60) !important;
}
:root.fit-photo-dark footer { background: rgba(18,20,24,.30) !important; }

/* A 30% field on a 60% panel gives 72% combined coverage. */
:root.fit-photo-dark input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="hidden"]),
:root.fit-photo-dark textarea,
:root.fit-photo-dark select,
:root.fit-photo-dark #editor {
  background: rgba(18,20,24,.30) !important;
  border-color: rgba(255,255,255,.32) !important;
}
:root.fit-photo-dark input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="hidden"]):focus,
:root.fit-photo-dark textarea:focus,
:root.fit-photo-dark select:focus {
  background: rgba(18,20,24,.40) !important;
  border-color: rgba(234,117,154,.85) !important;
}

/* Text regions already sit on a 60% panel; avoid darkening them twice. */
:root.fit-photo-dark :is(.ai-advice-content,.ai-export-content,.log-card__notes),
:root.fit-photo-dark #weeklyWeightComparison .bg-gray-50 {
  background: transparent !important;
}
:root.fit-photo-dark #editor :is(.w-e-panel-container,.w-e-droplist) {
  background: rgba(18,20,24,.92) !important;
}
:root.fit-photo-dark .ui-panel:has(#feedContainer .feed-item) {
  background: transparent !important;
}
:root.fit-photo-dark :is(.feed-date,.feed-description,.feed-preview,.feed-actions) {
  background: transparent !important;
  box-shadow: none !important;
}
:root.fit-photo-dark #mobileWorkoutList .workout-card {
  background: transparent !important;
}
:root.fit-photo-dark .progress-set-chips > span,
:root.fit-photo-dark .progress-range button[aria-pressed="true"] {
  color: var(--accent) !important;
  border-color: rgba(240,142,172,.65) !important;
}