/* Approved compact home mockup, 1 Nov.2026.
   Explicit grid-item bounds avoid aspect-ratio/min-size overflow on phones. */
#app[data-page="home"] {
  --home-tile-height: clamp(58px, 15.4vw, 104px);
  --home-icon-width: clamp(50px, 16vw, 99px);
  box-sizing: border-box;
  width: 100%; max-width: 760px !important;
  padding: 10px 16px calc(94px + env(safe-area-inset-bottom)) !important;
}
#app[data-page="home"] .top { min-height: 32px; margin: 0; }
#app[data-page="home"] .brand { font-size: clamp(23px, 5.5vw, 33px); gap: 7px; }
#app[data-page="home"] .appFlower { width: 33px; height: 33px; }
#app[data-page="home"] .top .profile { width: 40px; height: 40px; z-index: 3; }
#app[data-page="home"] .welcome {
  height: auto; min-height: 0; margin: 5px 0 13px;
  padding: 0; text-align: center;
}
#app[data-page="home"] .welcome .lead { font-size: clamp(26px, 6.8vw, 43px); line-height: 1.12; margin: 3px 0 5px; }
#app[data-page="home"] .welcome .sub { font-size: clamp(14px, 3.7vw, 21px); line-height: 1.25; margin: 0; }
#app[data-page="home"] .sectionTitle { font-size: clamp(18px, 4.6vw, 27px); margin: 15px 0 11px; line-height: 1.2; }
#app[data-page="home"] .featureGrid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-flow: row; align-items: start; gap: 7px;
  width: 100%; min-width: 0; max-width: 100%; margin: 0; padding: 0;
}
#app[data-page="home"] .featureGrid > .feature {
  display: grid; grid-template-columns: var(--home-icon-width) minmax(0, 1fr) 9px;
  align-items: center; column-gap: 3px;
  box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%;
  height: var(--home-tile-height); min-height: 0 !important; max-height: none;
  aspect-ratio: auto; margin: 0; padding: 1px 9px 1px 2px;
  border: 1.3px solid #fff8e5; border-radius: 15px; overflow: hidden;
  box-shadow: inset 0 2px 2px #fffffff2, inset 0 -3px 5px #40333e35,
    inset 1px 0 1px #ffffffa6, 0 4px 6px var(--tile-shadow), 0 1px 2px #6743261c;
}
#app[data-page="home"] .featureGrid > .feature::before {
  background: radial-gradient(ellipse at 46% -15%, #ffffffa3, transparent 53%), linear-gradient(165deg,#fff2,transparent 60%,#0000000d);
}
#app[data-page="home"] .featureGrid > .feature .art {
  box-sizing: border-box; width: var(--home-icon-width) !important; max-width: 100% !important;
  min-width: 0 !important; height: calc(var(--home-tile-height) - 5px) !important;
  max-height: calc(var(--home-tile-height) - 5px) !important;
  margin: 0; transform: none; background-size: contain !important;
  filter: drop-shadow(0 3px 2px #57321138) saturate(1.08);
}
#app[data-page="home"] .featureGrid > .feature b {
  min-width: 0; max-width: 100%; font-size: clamp(13px, 3.55vw, 23px);
  font-weight: 800; line-height: 1.15; white-space: nowrap;
  letter-spacing: -.45px; color: #181d17;
}
#app[data-page="home"] .featureGrid > .feature .chevron {
  width: 9px; margin: 0; font-size: 24px; justify-self: end;
}
#app[data-page="home"] .featureGrid > .fx6-cookbook-feature {
  grid-column: 1 / -1; grid-template-columns: 36% minmax(0, 1fr) 10px;
  height: var(--home-tile-height) !important; min-height: 0 !important;
  width: 100%; max-width: 100%; min-width: 0; aspect-ratio: auto;
  padding: 1px 12px 1px 1px !important; column-gap: 8px !important;
}
#app[data-page="home"] .featureGrid > .fx6-cookbook-feature .fx6-home-icon {
  width: 100%; min-width: 0; max-width: 100%;
  height: calc(var(--home-tile-height) - 5px); margin: 0;
  background-size: cover; background-position: center 60%;
}
#app[data-page="home"] .featureGrid > .fx6-cookbook-feature b {
  font-size: clamp(17px, 4.6vw, 27px); white-space: nowrap;
}
#app[data-page="home"] .timerHero {
  box-sizing: border-box; display: grid; grid-template-columns: 31% minmax(0, 1fr) 40px;
  align-items: start; column-gap: 4px;
  width: 100%; min-width: 0; max-width: 100%;
  height: clamp(96px, 24vw, 174px); min-height: 0; aspect-ratio: auto;
  padding: 8px 11px 8px 0; margin: 0;
  border-radius: 19px; overflow: hidden;
  background: url('./assets/self-time-panorama-v10.png') center top/cover no-repeat;
}
#app[data-page="home"] .timerHero .art { width: 100%; height: 1px; min-width: 0; margin: 0; }
#app[data-page="home"] .timerCopy { min-width: 0; width: 100%; padding-top: 1px; text-align: center; }
#app[data-page="home"] .timerCopy>b { font-size: clamp(15px, 4.2vw, 29px); white-space: nowrap; line-height: 1.15; }
#app[data-page="home"] .timerCopy .clock { font-size: clamp(26px, 7vw, 49px); margin-top: 5px; line-height: 1.1; letter-spacing: -.8px; }
#app[data-page="home"] .timerToggle { width: 38px; height: 38px; min-width: 38px; margin: 0; align-self: end; justify-self: end; }
#app[data-page="home"] .moreActivities { margin: 13px 0 0; padding: 10px 14px; border-radius: 17px !important; }
#app[data-page="home"] .moreActivities summary { font-size: 14px; line-height: 1.4; }
@media (max-width: 350px) {
  #app[data-page="home"] { --home-icon-width: 47px; padding-left: 12px !important; padding-right: 12px !important; }
  #app[data-page="home"] .featureGrid { gap: 6px; }
  #app[data-page="home"] .featureGrid > .feature { padding-right: 7px; column-gap: 2px; grid-template-columns: var(--home-icon-width) minmax(0, 1fr) 7px; }
  #app[data-page="home"] .featureGrid > .feature b { font-size: 12.5px; }
  #app[data-page="home"] .featureGrid > .feature .chevron { width: 7px; font-size: 21px; }
  #app[data-page="home"] .featureGrid > .fx6-cookbook-feature { grid-template-columns: 34% minmax(0, 1fr) 9px; }
  #app[data-page="home"] .featureGrid > .fx6-cookbook-feature b { font-size: 16px; }
  #app[data-page="home"] .timerHero { grid-template-columns: 28% minmax(0, 1fr) 34px; padding-right: 8px; column-gap: 2px; }
  #app[data-page="home"] .timerCopy>b { font-size: 14px; }
  #app[data-page="home"] .timerCopy .clock { font-size: 25px; }
  #app[data-page="home"] .timerToggle { width: 32px; height: 32px; min-width: 32px; }
}
@media (min-width: 600px) {
  #app[data-page="home"] { padding: 17px 25px calc(100px + env(safe-area-inset-bottom)) !important; }
  #app[data-page="home"] .top { min-height: 38px; }
  #app[data-page="home"] .welcome { margin-top: 5px; margin-bottom: 17px; }
  #app[data-page="home"] .featureGrid { gap: 10px; }
  #app[data-page="home"] .featureGrid > .feature { border-radius: 20px; column-gap: 7px; padding-right: 14px; }
  #app[data-page="home"] .timerHero { border-radius: 24px; grid-template-columns: 33% minmax(0, 1fr) 54px; padding: 15px 18px 12px 0; }
  #app[data-page="home"] .timerToggle { width: 49px; height: 49px; min-width: 49px; }
}

