/* Home launchers use the original tools and access-controlled entries. */
body[data-app-screen=home]:is([data-skin=neon],[data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #homeScreen .v49-tool-grid {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch;
  margin:0 0 10px!important;
}
body[data-app-screen=home]:is([data-skin=neon],[data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #homeScreen .v49-tool-grid>.mode-card {
  box-sizing:border-box;
  min-width:0!important;
  height:auto!important;
  text-align:left!important;
  word-break:keep-all!important;
  overflow-wrap:anywhere;
}
body[data-app-screen=home]:is([data-skin=neon],[data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #homeScreen .v49-tool-grid>.mode-card>strong {
  position:static!important;
  white-space:normal!important;
  word-break:keep-all!important;
  overflow-wrap:anywhere;
}
body[data-app-screen=home]:is([data-skin=neon],[data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #homeScreen :is(#nutritionEntry,#weeklyPlanEntry) {
  min-width:0!important;
  min-height:54px!important;
  height:auto!important;
  width:100%!important;
  margin:0 0 10px!important;
  word-break:keep-all!important;
  overflow-wrap:anywhere;
}
body[data-app-screen=home]:is([data-skin=neon],[data-skin=ice],[data-skin=redline],[data-skin=whitelab]) .app #homeScreen :is(.mode-card,.daily-mode-hero):focus-visible {
  outline:3px solid var(--premium-primary,#d5ff62);
  outline-offset:3px;
}

/* Neon. One high-contrast launch surface, then two compact shortcuts. */
body[data-app-screen=home][data-skin=neon] .app #homeScreen {
  --home-lime:#d5ff62;
  --home-neon-text:#f1f8ed;
}
body[data-app-screen=home][data-skin=neon] .app #homeScreen>.home-brand-panel {
  border:1px solid #566356!important;
  border-radius:12px!important;
  box-shadow:none!important;
  background:#101914!important;
}
body[data-app-screen=home][data-skin=neon] .app #homeScreen .v49-tool-grid>.mode-card {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto 1fr;
  align-content:start!important;
  align-items:start!important;
  justify-content:stretch!important;
  gap:8px!important;
  margin:0!important;
  padding:13px!important;
  min-height:96px!important;
  color:var(--home-neon-text)!important;
  background:#142219!important;
  border:1px solid #52634e!important;
  border-radius:11px!important;
  box-shadow:none!important;
}
body[data-app-screen=home][data-skin=neon] .app #homeScreen .v49-tool-grid>.mode-card::before,
body[data-app-screen=home][data-skin=neon] .app #homeScreen .v49-tool-grid>.mode-card::after {
  display:none!important;
}
body[data-app-screen=home][data-skin=neon] .app #homeScreen .v49-tool-grid>.mode-card[data-mode=bpm] {
  grid-column:1/-1;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-content:center!important;
  min-height:112px!important;
  padding:16px 20px!important;
  background:repeating-linear-gradient(125deg,#0e260712 0 2px,transparent 2px 8px),linear-gradient(105deg,#dcff82,#a7ed36)!important;
  border-color:#c3f858!important;
  color:#142303!important;
}
body[data-app-screen=home][data-skin=neon] .app #homeScreen .v49-tool-grid>.mode-card :is(.mode-number,.mode-arrow,small) {
  display:none!important;
}
body[data-app-screen=home][data-skin=neon] .app #homeScreen .v49-tool-grid>.mode-card[data-mode=bpm]>small {
  display:block!important;
  grid-column:1;grid-row:2;
  margin:0!important;
  color:#294108!important;
  font:600 12px/1.45 system-ui!important;
}
body[data-app-screen=home][data-skin=neon] .app #homeScreen .v49-tool-grid>.mode-card>strong {
  grid-column:1;grid-row:2;
  margin:0!important;
  color:inherit!important;
  font:800 clamp(14px,4.4vw,18px)/1.28 system-ui!important;
  text-shadow:none!important;
}
body[data-app-screen=home][data-skin=neon] .app #homeScreen .v49-tool-grid>.mode-card[data-mode=bpm]>strong {
  grid-row:1;
  font-size:clamp(25px,6vw,37px)!important;
}
body[data-app-screen=home][data-skin=neon] .app #homeScreen .v49-tool-grid>.mode-card>.mode-icon {
  display:grid!important;
  grid-column:1;grid-row:1;
  position:static!important;
  place-items:center;
  width:28px!important;height:28px!important;
  min-height:0!important;margin:0!important;padding:0!important;
  background:none!important;border:0!important;box-shadow:none!important;
  color:var(--home-lime)!important;
  font:800 25px/1 system-ui!important;
}
body[data-app-screen=home][data-skin=neon] .app #homeScreen .v49-tool-grid>.mode-card[data-mode=bpm]>.mode-icon {
  grid-area:1/2/3/3;
  align-self:center;
  width:clamp(44px,14vw,65px)!important;height:clamp(44px,14vw,65px)!important;
  border:1px solid #29410865!important;
  border-radius:50%!important;
  color:#294108!important;
  font-size:36px!important;
}
body[data-app-screen=home][data-skin=neon] .app #homeScreen .v49-tool-grid>.mode-card[data-mode=tabata] {
  grid-column:1/-1;
  grid-template-columns:28px minmax(0,1fr);
  grid-template-rows:auto;
  align-content:center!important;
  align-items:center!important;
  min-height:52px!important;
  padding:8px 13px!important;
}
body[data-app-screen=home][data-skin=neon] .app #homeScreen .v49-tool-grid>.mode-card[data-mode=tabata]>strong {
  grid-column:2;grid-row:1;
}
body[data-app-screen=home][data-skin=neon] .app #homeScreen .v49-tool-grid>a.simple-clock-home-entry {
  display:flex!important;
  grid-column:1/-1;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-height:52px!important;
  padding:8px 14px!important;
}
body[data-app-screen=home][data-skin=neon] .app #homeScreen .v49-tool-grid>a.simple-clock-home-entry>svg {
  color:var(--home-lime)!important;
}
body[data-app-screen=home][data-skin=neon] .app #homeScreen .v49-tool-grid>a.simple-clock-home-entry>span {
  color:#c6d8c3!important;
}
body[data-app-screen=home][data-skin=neon] .app #homeScreen .v49-tool-grid>.mode-card:is([data-mode=index],[data-mode=bodytype]) {
  grid-template-columns:24px minmax(0,1fr);
  grid-template-rows:auto;
  align-items:center!important;
  min-height:66px!important;
  border-style:dashed!important;
}
body[data-app-screen=home][data-skin=neon] .app #homeScreen .v49-tool-grid>.mode-card:is([data-mode=index],[data-mode=bodytype])>strong {
  grid-column:2;grid-row:1;
  font-size:13px!important;
}
body[data-app-screen=home][data-skin=neon] .app #homeScreen .v49-tool-grid>.mode-card>.public-preview-badge {
  grid-column:1/-1;
  justify-self:start;
  margin:0!important;
}
body[data-app-screen=home][data-skin=neon] .app #homeScreen :is(#nutritionEntry,#weeklyPlanEntry) {
  background:#122017!important;
  border:1px solid #52634e!important;
  border-radius:10px!important;
  box-shadow:none!important;
}

