body.light-app-preview {
  color-scheme: light;
  --bg: #f6f8fb;
  --panel: #ffffff;
  --panel-2: #f2f5f8;
  --line: #e3e8ef;
  --gold: #2f7dff;
  --gold-2: #0f62d9;
  --text: #18212b;
  --muted: #5f6c7a;
  --danger: #ef5f66;
  --ok: #19bd84;
  --warn: #f5b84b;
  --shadow: 0 16px 44px rgba(32, 44, 63, 0.11);
  background: linear-gradient(180deg, #fbfcfe 0%, #f2f6fb 100%);
  color: var(--text);
}

.light-app-preview .app-shell {
  background: transparent;
}

.light-app-preview .sidebar {
  background: rgba(255, 255, 255, 0.96);
  border-right: 1px solid rgba(223, 230, 239, 0.9);
  box-shadow: 28px 0 70px rgba(29, 39, 54, 0.16);
}

.light-app-preview .hamburger {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid #dce4ee;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(36, 50, 71, 0.14);
}

.light-app-preview .hamburger span {
  background: #29313d;
}

.light-app-preview .customer-calendar-shortcut {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid #dce4ee;
  color: #1267dc;
  box-shadow: 0 10px 30px rgba(36, 50, 71, 0.14);
}

.light-app-preview .customer-bottom-nav {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid #dce4ee;
  box-shadow: 0 14px 36px rgba(36, 50, 71, 0.16);
}

.light-app-preview .customer-bottom-nav button {
  color: #6b7786;
}

.light-app-preview .customer-bottom-nav button.active {
  color: #ffffff;
  background: linear-gradient(135deg, #2f7dff, #12c7a4);
}

.light-app-preview .nav-backdrop {
  background: rgba(18, 26, 38, 0.28);
  backdrop-filter: blur(2px);
}

.light-app-preview .brand {
  padding: 10px 8px 4px;
}

.light-app-preview .brand strong {
  color: #151d27;
  letter-spacing: 0;
}

.light-app-preview .brand span,
.light-app-preview .muted,
.light-app-preview small {
  color: var(--muted);
}

.light-app-preview .role-switch {
  background: #f2f5f8;
  border: 1px solid #e1e8f0;
  border-radius: 12px;
  padding: 6px;
  gap: 6px;
}

.light-app-preview .role-switch button,
.light-app-preview .nav button,
.light-app-preview .btn,
.light-app-preview .ghost-btn,
.light-app-preview .icon-btn {
  background: #ffffff;
  border: 1px solid #dfe6ef;
  color: #26313e;
  border-radius: 14px;
  box-shadow: none;
}

.light-app-preview .role-switch button.active,
.light-app-preview .nav button.active,
.light-app-preview .btn {
  background: linear-gradient(135deg, #eaf2ff, #ffffff);
  border-color: #b7d4ff;
  color: #1267dc;
  box-shadow: 0 10px 24px rgba(47, 125, 255, 0.14);
}

.light-app-preview .nav button {
  font-weight: 760;
  min-height: 48px;
}

.light-app-preview .nav button.nav-parent.active {
  background: #eaf2ff;
  border-color: #9fc8ff;
  color: #115fc6;
  box-shadow: 0 10px 24px rgba(47, 125, 255, 0.13);
}

.light-app-preview .nav button.nav-child {
  background: #f8fafc;
  border-color: #e5ebf2;
  color: #4f5d6b;
}

.light-app-preview .nav button.nav-child::before {
  background: #c9d6e5;
}

.light-app-preview .nav button.nav-child.active,
.light-app-preview .nav button.nav-child.active:hover {
  background: #eef6ff;
  border-color: #9fc8ff;
  color: #1267dc;
  box-shadow: none;
}

.light-app-preview .nav button.nav-child.active::before {
  background: #2f7dff;
}

.light-app-preview .content {
  background: transparent;
}

.light-app-preview .topbar {
  margin-bottom: 22px;
}

.light-app-preview .customer-content .topbar {
  flex-wrap: wrap;
}

.light-app-preview .customer-content .topbar > div:first-child {
  flex: 1 1 180px;
}

.light-app-preview .customer-content .topbar > .topbar-actions {
  flex-wrap: wrap;
  max-width: 100%;
}

.light-app-preview .topbar h1,
.light-app-preview h1,
.light-app-preview h2,
.light-app-preview h3,
.light-app-preview h4,
.light-app-preview strong {
  color: #18212b;
  letter-spacing: 0;
}

.light-app-preview .topbar p {
  color: #5f6c7a;
}

.light-app-preview .card,
.light-app-preview .legal-meta div,
.light-app-preview .summary-card,
.light-app-preview .customer-card,
.light-app-preview .meal-card,
.light-app-preview .training-card,
.light-app-preview .reservation-card,
.light-app-preview .calendar-card,
.light-app-preview .photo-card,
.light-app-preview .feedback-card,
.light-app-preview .reminder-card,
.light-app-preview .ai-card,
.light-app-preview .plan-card,
.light-app-preview .pricing-card {
  background: #ffffff;
  border: 1px solid #e6ebf2;
  border-radius: 22px;
  box-shadow: 0 14px 36px rgba(34, 46, 63, 0.08);
}

.light-app-preview .card:hover,
.light-app-preview .customer-card:hover,
.light-app-preview .plan-card:hover {
  border-color: #cfe0f5;
  box-shadow: 0 18px 46px rgba(34, 46, 63, 0.11);
}

.light-app-preview input,
.light-app-preview select,
.light-app-preview textarea {
  background: #ffffff;
  border: 1px solid #dfe6ef;
  color: #1f2630;
  border-radius: 14px;
}

.light-app-preview input:focus,
.light-app-preview select:focus,
.light-app-preview textarea:focus {
  outline: none;
  border-color: #6da8ff;
  box-shadow: 0 0 0 4px rgba(47, 125, 255, 0.12);
}

.light-app-preview input::placeholder,
.light-app-preview textarea::placeholder {
  color: #8794a3;
}

.light-app-preview table {
  background: #ffffff;
  color: #25303d;
}

.light-app-preview th {
  color: #5f6c7a;
  background: #f5f8fb;
}

.light-app-preview td {
  border-color: #e8edf3;
}

.light-app-preview .badge,
.light-app-preview .pill,
.light-app-preview .tag,
.light-app-preview .status-pill {
  background: #f1f6ff;
  color: #1768d8;
  border-color: #c9ddff;
  border-radius: 999px;
}

.light-app-preview .danger,
.light-app-preview .ghost-btn.danger {
  color: #df4752;
}

.light-app-preview .ok,
.light-app-preview .success {
  color: #16a674;
}

.light-app-preview .warning,
.light-app-preview .warn {
  color: #c78410;
}

.light-app-preview .progress,
.light-app-preview .bar,
.light-app-preview .meter,
.light-app-preview .mini-bar {
  background: #e8edf4;
}

.light-app-preview .progress span,
.light-app-preview .bar span,
.light-app-preview .meter span,
.light-app-preview .mini-bar span {
  background: linear-gradient(90deg, #2f7dff, #6ee7b7);
}

.light-app-preview .segmented,
.light-app-preview .tab-buttons,
.light-app-preview .tabs,
.light-app-preview .category-tabs {
  background: #f1f4f8;
  border: 1px solid #e1e8f0;
  border-radius: 18px;
  padding: 5px;
}

.light-app-preview .segmented button,
.light-app-preview .tab-buttons button,
.light-app-preview .tabs button,
.light-app-preview .category-tabs button {
  background: transparent;
  border: 0;
  color: #566371;
  box-shadow: none;
}

.light-app-preview .segmented button.active,
.light-app-preview .tab-buttons button.active,
.light-app-preview .tabs button.active,
.light-app-preview .category-tabs button.active {
  background: #ffffff;
  color: #1f2630;
  border-radius: 14px;
  box-shadow: 0 8px 18px rgba(28, 39, 55, 0.1);
}

.light-app-preview .dashboard-hero,
.light-app-preview .hero,
.light-app-preview .login-card {
  background: linear-gradient(145deg, #ffffff, #eef6ff);
  border: 1px solid #deebff;
  color: #1f2630;
  box-shadow: 0 18px 50px rgba(47, 125, 255, 0.12);
}

.light-app-preview .login-page {
  background: linear-gradient(180deg, #ffffff 0%, #edf5ff 100%);
}

.light-app-preview .login {
  align-items: start;
  place-items: start center;
  padding: clamp(18px, 4vw, 40px);
  background: linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);
}

.light-app-preview .login-layout {
  align-items: start;
}

.light-app-preview .login-card,
.light-app-preview .login-panel {
  background: #ffffff;
  border: 1px solid #e3eaf3;
  color: #18212b;
  border-radius: 18px;
  box-shadow: 0 16px 40px rgba(34, 46, 63, 0.09);
}

.light-app-preview .login-card {
  padding: clamp(22px, 4vw, 34px);
}

.light-app-preview .login-card h1 {
  color: #17212e;
  font-size: clamp(34px, 5vw, 48px);
  line-height: 1.08;
}

.light-app-preview .login-brand-lockup {
  position: relative;
  width: min(320px, 88%);
  gap: 5px;
  margin-bottom: 26px;
  padding: 10px 18px 2px;
}

.light-app-preview .login-brand-logo {
  width: 96px;
  max-width: 34%;
  margin-bottom: 10px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  opacity: 1;
  filter: brightness(0) saturate(100%) invert(12%) sepia(19%) saturate(756%) hue-rotate(174deg) brightness(92%) contrast(91%);
}

.light-app-preview .login-brand-lockup::before {
  content: "";
  width: 42px;
  height: 3px;
  margin-bottom: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, #2f7dff, #19c58f);
}

.light-app-preview .login-brand-lockup span {
  color: #68788b;
  font-size: 11px;
  font-weight: 900;
}

.light-app-preview .login-brand-lockup h1 {
  color: #111827;
  margin: 0;
  font-weight: 900;
}

.light-app-preview .login-brand-lockup strong {
  color: #111827;
  font-size: clamp(20px, 3vw, 30px);
  font-weight: 900;
}

.light-app-preview .login-card p,
.light-app-preview .login-panel p,
.light-app-preview .login-panel label,
.light-app-preview .login-card label {
  color: #536170;
}

.light-app-preview .login-card .form,
.light-app-preview .login-panel .form {
  margin-top: 18px;
}

.light-app-preview .login-card input,
.light-app-preview .login-panel input,
.light-app-preview .login-panel textarea,
.light-app-preview .login-panel select {
  min-height: 48px;
  background: #f9fbfd;
  border-color: #d7e1ec;
  color: #17212e;
}

.light-app-preview .login-card .btn,
.light-app-preview .login-panel .btn,
.light-app-preview .login-card .ghost-btn,
.light-app-preview .login-panel .ghost-btn {
  min-height: 48px;
  color: #1267dc;
  background: linear-gradient(135deg, #eef6ff, #ffffff);
  border-color: #b8d4ff;
  font-weight: 800;
}

.light-app-preview .login-panel h2 {
  color: #17212e;
}

.light-app-preview .logo-mark,
.light-app-preview .login-logo {
  filter: drop-shadow(0 8px 16px rgba(36, 50, 71, 0.12));
}

.light-app-preview .brand img {
  width: 58px;
  height: 42px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  filter: brightness(0) saturate(100%) invert(12%) sepia(19%) saturate(756%) hue-rotate(174deg) brightness(92%) contrast(91%) drop-shadow(0 8px 16px rgba(36, 50, 71, 0.16));
}

.light-app-preview .login-card > img {
  width: min(220px, 76%);
  padding: 14px 18px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid rgba(201, 214, 229, 0.9);
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.11);
  filter: brightness(0) saturate(100%) invert(13%) sepia(19%) saturate(753%) hue-rotate(174deg) brightness(91%) contrast(90%);
}

.light-app-preview .owner-bootstrap-notice {
  background: #f8fbff;
  border-color: #dbe9ff;
}

.light-app-preview .training-inbody-block {
  background: #f8fafc;
  border-color: #e8eef6;
}

/* Bright theme cleanup for remaining dark/gray option cards */
body.light-app-preview .choice-pill,
body.light-app-preview .check-grid label,
body.light-app-preview .goal-checkbox-grid label,
body.light-app-preview .training-phase-option,
body.light-app-preview .phase-preset-card,
body.light-app-preview .trainer-phase-card,
body.light-app-preview .trainer-template-row,
body.light-app-preview .feature-toggle,
body.light-app-preview .inline-master-card,
body.light-app-preview .phase-preset-panel,
body.light-app-preview .trainer-phase-breakdown,
body.light-app-preview .training-phase-guide,
body.light-app-preview .training-goal-form {
  background: #ffffff !important;
  border: 1px solid #d9e9ff !important;
  color: #172033 !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.045) !important;
}

body.light-app-preview .choice-pill,
body.light-app-preview .check-grid label,
body.light-app-preview .goal-checkbox-grid label {
  min-height: 74px;
  border-radius: 10px !important;
  align-items: center;
}

body.light-app-preview .choice-pill span,
body.light-app-preview .check-grid label,
body.light-app-preview .goal-checkbox-grid label,
body.light-app-preview .training-phase-guide-list span,
body.light-app-preview .phase-preset-card strong,
body.light-app-preview .trainer-phase-card strong,
body.light-app-preview .trainer-template-row strong,
body.light-app-preview .feature-toggle strong {
  color: #0f172a !important;
}

body.light-app-preview .choice-pill small,
body.light-app-preview .check-grid small,
body.light-app-preview .goal-checkbox-grid small,
body.light-app-preview .training-phase-guide-list small,
body.light-app-preview .phase-preset-card p,
body.light-app-preview .trainer-phase-card p,
body.light-app-preview .trainer-template-row span,
body.light-app-preview .feature-toggle small {
  color: #64748b !important;
}

body.light-app-preview .choice-pill.selected,
body.light-app-preview .choice-pill:has(input:checked),
body.light-app-preview .check-grid label:has(input:checked),
body.light-app-preview .goal-checkbox-grid label:has(input:checked),
body.light-app-preview .training-phase-option.active,
body.light-app-preview .phase-preset-card.registered,
body.light-app-preview .trainer-phase-card.active,
body.light-app-preview .feature-toggle.active {
  background: linear-gradient(135deg, #eaf3ff, #f2fffb) !important;
  border-color: #60a5fa !important;
  color: #0f172a !important;
  box-shadow: 0 12px 28px rgba(47, 125, 255, 0.12) !important;
}

body.light-app-preview .training-phase-option::before {
  background: #ffffff !important;
  border-color: #b8c7d9 !important;
}

body.light-app-preview .training-phase-option.active::before {
  background: radial-gradient(circle at center, #2f7dff 0 42%, #ffffff 45%) !important;
  border-color: #2f7dff !important;
  box-shadow: 0 0 0 4px rgba(47, 125, 255, 0.12) !important;
}

.light-app-preview .modal,
.light-app-preview .drawer,
.light-app-preview dialog {
  background: #ffffff;
  color: #1f2630;
  border: 1px solid #e3e9f1;
  box-shadow: 0 24px 70px rgba(21, 30, 44, 0.2);
}

.light-app-preview .notice,
.light-app-preview .reminder,
.light-app-preview .callout {
  background: #f4f8ff;
  border: 1px solid #d7e7ff;
  color: #25303d;
  border-radius: 18px;
}

.light-app-preview .notice strong,
.light-app-preview .reminder strong,
.light-app-preview .callout strong {
  color: #155fc8;
}

.light-app-preview .notice.warn {
  background: #fff8e7;
  border-color: #f4c463;
  color: #4b3420;
}

.light-app-preview .notice.warn strong {
  color: #9a5b00;
}

.light-app-preview .app-feedback-faq ul {
  color: #5e6a78;
}

.light-app-preview .owl-coach-reminder {
  background:
    radial-gradient(circle at 70px 55%, rgba(47, 125, 255, 0.1), transparent 120px),
    #ffffff;
  border-color: #e3eaf3;
}

.light-app-preview .owl-coach-avatar {
  background: #ffffff;
  border-color: #dde7f2;
  box-shadow: 0 12px 28px rgba(31, 44, 62, 0.12);
}

.light-app-preview .owl-coach-speech,
.light-app-preview .mascot-reminder-bubble {
  background: #f6f9fd;
  border-color: #e2e9f2;
  border-radius: 18px;
  color: #25303d;
}

.light-app-preview .owl-coach-speech::before,
.light-app-preview .mascot-reminder-bubble::before {
  background: #f6f9fd;
  border-color: #e2e9f2;
}

.light-app-preview .owl-coach-speech span {
  color: #2f7dff;
  font-weight: 800;
}

.light-app-preview .owl-coach-speech strong,
.light-app-preview .mascot-reminder-bubble strong {
  color: #20252d;
}

.light-app-preview .owl-coach-speech p,
.light-app-preview .mascot-reminder-bubble p {
  color: #303a46;
}

.light-app-preview .upgrade-reminder-card {
  background: #ffffff;
}

.light-app-preview .upgrade-reminder-main,
.light-app-preview .upgrade-mini-card,
.light-app-preview .upgrade-price-box {
  background: #f7f9fc;
  border: 1px solid #e5ebf2;
  border-radius: 18px;
  color: #25303d;
}

.light-app-preview .upgrade-reminder-main p,
.light-app-preview .upgrade-mini-card,
.light-app-preview .upgrade-mini-card strong {
  color: #5f6c7a;
}

.light-app-preview .upgrade-bullet-row span {
  background: #edf5ff;
  color: #1267dc;
  border-color: #cfe1ff;
}

.light-app-preview .upgrade-price-box span {
  color: #5f6c7a;
}

.light-app-preview .upgrade-price-box strong {
  color: #20252d;
}

.light-app-preview .dashboard-link-btn {
  background: #f8fbff;
  border-color: #dbe6f2;
  color: #1f2b3a;
  box-shadow: 0 8px 18px rgba(20, 32, 50, 0.05);
}

.light-app-preview .dashboard-link-btn span {
  color: #667789;
}

.light-app-preview .dashboard-link-btn:hover,
.light-app-preview .dashboard-link-btn:focus-visible {
  border-color: #2f7dff;
  background: #eff6ff;
}

.light-app-preview .dashboard-task-row small {
  color: #6f7f90;
}

.light-app-preview .empty-state {
  background: #f8fafc;
  border: 1px dashed #cfd9e6;
  color: #5f6c7a;
  border-radius: 20px;
}

.light-app-preview .meal-slot,
.light-app-preview .training-row,
.light-app-preview .set-row,
.light-app-preview .calendar-slot,
.light-app-preview .customer-row,
.light-app-preview .history-row {
  background: #f9fbfd;
  border-color: #e6ebf2;
  color: #25303d;
  border-radius: 16px;
}

.light-app-preview .share-preview,
.light-app-preview canvas,
.light-app-preview .body-map-card {
  background: #ffffff;
  border-color: #e5ebf2;
}

.light-app-preview .balance-body-map {
  background: #ffffff;
  border-color: #e5ebf2;
  box-shadow: 0 18px 44px rgba(38, 53, 72, 0.08);
}

.light-app-preview .balance-body-head strong,
.light-app-preview .balance-score b,
.light-app-preview .balance-part strong,
.light-app-preview .balance-part b,
.light-app-preview .balance-advice strong {
  color: #222a33;
}

.light-app-preview .balance-body-head small,
.light-app-preview .balance-score span,
.light-app-preview .balance-score small,
.light-app-preview .balance-part span,
.light-app-preview .balance-part small,
.light-app-preview .balance-advice span {
  color: #5f6c7a;
}

.light-app-preview .balance-part {
  background: #f8fafc;
  border-color: #e5ebf2;
}

.light-app-preview .balance-part.empty {
  background: #fff1f2;
  border-color: #fecdd3;
}

.light-app-preview .balance-part.empty b {
  color: #e11d48;
}

.light-app-preview .balance-part.low {
  background: #fff7ed;
  border-color: #fed7aa;
}

.light-app-preview .balance-part.low b {
  color: #ea580c;
}

.light-app-preview .balance-part.started {
  background: #fffbeb;
  border-color: #fde68a;
}

.light-app-preview .balance-part.started b {
  color: #b45309;
}

.light-app-preview .balance-part.active {
  background: #edf5ff;
  border-color: #cfe3ff;
}

.light-app-preview .balance-part.active b {
  color: #2563eb;
}

.light-app-preview .balance-part.complete {
  background: #eafaf3;
  border-color: #c9f0df;
}

.light-app-preview .balance-part.complete b {
  color: #0c9467;
}

.light-app-preview .balance-body-figure {
  background: #f6f8fb;
}

.light-app-preview .balance-body-svg .body-base {
  fill: #dfe4ea;
  stroke: #edf1f5;
}

.light-app-preview .balance-body-svg .muscle {
  stroke: rgba(255, 255, 255, 0.9);
}

.light-app-preview .balance-body-svg .muscle.empty {
  fill: #ef4444;
}

.light-app-preview .balance-body-svg .muscle.low {
  fill: #f97316;
}

.light-app-preview .balance-body-svg .muscle.started {
  fill: #f59e0b;
}

.light-app-preview .balance-body-svg .muscle.active {
  fill: #3b82f6;
}

.light-app-preview .balance-body-svg .muscle.complete {
  fill: #22bd8c;
}

.light-app-preview .balance-advice {
  background: #eef6ff;
  border-color: #cfe3ff;
}

.light-app-preview .subtle,
.light-app-preview .secondary-text,
.light-app-preview .description,
.light-app-preview .help-text,
.light-app-preview .form-hint,
.light-app-preview .caption,
.light-app-preview label,
.light-app-preview small {
  color: var(--muted);
}

.light-app-preview .disabled,
.light-app-preview [aria-disabled="true"],
.light-app-preview button:disabled {
  color: #738191;
  opacity: 1;
}

.light-app-preview .card p,
.light-app-preview .summary-card p,
.light-app-preview .meal-card p,
.light-app-preview .training-card p,
.light-app-preview .plan-card p,
.light-app-preview .pricing-card p {
  color: #34404d;
}

.light-app-preview .balance-view-tabs,
.light-app-preview .balance-mode-tabs {
  background: #f1f4f8;
  border: 1px solid #e1e8f0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

.light-app-preview .balance-view-tabs button,
.light-app-preview .balance-mode-tabs button {
  background: transparent;
  color: #607080;
  box-shadow: none;
}

.light-app-preview .balance-view-tabs button.active,
.light-app-preview .balance-mode-tabs button.active {
  background: #ffffff;
  color: #202833;
  box-shadow: 0 10px 22px rgba(31, 41, 55, 0.1);
}

.light-app-preview .balance-recovery-note {
  color: #667482;
}

.light-app-preview .balance-anatomy-grid {
  grid-template-columns: 1fr;
  align-items: stretch;
}

.light-app-preview .balance-anatomy-stage {
  min-height: 620px;
  background:
    radial-gradient(circle at 50% 38%, rgba(236, 241, 247, 0.95), transparent 180px),
    #ffffff;
  border: 1px solid #e4ebf3;
  border-radius: 24px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.light-app-preview .balance-figure-crop {
  top: 52%;
  width: min(37%, 270px);
  height: 78%;
}

.light-app-preview .balance-figure-crop img {
  left: -4%;
  width: 214%;
  height: 100%;
  opacity: 0.94;
  filter: contrast(1.05) saturate(0.98);
}

.light-app-preview .balance-anatomy-stage[data-view="back"] .balance-figure-crop img {
  left: -110%;
}

.light-app-preview .balance-muscle-layer path {
  opacity: 0.28;
  stroke: rgba(255, 255, 255, 0.74);
  stroke-width: 1.1;
}

.light-app-preview .balance-muscle-layer .empty {
  fill: #ef4444;
  opacity: 0.54;
}

.light-app-preview .balance-muscle-layer .low {
  fill: #f97316;
  opacity: 0.58;
}

.light-app-preview .balance-muscle-layer .started {
  fill: #f59e0b;
  opacity: 0.62;
}

.light-app-preview .balance-muscle-layer .active {
  fill: #3b82f6;
  opacity: 0.66;
}

.light-app-preview .balance-muscle-layer .complete {
  fill: #22bd8c;
  opacity: 0.72;
}

.light-app-preview .balance-anatomy-callout {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid #dfe8f4;
  border-radius: 16px;
  box-shadow: 0 12px 28px rgba(31, 41, 55, 0.1);
  color: #202833;
}

.light-app-preview .balance-anatomy-callout strong {
  color: #1f2937;
}

.light-app-preview .balance-anatomy-callout small {
  color: #8a97a6;
}

.light-app-preview .balance-anatomy-parts {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.light-app-preview .balance-anatomy-parts .balance-part {
  background: #f8fafc;
  border: 1px solid #e4ebf3;
  box-shadow: none;
}

.light-app-preview .balance-anatomy-parts .balance-part.complete {
  border-color: rgba(22, 189, 140, 0.28);
  background: #f0fcf7;
}

.light-app-preview .balance-anatomy-parts .balance-part.active {
  border-color: rgba(95, 157, 255, 0.3);
  background: #f2f7ff;
}

@media (min-width: 980px) {
  .light-app-preview .content {
    padding-left: 92px;
    max-width: 1240px;
    margin: 0 auto;
  }
}

@media (max-width: 720px) {
  .light-app-preview .content {
    padding: 76px 14px 18px;
  }

  .light-app-preview .card,
  .light-app-preview .legal-meta div,
  .light-app-preview .summary-card,
  .light-app-preview .customer-card,
  .light-app-preview .meal-card,
  .light-app-preview .training-card,
  .light-app-preview .reservation-card,
  .light-app-preview .calendar-card,
  .light-app-preview .photo-card,
  .light-app-preview .feedback-card,
  .light-app-preview .reminder-card,
  .light-app-preview .ai-card,
  .light-app-preview .plan-card,
  .light-app-preview .pricing-card {
    border-radius: 20px;
  }

  .light-app-preview .balance-anatomy-stage {
    min-height: 530px;
  }

  .light-app-preview .balance-figure-crop {
    top: 53%;
    width: 43%;
    height: 70%;
  }
}

/* Whole app white theme pass */
body.light-app-preview,
body.light-app-preview .app-shell {
  min-height: 100vh;
  background:
    radial-gradient(circle at 14% 0%, rgba(47, 125, 255, 0.08), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f6f8fb 100%) !important;
  color: #1f2937 !important;
}

body.light-app-preview {
  color-scheme: light;
}

.light-app-preview .content,
.light-app-preview main,
.light-app-preview section,
.light-app-preview .view,
.light-app-preview .page,
.light-app-preview .panel,
.light-app-preview .dashboard,
.light-app-preview .customer-view,
.light-app-preview .staff-view {
  color: #1f2937;
}

.light-app-preview .topbar,
.light-app-preview .toolbar,
.light-app-preview .sticky-bar,
.light-app-preview .bottom-bar,
.light-app-preview .mobile-bottom-nav {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: #e5ebf3 !important;
  box-shadow: 0 14px 32px rgba(38, 52, 74, 0.08) !important;
  color: #1f2937 !important;
  backdrop-filter: blur(18px);
}

.light-app-preview .card,
.light-app-preview .summary-card,
.light-app-preview .customer-card,
.light-app-preview .meal-card,
.light-app-preview .training-card,
.light-app-preview .reservation-card,
.light-app-preview .calendar-card,
.light-app-preview .photo-card,
.light-app-preview .feedback-card,
.light-app-preview .reminder-card,
.light-app-preview .ai-card,
.light-app-preview .plan-card,
.light-app-preview .pricing-card,
.light-app-preview .legal-card,
.light-app-preview .management-card,
.light-app-preview .history-card,
.light-app-preview .preset-card,
.light-app-preview .phase-card,
.light-app-preview .body-card,
.light-app-preview .notice,
.light-app-preview .alert,
.light-app-preview .task-card,
.light-app-preview .list-card,
.light-app-preview .section-card,
.light-app-preview .upgrade-card,
.light-app-preview .product-card,
.light-app-preview .payment-card,
.light-app-preview .setting-card,
.light-app-preview .onboarding-card,
.light-app-preview .modal,
.light-app-preview dialog,
.light-app-preview details,
.light-app-preview .accordion,
.light-app-preview .table-wrap,
.light-app-preview .ios-card,
.light-app-preview .ios-sheet,
.light-app-preview .ios-panel,
.light-app-preview .calendar-shell,
.light-app-preview .calendar-panel,
.light-app-preview .calendar-list,
.light-app-preview .meal-slot,
.light-app-preview .meal-entry,
.light-app-preview .exercise-card,
.light-app-preview .training-session-card,
.light-app-preview .set-row,
.light-app-preview .sub-set-row,
.light-app-preview .next-set-suggestion,
.light-app-preview .preset-selected-panel,
.light-app-preview .preset-category-block,
.light-app-preview .phase-preset-card,
.light-app-preview .trainer-phase-card,
.light-app-preview .goal-safety-card,
.light-app-preview .volume-equivalent,
.light-app-preview .body-trend-graph,
.light-app-preview .one-rm-graph,
.light-app-preview .ai-draft-box,
.light-app-preview .share-preview,
.light-app-preview .line-link-card,
.light-app-preview .referral-card,
.light-app-preview .nutrition-card,
.light-app-preview .food-card,
.light-app-preview .body-record-card,
.light-app-preview .beauty-card,
.light-app-preview .counseling-card {
  background: #ffffff !important;
  border-color: #e3eaf2 !important;
  color: #1f2937 !important;
  box-shadow: 0 18px 44px rgba(38, 52, 74, 0.08) !important;
}

.light-app-preview .soft-card,
.light-app-preview .sub-card,
.light-app-preview .inner-card,
.light-app-preview .hint,
.light-app-preview .tip,
.light-app-preview .empty-state,
.light-app-preview .preview-box,
.light-app-preview .status-box,
.light-app-preview .metric,
.light-app-preview .stat,
.light-app-preview .kpi,
.light-app-preview .row,
.light-app-preview .compact-row,
.light-app-preview .item-row,
.light-app-preview .log-row,
.light-app-preview .history-row,
.light-app-preview .customer-row,
.light-app-preview .ticket-row,
.light-app-preview .payment-row,
.light-app-preview .food-row,
.light-app-preview .photo-row,
.light-app-preview .form-section {
  background: #f8fafc !important;
  border-color: #e3eaf2 !important;
  color: #1f2937 !important;
}

.light-app-preview h1,
.light-app-preview h2,
.light-app-preview h3,
.light-app-preview h4,
.light-app-preview h5,
.light-app-preview strong,
.light-app-preview b,
.light-app-preview .title,
.light-app-preview .section-title,
.light-app-preview .card-title,
.light-app-preview .metric-value,
.light-app-preview .price,
.light-app-preview .amount,
.light-app-preview .customer-name {
  color: #151f2b !important;
}

.light-app-preview p,
.light-app-preview li,
.light-app-preview td,
.light-app-preview th,
.light-app-preview label,
.light-app-preview summary {
  color: #334155;
}

.light-app-preview .muted,
.light-app-preview .subtle,
.light-app-preview .secondary-text,
.light-app-preview .description,
.light-app-preview .help-text,
.light-app-preview .form-hint,
.light-app-preview .caption,
.light-app-preview small,
.light-app-preview time {
  color: #64748b !important;
}

.light-app-preview .dashboard-body-trend-card {
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
}

.light-app-preview .body-trend-legend span {
  background: color-mix(in srgb, var(--trend-color) 10%, #ffffff) !important;
  border-color: color-mix(in srgb, var(--trend-color) 24%, #d8e4f2) !important;
  color: #1f2a44 !important;
}

.light-app-preview .body-trend-svg-wrap {
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  border-color: #d9e6f5 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 12px 28px rgba(31, 42, 68, 0.06);
}

.light-app-preview .body-trend-grid {
  stroke: #d9e3ef;
}

.light-app-preview .body-trend-grid.subtle {
  stroke: #edf3fa;
}

.light-app-preview .body-trend-latest-label {
  stroke: #ffffff;
}

.light-app-preview .dashboard-body-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.light-app-preview .dashboard-body-summary > div {
  background: #f5f9ff;
  border: 1px solid #dbe8f6;
  border-radius: 16px;
  padding: 12px;
}

.light-app-preview .dashboard-body-summary span,
.light-app-preview .dashboard-body-summary small {
  display: block;
  color: #64748b !important;
}

.light-app-preview .dashboard-body-summary strong {
  display: block;
  margin: 4px 0 2px;
  color: #132238 !important;
  font-size: 1.35rem;
}

@media (max-width: 720px) {
  .light-app-preview .dashboard-body-summary {
    grid-template-columns: 1fr;
  }
}

.light-app-preview input,
.light-app-preview textarea,
.light-app-preview select {
  background: #ffffff !important;
  border-color: #d9e2ec !important;
  color: #1f2937 !important;
  box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.02) !important;
}

.light-app-preview input::placeholder,
.light-app-preview textarea::placeholder {
  color: #9aa6b2 !important;
}

.light-app-preview input:focus,
.light-app-preview textarea:focus,
.light-app-preview select:focus {
  border-color: #2f7dff !important;
  box-shadow: 0 0 0 4px rgba(47, 125, 255, 0.14) !important;
  outline: none;
}

.light-app-preview .btn,
.light-app-preview button,
.light-app-preview .button {
  border-color: #d9e2ec;
}

.light-app-preview .btn:not(.ghost):not(.secondary):not(.danger):not(.link-btn),
.light-app-preview .primary-btn,
.light-app-preview button.primary,
.light-app-preview .save-btn {
  background: linear-gradient(135deg, #2f7dff, #5b8dff) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(47, 125, 255, 0.22) !important;
}

.light-app-preview .ghost,
.light-app-preview .ghost-btn,
.light-app-preview .secondary,
.light-app-preview .secondary-btn,
.light-app-preview .icon-btn,
.light-app-preview .tab-btn,
.light-app-preview .chip,
.light-app-preview .pill,
.light-app-preview .segmented button,
.light-app-preview .filter-chip {
  background: #ffffff !important;
  border-color: #dfe7f0 !important;
  color: #273445 !important;
  box-shadow: 0 8px 20px rgba(38, 52, 74, 0.06) !important;
}

.light-app-preview .active,
.light-app-preview .selected,
.light-app-preview .is-active,
.light-app-preview .tab-btn.active,
.light-app-preview .chip.active,
.light-app-preview .pill.active,
.light-app-preview .filter-chip.active,
.light-app-preview .segmented button.active {
  background: #eaf3ff !important;
  border-color: #a8ccff !important;
  color: #145fce !important;
}

.light-app-preview .body-make-tabs .ghost-btn {
  background: #ffffff !important;
  border: 1px solid #d9e9ff !important;
  color: #0f172a !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06) !important;
}

.light-app-preview .body-make-tabs .ghost-btn.active {
  background: linear-gradient(135deg, #eaf3ff, #f2fffb) !important;
  border-color: #60a5fa !important;
  color: #0f172a !important;
  box-shadow: 0 12px 24px rgba(47, 128, 237, 0.14) !important;
}

.light-app-preview .body-make-update-item {
  background: #ffffff !important;
  border-color: #dbeafe !important;
  color: #0f172a !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06) !important;
}

.light-app-preview .body-make-daily-btn {
  background: #ffffff !important;
  border-color: #dbeafe !important;
  color: #0f172a !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05) !important;
}

.light-app-preview .body-make-daily-btn:hover {
  border-color: #60a5fa !important;
  background: #f8fbff !important;
}

.light-app-preview .body-make-update-thumb {
  background: #eff6ff !important;
  color: #145fce !important;
}

.light-app-preview .body-make-subselect-card {
  background: rgba(255, 255, 255, 0.96) !important;
  border-color: #dbeafe !important;
}

.light-app-preview .body-make-subselect select {
  background: #ffffff !important;
  border-color: #cbd8ea !important;
  color: #0f172a !important;
}

.light-app-preview .body-make-update-copy small,
.light-app-preview .body-make-subselect span {
  color: #64748b !important;
}

.light-app-preview .body-make-image-tools {
  background: #f8fafc !important;
  border-color: #e1e8f0 !important;
}

.light-app-preview .body-make-image-picker,
.light-app-preview .body-make-thumbnail-preview,
.light-app-preview .body-make-article-thumb,
.light-app-preview .body-make-inline-image img {
  border-color: #dbeafe !important;
}

.light-app-preview .body-make-draft-note {
  background: #fff7ed !important;
  border-color: #fed7aa !important;
  color: #9a3412 !important;
}

.light-app-preview .body-make-article .lead {
  color: #0f172a !important;
}

.light-app-preview .body-make-article p,
.light-app-preview .body-make-text-block,
.light-app-preview .body-make-inline-image figcaption {
  color: #475569 !important;
}

.light-app-preview .danger,
.light-app-preview .danger-btn {
  background: #fff1f2 !important;
  border-color: #fecdd3 !important;
  color: #be123c !important;
}

.light-app-preview table {
  background: #ffffff !important;
  color: #1f2937 !important;
}

.light-app-preview th {
  background: #f3f6fa !important;
  color: #475569 !important;
}

.light-app-preview tr,
.light-app-preview td {
  border-color: #e5ebf3 !important;
}

.light-app-preview hr,
.light-app-preview .divider,
.light-app-preview .line {
  border-color: #e5ebf3 !important;
  background: #e5ebf3 !important;
}

.light-app-preview .progress,
.light-app-preview .meter,
.light-app-preview .bar-track {
  background: #e9eff6 !important;
}

.light-app-preview .progress > *,
.light-app-preview .meter > *,
.light-app-preview .bar-fill,
.light-app-preview .progress-fill {
  background: linear-gradient(90deg, #2f7dff, #20bd8c) !important;
}

.light-app-preview .overlay,
.light-app-preview .modal-backdrop,
.light-app-preview .drawer-backdrop {
  background: rgba(15, 23, 42, 0.34) !important;
}

.light-app-preview .sidebar {
  background: rgba(255, 255, 255, 0.96) !important;
  color: #1f2937 !important;
  border-color: #e5ebf3 !important;
}

.light-app-preview .nav button,
.light-app-preview .nav a,
.light-app-preview .menu button,
.light-app-preview .menu a {
  background: #ffffff !important;
  border-color: #dfe7f0 !important;
  color: #273445 !important;
}

.light-app-preview .nav button.active,
.light-app-preview .nav a.active,
.light-app-preview .menu button.active,
.light-app-preview .menu a.active {
  background: linear-gradient(135deg, #eaf3ff, #ffffff) !important;
  border-color: #a8ccff !important;
  color: #145fce !important;
}

.light-app-preview .balance-anatomy-stage {
  background:
    radial-gradient(circle at 50% 40%, rgba(226, 234, 244, 0.82), transparent 180px),
    #ffffff !important;
  border-color: #e4ebf3 !important;
}

.light-app-preview .balance-callout-layer {
  display: none !important;
}

/* White theme readability pass */
body.light-app-preview {
  --text: #111827;
  --muted: #334155;
  --line: #d5dee9;
  --gold: #1767e8;
  --gold-2: #0b55c8;
  color: #111827 !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

body.light-app-preview,
body.light-app-preview .app-shell,
body.light-app-preview .content,
body.light-app-preview .main-panel,
body.light-app-preview .screen,
body.light-app-preview .card,
body.light-app-preview .panel,
body.light-app-preview .dashboard-card,
body.light-app-preview .mini-card,
body.light-app-preview .modal,
body.light-app-preview .drawer,
body.light-app-preview .sheet {
  color: #111827 !important;
}

body.light-app-preview h1,
body.light-app-preview h2,
body.light-app-preview h3,
body.light-app-preview h4,
body.light-app-preview .section-title,
body.light-app-preview .card-title,
body.light-app-preview .screen-title,
body.light-app-preview .metric-value,
body.light-app-preview .price,
body.light-app-preview .amount,
body.light-app-preview .number,
body.light-app-preview strong,
body.light-app-preview b {
  color: #0f172a !important;
  font-weight: 800;
}

body.light-app-preview p,
body.light-app-preview li,
body.light-app-preview label,
body.light-app-preview summary,
body.light-app-preview td,
body.light-app-preview th,
body.light-app-preview .body-text,
body.light-app-preview .description,
body.light-app-preview .menu-label,
body.light-app-preview .field-label {
  color: #243244 !important;
}

body.light-app-preview small,
body.light-app-preview time,
body.light-app-preview .muted,
body.light-app-preview .subtle,
body.light-app-preview .hint,
body.light-app-preview .caption,
body.light-app-preview .helper,
body.light-app-preview .note,
body.light-app-preview .meta,
body.light-app-preview .unit,
body.light-app-preview .secondary-text {
  color: #475569 !important;
  opacity: 1 !important;
}

body.light-app-preview input,
body.light-app-preview textarea,
body.light-app-preview select {
  background: #ffffff !important;
  border-color: #c5d0de !important;
  color: #111827 !important;
  box-shadow: none;
}

body.light-app-preview input::placeholder,
body.light-app-preview textarea::placeholder {
  color: #64748b !important;
  opacity: 1;
}

body.light-app-preview input:focus,
body.light-app-preview textarea:focus,
body.light-app-preview select:focus {
  border-color: #1767e8 !important;
  box-shadow: 0 0 0 3px rgba(23, 103, 232, 0.14) !important;
  outline: none;
}

body.light-app-preview button,
body.light-app-preview .button,
body.light-app-preview .ghost,
body.light-app-preview .outline,
body.light-app-preview .menu-button,
body.light-app-preview .nav button,
body.light-app-preview .tab,
body.light-app-preview .chip {
  color: #1e293b !important;
  border-color: #cbd5e1 !important;
}

body.light-app-preview button:disabled,
body.light-app-preview .disabled,
body.light-app-preview [aria-disabled="true"] {
  color: #64748b !important;
  opacity: 1 !important;
}

body.light-app-preview .primary,
body.light-app-preview .primary-btn,
body.light-app-preview .cta,
body.light-app-preview .save-button,
body.light-app-preview .submit-button,
body.light-app-preview button.primary,
body.light-app-preview button[type="submit"] {
  background: linear-gradient(135deg, #1767e8, #0f9f7a) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(23, 103, 232, 0.22) !important;
}

body.light-app-preview .active,
body.light-app-preview .selected,
body.light-app-preview .is-active,
body.light-app-preview .nav button.active,
body.light-app-preview .tab.active,
body.light-app-preview .chip.active,
body.light-app-preview .segment.active,
body.light-app-preview .mode-button.active {
  background: #dcecff !important;
  border-color: #7fb3ff !important;
  color: #0b55c8 !important;
  font-weight: 800;
}

body.light-app-preview .badge,
body.light-app-preview .pill,
body.light-app-preview .status,
body.light-app-preview .tag {
  background: #e8f2ff !important;
  border-color: #9fc8ff !important;
  color: #0b55c8 !important;
  font-weight: 800;
}

body.light-app-preview table,
body.light-app-preview .table,
body.light-app-preview .list-row,
body.light-app-preview .data-row {
  border-color: #d5dee9 !important;
}

body.light-app-preview th,
body.light-app-preview .table-header {
  background: #eef3f8 !important;
  color: #1f2937 !important;
}

body.light-app-preview td,
body.light-app-preview .table-cell {
  color: #273445 !important;
}

body.light-app-preview a,
body.light-app-preview .link {
  color: #0b55c8 !important;
  font-weight: 700;
}

body.light-app-preview .danger,
body.light-app-preview .error,
body.light-app-preview .negative,
body.light-app-preview .text-danger {
  color: #a31235 !important;
}

body.light-app-preview .ok,
body.light-app-preview .success,
body.light-app-preview .positive,
body.light-app-preview .text-success {
  color: #087a57 !important;
}

body.light-app-preview .warn,
body.light-app-preview .warning,
body.light-app-preview .text-warning {
  color: #875400 !important;
}

body.light-app-preview .progress,
body.light-app-preview .meter,
body.light-app-preview .bar-track,
body.light-app-preview .progress-track {
  background: #dce4ee !important;
}

body.light-app-preview .progress-fill,
body.light-app-preview .meter-fill,
body.light-app-preview .bar-fill {
  background: linear-gradient(90deg, #1767e8, #13a978) !important;
}

body.light-app-preview .calendar-event,
body.light-app-preview .schedule-event {
  color: #0f172a !important;
  border-color: #b8c8da !important;
}

body.light-app-preview .balance-anatomy-parts .balance-part,
body.light-app-preview .balance-anatomy-parts .balance-part strong,
body.light-app-preview .balance-anatomy-parts .balance-part b {
  color: #111827 !important;
}

body.light-app-preview .balance-anatomy-parts .balance-part small,
body.light-app-preview .balance-anatomy-parts .balance-part span {
  color: #475569 !important;
}

/* Make the white theme feel lighter without losing contrast */
body.light-app-preview {
  --bg: #fbfcfe;
  --panel: #ffffff;
  --panel-2: #f8fafc;
  --line: #dce5ef;
}

body.light-app-preview,
body.light-app-preview .app-shell,
body.light-app-preview .content,
body.light-app-preview .screen,
body.light-app-preview .main-panel {
  background: #fbfcfe !important;
}

body.light-app-preview .card,
body.light-app-preview .panel,
body.light-app-preview .dashboard-card,
body.light-app-preview .mini-card,
body.light-app-preview .modal,
body.light-app-preview .sheet,
body.light-app-preview .drawer,
body.light-app-preview .section,
body.light-app-preview .settings-card,
body.light-app-preview .customer-card,
body.light-app-preview .meal-card,
body.light-app-preview .training-card,
body.light-app-preview .calendar-card,
body.light-app-preview .payment-card,
body.light-app-preview .reminder-card {
  background: #ffffff !important;
}

body.light-app-preview .soft-card,
body.light-app-preview .summary-card,
body.light-app-preview .sub-card,
body.light-app-preview .info-card,
body.light-app-preview .notice-card,
body.light-app-preview .light-section,
body.light-app-preview .placeholder,
body.light-app-preview .empty-state,
body.light-app-preview .segmented,
body.light-app-preview .tabbar,
body.light-app-preview .filter-panel,
body.light-app-preview .form-block,
body.light-app-preview .metric-strip {
  background: #f8fafc !important;
}

body.light-app-preview th,
body.light-app-preview .table-header,
body.light-app-preview .calendar-head,
body.light-app-preview .timeline-head {
  background: #f6f9fc !important;
}

body.light-app-preview .progress,
body.light-app-preview .meter,
body.light-app-preview .bar-track,
body.light-app-preview .progress-track {
  background: #e8eef6 !important;
}

.light-app-preview .balance-muscle-layer {
  inset: 0;
  z-index: 4;
}

.light-app-preview .balance-figure-crop {
  z-index: 2;
}

.light-app-preview .balance-figure-crop img {
  z-index: 3;
}

.light-app-preview .balance-anatomy-parts .balance-part {
  background: #ffffff !important;
  border-color: #e3eaf2 !important;
  box-shadow: 0 10px 24px rgba(38, 52, 74, 0.06) !important;
}

.light-app-preview .balance-anatomy-parts .balance-part strong,
.light-app-preview .balance-anatomy-parts .balance-part b {
  color: #1f2937 !important;
}

.light-app-preview ::selection {
  background: rgba(47, 125, 255, 0.22);
}

/* Final white theme hardening. Keep the app rules intact, but remove leftover dark UI. */
body.light-app-preview,
body.light-app-preview .app-shell,
.light-app-preview .content,
.light-app-preview main,
.light-app-preview section,
.light-app-preview article,
.light-app-preview .view,
.light-app-preview .page,
.light-app-preview .screen,
.light-app-preview .dashboard,
.light-app-preview .customer-view,
.light-app-preview .staff-view,
.light-app-preview .store-view {
  background: #f6f8fb !important;
  color: #1f2937 !important;
}

.light-app-preview .top-strip,
.light-app-preview .topbar,
.light-app-preview .toolbar,
.light-app-preview .sticky-bar,
.light-app-preview .bottom-bar,
.light-app-preview .mobile-bottom-nav,
.light-app-preview .dashboard-hero,
.light-app-preview .home-hero,
.light-app-preview .hero-card,
.light-app-preview .login-page,
.light-app-preview .login-card,
.light-app-preview .card,
.light-app-preview .panel,
.light-app-preview .box,
.light-app-preview .sheet,
.light-app-preview .drawer,
.light-app-preview .modal,
.light-app-preview dialog,
.light-app-preview details,
.light-app-preview .accordion,
.light-app-preview .table-wrap,
.light-app-preview .ios-card,
.light-app-preview .ios-sheet,
.light-app-preview .ios-panel,
.light-app-preview .summary-card,
.light-app-preview .metric-card,
.light-app-preview .customer-card,
.light-app-preview .customer-row,
.light-app-preview .meal-card,
.light-app-preview .meal-slot,
.light-app-preview .meal-entry,
.light-app-preview .food-card,
.light-app-preview .food-row,
.light-app-preview .food-search-panel,
.light-app-preview .food-result,
.light-app-preview .food-editor,
.light-app-preview .training-card,
.light-app-preview .training-editor,
.light-app-preview .training-row,
.light-app-preview .training-session-card,
.light-app-preview .exercise-card,
.light-app-preview .exercise-editor,
.light-app-preview .set-row,
.light-app-preview .sub-set-row,
.light-app-preview .next-set-suggestion,
.light-app-preview .preset-card,
.light-app-preview .preset-editor,
.light-app-preview .preset-selected-panel,
.light-app-preview .preset-category-block,
.light-app-preview .phase-card,
.light-app-preview .phase-preset-card,
.light-app-preview .trainer-phase-card,
.light-app-preview .calendar-card,
.light-app-preview .calendar-shell,
.light-app-preview .calendar-panel,
.light-app-preview .calendar-list,
.light-app-preview .calendar-day,
.light-app-preview .calendar-hour,
.light-app-preview .calendar-cell,
.light-app-preview .calendar-slot,
.light-app-preview .calendar-event,
.light-app-preview .calendar-modal,
.light-app-preview .reservation-card,
.light-app-preview .ticket-panel,
.light-app-preview .ticket-row,
.light-app-preview .payment-panel,
.light-app-preview .payment-card,
.light-app-preview .payment-row,
.light-app-preview .plan-card,
.light-app-preview .pricing-card,
.light-app-preview .product-card,
.light-app-preview .upgrade-card,
.light-app-preview .upgrade-mini-card,
.light-app-preview .upgrade-price-box,
.light-app-preview .notice,
.light-app-preview .alert,
.light-app-preview .reminder,
.light-app-preview .reminder-card,
.light-app-preview .task-card,
.light-app-preview .line-panel,
.light-app-preview .line-link-card,
.light-app-preview .referral-card,
.light-app-preview .feedback-panel,
.light-app-preview .feedback-card,
.light-app-preview .ai-panel,
.light-app-preview .ai-card,
.light-app-preview .ai-draft-box,
.light-app-preview .photo-panel,
.light-app-preview .photo-card,
.light-app-preview .photo-row,
.light-app-preview .body-photo-panel,
.light-app-preview .body-record-card,
.light-app-preview .beauty-photo-panel,
.light-app-preview .beauty-card,
.light-app-preview .counseling-panel,
.light-app-preview .counseling-card,
.light-app-preview .rule-panel,
.light-app-preview .legal-card,
.light-app-preview .settings-panel,
.light-app-preview .setting-card,
.light-app-preview .management-card,
.light-app-preview .history-card,
.light-app-preview .history-row,
.light-app-preview .section-card,
.light-app-preview .list-card,
.light-app-preview .form-section,
.light-app-preview .preview-box,
.light-app-preview .status-box,
.light-app-preview .body-trend-graph,
.light-app-preview .one-rm-graph,
.light-app-preview .volume-equivalent,
.light-app-preview .nutrition-card {
  background: #ffffff !important;
  border-color: #e3eaf2 !important;
  color: #1f2937 !important;
  box-shadow: 0 14px 34px rgba(38, 52, 74, 0.07) !important;
}

.light-app-preview .soft-card,
.light-app-preview .sub-card,
.light-app-preview .inner-card,
.light-app-preview .hint,
.light-app-preview .tip,
.light-app-preview .empty-state,
.light-app-preview .metric,
.light-app-preview .stat,
.light-app-preview .kpi,
.light-app-preview .row,
.light-app-preview .compact-row,
.light-app-preview .item-row,
.light-app-preview .log-row {
  background: #f8fafc !important;
  border-color: #e5ebf3 !important;
  color: #273445 !important;
}

.light-app-preview input,
.light-app-preview textarea,
.light-app-preview select,
.light-app-preview output,
.light-app-preview pre,
.light-app-preview code {
  background: #ffffff !important;
  border-color: #dbe5ef !important;
  color: #1f2937 !important;
}

.light-app-preview input[type="file"] {
  background: #f8fafc !important;
}

.light-app-preview input::placeholder,
.light-app-preview textarea::placeholder {
  color: #95a1af !important;
}

.light-app-preview .exercise-history-panel {
  background: #f8fafc !important;
  border-color: #e1e8f0 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7) !important;
}

.light-app-preview .exercise-history-card {
  background: #ffffff !important;
  border-color: #e3eaf2 !important;
  box-shadow: 0 10px 24px rgba(38, 52, 74, 0.06) !important;
}

.light-app-preview .exercise-history-head span,
.light-app-preview .exercise-history-card strong {
  color: #1f2937 !important;
}

.light-app-preview .exercise-history-card span,
.light-app-preview .exercise-history-card p {
  color: #334155 !important;
}

.light-app-preview h1,
.light-app-preview h2,
.light-app-preview h3,
.light-app-preview h4,
.light-app-preview h5,
.light-app-preview h6,
.light-app-preview strong,
.light-app-preview b,
.light-app-preview .title,
.light-app-preview .section-title,
.light-app-preview .card-title,
.light-app-preview .customer-name,
.light-app-preview .metric-value,
.light-app-preview .price,
.light-app-preview .amount {
  color: #18212b !important;
}

.light-app-preview p,
.light-app-preview li,
.light-app-preview td,
.light-app-preview th,
.light-app-preview label,
.light-app-preview summary,
.light-app-preview .muted,
.light-app-preview .subtle,
.light-app-preview .secondary-text,
.light-app-preview .description,
.light-app-preview .help-text,
.light-app-preview .form-hint,
.light-app-preview .caption,
.light-app-preview small,
.light-app-preview time {
  color: #5f6c7a !important;
}

.light-app-preview .nav button,
.light-app-preview .nav a,
.light-app-preview .menu button,
.light-app-preview .menu a,
.light-app-preview .tab-btn,
.light-app-preview .chip,
.light-app-preview .pill,
.light-app-preview .filter-chip,
.light-app-preview .segmented button,
.light-app-preview .tab-buttons button,
.light-app-preview .tabs button,
.light-app-preview .category-tabs button {
  background: #ffffff !important;
  border: 1px solid #dfe7f0 !important;
  color: #273445 !important;
}

.light-app-preview .nav button.active,
.light-app-preview .nav a.active,
.light-app-preview .menu button.active,
.light-app-preview .menu a.active,
.light-app-preview .active,
.light-app-preview .selected,
.light-app-preview .is-active,
.light-app-preview .tab-btn.active,
.light-app-preview .chip.active,
.light-app-preview .pill.active,
.light-app-preview .filter-chip.active,
.light-app-preview .segmented button.active,
.light-app-preview .tab-buttons button.active,
.light-app-preview .tabs button.active,
.light-app-preview .category-tabs button.active {
  background: #eaf3ff !important;
  border-color: #9fc8ff !important;
  color: #145fce !important;
  box-shadow: 0 10px 22px rgba(47, 125, 255, 0.12) !important;
}

.light-app-preview .btn:not(.ghost):not(.secondary):not(.danger):not(.link-btn),
.light-app-preview .primary-btn,
.light-app-preview button.primary,
.light-app-preview .save-btn {
  background: linear-gradient(135deg, #2f7dff, #20bd8c) !important;
  border-color: transparent !important;
  color: #ffffff !important;
}

.light-app-preview .danger,
.light-app-preview .danger-btn,
.light-app-preview .error,
.light-app-preview .warn-danger {
  background: #fff1f2 !important;
  border-color: #fecdd3 !important;
  color: #be123c !important;
}

.light-app-preview .ok,
.light-app-preview .success {
  color: #0f9f6e !important;
}

.light-app-preview .warning,
.light-app-preview .warn {
  color: #a96800 !important;
}

.light-app-preview table,
.light-app-preview thead,
.light-app-preview tbody,
.light-app-preview tr,
.light-app-preview td,
.light-app-preview th {
  background: #ffffff !important;
  border-color: #e5ebf3 !important;
}

.light-app-preview th {
  background: #f3f6fa !important;
  color: #475569 !important;
}

.light-app-preview .progress,
.light-app-preview .bar,
.light-app-preview .meter,
.light-app-preview .mini-bar,
.light-app-preview .bar-track {
  background: #e9eff6 !important;
}

.light-app-preview .progress span,
.light-app-preview .bar span,
.light-app-preview .meter span,
.light-app-preview .mini-bar span,
.light-app-preview .bar-fill,
.light-app-preview .progress-fill {
  background: linear-gradient(90deg, #2f7dff, #20bd8c) !important;
}

.light-app-preview .balance-anatomy-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}

.light-app-preview .balance-anatomy-stage {
  min-height: 620px !important;
  background:
    radial-gradient(circle at 50% 38%, rgba(231, 237, 246, 0.9), transparent 178px),
    #ffffff !important;
  border: 1px solid #e4ebf3 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.72), 0 16px 38px rgba(38,52,74,.08) !important;
}

.light-app-preview .balance-figure-crop {
  top: 52% !important;
  width: min(37%, 270px) !important;
  height: 78% !important;
  z-index: 2 !important;
}

.light-app-preview .balance-figure-crop img {
  left: -4% !important;
  width: 214% !important;
  height: 100% !important;
  z-index: 3 !important;
}

.light-app-preview .balance-anatomy-stage[data-view="back"] .balance-figure-crop img {
  left: -110% !important;
}

.light-app-preview .balance-muscle-layer {
  z-index: 4 !important;
}

.light-app-preview .balance-callout-layer {
  display: none !important;
}

.light-app-preview .balance-anatomy-parts {
  grid-template-columns: repeat(auto-fit, minmax(126px, 1fr)) !important;
}

.light-app-preview .balance-anatomy-parts .balance-part {
  background: #ffffff !important;
  border: 1px solid #e3eaf2 !important;
  box-shadow: 0 10px 24px rgba(38, 52, 74, 0.06) !important;
}

@media (max-width: 820px) {
  .light-app-preview .balance-anatomy-stage {
    min-height: 560px !important;
  }

  .light-app-preview .balance-figure-crop {
    width: min(58%, 250px) !important;
    height: 74% !important;
  }
}

/* 部位別ボリュームの人型と色塗りを同じ基準に固定する */
.light-app-preview .balance-body-map .balance-anatomy-stage.single-view {
  position: relative !important;
  min-height: 620px !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

.light-app-preview .balance-body-map .balance-figure-crop {
  position: absolute !important;
  left: 50% !important;
  top: 47% !important;
  width: min(45%, 330px) !important;
  height: 86% !important;
  transform: translate(-50%, -50%) !important;
  overflow: hidden !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

.light-app-preview .balance-body-map .balance-figure-crop img {
  position: absolute !important;
  top: 0 !important;
  left: -4% !important;
  width: 214% !important;
  max-width: none !important;
  height: 100% !important;
  object-fit: contain !important;
  opacity: 0.94 !important;
  z-index: 3 !important;
}

.light-app-preview .balance-body-map .balance-anatomy-stage[data-view="back"] .balance-figure-crop img {
  left: -110% !important;
}

.light-app-preview .balance-body-map .balance-muscle-layer {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 4 !important;
  overflow: visible !important;
  pointer-events: none !important;
  filter: blur(0.2px) !important;
}

.light-app-preview .balance-body-map .balance-anatomy-stage[data-view="front"] .back-layer,
.light-app-preview .balance-body-map .balance-anatomy-stage[data-view="back"] .front-layer {
  display: none !important;
}

.light-app-preview .balance-body-map .balance-callout-layer {
  display: none !important;
}

.light-app-preview .balance-body-map .balance-stage-status-dock {
  display: none !important;
}

.light-app-preview .balance-body-map .balance-stage-top-gauge {
  position: absolute !important;
  left: 22px !important;
  right: 22px !important;
  top: 16px !important;
  z-index: 7 !important;
  padding: 13px 14px 12px !important;
  border: 1px solid #dbeafe !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #eff6ff 0%, #ffffff 74%) !important;
  box-shadow: 0 12px 26px rgba(37, 99, 235, 0.08) !important;
}

.light-app-preview .balance-body-map .balance-stage-top-gauge-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 9px !important;
  color: #1f2937 !important;
}

.light-app-preview .balance-body-map .balance-stage-top-gauge-head span {
  min-width: 0 !important;
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.light-app-preview .balance-body-map .balance-stage-top-gauge-head strong {
  color: #0f172a !important;
  font-size: 19px !important;
  line-height: 1 !important;
}

.light-app-preview .balance-body-map .balance-stage-top-gauge-head b {
  padding: 5px 9px !important;
  border-radius: 999px !important;
  background: #dbeafe !important;
  color: #2563eb !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.light-app-preview .balance-body-map .balance-stage-top-gauge.empty .balance-stage-top-gauge-head b,
.light-app-preview .balance-body-map .balance-recovery-scale.empty .balance-recovery-scale-head b {
  background: #ffe4e6 !important;
  color: #e11d48 !important;
}

.light-app-preview .balance-body-map .balance-stage-top-gauge.low .balance-stage-top-gauge-head b,
.light-app-preview .balance-body-map .balance-recovery-scale.low .balance-recovery-scale-head b {
  background: #ffedd5 !important;
  color: #ea580c !important;
}

.light-app-preview .balance-body-map .balance-stage-top-gauge.started .balance-stage-top-gauge-head b,
.light-app-preview .balance-body-map .balance-recovery-scale.started .balance-recovery-scale-head b {
  background: #fef3c7 !important;
  color: #b45309 !important;
}

.light-app-preview .balance-body-map .balance-stage-top-gauge.active .balance-stage-top-gauge-head b,
.light-app-preview .balance-body-map .balance-recovery-scale.active .balance-recovery-scale-head b {
  background: #dbeafe !important;
  color: #2563eb !important;
}

.light-app-preview .balance-body-map .balance-stage-top-gauge.complete .balance-stage-top-gauge-head b,
.light-app-preview .balance-body-map .balance-recovery-scale.complete .balance-recovery-scale-head b {
  background: #dcfce7 !important;
  color: #059669 !important;
}

.light-app-preview .balance-body-map .balance-stage-top-track {
  position: relative !important;
  height: 8px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: #e2e8f0 !important;
}

.light-app-preview .balance-body-map .balance-stage-top-track i {
  display: block !important;
  height: 100% !important;
  min-width: 8px !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #60a5fa, #2563eb) !important;
}

.light-app-preview .balance-body-map .balance-stage-top-gauge.empty .balance-stage-top-track i {
  background: linear-gradient(90deg, #fb7185, #e11d48) !important;
}

.light-app-preview .balance-body-map .balance-stage-top-gauge.low .balance-stage-top-track i {
  background: linear-gradient(90deg, #fb923c, #ea580c) !important;
}

.light-app-preview .balance-body-map .balance-stage-top-gauge.started .balance-stage-top-track i {
  background: linear-gradient(90deg, #fbbf24, #f59e0b) !important;
}

.light-app-preview .balance-body-map .balance-stage-top-gauge.complete .balance-stage-top-track i {
  background: linear-gradient(90deg, #34d399, #059669) !important;
}

.light-app-preview .balance-body-map .balance-stage-top-gauge small {
  display: block !important;
  margin-top: 7px !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.light-app-preview .balance-body-map .balance-recovery-scale {
  position: absolute !important;
  left: 22px !important;
  right: 22px !important;
  bottom: 18px !important;
  z-index: 6 !important;
  padding: 13px 14px 12px !important;
  border: 1px solid #dfe7f1 !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 10px 26px rgba(38, 52, 74, 0.08) !important;
  backdrop-filter: blur(10px) !important;
}

.light-app-preview .balance-body-map .balance-recovery-scale-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 9px !important;
  color: #243044 !important;
}

.light-app-preview .balance-body-map .balance-recovery-scale-head span {
  min-width: 0 !important;
  color: #536274 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.light-app-preview .balance-body-map .balance-recovery-scale-head strong {
  color: #1e293b !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

.light-app-preview .balance-body-map .balance-recovery-scale-head b {
  padding: 4px 8px !important;
  border-radius: 999px !important;
  background: #eef4ff !important;
  color: #2f6fe6 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

.light-app-preview .balance-body-map .balance-recovery-track {
  position: relative !important;
  height: 12px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #ef4444 0%, #ef4444 20%, #f97316 20%, #f97316 40%, #f59e0b 40%, #f59e0b 60%, #3b82f6 60%, #3b82f6 80%, #22bd8c 80%, #22bd8c 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.65) !important;
}

.light-app-preview .balance-body-map .balance-recovery-track i {
  position: absolute !important;
  top: 50% !important;
  width: 20px !important;
  height: 20px !important;
  border: 3px solid #ffffff !important;
  border-radius: 999px !important;
  background: #1e293b !important;
  box-shadow: 0 8px 16px rgba(38, 52, 74, 0.22) !important;
  transform: translate(-50%, -50%) !important;
}

.light-app-preview .balance-body-map .balance-recovery-scale.empty .balance-recovery-track i {
  background: #ef4444 !important;
}

.light-app-preview .balance-body-map .balance-recovery-scale.low .balance-recovery-track i {
  background: #f97316 !important;
}

.light-app-preview .balance-body-map .balance-recovery-scale.started .balance-recovery-track i {
  background: #f59e0b !important;
}

.light-app-preview .balance-body-map .balance-recovery-scale.active .balance-recovery-track i {
  background: #3b82f6 !important;
}

.light-app-preview .balance-body-map .balance-recovery-scale.complete .balance-recovery-track i {
  background: #22bd8c !important;
}

.light-app-preview .balance-body-map .balance-recovery-labels {
  display: flex !important;
  justify-content: space-between !important;
  margin-top: 7px !important;
  color: #728093 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

@media (max-width: 820px) {
  .light-app-preview .balance-body-map .balance-anatomy-stage.single-view {
    min-height: 560px !important;
  }

  .light-app-preview .balance-body-map .balance-figure-crop {
    width: min(45%, 330px) !important;
    height: 86% !important;
  }

  .light-app-preview .balance-body-map .balance-stage-top-gauge {
    left: 12px !important;
    right: 12px !important;
    top: 12px !important;
    padding: 11px 12px 10px !important;
  }

  .light-app-preview .balance-body-map .balance-stage-top-gauge-head {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .light-app-preview .balance-body-map .balance-stage-top-gauge-head b {
    display: none !important;
  }

  .light-app-preview .balance-body-map .balance-recovery-scale {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    padding: 11px 12px !important;
  }

  .light-app-preview .balance-body-map .balance-recovery-scale-head {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .light-app-preview .balance-body-map .balance-recovery-scale-head b {
    grid-column: 1 / -1 !important;
    width: fit-content !important;
  }
}

/* 部位別ボリューム：レイアウト比較用 */
.light-app-preview.body-map-around-preview .balance-body-map .balance-anatomy-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}

.light-app-preview.body-map-around-preview .balance-body-map .balance-anatomy-stage.single-view {
  min-height: 620px !important;
  padding-bottom: 98px !important;
  overflow: hidden !important;
}

.light-app-preview.body-map-around-preview .balance-body-map .balance-figure-crop {
  top: 47% !important;
  width: min(45%, 330px) !important;
  height: 86% !important;
}

.light-app-preview.body-map-around-preview .balance-body-map .balance-callout-layer {
  display: none !important;
}

.light-app-preview.body-map-around-preview .balance-body-map .balance-stage-status-dock {
  display: none !important;
}

.light-app-preview.body-map-around-preview .balance-body-map .balance-stage-status-dock .balance-part {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: center !important;
  justify-items: start !important;
  gap: 2px !important;
  min-width: 0 !important;
  max-width: 150px !important;
  min-height: 0 !important;
  padding: 8px 9px !important;
  border-radius: 15px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0 10px 24px rgba(31, 42, 58, 0.1) !important;
  backdrop-filter: blur(10px) !important;
}

.light-app-preview.body-map-around-preview .balance-body-map .balance-stage-status-dock .balance-part:nth-child(odd) {
  grid-column: 1 !important;
  justify-self: start !important;
}

.light-app-preview.body-map-around-preview .balance-body-map .balance-stage-status-dock .balance-part:nth-child(even) {
  grid-column: 3 !important;
  justify-self: end !important;
}

.light-app-preview.body-map-around-preview .balance-body-map .balance-stage-status-dock .balance-part div {
  min-width: 0 !important;
}

.light-app-preview.body-map-around-preview .balance-body-map .balance-stage-status-dock .balance-part strong {
  display: block !important;
  overflow: hidden !important;
  color: #243044 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.light-app-preview.body-map-around-preview .balance-body-map .balance-stage-status-dock .balance-part span {
  display: block !important;
  margin-top: 2px !important;
  color: #8a97a8 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
}

.light-app-preview.body-map-around-preview .balance-body-map .balance-stage-status-dock .balance-part b {
  color: #1e293b !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

.light-app-preview.body-map-around-preview .balance-body-map .balance-stage-status-dock .balance-part small {
  grid-column: 1 / -1 !important;
  overflow: hidden !important;
  color: #677589 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.light-app-preview.body-map-around-preview .balance-body-map .balance-anatomy-parts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

.light-app-preview.body-map-around-preview .balance-body-map .balance-anatomy-parts .balance-part {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 4px 10px !important;
  min-height: 0 !important;
  padding: 11px 12px !important;
  border-radius: 16px !important;
}

.light-app-preview.body-map-around-preview .balance-body-map .balance-anatomy-parts .balance-part div {
  min-width: 0 !important;
}

.light-app-preview.body-map-around-preview .balance-body-map .balance-anatomy-parts .balance-part strong {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.light-app-preview.body-map-around-preview .balance-body-map .balance-anatomy-parts .balance-part span {
  display: block !important;
  margin-top: 2px !important;
}

.light-app-preview.body-map-around-preview .balance-body-map .balance-anatomy-parts .balance-part small {
  grid-column: 1 / -1 !important;
  line-height: 1.3 !important;
}

.light-app-preview.body-map-around-preview .balance-body-map .balance-recovery-scale {
  left: 22px !important;
  right: 22px !important;
  bottom: 18px !important;
}

.light-app-preview.body-map-big-preview .balance-body-map .balance-anatomy-stage.single-view {
  min-height: 780px !important;
  padding-bottom: 98px !important;
  overflow: hidden !important;
}

.light-app-preview.body-map-big-preview .balance-body-map .balance-anatomy-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
}

.light-app-preview.body-map-big-preview .balance-body-map .balance-figure-crop {
  top: 48% !important;
  width: min(74%, 560px) !important;
  height: 82% !important;
}

.light-app-preview.body-map-big-preview .balance-body-map .balance-callout-layer {
  display: none !important;
}

.light-app-preview.body-map-big-preview .balance-body-map .balance-recovery-scale {
  left: 26px !important;
  right: 26px !important;
  bottom: 18px !important;
}

.light-app-preview.body-map-big-preview .balance-body-map .balance-anatomy-parts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 16px !important;
}

.light-app-preview.body-map-big-preview .balance-body-map .balance-anatomy-parts .balance-part {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 4px 10px !important;
  min-height: 0 !important;
  padding: 11px 12px !important;
  border-radius: 16px !important;
}

.light-app-preview.body-map-big-preview .balance-body-map .balance-anatomy-parts .balance-part div {
  min-width: 0 !important;
}

.light-app-preview.body-map-big-preview .balance-body-map .balance-anatomy-parts .balance-part strong {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.light-app-preview.body-map-big-preview .balance-body-map .balance-anatomy-parts .balance-part span {
  display: block !important;
  margin-top: 2px !important;
}

.light-app-preview.body-map-big-preview .balance-body-map .balance-anatomy-parts .balance-part small {
  grid-column: 1 / -1 !important;
  line-height: 1.3 !important;
}

@media (max-width: 820px) {
  .light-app-preview.body-map-around-preview .balance-body-map .balance-anatomy-stage.single-view {
    min-height: 560px !important;
  }

  .light-app-preview.body-map-around-preview .balance-body-map .balance-figure-crop {
    top: 47% !important;
    width: min(45%, 330px) !important;
    height: 86% !important;
  }

  .light-app-preview.body-map-around-preview .balance-body-map .balance-anatomy-parts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .light-app-preview.body-map-big-preview .balance-body-map .balance-anatomy-stage.single-view {
    min-height: 700px !important;
  }

  .light-app-preview.body-map-big-preview .balance-body-map .balance-figure-crop {
    width: min(78%, 430px) !important;
    height: 80% !important;
  }

  .light-app-preview.body-map-big-preview .balance-body-map .balance-anatomy-parts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 460px) {
  .light-app-preview.body-map-around-preview .balance-body-map .balance-anatomy-stage.single-view {
    min-height: 620px !important;
  }

  .light-app-preview.body-map-around-preview .balance-body-map .balance-anatomy-parts {
    grid-template-columns: 1fr !important;
  }

  .light-app-preview.body-map-big-preview .balance-body-map .balance-anatomy-stage.single-view {
    min-height: 640px !important;
  }

  .light-app-preview.body-map-big-preview .balance-body-map .balance-figure-crop {
    width: min(86%, 360px) !important;
    height: 78% !important;
  }

  .light-app-preview.body-map-big-preview .balance-body-map .balance-anatomy-parts {
    grid-template-columns: 1fr !important;
  }
}

/* 採用候補の囲いデザイン：白カード、薄い線、軽い影で統一 */
body.light-app-preview {
  background: #fbfcfe !important;
}

.light-app-preview .card,
.light-app-preview .summary-card,
.light-app-preview .customer-card,
.light-app-preview .meal-card,
.light-app-preview .training-card,
.light-app-preview .reservation-card,
.light-app-preview .calendar-card,
.light-app-preview .photo-card,
.light-app-preview .feedback-card,
.light-app-preview .reminder-card,
.light-app-preview .ai-card,
.light-app-preview .plan-card,
.light-app-preview .pricing-card,
.light-app-preview .legal-card,
.light-app-preview .management-card,
.light-app-preview .history-card,
.light-app-preview .preset-card,
.light-app-preview .phase-card,
.light-app-preview .body-card,
.light-app-preview .notice,
.light-app-preview .alert,
.light-app-preview .task-card,
.light-app-preview .list-card,
.light-app-preview .section-card,
.light-app-preview .upgrade-card,
.light-app-preview .product-card,
.light-app-preview .payment-card,
.light-app-preview .setting-card,
.light-app-preview .onboarding-card,
.light-app-preview .ios-card,
.light-app-preview .ios-sheet,
.light-app-preview .ios-panel,
.light-app-preview .table-wrap,
.light-app-preview .calendar-shell,
.light-app-preview .calendar-panel,
.light-app-preview .meal-slot,
.light-app-preview .meal-entry,
.light-app-preview .exercise-card,
.light-app-preview .training-session-card,
.light-app-preview .preset-selected-panel,
.light-app-preview .preset-category-block,
.light-app-preview .phase-preset-card,
.light-app-preview .trainer-phase-card,
.light-app-preview .goal-safety-card,
.light-app-preview .volume-equivalent,
.light-app-preview .body-trend-graph,
.light-app-preview .one-rm-graph,
.light-app-preview .ai-draft-box,
.light-app-preview .share-preview,
.light-app-preview .line-link-card,
.light-app-preview .referral-card,
.light-app-preview .nutrition-card,
.light-app-preview .food-card,
.light-app-preview .body-record-card,
.light-app-preview .beauty-card,
.light-app-preview .counseling-card,
.light-app-preview .balance-body-map {
  background: #ffffff !important;
  border: 1px solid #e1e9f2 !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08) !important;
}

.light-app-preview .soft-card,
.light-app-preview .sub-card,
.light-app-preview .inner-card,
.light-app-preview .hint,
.light-app-preview .tip,
.light-app-preview .empty-state,
.light-app-preview .preview-box,
.light-app-preview .status-box,
.light-app-preview .metric,
.light-app-preview .stat,
.light-app-preview .kpi,
.light-app-preview .row,
.light-app-preview .compact-row,
.light-app-preview .item-row,
.light-app-preview .log-row,
.light-app-preview .history-row,
.light-app-preview .customer-row,
.light-app-preview .ticket-row,
.light-app-preview .payment-row,
.light-app-preview .food-row,
.light-app-preview .photo-row,
.light-app-preview .form-section,
.light-app-preview .set-row,
.light-app-preview .sub-set-row,
.light-app-preview .next-set-suggestion,
.light-app-preview .calendar-list,
.light-app-preview .calendar-slot,
.light-app-preview .balance-anatomy-parts .balance-part {
  background: #ffffff !important;
  border: 1px solid #edf2f7 !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.055) !important;
}

.light-app-preview .balance-anatomy-stage {
  background:
    radial-gradient(circle at 50% 38%, rgba(232, 239, 247, 0.82), transparent 178px),
    linear-gradient(180deg, #ffffff, #fbfdff) !important;
  border: 1px solid #e1e9f2 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 14px 34px rgba(15, 23, 42, 0.08) !important;
}

/* 採用C：線中心＋左アクセント。情報量が多い画面でも軽く見せる */
.light-app-preview .card,
.light-app-preview .summary-card,
.light-app-preview .customer-card,
.light-app-preview .meal-card,
.light-app-preview .training-card,
.light-app-preview .reservation-card,
.light-app-preview .calendar-card,
.light-app-preview .photo-card,
.light-app-preview .feedback-card,
.light-app-preview .reminder-card,
.light-app-preview .ai-card,
.light-app-preview .plan-card,
.light-app-preview .pricing-card,
.light-app-preview .legal-card,
.light-app-preview .management-card,
.light-app-preview .history-card,
.light-app-preview .preset-card,
.light-app-preview .phase-card,
.light-app-preview .body-card,
.light-app-preview .notice,
.light-app-preview .alert,
.light-app-preview .task-card,
.light-app-preview .list-card,
.light-app-preview .section-card,
.light-app-preview .upgrade-card,
.light-app-preview .product-card,
.light-app-preview .payment-card,
.light-app-preview .setting-card,
.light-app-preview .onboarding-card,
.light-app-preview .ios-card,
.light-app-preview .ios-sheet,
.light-app-preview .ios-panel,
.light-app-preview .table-wrap,
.light-app-preview .calendar-shell,
.light-app-preview .calendar-panel,
.light-app-preview .meal-slot,
.light-app-preview .meal-entry,
.light-app-preview .exercise-card,
.light-app-preview .training-session-card,
.light-app-preview .preset-selected-panel,
.light-app-preview .preset-category-block,
.light-app-preview .phase-preset-card,
.light-app-preview .trainer-phase-card,
.light-app-preview .goal-safety-card,
.light-app-preview .volume-equivalent,
.light-app-preview .body-trend-graph,
.light-app-preview .one-rm-graph,
.light-app-preview .ai-draft-box,
.light-app-preview .share-preview,
.light-app-preview .line-link-card,
.light-app-preview .referral-card,
.light-app-preview .nutrition-card,
.light-app-preview .food-card,
.light-app-preview .body-record-card,
.light-app-preview .beauty-card,
.light-app-preview .counseling-card,
.light-app-preview .balance-body-map {
  position: relative !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #d9e3ee !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.045) !important;
}

.light-app-preview .card::before,
.light-app-preview .summary-card::before,
.light-app-preview .customer-card::before,
.light-app-preview .meal-card::before,
.light-app-preview .training-card::before,
.light-app-preview .reservation-card::before,
.light-app-preview .calendar-card::before,
.light-app-preview .photo-card::before,
.light-app-preview .feedback-card::before,
.light-app-preview .reminder-card::before,
.light-app-preview .ai-card::before,
.light-app-preview .plan-card::before,
.light-app-preview .pricing-card::before,
.light-app-preview .legal-card::before,
.light-app-preview .management-card::before,
.light-app-preview .history-card::before,
.light-app-preview .preset-card::before,
.light-app-preview .phase-card::before,
.light-app-preview .body-card::before,
.light-app-preview .notice::before,
.light-app-preview .alert::before,
.light-app-preview .task-card::before,
.light-app-preview .list-card::before,
.light-app-preview .section-card::before,
.light-app-preview .upgrade-card::before,
.light-app-preview .product-card::before,
.light-app-preview .payment-card::before,
.light-app-preview .setting-card::before,
.light-app-preview .onboarding-card::before,
.light-app-preview .balance-body-map::before {
  content: "" !important;
  position: absolute !important;
  inset: 14px auto 14px 0 !important;
  width: 4px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #2f7dff, #20bd8c) !important;
  opacity: 0.9 !important;
  pointer-events: none !important;
}

.light-app-preview .soft-card,
.light-app-preview .sub-card,
.light-app-preview .inner-card,
.light-app-preview .hint,
.light-app-preview .tip,
.light-app-preview .empty-state,
.light-app-preview .preview-box,
.light-app-preview .status-box,
.light-app-preview .metric,
.light-app-preview .stat,
.light-app-preview .kpi,
.light-app-preview .row,
.light-app-preview .compact-row,
.light-app-preview .item-row,
.light-app-preview .log-row,
.light-app-preview .history-row,
.light-app-preview .customer-row,
.light-app-preview .ticket-row,
.light-app-preview .payment-row,
.light-app-preview .food-row,
.light-app-preview .photo-row,
.light-app-preview .form-section,
.light-app-preview .set-row,
.light-app-preview .sub-set-row,
.light-app-preview .next-set-suggestion,
.light-app-preview .calendar-list,
.light-app-preview .calendar-slot,
.light-app-preview .balance-anatomy-parts .balance-part {
  background: transparent !important;
  border: 1px solid #dfe7f0 !important;
  box-shadow: none !important;
}

.light-app-preview .balance-anatomy-stage {
  background:
    radial-gradient(circle at 50% 38%, rgba(235, 240, 247, 0.82), transparent 178px),
    #ffffff !important;
  border: 1px solid #d9e3ee !important;
  box-shadow: none !important;
}

body.light-app-preview .challenge-card {
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  border-color: #dcecff !important;
}

body.light-app-preview .challenge-head strong {
  color: #0f172a !important;
}

body.light-app-preview .challenge-grid div,
body.light-app-preview .pace-panel {
  background: #f2f8ff !important;
  border: 1px solid #d9e9ff !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}

body.light-app-preview .challenge-grid div {
  padding: 12px 13px !important;
}

body.light-app-preview .challenge-grid span,
body.light-app-preview .pace-panel span {
  color: #5b6b7e !important;
  font-weight: 800 !important;
}

body.light-app-preview .challenge-grid strong {
  color: #0f172a !important;
}

body.light-app-preview .pace-panel strong {
  color: #1767e8 !important;
}

body.light-app-preview .progress-bar {
  background: #e8eef6 !important;
  border-color: #dbe7f5 !important;
}

body.light-app-preview .progress-bar span {
  background: linear-gradient(90deg, #1767e8, #20bd8c) !important;
}

body.light-app-preview .strength-challenge-row,
body.light-app-preview .training-goal-summary div,
body.light-app-preview .training-goal-row,
body.light-app-preview .cardio-plan-summary div,
body.light-app-preview .cardio-plan-item,
body.light-app-preview .goal-safety-metrics,
body.light-app-preview .basic-goal-summary-card {
  background: #f2f8ff !important;
  border: 1px solid #d9e9ff !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}

body.light-app-preview .strength-challenge-row,
body.light-app-preview .training-goal-summary div,
body.light-app-preview .training-goal-row,
body.light-app-preview .cardio-plan-summary div,
body.light-app-preview .cardio-plan-item,
body.light-app-preview .basic-goal-summary-card {
  padding: 12px 13px !important;
}

body.light-app-preview .strength-challenge,
body.light-app-preview .challenge-share-panel {
  border-top-color: #e6eef8 !important;
}

body.light-app-preview .strength-challenge h3,
body.light-app-preview .challenge-share-head h3,
body.light-app-preview .training-balance-card h3 {
  color: #0f172a !important;
}

body.light-app-preview .strength-challenge-head span,
body.light-app-preview .training-goal-summary span,
body.light-app-preview .training-goal-summary small,
body.light-app-preview .training-goal-row small,
body.light-app-preview .cardio-plan-summary span,
body.light-app-preview .cardio-plan-item span {
  color: #5b6b7e !important;
  font-weight: 800 !important;
}

body.light-app-preview .strength-challenge-head strong,
body.light-app-preview .strength-challenge-head b,
body.light-app-preview .training-goal-summary strong,
body.light-app-preview .cardio-plan-summary strong,
body.light-app-preview .cardio-plan-item strong {
  color: #0f172a !important;
}

body.light-app-preview .strength-bar {
  background: #e8eef6 !important;
  border-color: #dbe7f5 !important;
}

body.light-app-preview .strength-bar span {
  background: linear-gradient(90deg, #1767e8, #20bd8c) !important;
}

body.light-app-preview .one-rm-bars,
body.light-app-preview .share-textarea,
body.light-app-preview .challenge-image-preview {
  background: #ffffff !important;
  border: 1px solid #d9e9ff !important;
  border-radius: 18px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}

body.light-app-preview .one-rm-graph-head strong,
body.light-app-preview .one-rm-point strong {
  color: #0f172a !important;
}

body.light-app-preview .one-rm-bar {
  background: #e8eef6 !important;
}

body.light-app-preview .one-rm-bar span {
  background: linear-gradient(180deg, #1767e8, #20bd8c) !important;
}

body.light-app-preview .share-textarea {
  color: #0f172a !important;
}

body.light-app-preview .life-log-shell {
  background: #ffffff !important;
  border: 1px solid #dcecff !important;
  border-radius: 24px !important;
  box-shadow: 0 10px 28px rgba(23, 103, 232, 0.06) !important;
}

body.light-app-preview .customer-home-snapshot,
body.light-app-preview .life-log-snapshot {
  border: 1px solid rgba(199, 164, 91, 0.34) !important;
  background:
    linear-gradient(135deg, #071a38 0%, #0d2347 58%, #231a0d 100%) !important;
  box-shadow: 0 20px 44px rgba(7, 26, 56, 0.2) !important;
}

body.light-app-preview .customer-home-snapshot:hover {
  border-color: rgba(199, 164, 91, 0.46) !important;
  box-shadow: 0 24px 52px rgba(7, 26, 56, 0.24) !important;
}

body.light-app-preview .snapshot-brand h2,
body.light-app-preview .snapshot-score-ring strong,
body.light-app-preview .snapshot-metric-grid article strong,
body.light-app-preview .life-log-snapshot-score strong,
body.light-app-preview .life-log-snapshot-grid article strong {
  color: #fffaf0 !important;
}

body.light-app-preview .snapshot-brand span,
body.light-app-preview .life-log-snapshot-score span,
body.light-app-preview .snapshot-metric-grid article span,
body.light-app-preview .life-log-snapshot-grid article span,
body.light-app-preview .snapshot-score-ring small {
  color: #e0bd70 !important;
}

body.light-app-preview .snapshot-message,
body.light-app-preview .life-log-snapshot-score p {
  color: rgba(255, 250, 240, 0.74) !important;
}

body.light-app-preview .snapshot-metric-grid article,
body.light-app-preview .life-log-snapshot-grid article {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(224, 189, 112, 0.2) !important;
  box-shadow: none !important;
}

body.light-app-preview .snapshot-metric-grid article small,
body.light-app-preview .life-log-snapshot-grid article small {
  color: rgba(255, 250, 240, 0.66) !important;
}

body.light-app-preview .snapshot-score-ring {
  background:
    radial-gradient(circle at center, #071a38 0 56%, transparent 57%),
    conic-gradient(#e0bd70 0 calc(var(--score, 0) * 1%), rgba(255, 255, 255, 0.16) 0 100%) !important;
}

body.light-app-preview .snapshot-pfc-ring {
  color: #071a38 !important;
}

body.light-app-preview .customer-home-snapshot .ghost-btn {
  color: #fffaf0 !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(224, 189, 112, 0.38) !important;
}

body.light-app-preview .customer-home-snapshot .btn {
  background: linear-gradient(135deg, #e0bd70, #fff2bf) !important;
  border-color: transparent !important;
  color: #071a38 !important;
}

body.light-app-preview .life-log-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 14px;
}

body.light-app-preview .life-log-date-control {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: end;
  margin: 10px 0 14px;
}

body.light-app-preview .life-log-date-control label {
  min-width: 150px;
}

body.light-app-preview .life-log-range-tabs {
  display: flex;
  gap: 8px;
  padding: 6px;
  border-radius: 999px;
  background: #eef6ff;
  border: 1px solid #d9e9ff;
}

body.light-app-preview .life-log-range-tabs button {
  border: 0;
  background: transparent;
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 900;
  color: #5b6b7e;
}

body.light-app-preview .life-log-range-tabs button.active {
  background: #ffffff;
  color: #1767e8;
  box-shadow: 0 6px 16px rgba(23, 103, 232, 0.12);
}

body.light-app-preview .life-log-summary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
  gap: 12px;
  margin: 14px 0;
}

body.light-app-preview .life-log-score-card {
  background: linear-gradient(135deg, #eef6ff, #ffffff) !important;
  border: 1px solid #d9e9ff !important;
  border-radius: 22px !important;
  padding: 16px !important;
  box-shadow: 0 12px 24px rgba(23, 103, 232, 0.08) !important;
}

body.light-app-preview .life-log-score-main strong {
  color: #0f172a;
  letter-spacing: 0;
}

body.light-app-preview .life-log-score-main span,
body.light-app-preview .life-log-score-main p {
  color: #41526a;
}

body.light-app-preview .life-log-score-meter {
  background: #dbeafe;
}

body.light-app-preview .life-log-score-meter span {
  background: linear-gradient(90deg, #60a5fa, #2563eb, #10b981);
}

body.light-app-preview .life-log-score-breakdown span {
  background: #ffffff;
  color: #1f2a44;
  border: 1px solid #dcecff;
}

body.light-app-preview .life-log-summary-card,
body.light-app-preview .life-log-review-card,
body.light-app-preview .life-log-day-card,
body.light-app-preview .life-log-feedback-editor {
  background: #f2f8ff !important;
  border: 1px solid #d9e9ff !important;
  border-radius: 18px !important;
  padding: 14px !important;
  box-shadow: none !important;
}

body.light-app-preview .life-log-summary-card span {
  display: block;
  color: #5b6b7e;
  font-weight: 800;
  font-size: 0.82rem;
}

body.light-app-preview .life-log-summary-card strong {
  display: block;
  margin-top: 4px;
  color: #0f172a;
  font-size: 1.15rem;
}

body.light-app-preview .life-log-review-head {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
}

body.light-app-preview .life-log-review-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 10px;
  margin-top: 12px;
}

body.light-app-preview .life-log-review-item {
  background: #ffffff;
  border: 1px solid #dcecff;
  border-radius: 14px;
  padding: 12px;
}

body.light-app-preview .life-log-review-item span {
  color: #1767e8;
  font-weight: 900;
  font-size: 0.84rem;
}

body.light-app-preview .life-log-review-stack {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

body.light-app-preview .life-log-review-block {
  display: grid;
  gap: 10px;
  padding: 14px !important;
  border-radius: 16px !important;
  border: 1px solid #dcecff !important;
  background: #ffffff !important;
  border-left: 5px solid #60a5fa !important;
  box-shadow: 0 10px 22px rgba(56, 99, 166, 0.07) !important;
}

body.light-app-preview .life-log-review-block.summary {
  background: linear-gradient(180deg, #ffffff, #f7fbff) !important;
  border-left-color: #3b82f6 !important;
}

body.light-app-preview .life-log-review-block.meal {
  background: linear-gradient(180deg, #ffffff, #f4fffb) !important;
  border-left-color: #10b981 !important;
}

body.light-app-preview .life-log-review-block.training {
  background: linear-gradient(180deg, #ffffff, #faf7ff) !important;
  border-left-color: #8b5cf6 !important;
}

body.light-app-preview .life-log-review-block.next {
  background: linear-gradient(180deg, #ffffff, #fffaf0) !important;
  border-left-color: #f59e0b !important;
}

body.light-app-preview .life-log-review-block-head {
  display: flex;
  align-items: center;
  gap: 10px;
}

body.light-app-preview .life-log-review-step {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, #60a5fa, #2563eb);
  font-weight: 950;
  font-size: 0.82rem;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.2);
}

body.light-app-preview .life-log-review-block-head strong {
  display: block;
  color: #0f172a;
  font-size: 1.02rem;
}

body.light-app-preview .life-log-review-block-head small {
  display: block;
  margin-top: 2px;
  color: #64748b;
  font-weight: 850;
  font-size: 0.78rem;
}

body.light-app-preview .life-log-review-copy {
  display: grid;
  gap: 8px;
}

body.light-app-preview .life-log-review-copy p {
  margin: 0;
  color: #334155;
  font-weight: 760;
  line-height: 1.72;
}

body.light-app-preview .life-log-visual-feedback {
  display: grid;
  gap: 14px;
  margin-top: 14px;
  padding: 16px !important;
  border-radius: 18px !important;
  border: 1px solid #dcecff !important;
  border-left: 5px solid #60a5fa !important;
  background: #ffffff !important;
  box-shadow: 0 10px 22px rgba(56, 99, 166, 0.07) !important;
}

body.light-app-preview .life-log-visual-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

body.light-app-preview .life-log-visual-head h3 {
  margin: 0;
  color: #0f172a;
  font-size: clamp(1.12rem, 4.8vw, 1.38rem);
  line-height: 1.45;
}

body.light-app-preview .life-log-visual-head p {
  margin: 8px 0 0;
  color: #334155;
  font-weight: 760;
  line-height: 1.72;
}

body.light-app-preview .life-log-visual-head strong {
  color: #3157e7;
  font-size: clamp(2.1rem, 13vw, 3.3rem);
  line-height: 1;
  white-space: nowrap;
}

body.light-app-preview .life-log-visual-head small {
  font-size: 0.42em;
  margin-left: 3px;
}

body.light-app-preview .life-log-nutrient-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.light-app-preview .life-log-nutrient-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 7px 10px;
  border-radius: 999px;
  color: #3f4857;
  background: #f8fafc;
  font-weight: 850;
}

body.light-app-preview .life-log-nutrient-badge i,
body.light-app-preview .life-log-nutrient-card-head i {
  display: inline-block;
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #facc15;
  box-shadow: inset 0 -2px 4px rgba(0, 0, 0, 0.2);
}

body.light-app-preview .life-log-nutrient-badge.ok i,
body.light-app-preview .life-log-nutrient-card.ok .life-log-nutrient-card-head i {
  background: #16c124;
}

body.light-app-preview .life-log-nutrient-badge.danger i,
body.light-app-preview .life-log-nutrient-card.danger .life-log-nutrient-card-head i {
  background: #fb8c00;
}

body.light-app-preview .life-log-nutrient-badge b {
  color: #17a34a;
}

body.light-app-preview .life-log-nutrient-badge.warn b,
body.light-app-preview .life-log-nutrient-badge.danger b {
  color: #fb8c00;
}

body.light-app-preview .life-log-nutrient-card-grid {
  display: grid;
  gap: 12px;
}

body.light-app-preview .life-log-nutrient-card,
body.light-app-preview .life-log-staff-report {
  display: grid;
  gap: 8px;
  padding: 14px;
  border-radius: 14px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
}

body.light-app-preview .life-log-nutrient-card-head {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

body.light-app-preview .life-log-nutrient-card-head strong,
body.light-app-preview .life-log-staff-report > strong {
  display: block;
  color: #1f2937;
  font-size: 1rem;
}

body.light-app-preview .life-log-nutrient-card-head small {
  display: block;
  margin-top: 2px;
  color: #64748b;
  font-weight: 800;
}

body.light-app-preview .life-log-nutrient-card p,
body.light-app-preview .life-log-staff-report p {
  margin: 0;
  color: #64748b;
  font-weight: 740;
  line-height: 1.72;
}

@media (max-width: 520px) {
  body.light-app-preview .life-log-visual-head {
    display: grid;
  }

  body.light-app-preview .life-log-visual-head strong {
    justify-self: end;
  }
}

body.light-app-preview .life-log-day-list {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

body.light-app-preview .life-log-day-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

body.light-app-preview .life-log-day-head strong {
  color: #0f172a;
  font-size: 1.05rem;
}

body.light-app-preview .life-log-day-head span {
  display: block;
  color: #718096;
  font-weight: 800;
  font-size: 0.82rem;
}

body.light-app-preview .life-log-day-score {
  color: #1767e8;
  font-weight: 950;
}

body.light-app-preview .life-log-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
}

body.light-app-preview .life-log-pill {
  background: #ffffff;
  border: 1px solid #dcecff;
  border-radius: 999px;
  padding: 7px 10px;
  color: #334155;
  font-weight: 850;
  font-size: 0.84rem;
}

body.light-app-preview .life-log-two-col {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

body.light-app-preview .life-log-two-col h4 {
  margin: 0 0 8px;
  color: #0f172a;
}

body.light-app-preview .life-log-two-col ul {
  margin: 0;
  padding-left: 18px;
  color: #334155;
}

body.light-app-preview .life-log-two-col li {
  margin-bottom: 6px;
}

body.light-app-preview .life-log-note,
body.light-app-preview .life-log-feedback-read {
  background: #ffffff;
  border: 1px solid #dcecff;
  border-radius: 14px;
  padding: 10px;
  color: #334155;
}

body.light-app-preview .life-log-feedback-editor {
  margin-top: 14px;
}

body.light-app-preview .life-log-feedback-editor textarea {
  min-height: 120px;
}

body.light-app-preview .life-log-ai-copy-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
}

body.light-app-preview .life-log-ai-copy-box,
body.light-app-preview .life-log-affiliate-panel,
body.light-app-preview .life-log-ai-all-copy {
  background: #ffffff;
  border: 1px solid #dcecff;
  border-radius: 16px;
  padding: 14px;
}

body.light-app-preview .life-log-ai-copy-box textarea {
  min-height: 280px;
  background: #f8fbff;
  border-color: #dbeafe;
  color: #0f172a;
}

body.light-app-preview .life-log-ai-all-copy {
  display: grid;
  gap: 10px;
}

body.light-app-preview .life-log-ai-all-copy textarea {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

body.light-app-preview .external-trainer-share-panel {
  display: grid;
  gap: 14px;
}

body.light-app-preview .external-trainer-share-box textarea {
  min-height: 320px;
}

body.light-app-preview .weekly-check-in-panel {
  display: grid;
  gap: 14px;
}

body.light-app-preview .weekly-check-in-summary,
body.light-app-preview .weekly-check-in-store-grid,
body.light-app-preview .weekly-check-in-history {
  display: grid;
  gap: 10px;
}

body.light-app-preview .weekly-check-in-summary {
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}

body.light-app-preview .weekly-check-in-summary span,
body.light-app-preview .weekly-check-in-history > div {
  padding: 10px;
  border-radius: 14px;
  border: 1px solid #dcecff;
  background: #ffffff;
  color: #64748b;
}

body.light-app-preview .weekly-check-in-summary strong {
  color: #0f172a;
}

body.light-app-preview .weekly-check-in-store-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

body.light-app-preview .churn-risk-level.high {
  background: #fee2e2;
  color: #991b1b;
}

body.light-app-preview .churn-risk-level.medium {
  background: #fef3c7;
  color: #92400e;
}

body.light-app-preview .churn-risk-level.low {
  background: #dbeafe;
  color: #1d4ed8;
}

body.light-app-preview .churn-risk-level.ok {
  background: #dcfce7;
  color: #166534;
}

body.light-app-preview .meal-display-switch,
body.light-app-preview .macro-illustration-item {
  background: #ffffff;
  border-color: #dcecff;
}

body.light-app-preview .meal-suggestion-tab-btn {
  background: #ffffff;
  border-color: #dbeafe;
  color: #0f172a;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
}

body.light-app-preview .meal-suggestion-tab-btn span,
body.light-app-preview .meal-suggestion-tab-btn small {
  color: #64748b;
}

body.light-app-preview .meal-suggestion-tab-btn b {
  color: #ffffff;
  background: linear-gradient(135deg, #2f7dff, #12c7a4);
}

body.light-app-preview .meal-suggestion-details[open] .meal-suggestion-tab-btn b,
body.light-app-preview .meal-suggestion-details.open .meal-suggestion-tab-btn b {
  color: #1767e8;
  background: #eaf3ff;
}

@media (max-width: 760px) {
  body.light-app-preview .customer-content .body-make-subselect-card {
    margin-top: 10px !important;
    padding-top: 90px !important;
  }
}

@media (max-width: 560px) {
  body.light-app-preview .meal-suggestion-buttons .ghost-btn {
    border-radius: 12px;
  }
}

body.light-app-preview .segmented-control {
  background: #f3f7fc;
  border-color: #dcecff;
}

body.light-app-preview .segmented-control button {
  color: #64748b;
}

body.light-app-preview .segmented-control button.active {
  color: #ffffff;
  background: linear-gradient(135deg, #2f7dff, #12c7a4);
}

body.light-app-preview .macro-food-icon {
  color: #e2e8f0;
}

body.light-app-preview .macro-icon-base {
  color: #e2e8f0;
}

body.light-app-preview .macro-illustration-item.over {
  background: #fff1f2;
  border-color: #fecdd3;
}

body.light-app-preview .life-log-notice {
  margin-top: 10px;
  color: #1767e8;
  font-weight: 900;
}

body.light-app-preview .content.customer-content {
  padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px)) !important;
  scroll-padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px)) !important;
}

body.light-app-preview .content.customer-content::after {
  content: "";
  display: block;
  height: calc(12px + env(safe-area-inset-bottom, 0px));
}

@media (max-width: 980px) {
  body.light-app-preview .content.customer-content {
    padding-bottom: calc(108px + env(safe-area-inset-bottom, 0px)) !important;
    scroll-padding-bottom: calc(108px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.light-app-preview .content.customer-content::after {
    height: calc(16px + env(safe-area-inset-bottom, 0px));
  }
}

body.light-app-preview .business-task-grid {
  grid-template-columns: minmax(0, 1fr) !important;
  width: min(1160px, 100%) !important;
  max-width: 1160px !important;
  margin-inline: auto !important;
  align-items: start !important;
}

body.light-app-preview .business-task-tab {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
  border: 1px solid #dfe8f2 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 16px 38px rgba(38, 54, 74, 0.08) !important;
  overflow: hidden !important;
}

body.light-app-preview .business-task-tab > summary {
  min-height: 76px !important;
  padding: 18px 20px !important;
  gap: 16px !important;
}

body.light-app-preview .business-task-tab > summary span:first-child {
  min-width: 0 !important;
}

body.light-app-preview .business-task-tab > summary strong {
  font-size: 18px !important;
  line-height: 1.45 !important;
  color: #111827 !important;
}

body.light-app-preview .business-task-tab > summary small {
  display: block !important;
  margin-top: 4px !important;
  line-height: 1.6 !important;
  overflow-wrap: anywhere !important;
}

body.light-app-preview .business-task-tab[open] > summary {
  background: #f7fbff !important;
}

body.light-app-preview .business-task-tab:not([open]) > .business-task-form,
body.light-app-preview .business-task-tab:not([open]) > .business-task-list {
  display: none !important;
}

body.light-app-preview .business-task-form,
body.light-app-preview .business-task-list {
  padding: 18px 20px 20px !important;
}

body.light-app-preview .business-task-row {
  grid-template-columns: minmax(0, 1fr) minmax(240px, auto) !important;
  align-items: start !important;
  gap: 14px !important;
  padding: 14px !important;
  border-radius: 12px !important;
}

body.light-app-preview .business-task-title strong {
  line-height: 1.55 !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 760px) {
  body.light-app-preview .business-task-row {
    grid-template-columns: 1fr !important;
  }
}

body.light-app-preview .current-session-card {
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  border-color: #d8e4f1 !important;
  box-shadow: 0 18px 42px rgba(27, 44, 68, 0.09) !important;
}

body.light-app-preview .customer-quick-session-card {
  border-color: #bdd7ff !important;
}

body.light-app-preview .staff-session-card {
  border-color: #dfd2ae !important;
}

body.light-app-preview .session-summary div,
body.light-app-preview .customer-quick-training-overview div {
  background: #ffffff !important;
  border: 1px solid #dbe6f2 !important;
  box-shadow: 0 8px 18px rgba(30, 45, 65, 0.055) !important;
}

body.light-app-preview .session-summary span,
body.light-app-preview .customer-quick-training-overview span,
body.light-app-preview .staff-session-queue-head span,
body.light-app-preview .staff-session-queue-item span,
body.light-app-preview .staff-session-toolbar span,
body.light-app-preview .training-entry-mode-note span,
body.light-app-preview .session-call-volume small,
body.light-app-preview .set-volume small {
  color: #506071 !important;
}

body.light-app-preview .session-summary strong,
body.light-app-preview .customer-quick-training-overview strong,
body.light-app-preview .staff-session-queue-item strong,
body.light-app-preview .exercise-head strong {
  color: #111827 !important;
}

body.light-app-preview .customer-quick-training-overview {
  background: linear-gradient(135deg, #eef6ff 0%, #ffffff 100%) !important;
  border: 1px solid #cfe0f5 !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.light-app-preview .staff-session-queue,
body.light-app-preview .staff-session-workbench {
  background: #ffffff !important;
  border-color: #dbe6f2 !important;
  box-shadow: 0 12px 28px rgba(28, 43, 62, 0.07) !important;
}

body.light-app-preview .staff-session-queue-head strong {
  color: #0f62d9 !important;
}

body.light-app-preview .staff-session-queue-item {
  background: #f8fbff !important;
  border-color: #e0e8f2 !important;
}

body.light-app-preview .staff-session-queue-item.active {
  background: #eaf3ff !important;
  border-color: #86b8ff !important;
  box-shadow: inset 3px 0 0 #2f7dff !important;
}

body.light-app-preview .training-order-panel {
  background: #ffffff !important;
  border-color: #dbe6f2 !important;
  box-shadow: 0 10px 24px rgba(26, 42, 62, 0.065) !important;
}

body.light-app-preview .training-order-panel.compact {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body.light-app-preview .training-order-panel-head strong {
  color: #0f62d9 !important;
}

body.light-app-preview .training-order-panel-head span,
body.light-app-preview .training-order-item span {
  color: #506071 !important;
}

body.light-app-preview .training-order-item {
  background: #f8fbff !important;
  border-color: #e0e8f2 !important;
}

body.light-app-preview .training-order-item.active {
  background: #eaf3ff !important;
  border-color: #86b8ff !important;
  box-shadow: inset 3px 0 0 #2f7dff !important;
}

body.light-app-preview .training-order-item strong {
  color: #111827 !important;
}

body.light-app-preview .training-drag-handle,
body.light-app-preview .training-order-mini-actions .icon-btn,
body.light-app-preview .exercise-order-actions .icon-btn {
  background: #ffffff !important;
  border-color: #bfd7f5 !important;
  color: #115fc6 !important;
  box-shadow: 0 6px 14px rgba(47, 125, 255, 0.09) !important;
}

body.light-app-preview .training-order-item.drop-before::before,
body.light-app-preview .training-order-item.drop-after::after,
body.light-app-preview .exercise-card.drop-before::before,
body.light-app-preview .exercise-card.drop-after::after {
  background: #d4af37 !important;
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.18) !important;
}

body.light-app-preview .training-focus-banner {
  background: #f7fbff !important;
  border-color: #bdd7ff !important;
  border-left-color: #1767e8 !important;
  box-shadow: 0 10px 22px rgba(30, 45, 65, 0.055) !important;
}

body.light-app-preview .training-focus-banner strong {
  color: #0f62d9 !important;
}

body.light-app-preview .training-focus-banner span {
  color: #506071 !important;
}

body.light-app-preview .training-focused-tool-dock,
body.light-app-preview .training-focused-panel {
  background: #ffffff !important;
  border-color: #dbe6f2 !important;
  box-shadow: 0 10px 24px rgba(26, 42, 62, 0.06) !important;
}

body.light-app-preview .training-focused-tool-dock button {
  background: #f8fbff !important;
  border-color: #dce6f2 !important;
  color: #10223b !important;
}

body.light-app-preview .training-focused-tool-dock button.active {
  background: #eaf3ff !important;
  border-color: #86b8ff !important;
  color: #0f62d9 !important;
}

body.light-app-preview .training-focused-tool-dock span {
  color: #115fc6 !important;
}

body.light-app-preview .staff-session-toolbar {
  background: #fff8e8 !important;
  border-color: #e1c16f !important;
}

body.light-app-preview .staff-session-toolbar .ghost-btn,
body.light-app-preview .session-add-footer .btn {
  background: #ffffff !important;
  border-color: #9fc8ff !important;
  color: #115fc6 !important;
  box-shadow: 0 8px 18px rgba(47, 125, 255, 0.12) !important;
}

body.light-app-preview .training-add-panel.embedded {
  background: #ffffff !important;
  border-color: #cfe0f5 !important;
  box-shadow: 0 12px 28px rgba(30, 45, 65, 0.07) !important;
}

body.light-app-preview .training-entry-mode-note {
  background: #eef7ff !important;
  border-color: #bcd8ff !important;
}

body.light-app-preview .staff-training-add-panel .training-entry-mode-note {
  background: #fff7df !important;
  border-color: #e5c979 !important;
}

body.light-app-preview .training-entry-mode-note strong {
  color: #0f62d9 !important;
}

body.light-app-preview .staff-training-add-panel .training-entry-mode-note strong {
  color: #8a640e !important;
}

body.light-app-preview .current-session-card .exercise-card {
  background: #ffffff !important;
  border-color: #dbe6f2 !important;
  box-shadow: 0 10px 24px rgba(26, 42, 62, 0.07) !important;
}

body.light-app-preview .training-count-guide {
  background: #f7fbff !important;
  border-color: #bdd7ff !important;
}

body.light-app-preview .training-count-guide strong {
  color: #0f62d9 !important;
}

body.light-app-preview .training-count-guide span,
body.light-app-preview .training-count-guide small {
  color: #506071 !important;
}

body.light-app-preview .current-session-card .exercise-head {
  color: #0f62d9 !important;
}

body.light-app-preview .current-session-card .exercise-head small,
body.light-app-preview .training-set-add-hint {
  color: #5b6b7c !important;
}

body.light-app-preview .staff-session-card .training-set-add-actions {
  background: #fff8e8 !important;
  border-color: #dfc575 !important;
}

body.light-app-preview .staff-session-card .training-set-add-actions .ghost-btn {
  background: #ffffff !important;
  border-color: #d8b66a !important;
  color: #8a640e !important;
}

body.light-app-preview .training-inbody-block,
body.light-app-preview .body-record-summary,
body.light-app-preview .body-record-history {
  background: #ffffff !important;
  border-color: #dbe6f2 !important;
}

body.light-app-preview .body-record-summary div,
body.light-app-preview .body-record-row {
  background: #f8fbff !important;
  border: 1px solid #dbe6f2 !important;
  box-shadow: 0 8px 18px rgba(30, 45, 65, 0.055) !important;
}

body.light-app-preview .body-record-summary span,
body.light-app-preview .body-record-row small {
  color: #506071 !important;
}

body.light-app-preview .body-record-summary strong {
  color: #111827 !important;
}

body.light-app-preview .rule-grid div {
  background: #f8fbff !important;
  border: 1px solid #dbe6f2 !important;
  box-shadow: 0 8px 18px rgba(30, 45, 65, 0.045) !important;
}

body.light-app-preview .rule-grid span,
body.light-app-preview .next-set-head span,
body.light-app-preview .next-set-head small,
body.light-app-preview .next-set-suggestion p,
body.light-app-preview .next-set-option span,
body.light-app-preview .next-set-option small {
  color: #5b6b7c !important;
}

body.light-app-preview .rule-grid strong,
body.light-app-preview .next-set-option strong {
  color: #111827 !important;
}

body.light-app-preview .next-set-suggestion {
  background: #f3fff9 !important;
  border-color: #c8f0df !important;
}

body.light-app-preview .next-set-option {
  background: #ffffff !important;
  border-color: #dbe6f2 !important;
  color: #111827 !important;
}

body.light-app-preview .next-set-option.recommended {
  background: #ecfdf5 !important;
  border-color: #9ee6c6 !important;
}

body.light-app-preview .next-set-head strong {
  color: #0c9467 !important;
}

/* iOS/Safari zoom guard: keep every editable field at 16px or larger. */
body.light-app-preview input,
body.light-app-preview select,
body.light-app-preview textarea,
body.light-app-preview .form input,
body.light-app-preview .form select,
body.light-app-preview .form textarea,
body.light-app-preview .inline-input,
body.light-app-preview .set-row .inline-input,
body.light-app-preview .sub-set-row .inline-input,
body.light-app-preview .food-entry input,
body.light-app-preview .food-entry select,
body.light-app-preview .meal-date-control input,
body.light-app-preview .hydration-report input {
  font-size: 16px !important;
  -webkit-text-size-adjust: 100%;
}

body.light-app-preview .current-session-card {
  border-left: 5px solid #1767e8 !important;
}

body.light-app-preview .customer-quick-session-card {
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
}

body.light-app-preview .customer-quick-training-overview {
  background: #eef6ff !important;
  border: 1px solid #bfdbfe !important;
}

body.light-app-preview .exercise-card {
  border-color: #c9d9ed !important;
}

body.light-app-preview .training-order-item.training-card-scroll-focus,
body.light-app-preview .exercise-card.training-card-scroll-focus {
  border-color: #1767e8 !important;
  box-shadow: 0 0 0 3px rgba(23, 103, 232, 0.16), 0 14px 30px rgba(30, 45, 65, 0.12) !important;
}

body.light-app-preview .set-row,
body.light-app-preview .sub-set-row {
  background: #f8fbff !important;
  border-color: #d7e5f5 !important;
}

body.light-app-preview .set-main,
body.light-app-preview .set-sub {
  align-items: end;
}

body.light-app-preview .set-row label,
body.light-app-preview .sub-set-row label {
  color: #40566f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body.light-app-preview .set-index {
  color: #1767e8 !important;
  font-weight: 900 !important;
}