/* Reference 2: compact spacing and large illustrations, bounded to each cell. */
html:has(#app[data-page="home"]) { overflow-x: clip; }
body:has(#app[data-page="home"]) { touch-action: pan-y; }
#app[data-page="home"] {
  --home-tile-height: clamp(55px, 15.2vw, 104px);
  --home-icon-width: clamp(66px, 20vw, 142px);
  padding-top: 8px !important;
  overflow: clip;
  background: radial-gradient(ellipse at 50% 16%, #fff4da65, transparent 65%);
}
#app[data-page="home"] .top {
  display: grid; grid-template-columns: 32px minmax(0, 1fr) 32px;
  align-items: center; gap: 5px; min-height: 30px; margin: 0;
}
#app[data-page="home"] .brand {
  grid-column: 2; justify-self: center; gap: 5px;
  font-size: clamp(18px, 4.5vw, 28px); white-space: nowrap;
}
#app[data-page="home"] .appFlower { width: 23px; height: 23px; background-size: 285.4px 428px; background-position: -14px -24px; }
#app[data-page="home"] .top .profile { grid-column: 3; width: 30px; height: 30px; }
#app[data-page="home"] .profile svg { width: 19px; height: 19px; }
#app[data-page="home"] .cogbadge { font-size: 10px; }
#app[data-page="home"] .welcome { margin: 2px 0 9px; }
#app[data-page="home"] .welcome .lead { font-size: clamp(24px, 6.3vw, 40px); margin: 0 0 3px; line-height: 1.1; }
#app[data-page="home"] .welcome .sub { font-size: clamp(13px, 3.4vw, 20px); }
#app[data-page="home"] .sectionTitle { font-size: clamp(17px, 4.5vw, 28px); margin: 10px 0 6px; }
#app[data-page="home"] .featureGrid > .feature {
  grid-template-columns: var(--home-icon-width) minmax(0,1fr) 8px;
  column-gap: 2px; padding: 0 9px 0 0; border-radius: 13px;
  box-shadow: inset 0 2px 2px #ffffffed, inset 0 -3px 5px #40333e35,
    inset 1px 0 1px #ffffffa6, 0 3px 4px var(--tile-shadow), 0 1px 2px #6743261c;
}
#app[data-page="home"] .featureGrid > .feature .art {
  height: calc(var(--home-tile-height) + 2px) !important;
  max-height: none !important; background-size: contain !important;
  filter: drop-shadow(0 2px 1px #57321138) saturate(1.08);
}
#app[data-page="home"] .featureGrid > .feature b {
  font-size: clamp(12px, 3.65vw, 24px); letter-spacing: -.5px;
}
#app[data-page="home"] .featureGrid > .fx6-cookbook-feature {
  grid-template-columns: 49% minmax(0,1fr) 9px;
  column-gap: 4px !important; padding: 0 11px 0 0 !important;
}
#app[data-page="home"] .featureGrid > .fx6-cookbook-feature .fx6-home-icon {
  height: calc(var(--home-tile-height) + 5px); background-size: cover;
  background-position: center 59%; filter: drop-shadow(0 2px 1px #56260a40) saturate(1.08);
}
#app[data-page="home"] .featureGrid > .fx6-cookbook-feature b { font-size: clamp(14px,3.65vw,25px); }
#app[data-page="home"] .timerHero {
  height: clamp(85px, 22.8vw, 166px); padding: 7px 8px 7px 0;
  grid-template-columns: 32% minmax(0,1fr) 34px; border-radius: 16px;
}
#app[data-page="home"] .timerCopy>b { font-size: clamp(14px, 3.7vw, 26px); }
#app[data-page="home"] .timerCopy .clock { font-size: clamp(25px, 6.5vw, 46px); margin-top: 4px; }
#app[data-page="home"] .timerToggle { width: 32px; height: 32px; min-width: 32px; }
#app[data-page="home"] .moreActivities { margin-top: 7px; padding: 5px 13px; border-radius: 18px !important; box-shadow: none; background: #f5eddfb3 !important; }
#app[data-page="home"] .moreActivities summary { font-size: 12px; min-height: 25px; display: flex; align-items: center; gap: 10px; list-style: none; }
#app[data-page="home"] .moreActivities summary::-webkit-details-marker { display: none; }
#app[data-page="home"] .moreActivities summary::before { content: '•••'; font-size: 18px; letter-spacing: 2px; color: #68422e; }
#app[data-page="home"] .moreActivities summary::after { content: '›'; margin-left: auto; font-size: 23px; }
#app[data-page="home"] .moreActivities[open] summary::after { transform: rotate(90deg); }
/* Persistent corner branches stay inside a clipped decorative layer. */
#app[data-page="home"] .headerBranch { display: none; }
#app[data-page="home"]::before, #app[data-page="home"]::after {
  content: ''; position: absolute; top: -19px; width: clamp(88px, 24vw, 165px);
  height: clamp(88px, 24vw, 165px); pointer-events: none; z-index: 0;
  background: url('./assets/autumn-branch.png') center/contain no-repeat;
  opacity: 1; filter: saturate(1.15);
}
#app[data-page="home"]::before { left: -26px; transform: rotate(83deg); }
#app[data-page="home"]::after { right: -26px; transform: rotate(0deg) scaleX(-1); }
#app[data-page="home"] > .fx7-leaf-layer::before,
#app[data-page="home"] > .fx7-leaf-layer::after {
  content: ''; display: block; position: absolute; top: auto; bottom: 46px;
  width: clamp(95px, 27vw, 190px); height: clamp(95px, 27vw, 190px);
  background: url('./assets/autumn-branch.png') center/contain no-repeat; opacity: 1;
}
#app[data-page="home"] > .fx7-leaf-layer::before { left: -30px; transform: rotate(180deg); }
#app[data-page="home"] > .fx7-leaf-layer::after { right: -30px; transform: rotate(265deg); }
#app[data-page="home"] ~ .bottom { background: #fffaf3f2; border-color: #f3e7d4; }
#app[data-page="home"] ~ .bottom .bottominner { max-width: 420px; gap: 30px !important; }
#app[data-page="home"] ~ .bottom .nav { font-size: 11px; min-height: 44px !important; border-radius: 30px; }
#app[data-page="home"] ~ .bottom .nav svg { width: 20px; height: 20px; }
#app[data-page="home"] ~ .bottom .nav.on { color: #df4145 !important; background: #ffe3db !important; }
@media (max-width: 350px) {
  #app[data-page="home"] { --home-icon-width: 60px; }
  #app[data-page="home"] .featureGrid > .feature { padding-right: 6px; grid-template-columns: var(--home-icon-width) minmax(0,1fr) 7px; }
  #app[data-page="home"] .featureGrid > .feature b { font-size: 11.5px; }
  #app[data-page="home"] .featureGrid > .fx6-cookbook-feature { grid-template-columns: 47% minmax(0,1fr) 8px; }
  #app[data-page="home"] .featureGrid > .fx6-cookbook-feature b { font-size: 13px; }
}
@media (min-width: 600px) {
  #app[data-page="home"] .top { min-height: 36px; }
  #app[data-page="home"] .welcome { margin-bottom: 13px; }
  #app[data-page="home"] .featureGrid > .feature { border-radius: 19px; padding-right: 14px; }
  #app[data-page="home"] .timerToggle { width: 46px; height: 46px; min-width: 46px; }
}