/* White Lab. Two instrument tiles and a compact timer row on a pale work surface. */
body[data-app-screen=home][data-skin=whitelab] .app #homeScreen>.home-brand-panel {
  border:1px solid #adb8c8!important;
  border-radius:11px!important;
  background:#fffdf6!important;
  box-shadow:none!important;
}
body[data-app-screen=home][data-skin=whitelab] .app #homeScreen .v49-tool-grid {
  padding:10px!important;
  border:1px solid #b1bdd0;
  border-radius:13px;
  background:#fffdf6;
}
body[data-app-screen=home][data-skin=whitelab] .app #homeScreen .v49-tool-grid>.mode-card {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-content:center!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:5px!important;
  min-height:70px!important;
  margin:0!important;
  padding:10px 11px!important;
  background:#f5f8ff!important;
  border:1px solid #a4b4ce!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
body[data-app-screen=home][data-skin=whitelab] .app #homeScreen .v49-tool-grid>.mode-card::before,
body[data-app-screen=home][data-skin=whitelab] .app #homeScreen .v49-tool-grid>.mode-card::after,
body[data-app-screen=home][data-skin=whitelab] .app #homeScreen .v49-tool-grid>.mode-card :is(.mode-number,.mode-arrow,small) {
  display:none!important;
}
body[data-app-screen=home][data-skin=whitelab] .app #homeScreen .v49-tool-grid>.mode-card>strong {
  grid-column:1;
  margin:0!important;
  font:800 clamp(13px,3.75vw,17px)/1.3 system-ui!important;
}
body[data-app-screen=home][data-skin=whitelab] .app #homeScreen .v49-tool-grid>.mode-card>.mode-icon {
  display:block!important;
  grid-column:2;grid-row:1;
  position:static!important;
  width:auto!important;height:auto!important;min-height:0!important;
  margin:0!important;padding:0!important;
  background:none!important;border:0!important;box-shadow:none!important;
  color:#214dbd!important;
  font:800 19px/1 system-ui!important;
}
body[data-app-screen=home][data-skin=whitelab] .app #homeScreen .v49-tool-grid>a.simple-clock-home-entry {
  display:flex!important;
  grid-column:1/-1;
  justify-content:flex-start!important;
  gap:10px!important;
  min-height:52px!important;
  padding:8px 12px!important;
  background:repeating-linear-gradient(90deg,#214dbd0c 0 1px,transparent 1px 18px),#e7eeff!important;
  border:1px solid #758ec4!important;
  border-left:5px solid #214dbd!important;
  color:#153b95!important;
}
body[data-app-screen=home][data-skin=whitelab] .app #homeScreen .v49-tool-grid>a.simple-clock-home-entry>strong {
  color:#153b95!important;
  font-size:16px!important;
}
body[data-app-screen=home][data-skin=whitelab] .app #homeScreen .v49-tool-grid>a.simple-clock-home-entry>svg {
  box-sizing:border-box;
  flex:0 0 30px!important;width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important;
  padding:4px!important;
  background:#fffdf6;
  border:1px solid #90a5d0;border-radius:50%;
  color:#214dbd!important;
}
body[data-app-screen=home][data-skin=whitelab] .app #homeScreen .v49-tool-grid>.mode-card:is([data-mode=index],[data-mode=bodytype]) {
  grid-column:1/-1;
  grid-template-columns:minmax(0,1fr) auto;
  min-height:47px!important;
  border:0!important;
  border-top:1px solid #c8d2e1!important;
  border-radius:0!important;
  background:transparent!important;
}
body[data-app-screen=home][data-skin=whitelab] .app #homeScreen .v49-tool-grid>.mode-card>.public-preview-badge {
  grid-column:1/-1;
  justify-self:start;
  margin:0!important;
  color:#435c77!important;
}
body[data-app-screen=home][data-skin=whitelab] .app #homeScreen :is(#nutritionEntry,#weeklyPlanEntry) {
  background:#fffdf6!important;
  border:1px solid #adb8c8!important;
  border-radius:8px!important;
  box-shadow:none!important;
}