#app[data-page="home"] .appFlower { background: none; display: grid; grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(2,1fr); gap: 2px; }
#app[data-page="home"] .appFlower i { display: block; background: linear-gradient(145deg,#ff6463,#e52f3e); border-radius: 6px 6px 2px 6px; width: auto; height: auto; position: static; transform: none; }
#app[data-page="home"] .appFlower i:nth-child(2) { transform: rotate(90deg); }
#app[data-page="home"] .appFlower i:nth-child(3) { transform: rotate(-90deg); }
#app[data-page="home"] .appFlower i:nth-child(4) { transform: rotate(180deg); }

/* Build 13: the selected single header branch, pointed logo, tighter grid. */
#app[data-page="home"] {
  padding-left: 8px !important; padding-right: 8px !important;
}
#app[data-page="home"] .featureGrid { gap: 4px; }
#app[data-page="home"] .top {
  display: flex; justify-content: space-between; padding: 0 3px;
}
#app[data-page="home"] .brand { justify-self: start; }
#app[data-page="home"] .brand strong {
  background: linear-gradient(180deg,#ed1835 8%,#a70020 46%,#d20b2e 65%,#760014);
  background-clip: text; -webkit-background-clip: text; color: transparent;
  -webkit-text-fill-color: transparent; text-shadow: 0 1px 0 #bd001018;
}
#app[data-page="home"] .appFlower i {
  border-radius: 0 65% 0 65%; background: linear-gradient(145deg,#9a001d 5%,#e71b41 48%,#ff966e);
}
#app[data-page="home"] .appFlower i:nth-child(1) { transform: rotate(0deg); }
#app[data-page="home"] .appFlower i:nth-child(2) { transform: rotate(90deg); }
#app[data-page="home"] .appFlower i:nth-child(3) { transform: rotate(-90deg); }
#app[data-page="home"] .appFlower i:nth-child(4) { transform: rotate(180deg); }
#app[data-page="home"] .welcome {
  text-align: left; min-height: 80px; margin: 2px 0 9px; padding-left: 3px;
}
#app[data-page="home"] .welcome .lead,
#app[data-page="home"] .welcome .sub { max-width: calc(100% - 107px); }
#app[data-page="home"]::before,
#app[data-page="home"]::after,
#app[data-page="home"] > .fx7-leaf-layer::before,
#app[data-page="home"] > .fx7-leaf-layer::after { display: none; }
#app[data-page="home"] .headerBranch {
  display: block; top: 8px; right: 2px;
  width: 122px; height: 122px; object-fit: contain;
  transform: none; opacity: 1; filter: saturate(1.15); z-index: 0;
}
#app[data-page="home"] .sectionTitle { margin-top: 8px; margin-bottom: 5px; }
#app[data-page="home"] .moreActivities { margin-top: 5px; }
@media (max-width: 350px) {
  #app[data-page="home"] { padding-left: 6px !important; padding-right: 6px !important; }
  #app[data-page="home"] .featureGrid { gap: 4px; }
  #app[data-page="home"] .headerBranch { width: 96px; height: 96px; right: 2px; top: 34px; }
  #app[data-page="home"] .welcome .lead,
  #app[data-page="home"] .welcome .sub { max-width: calc(100% - 98px); }
}
@media (min-width: 600px) {
  #app[data-page="home"] { padding-left: 12px !important; padding-right: 12px !important; }
  #app[data-page="home"] .featureGrid { gap: 6px; }
  #app[data-page="home"] .welcome { min-height: 115px; }
  #app[data-page="home"] .headerBranch { width: 150px; height: 150px; top: 28px; right: 8px; }
  #app[data-page="home"] .welcome .lead,
  #app[data-page="home"] .welcome .sub { max-width: calc(100% - 158px); }
}

/* Home uses the approved illustration as a nine-slice navigation atlas.
   Each region is an independently named, keyboard-accessible native button. */
html:has(#app[data-page="home"]), body:has(#app[data-page="home"]) {
  background: radial-gradient(ellipse at 12% 3%,#fff6df 0,transparent 38%),radial-gradient(ellipse at 90% 48%,#ffdda1 0,transparent 55%),linear-gradient(155deg,#ffe8ba,#ffdda4 55%,#ffe9c4) !important;
  background-attachment: fixed !important;
}
#app[data-page="home"] {
  --home14-height: clamp(54px,min(16.3vw,8.9svh),110px);
  --home14-cook-height: calc(var(--home14-height) * 1.34);
  padding: 8px 7px calc(64px + env(safe-area-inset-bottom)) !important;
  max-width: 760px !important; min-height: 100svh;
  overflow: clip; background: transparent;
  font-family: Arial,'Segoe UI',sans-serif;
}
#app[data-page="home"] .top { min-height: 30px; padding: 0 5px; }
#app[data-page="home"] .brand { font-size: clamp(20px,5.3vw,33px); gap: 6px; }
#app[data-page="home"] .appFlower { width: 28px; height: 28px; }
#app[data-page="home"] .welcome { min-height: 61px; margin: 1px 0 8px; padding-left: 5px; }
#app[data-page="home"] .welcome .lead { font-size: clamp(25px,6.7vw,43px); letter-spacing: -1px; margin-bottom: 4px; }
#app[data-page="home"] .welcome .sub { font-size: clamp(14px,3.7vw,23px); color: #62402b; }
#app[data-page="home"] .headerBranch { top: 7px; right: 3px; width: 101px; height: 101px; }
#app[data-page="home"] .top .profile { width: 34px; height: 34px; background: linear-gradient(140deg,#ffe5dd,#ffc9c2); }
#app[data-page="home"] .timerHero { height: clamp(79px,min(22.8vw,12svh),166px); border-radius: 18px; margin: 0 4px; width: calc(100% - 8px); border: 1px solid #fff8df; box-shadow: 0 5px 9px #a7652755,inset 0 1px 2px #fff; }
#app[data-page="home"] .timerCopy>b { font-size: clamp(15px,4vw,29px); }
#app[data-page="home"] .timerCopy .clock { font-size: clamp(27px,7.2vw,49px); }
#app[data-page="home"] .sectionTitle { margin: 10px 4px 7px; font-size: clamp(18px,4.7vw,29px); font-weight: 800; color: #2b190c; }
#app[data-page="home"] section.home14-panel.featureGrid {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr));
  width: 100%; min-width: 0; gap: 5px; padding: 7px 6px 8px;
  margin: 0; border: 1px solid #fffbe4; border-radius: 22px;
  background: linear-gradient(145deg,#fff9e9f5,#ffedcce8 55%,#fff3dce8);
  box-shadow: inset 0 1px 2px #fff,0 6px 9px #b26c2755,0 2px 3px #b7712530;
  overflow: visible;
}
#app[data-page="home"] section.home14-personal.featureGrid { margin-top: 10px; }
#app[data-page="home"] .home14-panel > button.home14-tile {
  display: block; position: relative; appearance: none; box-sizing: border-box;
  width: 100%; min-width: 0; max-width: 100%; height: var(--home14-height);
  min-height: 0; padding: 0; margin: 0; border: 0; border-radius: 15px;
  background: transparent; overflow: hidden; isolation: isolate;
  box-shadow: 0 2px 3px #81431f30;
  touch-action: manipulation;
}
#app[data-page="home"] .home14-panel > button.home14-cook { grid-column: 1 / -1; height: var(--home14-cook-height); }
#app[data-page="home"] button.home14-tile > .home14-art {
  display: block; position: absolute; inset: 0; width: 100%; height: 100%;
  background-image: url('./assets/home-approved-v14.png'); background-repeat: no-repeat;
  pointer-events: none;
}
#app[data-page="home"] button.home14-tile > b {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); clip-path: inset(50%); white-space: nowrap; border: 0;
}
#app[data-page="home"] .home14-tile:focus-visible { outline: 3px solid #7b2840; outline-offset: 2px; }
#app[data-page="home"] .home14-tile:active { transform: translateY(1px); filter: brightness(.98); }
#app[data-page="home"] .moreActivities {
  margin: 10px 5px 0; padding: 4px 11px; border: 1px solid #fff8e5;
  border-radius: 20px !important; background: linear-gradient(140deg,#fff0ce,#ffe5b5) !important;
  box-shadow: inset 0 1px 2px #fff8,0 4px 7px #ae6d2845;
}
#app[data-page="home"] .moreActivities summary { font-size: 14px; font-weight: 700; min-height: 28px; color: #6b462d; }
#app[data-page="home"] ~ .bottom {
  background: linear-gradient(110deg,#ffebc7,#ffe2ad) !important;
  border-top: 1px solid #fff6e1;
  box-shadow: 0 -2px 9px #f2b45d22;
  padding-top: 3px !important; padding-bottom: calc(3px + env(safe-area-inset-bottom)) !important;
}
#app[data-page="home"] ~ .bottom .bottominner { max-width: 580px; gap: 22px !important; }
#app[data-page="home"] ~ .bottom .nav { min-height: 45px !important; font-size: 12px; color: #815557; }
#app[data-page="home"] ~ .bottom .nav.on { background: linear-gradient(140deg,#ffedcb,#ffd5a6) !important; color: #bb301b !important; box-shadow: inset 0 1px 1px #fff9; }
#app[data-page="home"] ~ .bottom .nav svg { width: 23px; height: 23px; }
@media (max-height: 740px) and (max-width: 599px) {
  #app[data-page="home"] { --home14-height: clamp(48px,8.2svh,59px); padding-top: 5px !important; }
  #app[data-page="home"] .top { min-height: 28px; }
  #app[data-page="home"] .welcome { min-height: 48px; margin-bottom: 5px; }
  #app[data-page="home"] .headerBranch { width: 87px; height: 87px; top: 4px; }
  #app[data-page="home"] .timerHero { height: 76px; }
  #app[data-page="home"] .sectionTitle { margin-top: 7px; margin-bottom: 5px; }
  #app[data-page="home"] section.home14-panel.featureGrid { padding-top: 5px; padding-bottom: 6px; gap: 4px; }
  #app[data-page="home"] section.home14-personal.featureGrid { margin-top: 8px; }
  #app[data-page="home"] .moreActivities { margin-top: 8px; }
}
@media (min-width: 600px) {
  #app[data-page="home"] { padding-left: 14px !important; padding-right: 14px !important; }
  #app[data-page="home"] .welcome { min-height: 84px; }
  #app[data-page="home"] .headerBranch { width: 138px; height: 138px; }
  #app[data-page="home"] section.home14-panel.featureGrid { gap: 8px; padding: 10px; border-radius: 28px; }
  #app[data-page="home"] .home14-panel > button.home14-tile { border-radius: 21px; }
}