body[data-app-screen=home][data-skin=whitelab] .app #homeScreen #weeklyPlanEntry :is(.daily-mode-icon,.daily-mode-arrow) {
  background:#e7eeff!important;
  color:#214dbd!important;
  border:1px solid #9aadd7!important;
  border-radius:8px!important;
  box-shadow:none!important;
  text-shadow:none!important;
}

body .app > .footer {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: clamp(4px, 1.5vw, 8px) !important;
}

body .app > .footer::after {
  order: 1;
  flex: 0 1 64px;
  min-width: 0;
  background-size: contain !important;
}

body .app > .footer > button {
  flex: 0 1 64px;
  min-width: 0;
}

body .app > .footer > button > span:last-child {
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

body .app > .footer #footerSettings68 { order: 2; }
body .app > .footer #skinSettings69 { order: 4; }

body .app > .footer #footerPlans79 {
  order: 3;
  display: flex;
  flex: 0 0 clamp(88px, 26vw, 104px);
  min-height: 70px;
  padding: 6px 3px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  border: 1px solid #9a8053;
  border-radius: 12px;
  background: linear-gradient(155deg, #3c321d, #211d16);
  color: #fff3ce !important;
  text-decoration: none;
  font-size: clamp(10.5px, 2.8vw, 12px);
  line-height: 1.2;
  font-weight: 750;
  letter-spacing: 0;
}

#footerPlans79 svg { width: 24px; height: 24px; }
#footerPlans79 .footer-plans-title { white-space: nowrap; }
#footerPlans79 .footer-plans-subtitle { font-size: .9em; color: #e2c68b; }
#footerPlans79:focus-visible { outline: 2px solid #bd9347; outline-offset: 3px; }

#benefitsScreen[hidden] { display: none !important; }

#benefitsScreen {
  max-width: 740px;
  margin: 0 auto 14px;
  padding: clamp(12px, 3vw, 24px);
}