#app[data-page="home"] .home14-activity .home14-art {background-size: 215.945330% 1144.137931%; background-position: 5.697446% 37.582563%;}
#app[data-page="home"] .home14-baby .home14-art {background-size: 214.965986% 1144.137931%; background-position: 94.477318% 37.582563%;}
#app[data-page="home"] .home14-tasks .home14-art {background-size: 215.945330% 1256.818182%; background-position: 5.697446% 47.478716%;}
#app[data-page="home"] .home14-money .home14-art {background-size: 214.965986% 1256.818182%; background-position: 94.477318% 47.478716%;}
#app[data-page="home"] .home14-meds .home14-art {background-size: 215.945330% 1210.948905%; background-position: 5.697446% 56.964520%;}
#app[data-page="home"] .home14-shopping .home14-art {background-size: 214.965986% 1210.948905%; background-position: 94.477318% 56.964520%;}
#app[data-page="home"] .home14-cook .home14-art {background-size: 106.397306% 942.613636%; background-position: 50.877193% 71.341875%;}
#app[data-page="home"] .home14-feelings .home14-art {background-size: 215.945330% 1193.525180%; background-position: 5.697446% 81.973684%;}
#app[data-page="home"] .home14-goals .home14-art {background-size: 214.965986% 1193.525180%; background-position: 94.477318% 81.973684%;}
#app[data-page="home"] .home14-cook .home14-art {background-size: 106.397306% 850.769231%; background-position: 50.877193% 71.038251%;}