#benefitsScreen .benefits-menu-heading { margin-bottom: 12px; }
#benefitsScreen .benefits-menu-heading h2 { margin: 4px 0 0; }

#benefitsScreen .benefits-menu-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  font-size: clamp(12px, 2.9vw, 15px);
  line-height: 1.35;
}

#benefitsScreen .benefits-menu-table :is(th, td) {
  padding: 9px 3px;
  border-bottom: 1px solid rgba(128, 128, 128, .4);
  text-align: center;
  overflow-wrap: anywhere;
}

#benefitsScreen .benefits-menu-table th:first-child { width: 40%; text-align: left; }
#benefitsScreen .benefits-menu-table thead th { background: rgba(128, 128, 128, .12); }
#benefitsScreen .benefits-menu-table small { display: block; font-size: .82em; font-weight: 500; }
#benefitsScreen .benefits-menu-note { margin: 10px 0 0; font-size: 12px; line-height: 1.5; }

#benefitsScreen .benefits-menu-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

#benefitsScreen .benefits-menu-actions a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 6px 12px;
  border: 1px solid rgba(128, 128, 128, .65);
  border-radius: 9px;
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  font-size: 13px;
}

#benefitsScreen .benefits-menu-actions a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }

/* Nutrition guide frame and its app header share the effective skin. */
body[data-skin=classic] .app #nutritionDialog {
  --guide-bg: #181818; --guide-text: #f3f3f3; --guide-border: #5b5b5b;
}
body[data-skin=ice] .app #nutritionDialog {
  --guide-bg: #172b40; --guide-text: #edf5ff; --guide-border: #617b9a;
}
body[data-skin=redline] .app #nutritionDialog {
  --guide-bg: #27171f; --guide-text: #fff0f4; --guide-border: #9d596f;
}
body[data-skin=whitelab] .app #nutritionDialog {
  --guide-bg: #f6f2e8; --guide-text: #172c46; --guide-border: #889caf;
}
body[data-skin] .app #nutritionDialog {
  background: var(--guide-bg, #0c1418);
  color: var(--guide-text, #fff);
  border-color: var(--guide-border, #6c858d);
}
body[data-skin] .app #nutritionDialog .nutrition-bar {
  background: var(--guide-bg, #0c1418);
  color: var(--guide-text, #fff);
  border-bottom: 1px solid var(--guide-border, #6c858d);
}

#homeScreen :is(#nutritionEntry, [data-metal-target="nutritionEntry"]) strong {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

#homeScreen :is(#nutritionEntry, [data-metal-target="nutritionEntry"]) .home-nutrition-tiers {
  display: inline-flex !important;
  flex-wrap: nowrap;
  gap: 4px;
}

#homeScreen :is(#nutritionEntry, [data-metal-target="nutritionEntry"]) .home-nutrition-tier {
  display: inline-flex !important;
  padding: 1px 5px;
  border: 1px solid currentColor;
  border-radius: 5px;
  color: inherit;
  -webkit-text-fill-color: currentColor;
  background: transparent;
  font: 750 10px/1.4 system-ui, sans-serif;
  letter-spacing: .02em;
  white-space: nowrap;
}
