/* SOURCE-OF-TRUTH PLUSH LIFE VISUAL SYSTEM
   Every dashboard keeps one hierarchy and swaps only theme color/art. */
#main-content{color:var(--pl-theme-ink)}
#main-content .pl-unified-page-shell,
#main-content .pl-home-shell{max-width:760px}
#main-content :is(.pl-unified-wordmark,.pl-home-logo){
  color:var(--pl-theme-ink)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-style:italic!important;font-weight:900!important;letter-spacing:-1.1px!important;
}
#main-content :is(.pl-unified-wordmark,.pl-home-logo) span{color:#EC6EB5!important}
#main-content :is(.pl-unified-page-title h2,.pl-home-copy h1){color:var(--pl-theme-ink)!important}
#main-content :is(.pl-unified-page-title p,.pl-home-copy p){color:var(--pl-theme-muted)!important}
#main-content .pl-unified-date,
#main-content .pl-home-date,
#main-content .pl-unified-gear,
#main-content .pl-home-settings,
#main-content .pl-home-timer{
  border:1px solid color-mix(in srgb,var(--pl-theme-line) 84%,white)!important;
  background:color-mix(in srgb,var(--pl-theme-surface) 86%,transparent)!important;
  color:var(--pl-theme-ink)!important;
  box-shadow:0 5px 16px color-mix(in srgb,var(--pl-theme-accent) 10%,transparent)!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
#main-content .pl-home-timer{background:linear-gradient(135deg,var(--pl-theme-accent),var(--pl-theme-accent-2))!important;color:white!important}
#main-content .pl-unified-page-content{
  --pl-card-radius:20px;
  --pl-card-line:var(--pl-theme-line);
  --pl-card-fill:linear-gradient(145deg,color-mix(in srgb,var(--pl-theme-surface) 96%,transparent),color-mix(in srgb,var(--pl-theme-surface-2) 92%,transparent));
  --pl-card-shadow:0 7px 22px color-mix(in srgb,var(--pl-theme-accent) 8%,transparent);
}
#main-content .pl-unified-page-content :is(section,article,details)>button,
#main-content .pl-unified-page-content [role="tab"]{border-radius:999px}
#main-content :is(input,select,textarea){
  border-color:var(--pl-theme-line)!important;
  background:color-mix(in srgb,var(--pl-theme-surface) 96%,transparent)!important;
  color:var(--pl-theme-ink)!important;
}
#main-content :is(input,select,textarea):focus{
  outline:0!important;border-color:var(--pl-theme-accent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--pl-theme-accent) 14%,transparent)!important;
}

/* One floating, friendly nav everywhere — same geometry in every theme/mode. */
#main-content .pl-app-bottom-nav{
  background:var(--pl-theme-nav)!important;
  border-color:color-mix(in srgb,var(--pl-theme-line) 88%,white)!important;
  box-shadow:0 -5px 22px color-mix(in srgb,var(--pl-theme-accent) 10%,transparent)!important;
  backdrop-filter:blur(20px) saturate(1.08)!important;-webkit-backdrop-filter:blur(20px) saturate(1.08)!important;
}
#main-content .pl-app-nav-btn{color:color-mix(in srgb,var(--pl-theme-ink) 72%,white)!important}
#main-content .pl-app-nav-btn[aria-current="page"],
#main-content .pl-app-nav-btn.active{
  color:var(--pl-theme-ink)!important;
  background:color-mix(in srgb,var(--pl-theme-accent) 10%,transparent)!important;
}
#main-content .pl-app-nav-add{
  background:linear-gradient(145deg,var(--pl-theme-accent),var(--pl-theme-accent-2))!important;
  box-shadow:0 7px 18px color-mix(in srgb,var(--pl-theme-accent) 28%,transparent),0 0 0 3px color-mix(in srgb,var(--pl-theme-surface) 94%,transparent)!important;
}

/* Storybook Home: the app should feel illustrated before it feels like a form. */
#main-content .pl-home-hero{
  min-height:250px!important;
  background:
    radial-gradient(circle at 14% 20%,color-mix(in srgb,var(--pl-theme-glow-c) 62%,transparent),transparent 30%),
    radial-gradient(circle at 86% 14%,color-mix(in srgb,var(--pl-theme-glow-b) 54%,transparent),transparent 34%),
    linear-gradient(145deg,color-mix(in srgb,var(--pl-theme-surface) 70%,transparent),color-mix(in srgb,var(--pl-theme-surface-2) 72%,transparent))!important;
  border-bottom:1px solid color-mix(in srgb,var(--pl-theme-line) 80%,transparent)!important;
}
#main-content .pl-home-hero:after{
  content:"✦  ♡  ✦";position:absolute;right:15%;top:76px;z-index:1;
  color:color-mix(in srgb,var(--pl-theme-accent) 50%,#FFC65C);
  font-size:18px;letter-spacing:8px;opacity:.62;pointer-events:none;
}
#main-content [data-plushlife-home-stack]>section:not(.pl-home-hero),
#main-content .pl-home-shortcuts>button,
#main-content .pl-noticed{
  border:1px solid color-mix(in srgb,var(--pl-theme-line) 86%,white)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--pl-theme-surface) 95%,transparent),color-mix(in srgb,var(--pl-theme-surface-2) 88%,transparent))!important;
  box-shadow:0 7px 22px color-mix(in srgb,var(--pl-theme-accent) 8%,transparent)!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
#main-content .pl-list-row{background:color-mix(in srgb,var(--pl-theme-surface) 88%,transparent)!important}
#main-content .pl-check{border-color:color-mix(in srgb,var(--pl-theme-accent) 56%,white)!important}
#main-content .pl-kicker,
#main-content .pl-link-btn,
#main-content .pl-shortcut-arrow{color:var(--pl-theme-accent)!important}
#main-content .pl-btn-primary{
  background:linear-gradient(135deg,var(--pl-theme-accent),var(--pl-theme-accent-2))!important;
  box-shadow:0 7px 17px color-mix(in srgb,var(--pl-theme-accent) 22%,transparent)!important;
}

/* Main content panels share the exact same card/material language. */
#main-content .pl-growth-shell,
#main-content .pl-care-shell,
#main-content .pl-calendar-cozy{
  color:var(--pl-theme-ink)!important;
}
#main-content :is(.pl-growth-card,.pl-growth-stat,.pl-growth-weekbar,.pl-care-card,.pl-care-reco,.pl-care-memory,.pl-care-extra,.pl-care-tonight,.pl-calendar-cozy>section,.pl-calendar-cozy details){
  background:linear-gradient(145deg,color-mix(in srgb,var(--pl-theme-surface) 96%,transparent),color-mix(in srgb,var(--pl-theme-surface-2) 90%,transparent))!important;
  border-color:var(--pl-theme-line)!important;
  box-shadow:0 8px 22px color-mix(in srgb,var(--pl-theme-accent) 8%,transparent)!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
#main-content :is(.pl-growth-kicker,.pl-care-kicker){color:var(--pl-theme-accent)!important}
#main-content :is(.pl-growth-copy,.pl-care-copy,.pl-growth-note){color:var(--pl-theme-muted)!important}
#main-content :is(.pl-growth-tabs,.pl-care-tabs){
  background:color-mix(in srgb,var(--pl-theme-surface-2) 84%,white)!important;
  border:1px solid var(--pl-theme-line)!important;
  border-radius:999px!important;padding:4px!important;
}
#main-content :is(.pl-growth-tabs,.pl-care-tabs) button{
  border-radius:999px!important;border:0!important;color:var(--pl-theme-muted)!important;background:transparent!important;
}
#main-content :is(.pl-growth-tabs,.pl-care-tabs) button[aria-selected="true"],
#main-content :is(.pl-growth-tabs,.pl-care-tabs) button.active{
  background:linear-gradient(135deg,var(--pl-theme-accent),var(--pl-theme-accent-2))!important;
  color:white!important;box-shadow:0 5px 14px color-mix(in srgb,var(--pl-theme-accent) 20%,transparent)!important;
}
#main-content :is(.pl-growth-primary,.pl-care-primary){
  background:linear-gradient(135deg,var(--pl-theme-accent),var(--pl-theme-accent-2))!important;
  color:white!important;border:0!important;border-radius:999px!important;
  box-shadow:0 7px 18px color-mix(in srgb,var(--pl-theme-accent) 20%,transparent)!important;
}
#main-content :is(.pl-growth-soft-btn,.pl-care-soft-btn){
  background:color-mix(in srgb,var(--pl-theme-surface) 92%,transparent)!important;
  color:var(--pl-theme-ink)!important;border-color:var(--pl-theme-line)!important;border-radius:999px!important;
}
#main-content .pl-growth-weekbar-fill{
  background:linear-gradient(90deg,var(--pl-theme-accent),var(--pl-theme-accent-2))!important;
}
#main-content .pl-care-feelings button{
  border-color:var(--pl-theme-line)!important;
  background:color-mix(in srgb,var(--pl-theme-surface) 94%,transparent)!important;
  color:var(--pl-theme-ink)!important;border-radius:16px!important;
}
#main-content .pl-care-feelings button[aria-pressed="true"]{
  border-color:var(--pl-theme-accent)!important;
  background:color-mix(in srgb,var(--pl-theme-accent) 12%,var(--pl-theme-surface))!important;
}
#main-content .pl-calendar-cozy>button{
  border-color:var(--pl-theme-line)!important;
  background:linear-gradient(145deg,var(--pl-theme-surface),var(--pl-theme-surface-2))!important;
  color:var(--pl-theme-ink)!important;border-radius:14px!important;
}

/* Task editor + rewards inherit the active theme rather than looking like a separate utility. */
[data-plush-panel="🌷 Add & organize"] .pl-tool-panel,
[data-plush-panel="🧸 Plush & Keepsakes"] .pl-tool-panel,
[data-plush-panel="Settings"] .pl-tool-panel{
  background:linear-gradient(155deg,var(--pl-theme-surface,#FFFDFE),var(--pl-theme-surface-2,#F7F1FF))!important;
  border-color:var(--pl-theme-line,#E6D6EB)!important;
}
[data-plush-panel="🌷 Add & organize"] .pl-tool-body>div,
[data-plush-panel="🧸 Plush & Keepsakes"] .pl-tool-body>div{
  border-color:var(--pl-theme-line,#E6D6EB)!important;
  box-shadow:0 7px 22px color-mix(in srgb,var(--pl-theme-accent,#B85BC9) 7%,transparent)!important;
}
[data-plush-panel="🌷 Add & organize"] button[aria-pressed="true"],
[data-plush-panel="🧸 Plush & Keepsakes"] button[aria-selected="true"]{
  border-color:var(--pl-theme-accent,#B85BC9)!important;
  background:color-mix(in srgb,var(--pl-theme-accent,#B85BC9) 11%,white)!important;
  color:var(--pl-theme-ink,#5B4666)!important;
}

/* Theme identities: same layout, different world. */
#main-content.appearance-pink .pl-ambient-theme-layer{
  background:radial-gradient(circle at 12% 14%,#FFC7DE 0%,transparent 34%),radial-gradient(circle at 88% 10%,#F0D7FF 0%,transparent 36%),radial-gradient(circle at 85% 84%,#FFE7F0 0%,transparent 42%),radial-gradient(circle at 9% 86%,#DDF4E4 0%,transparent 38%);
}
#main-content.appearance-peach .pl-ambient-theme-layer{
  background:radial-gradient(circle at 10% 12%,#FFD6BE 0%,transparent 35%),radial-gradient(circle at 90% 12%,#FFEACF 0%,transparent 36%),radial-gradient(circle at 86% 85%,#FFCDBF 0%,transparent 42%),radial-gradient(circle at 8% 86%,#DDF1DF 0%,transparent 40%);
}
#main-content.appearance-strawberry .pl-ambient-theme-layer{
  background:radial-gradient(circle at 12% 14%,#FFBCD0 0%,transparent 32%),radial-gradient(circle at 88% 9%,#FFDCE8 0%,transparent 34%),radial-gradient(circle at 86% 86%,#FFC3D8 0%,transparent 40%),radial-gradient(circle at 8% 84%,#DDF1DA 0%,transparent 38%);
}
#main-content.appearance-soft-light .pl-ambient-theme-layer{
  background:radial-gradient(circle at 12% 18%,#D9E9FF 0%,transparent 36%),radial-gradient(circle at 88% 10%,#E7DAFF 0%,transparent 38%),radial-gradient(circle at 84% 84%,#F5ECFF 0%,transparent 42%),radial-gradient(circle at 9% 86%,#DDF4EF 0%,transparent 40%);
}
#main-content.appearance-twilight{
  color:#443B72!important;
}
#main-content.appearance-twilight .pl-home-hero{
  background:linear-gradient(180deg,rgba(24,29,79,.98),rgba(48,45,111,.94))!important;
  color:#FFF!important;border-bottom-color:rgba(255,255,255,.14)!important;
}
#main-content.appearance-twilight .pl-home-logo,
#main-content.appearance-twilight .pl-home-copy h1,
#main-content.appearance-twilight .pl-home-tagline,
#main-content.appearance-twilight .pl-home-copy p{color:#FFF!important}
#main-content.appearance-twilight .pl-home-hero:after{color:#FFD56B;opacity:.9}
#main-content.appearance-twilight .pl-home-date,
#main-content.appearance-twilight .pl-home-settings,
#main-content.appearance-twilight .pl-home-timer{background:rgba(255,255,255,.15)!important;color:white!important;border-color:rgba(255,255,255,.22)!important}

/* Dino is a full illustrated world, not a token sprinkle. */
#main-content.dino-theme .pl-home-hero{
  background-image:linear-gradient(180deg,rgba(255,255,255,.04),rgba(248,234,255,.18)),url("./assets/dino-garden.jpg")!important;
  background-size:cover!important;background-position:center 48%!important;
}
#main-content.dino-theme .pl-home-hero:before{background:linear-gradient(90deg,rgba(255,249,253,.48),transparent 58%)!important}
#main-content.dino-theme .pl-home-hero:after{content:"🦕  ✦";font-size:19px}
#main-content.dino-theme .pl-home-plush{filter:drop-shadow(0 9px 13px rgba(83,59,103,.11))}
#main-content.dino-theme .pl-unified-page-hero:after{content:"🦕";display:block!important;position:absolute;right:12px;top:8px;font-size:23px;opacity:.55}

/* Baby Mode keeps the same product architecture but softens the ask. */
#main-content.baby-mode{
  --pl-theme-accent:#E66CB6;--pl-theme-accent-2:#C67AE4;--pl-theme-ink:#61306F;
  --pl-theme-muted:#8F6D98;--pl-theme-line:#F0D5E9;--pl-theme-surface:#FFFDFE;--pl-theme-surface-2:#FFF2F8;
}
#main-content.baby-mode .pl-home-hero{
  background:
    radial-gradient(circle at 80% 18%,#FFF0A9 0%,transparent 23%),
    radial-gradient(circle at 18% 18%,#FFD5E8 0%,transparent 31%),
    linear-gradient(160deg,#FFF4FA,#F3EDFF 65%,#FFF2E8)!important;
}
#main-content.baby-mode .pl-home-hero:after{content:"★  ♡  ☾";color:#E99ACA;opacity:.76}
#main-content.baby-mode :is(.pl-home-shortcuts>button,.pl-noticed,[data-plushlife-home-stack]>section:not(.pl-home-hero)){border-radius:22px!important}
#main-content.baby-mode .pl-home-copy p{font-weight:750!important}

/* Focus/Simple Mode matches the reference: less decoration, same identity. */
#main-content.simple-mode .pl-ambient-theme-layer{opacity:.28!important}
#main-content.simple-mode .pl-home-hero{min-height:176px!important}
#main-content.simple-mode .pl-home-bubble,
#main-content.simple-mode .pl-home-hero:after{display:none!important}

/* PlushSupport / Guardians belongs to the same app. */
#main-content.guardian-view .pl-unified-page-hero{background:transparent!important}
[data-plush-panel="Guardian support"] .pl-tool-panel,
[data-plush-panel="💛 PlushSupport"] .pl-tool-panel{
  background:linear-gradient(155deg,var(--pl-theme-surface,#FFFDFE),var(--pl-theme-surface-2,#F7F1FF))!important;
  border-color:var(--pl-theme-line,#E7D5EC)!important;
}
[data-plush-panel="Guardian support"] .pl-tool-body>div,
[data-plush-panel="💛 PlushSupport"] .pl-tool-body>div{
  background:linear-gradient(145deg,rgba(255,253,254,.92),rgba(247,241,255,.88))!important;
  border-color:#E5D3EB!important;border-radius:22px!important;
  box-shadow:0 9px 26px rgba(97,61,115,.07)!important;
}
[data-plush-panel="Guardian support"] [role="tablist"],
[data-plush-panel="💛 PlushSupport"] [role="tablist"]{
  padding:4px!important;border-radius:999px!important;background:#F4ECFA!important;border:1px solid #E5D5EC!important;
}
[data-plush-panel="Guardian support"] [role="tab"],
[data-plush-panel="💛 PlushSupport"] [role="tab"]{
  border:0!important;border-radius:999px!important;color:#775486!important;background:transparent!important;
}
[data-plush-panel="Guardian support"] [role="tab"][aria-selected="true"],
[data-plush-panel="💛 PlushSupport"] [role="tab"][aria-selected="true"]{
  background:linear-gradient(135deg,#C36BDD,#E57EBE)!important;color:white!important;
  box-shadow:0 5px 13px rgba(171,89,190,.18)!important;
}

@media(max-width:520px){
  #main-content .pl-home-hero{min-height:188px!important;border-radius:0 0 22px 22px!important}
  #main-content.simple-mode .pl-home-hero{min-height:154px!important}
  #main-content .pl-home-brand{top:12px!important;left:14px!important}
  #main-content .pl-home-logo{font-size:23px!important}
  #main-content .pl-home-tagline{font-size:9.5px!important}
  #main-content .pl-home-copy{left:14px!important;bottom:18px!important;width:55%!important}
  #main-content .pl-home-copy h1{font-size:20px!important}
  #main-content .pl-home-copy p{font-size:10.5px!important;line-height:1.26!important}
  #main-content .pl-home-plush{right:2px!important;bottom:8px!important;width:38%!important;height:59%!important}
  #main-content .pl-home-plush .plush-mascot{width:104px!important;height:104px!important}
  #main-content .pl-home-bubble{right:8px!important;bottom:7px!important;font-size:8px!important;max-width:130px!important}
  #main-content [data-plushlife-home-stack]>section:not(.pl-home-hero){border-radius:16px!important}
}


/* 2026 reference-lock pass: geometry and scene treatment match the approved mockups. */
#main-content{
  --pl-phone-max:760px;
}
#main-content .pl-home-shell,
#main-content .pl-unified-page-shell{
  width:min(100%,var(--pl-phone-max));
  margin-inline:auto;
}
#main-content .pl-home-hero{
  position:relative;
  overflow:hidden;
  min-height:280px!important;
  border-radius:0 0 28px 28px!important;
  border:0!important;
  box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--pl-theme-line) 70%,transparent);
}
#main-content .pl-home-hero:before{
  content:"";
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 50% 110%,rgba(255,255,255,.95) 0 18%,transparent 42%),
    radial-gradient(circle at 14% 58%,rgba(255,255,255,.52),transparent 25%),
    radial-gradient(circle at 86% 48%,rgba(255,255,255,.44),transparent 27%);
}
#main-content .pl-home-brand{
  left:50%!important;right:auto!important;top:18px!important;
  transform:translateX(-50%);
  width:max-content;max-width:74%;
  text-align:center;
}
#main-content .pl-home-logo{
  font-size:34px!important;
  line-height:1!important;
  text-shadow:0 3px 10px rgba(106,64,128,.10);
}
#main-content .pl-home-tagline{
  margin-top:7px!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  color:var(--pl-theme-muted)!important;
}
#main-content .pl-home-actions{
  top:16px!important;right:14px!important;gap:6px!important;
}
#main-content .pl-home-date{
  display:inline-flex!important;position:absolute;right:0;top:54px;
  white-space:nowrap;font-size:10px!important;padding:7px 10px!important;
}
#main-content .pl-home-timer{display:none!important}
#main-content .pl-home-settings{
  width:44px!important;height:44px!important;min-height:44px!important;
  border-radius:50%!important;font-size:18px!important;
}
#main-content .pl-home-copy{
  left:18px!important;bottom:20px!important;
  width:43%!important;z-index:4!important;
}
#main-content .pl-home-copy h1{
  font-size:24px!important;
  line-height:1.05!important;
  letter-spacing:-.02em!important;
  color:var(--pl-theme-ink)!important;
}
#main-content .pl-home-copy p{
  margin-top:7px!important;
  font-size:12px!important;line-height:1.32!important;font-weight:760!important;
}
#main-content .pl-home-plush{
  width:47%!important;height:61%!important;
  right:5%!important;bottom:2%!important;
  display:flex!important;align-items:flex-end!important;justify-content:center!important;
}
#main-content .pl-home-plush .plush-mascot{
  width:146px!important;height:146px!important;
  filter:drop-shadow(0 12px 18px rgba(73,39,87,.14))!important;
}
#main-content .pl-home-bubble{
  right:14px!important;bottom:15px!important;
  max-width:160px!important;
  border-radius:999px!important;
  padding:6px 10px!important;
  background:rgba(255,255,255,.74)!important;
  border:1px solid color-mix(in srgb,var(--pl-theme-line) 88%,white)!important;
  color:var(--pl-theme-ink)!important;
  font-size:9.5px!important;font-weight:850!important;
  box-shadow:0 5px 14px color-mix(in srgb,var(--pl-theme-accent) 9%,transparent)!important;
}
#main-content [data-plushlife-home-stack]{
  gap:10px!important;
}
#main-content [data-plushlife-home-stack]>section:not(.pl-home-hero),
#main-content .pl-home-shortcuts>button,
#main-content .pl-noticed{
  border-radius:22px!important;
  border-width:1px!important;
  border-color:color-mix(in srgb,var(--pl-theme-line) 88%,white)!important;
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--pl-theme-surface) 96%,transparent),
    color-mix(in srgb,var(--pl-theme-surface-2) 88%,transparent))!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--pl-theme-accent) 8%,transparent)!important;
}
#main-content .pl-list{gap:5px!important}
#main-content .pl-list-row{
  border-width:1px!important;
  border-radius:16px!important;
  border-color:color-mix(in srgb,var(--pl-theme-line) 80%,white)!important;
  background:rgba(255,255,255,.76)!important;
  box-shadow:none!important;
}
#main-content .pl-check{
  width:22px!important;height:22px!important;
  border-width:2px!important;
  border-color:color-mix(in srgb,var(--pl-theme-accent) 58%,white)!important;
}
#main-content .pl-kicker{
  color:var(--pl-theme-ink)!important;
  font-size:12px!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
#main-content .pl-row-text{
  color:var(--pl-theme-ink)!important;
  font-weight:750!important;
}
#main-content .pl-home-shortcuts{
  gap:10px!important;
}
#main-content .pl-shortcut{
  min-height:76px!important;
}
#main-content .pl-noticed{
  min-height:68px!important;
}

/* Lavender is the signature visual world. */
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-home-hero{
  background:
    radial-gradient(circle at 18% 22%,rgba(255,255,255,.88),transparent 23%),
    radial-gradient(circle at 78% 24%,#FFF4CE 0 5%,transparent 12%),
    linear-gradient(155deg,#F2E8FF 0%,#F8EEFF 42%,#FFEFF8 100%)!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-home-hero:after{
  content:"✦  ♡  ☾  ✦";position:absolute;inset:auto 8% 18% auto;
  color:#C17BD7;font-size:21px;letter-spacing:8px;opacity:.55;pointer-events:none;
}

/* Pink reference: warm blush, clouds and soft heart accents. */
#main-content.appearance-pink:not(.baby-mode) .pl-home-hero{
  background:
    radial-gradient(circle at 12% 26%,#FFF6FB 0 13%,transparent 31%),
    radial-gradient(circle at 88% 35%,#FFF2F8 0 15%,transparent 33%),
    linear-gradient(150deg,#FFDCEB 0%,#FFEAF4 48%,#F5E6FF 100%)!important;
}
#main-content.appearance-pink .pl-home-hero:after{
  content:"♡  ♥  ✦";position:absolute;right:11%;top:34%;color:#F079B6;
  font-size:24px;letter-spacing:8px;opacity:.48;
}

/* Mint reference: airy garden world. */
#main-content.appearance-meadow:not(.dino-theme) .pl-home-hero{
  background:
    radial-gradient(circle at 18% 18%,#FFFBD7 0 4%,transparent 13%),
    radial-gradient(circle at 80% 22%,rgba(255,255,255,.8),transparent 24%),
    linear-gradient(150deg,#E9F8EF 0%,#F0FFF8 45%,#E6F3FF 100%)!important;
}
#main-content.appearance-meadow .pl-home-hero:after{
  content:"☘  ✦  ♡";position:absolute;right:9%;top:38%;font-size:24px;
  color:#62A77E;letter-spacing:8px;opacity:.58;
}

/* Peach reference: warm sunrise / bedroom glow. */
#main-content.appearance-peach .pl-home-hero{
  background:
    radial-gradient(circle at 16% 20%,#FFF8D7 0 9%,transparent 20%),
    radial-gradient(circle at 82% 24%,#FFE4C8 0 12%,transparent 28%),
    linear-gradient(150deg,#FFE5D1 0%,#FFF1E2 50%,#FFD9E3 100%)!important;
}
#main-content.appearance-peach .pl-home-hero:after{
  content:"🍑  ♡  ✦";position:absolute;right:8%;top:36%;font-size:22px;
  letter-spacing:7px;opacity:.5;
}

/* Strawberry reference: pinker, playful, berry-soft. */
#main-content.appearance-strawberry .pl-home-hero{
  background:
    radial-gradient(circle at 22% 18%,#FFF8FB 0 12%,transparent 26%),
    radial-gradient(circle at 80% 20%,#FFD4E2 0 10%,transparent 25%),
    linear-gradient(150deg,#FFCFE0 0%,#FFE7EF 48%,#F3DFFF 100%)!important;
}
#main-content.appearance-strawberry .pl-home-hero:after{
  content:"🍓  ♡  ✦";position:absolute;right:9%;top:35%;font-size:22px;
  letter-spacing:7px;opacity:.52;
}

/* Cloud / blue reference. */
#main-content.appearance-soft-light:not(.baby-mode) .pl-home-hero{
  background:
    radial-gradient(circle at 14% 23%,rgba(255,255,255,.95) 0 16%,transparent 34%),
    radial-gradient(circle at 83% 18%,#FFF7CB 0 5%,transparent 13%),
    linear-gradient(150deg,#E9F3FF 0%,#EEF1FF 45%,#F6E9FF 100%)!important;
}
#main-content.appearance-soft-light .pl-home-hero:after{
  content:"☁  ✦  ♡";position:absolute;right:9%;top:36%;font-size:23px;
  letter-spacing:7px;color:#7A8FD8;opacity:.46;
}

/* Night reference: truly turns the top half into a glowing bedroom sky. */
#main-content.appearance-twilight:not(.baby-mode) .pl-home-hero{
  background:
    radial-gradient(circle at 77% 22%,#FFE688 0 8%,transparent 9%),
    radial-gradient(circle at 74% 21%,#FFF1B0 0 11%,transparent 17%),
    radial-gradient(circle at 16% 22%,rgba(255,255,255,.10),transparent 24%),
    linear-gradient(180deg,#171B4D 0%,#262B70 48%,#4B408E 100%)!important;
}
#main-content.appearance-twilight:not(.baby-mode) .pl-home-hero:after{
  content:"✦  ★  ✧  ★  ✦";position:absolute;right:8%;top:28%;
  color:#FFD56B;font-size:21px;letter-spacing:9px;opacity:.95;
}
#main-content.appearance-twilight:not(.baby-mode) .pl-home-brand,
#main-content.appearance-twilight:not(.baby-mode) .pl-home-copy{
  color:white!important;
}
#main-content.appearance-twilight:not(.baby-mode) .pl-home-logo,
#main-content.appearance-twilight:not(.baby-mode) .pl-home-tagline,
#main-content.appearance-twilight:not(.baby-mode) .pl-home-copy h1,
#main-content.appearance-twilight:not(.baby-mode) .pl-home-copy p{
  color:white!important;
}

/* Dino reference: use the actual repo illustration as the hero world. */
#main-content.dino-theme .pl-home-hero{
  background:
    linear-gradient(180deg,rgba(255,255,255,.03),rgba(245,235,255,.14)),
    url("./dino-garden.jpg") center 48% / cover no-repeat!important;
  min-height:305px!important;
}
#main-content.dino-theme .pl-home-hero:before{
  background:linear-gradient(180deg,rgba(255,255,255,.20),transparent 30%,rgba(255,248,253,.24) 100%)!important;
}
#main-content.dino-theme .pl-home-copy{
  background:rgba(255,255,255,.58);
  border:1px solid rgba(255,255,255,.72);
  border-radius:18px;padding:8px 10px;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
#main-content.dino-theme .pl-home-hero:after{
  content:"🦕  🌱  ✦";right:8%;top:44%;font-size:22px!important;opacity:.78!important;
}

/* Baby Mode reference: nursery peach/pink with a comfort-first hero. */
#main-content.baby-mode .pl-home-hero{
  min-height:320px!important;
  background:
    radial-gradient(circle at 78% 18%,#FFF2A7 0 5%,transparent 11%),
    radial-gradient(circle at 18% 22%,#FFF8FB 0 13%,transparent 29%),
    linear-gradient(155deg,#FFF2F8 0%,#F4ECFF 42%,#FFE8DC 100%)!important;
}
#main-content.baby-mode .pl-home-brand{
  top:18px!important;
}
#main-content.baby-mode .pl-home-tagline:after{
  content:" · Baby Mode";
  color:#E66CB6;
}
#main-content.baby-mode .pl-home-copy h1{
  font-size:25px!important;
}
#main-content.baby-mode .pl-home-copy p{
  font-size:12.5px!important;
}
#main-content.baby-mode .pl-home-hero:after{
  content:"☾  ★  ♡";right:9%;top:36%;font-size:24px;letter-spacing:8px;
  color:#E596C8;opacity:.72;
}
#main-content.baby-night .pl-home-hero{
  background:
    radial-gradient(circle at 75% 20%,#FFE27D 0 8%,transparent 9%),
    radial-gradient(circle at 76% 20%,#FFF1B6 0 11%,transparent 17%),
    linear-gradient(180deg,#24295E 0%,#3B3A82 48%,#6752A3 100%)!important;
}
#main-content.baby-night .pl-home-logo,
#main-content.baby-night .pl-home-tagline,
#main-content.baby-night .pl-home-copy h1,
#main-content.baby-night .pl-home-copy p{color:white!important}

/* Focus/Simple reference: less art, larger task-first content, still unmistakably PlushLife. */
#main-content.simple-mode .pl-home-hero{
  min-height:230px!important;
}
#main-content.simple-mode .pl-home-brand{
  left:18px!important;transform:none!important;text-align:left!important;
  max-width:55%!important;
}
#main-content.simple-mode .pl-home-copy{
  left:18px!important;bottom:22px!important;width:46%!important;
}
#main-content.simple-mode .pl-home-bubble{display:none!important}
#main-content.simple-mode .pl-home-hero:after{opacity:.22!important}

/* Guardians / PlushSupport reference. */
#main-content.guardian-view .pl-unified-page-hero{
  min-height:190px!important;
  border-radius:0 0 28px 28px!important;
  background:
    radial-gradient(circle at 80% 38%,#F6D8FF 0 16%,transparent 38%),
    radial-gradient(circle at 14% 50%,rgba(255,255,255,.82),transparent 28%),
    linear-gradient(150deg,#F2E9FF,#FFF2F9)!important;
  padding:20px 18px!important;
}
#main-content.guardian-view .pl-unified-page-hero:after{
  content:"🧸  ♡  ✦";display:block!important;position:absolute;right:10%;bottom:14%;
  font-size:26px;color:#C977D6;opacity:.7;
}

/* Theme-aware bottom bar matches the approved references. */
#main-content .pl-app-bottom-nav{
  min-height:64px!important;
  padding:5px 8px max(5px,env(safe-area-inset-bottom))!important;
  border-radius:24px 24px 0 0!important;
  box-shadow:0 -8px 24px color-mix(in srgb,var(--pl-theme-accent) 10%,transparent)!important;
}
#main-content .pl-app-nav-btn{
  min-height:48px!important;
  border-radius:14px!important;
  font-size:9.5px!important;
  font-weight:900!important;
}
#main-content .pl-app-nav-btn .ico{font-size:18px!important}
#main-content .pl-app-nav-add{
  width:48px!important;height:48px!important;min-height:48px!important;
  margin-top:-14px!important;font-size:27px!important;
  box-shadow:0 8px 20px color-mix(in srgb,var(--pl-theme-accent) 30%,transparent),0 0 0 4px rgba(255,255,255,.86)!important;
}

@media(max-width:520px){
  #main-content .pl-home-shell{padding:0 8px 82px!important;gap:7px!important}
  #main-content .pl-home-hero{min-height:235px!important;margin:0 -8px!important;border-radius:0 0 22px 22px!important}
  #main-content.dino-theme .pl-home-hero{min-height:255px!important}
  #main-content.baby-mode .pl-home-hero{min-height:270px!important}
  #main-content.simple-mode .pl-home-hero{min-height:205px!important}
  #main-content .pl-home-brand{top:14px!important}
  #main-content .pl-home-logo{font-size:27px!important}
  #main-content .pl-home-tagline{font-size:10px!important;margin-top:4px!important}
  #main-content .pl-home-actions{top:12px!important;right:8px!important}
  #main-content .pl-home-settings{width:40px!important;height:40px!important;min-height:40px!important}
  #main-content .pl-home-copy{left:14px!important;bottom:16px!important;width:46%!important}
  #main-content .pl-home-copy h1{font-size:20px!important}
  #main-content .pl-home-copy p{font-size:10.5px!important;line-height:1.28!important}
  #main-content .pl-home-plush{width:48%!important;height:60%!important;right:2%!important;bottom:1%!important}
  #main-content .pl-home-plush .plush-mascot{width:112px!important;height:112px!important}
  #main-content .pl-home-bubble{display:none!important}
  #main-content [data-plushlife-home-stack]>section:not(.pl-home-hero),
  #main-content .pl-home-shortcuts>button,
  #main-content .pl-noticed{border-radius:16px!important}
  #main-content .pl-shortcut{min-height:54px!important}
  #main-content .pl-noticed{min-height:48px!important}
  #main-content .pl-kicker{font-size:10px!important}
  #main-content .pl-row-text{font-size:11px!important}
  #main-content .pl-list-row{min-height:38px!important;border-radius:13px!important}
  #main-content .pl-app-bottom-nav{min-height:58px!important}
  #main-content .pl-app-nav-btn{min-height:44px!important;font-size:8.8px!important}
  #main-content .pl-app-nav-add{width:44px!important;height:44px!important;min-height:44px!important;margin-top:-12px!important;font-size:24px!important}
}


/* 2026-09-28 screenshot correction pass.
   Fixes the live Android presentation to match the approved compact storybook references. */
#main-content{
  background:#F8F3FC!important;
  background-image:none!important;
}
#main-content .pl-ambient-theme-layer{
  opacity:.18!important;
  filter:saturate(.78);
}
#main-content.dino-theme{
  background:#F8F3FC!important;
}
#main-content.baby-mode{
  background:#FFF6FA!important;
}
#main-content.appearance-twilight:not(.baby-mode){
  background:#1D2254!important;
}

/* Compact illustrated section headers — not tiny utility strips. */
#main-content .pl-unified-page-shell{
  gap:10px!important;
  padding-bottom:94px!important;
}
#main-content .pl-unified-page-hero{
  position:relative!important;
  min-height:138px!important;
  margin:0 8px!important;
  padding:13px 14px!important;
  overflow:hidden!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.82)!important;
  background:
    radial-gradient(circle at 82% 32%,color-mix(in srgb,var(--pl-theme-glow-b) 72%,white),transparent 35%),
    linear-gradient(145deg,#FFFDFE 0%,var(--pl-theme-surface-2) 100%)!important;
  box-shadow:0 9px 24px rgba(78,48,93,.08)!important;
}
#main-content .pl-unified-page-hero:before{
  content:""!important;
  display:block!important;
  position:absolute!important;inset:0!important;
  background:linear-gradient(90deg,rgba(255,255,255,.86) 0%,rgba(255,255,255,.60) 48%,rgba(255,255,255,.12) 100%)!important;
  pointer-events:none!important;
}
#main-content .pl-unified-page-hero:after{
  content:"✦  ♡"!important;
  display:block!important;
  position:absolute!important;right:18px!important;bottom:14px!important;top:auto!important;
  font-size:19px!important;letter-spacing:6px!important;
  color:var(--pl-theme-accent)!important;opacity:.52!important;
}
#main-content .pl-unified-topline,
#main-content .pl-unified-page-title{position:relative!important;z-index:2!important}
#main-content .pl-unified-wordmark{
  font-size:25px!important;line-height:1!important;
}
#main-content .pl-unified-actions{gap:6px!important}
#main-content .pl-unified-date{
  min-height:38px!important;padding:6px 10px!important;
  font-size:10px!important;border-radius:999px!important;
}
#main-content .pl-unified-gear{
  width:40px!important;height:40px!important;min-height:40px!important;
  font-size:17px!important;border-radius:50%!important;
}
#main-content .pl-unified-page-title{
  margin-top:17px!important;
  max-width:58%!important;
}
#main-content .pl-unified-kicker{
  font-size:8.5px!important;letter-spacing:.13em!important;font-weight:950!important;
}
#main-content .pl-unified-page-title h2{
  margin:3px 0 0!important;font-size:20px!important;line-height:1.05!important;
}
#main-content .pl-unified-page-title p{
  display:block!important;margin:4px 0 0!important;
  font-size:9.7px!important;line-height:1.35!important;
}

/* Use the real illustrated assets on the screens where the approved references show them. */
#main-content.dino-theme.dashboard-progress .pl-unified-page-hero{
  background:url("./dino-garden.jpg") center 46%/cover no-repeat!important;
}
#main-content.dino-theme.dashboard-care .pl-unified-page-hero{
  background:url("./dino-care.jpg") center 45%/cover no-repeat!important;
}
#main-content.dino-theme.dashboard-week .pl-unified-page-hero{
  background:url("./dino-clouds.jpg") center 46%/cover no-repeat!important;
}
#main-content.baby-mode .pl-unified-page-hero{
  background:
    radial-gradient(circle at 82% 24%,#FFF0B8 0 8%,transparent 18%),
    radial-gradient(circle at 72% 74%,#FFDCEB 0 13%,transparent 31%),
    radial-gradient(circle at 20% 20%,#FFF9FC 0 17%,transparent 35%),
    linear-gradient(145deg,#FFF0F7 0%,#F5ECFF 54%,#FFF1E7 100%)!important;
}
#main-content.baby-night .pl-unified-page-hero{
  background:
    radial-gradient(circle at 78% 22%,#FFE17E 0 8%,transparent 9%),
    radial-gradient(circle at 78% 22%,#FFF0AF 0 12%,transparent 19%),
    radial-gradient(circle at 18% 20%,rgba(255,255,255,.12) 0 15%,transparent 31%),
    linear-gradient(180deg,#20265A 0%,#343778 52%,#5A4B97 100%)!important;
}
#main-content.dino-theme .pl-unified-page-hero:before,
#main-content.baby-mode .pl-unified-page-hero:before{
  background:linear-gradient(90deg,rgba(255,251,254,.94) 0%,rgba(255,250,253,.75) 45%,rgba(255,255,255,.12) 78%)!important;
}
#main-content.baby-night .pl-unified-page-hero:before{
  background:linear-gradient(90deg,rgba(28,31,77,.78) 0%,rgba(28,31,77,.35) 50%,transparent 82%)!important;
}
#main-content.baby-night .pl-unified-wordmark,
#main-content.baby-night .pl-unified-page-title h2,
#main-content.baby-night .pl-unified-page-title p{color:#FFF8F1!important}

/* Progress: flatter, tighter, more like the reference phone UI. */
#main-content .pl-unified-page-content{
  margin:0 8px!important;
  gap:8px!important;
}
#main-content .pl-growth-shell{gap:8px!important}
#main-content .pl-growth-highlight-row{margin:0!important}
#main-content .pl-growth-highlight-row span{
  min-height:28px!important;padding:5px 10px!important;border-radius:999px!important;
}
#main-content .pl-growth-tabs{
  min-height:48px!important;padding:4px!important;border-radius:18px!important;
}
#main-content .pl-growth-tabs button{
  min-height:40px!important;font-size:10px!important;border-radius:14px!important;
}
#main-content .pl-growth-weekbar{
  padding:10px 12px!important;border-radius:16px!important;
}
#main-content .pl-growth-stats{gap:7px!important}
#main-content .pl-growth-stat{
  min-height:92px!important;border-radius:20px!important;padding:10px 5px!important;
}
#main-content .pl-growth-stat .emoji{font-size:26px!important}
#main-content .pl-growth-stat .value{font-size:19px!important}
#main-content .pl-growth-stat .label{font-size:9px!important}
#main-content .pl-growth-card{
  border-radius:20px!important;padding:12px!important;
}
#main-content .pl-growth-note{
  min-height:64px!important;border-radius:16px!important;padding:9px 11px!important;
}
#main-content .pl-growth-note strong{font-size:10.5px!important}
#main-content .pl-growth-note span{font-size:9.5px!important}

/* Care: keep the same hierarchy, but remove the oversized stacked-box feeling. */
#main-content .pl-care-shell{gap:8px!important}
#main-content .pl-care-card,
#main-content .pl-care-memory,
#main-content .pl-care-tonight{
  border-radius:20px!important;padding:12px!important;
}
#main-content .pl-care-title{font-size:17px!important;line-height:1.12!important}
#main-content .pl-care-copy{font-size:10.5px!important;line-height:1.4!important}
#main-content .pl-care-feelings{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
#main-content .pl-care-feeling{
  min-height:54px!important;padding:8px 9px!important;border-radius:15px!important;
}
#main-content .pl-care-feeling-icon{
  width:32px!important;height:32px!important;border-radius:11px!important;
}
#main-content .pl-care-primary,
#main-content .pl-care-soft-btn,
#main-content .pl-care-checkin{
  min-height:40px!important;border-radius:999px!important;
}

/* Android nav fix: the app bar must never become the giant white slab shown in the screenshot. */
#main-content .pl-app-bottom-nav,
#main-content.dino-theme .pl-app-bottom-nav,
#main-content.baby-mode .pl-app-bottom-nav{
  left:10px!important;right:10px!important;
  bottom:max(7px,env(safe-area-inset-bottom))!important;
  width:auto!important;
  height:66px!important;
  min-height:66px!important;
  max-height:82px!important;
  padding:4px 8px min(12px,max(4px,env(safe-area-inset-bottom)))!important;
  box-sizing:border-box!important;
  align-items:center!important;
  border:1px solid color-mix(in srgb,var(--pl-theme-line) 86%,white)!important;
  border-radius:24px!important;
  overflow:visible!important;
  background:rgba(255,253,255,.96)!important;
  box-shadow:0 10px 28px rgba(72,43,88,.15)!important;
}
#main-content .pl-app-nav-btn{
  height:50px!important;min-height:50px!important;max-height:50px!important;
  padding:2px!important;justify-content:center!important;
  border-radius:14px!important;font-size:8.8px!important;
}
#main-content .pl-app-nav-btn .ico{font-size:19px!important}
#main-content .pl-app-nav-add{
  width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;
  margin-top:-8px!important;font-size:26px!important;
}

/* Rewards is a real app destination on phones, not a floating desktop modal. */
@media(max-width:520px){
  #main-content.rewards-open [data-plush-panel="🧸 Plush & Keepsakes"].pl-tool-backdrop{
    z-index:70!important;
    inset:0 0 78px 0!important;
    padding:max(10px,env(safe-area-inset-top)) 8px 0!important;
    place-items:stretch center!important;
    background:#F8F3FC!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  #main-content.rewards-open [data-plush-panel="🧸 Plush & Keepsakes"] .pl-tool-panel{
    width:100%!important;height:100%!important;max-height:none!important;
    border:0!important;border-radius:24px 24px 0 0!important;
    box-shadow:none!important;overflow-y:auto!important;
    background:linear-gradient(180deg,#FFFDFE 0%,#FAF3FF 100%)!important;
  }
  #main-content.rewards-open [data-plush-panel="🧸 Plush & Keepsakes"] .pl-tool-header{
    min-height:54px!important;padding:8px 12px!important;
    background:rgba(255,253,254,.94)!important;
    border-bottom:1px solid #EADDEF!important;
  }
  #main-content.rewards-open [data-plush-panel="🧸 Plush & Keepsakes"] .pl-tool-title{
    font-family:Georgia,"Times New Roman",serif!important;
    font-style:italic!important;font-size:23px!important;font-weight:900!important;
    color:#63327A!important;
  }
  #main-content.rewards-open [data-plush-panel="🧸 Plush & Keepsakes"] .pl-tool-close{
    min-width:54px!important;min-height:38px!important;border-radius:999px!important;
    font-size:10px!important;
  }
  #main-content.rewards-open [data-plush-panel="🧸 Plush & Keepsakes"] .pl-tool-body{
    padding:8px!important;
  }
  #main-content.rewards-open [data-plush-panel="🧸 Plush & Keepsakes"] .pl-tool-body>div{
    border-radius:20px!important;
  }

  #main-content .pl-unified-page-hero{
    min-height:128px!important;
    margin:0 8px!important;padding:10px 11px!important;border-radius:20px!important;
  }
  #main-content .pl-unified-wordmark{font-size:23px!important}
  #main-content .pl-unified-date{font-size:8.5px!important;padding:5px 8px!important}
  #main-content .pl-unified-gear{width:38px!important;height:38px!important;min-height:38px!important}
  #main-content .pl-unified-page-title{margin-top:14px!important;max-width:61%!important}
  #main-content .pl-unified-kicker{font-size:7.8px!important}
  #main-content .pl-unified-page-title h2{font-size:18px!important}
  #main-content .pl-unified-page-title p{font-size:8.8px!important;line-height:1.3!important}
  #main-content .pl-unified-page-content{margin:0 8px!important}
  #main-content .pl-growth-stat{min-height:84px!important}
  #main-content .pl-care-feeling{min-height:50px!important}
}


/* Theme identity lock: every ambient theme is its own world.
   Dinosaur artwork is legal only under .dino-theme. */
/* Keep the five navigation actions centered on wide screens. Earlier mobile
   offsets override the desktop width and leave half the bar off screen. */
@media (min-width:760px){
  #main-content .pl-app-bottom-nav,
  #main-content.dino-theme .pl-app-bottom-nav,
  #main-content.baby-mode .pl-app-bottom-nav{
    left:50%!important;right:auto!important;width:min(660px,calc(100% - 24px))!important;
    transform:translateX(-50%)!important;
  }
}
@media (max-width:759px){
  #main-content .pl-app-bottom-nav{transform:none!important}
}
#main-content:not(.dino-theme) [style*="dino-garden"],
#main-content:not(.dino-theme) [style*="dino-care"],
#main-content:not(.dino-theme) [style*="dino-clouds"],
#main-content:not(.dino-theme) [style*="dino-night"]{
  background-image:none!important;
}

#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-unified-page-hero{
  background:
    radial-gradient(circle at 84% 18%,#FFF1C7 0 7%,transparent 16%),
    radial-gradient(circle at 76% 74%,#EAD8FF 0 17%,transparent 36%),
    linear-gradient(145deg,#FAF5FF,#F3EBFF 58%,#FFF1F8)!important;
}
#main-content.appearance-pink:not(.dino-theme):not(.baby-mode) .pl-unified-page-hero{
  background:
    radial-gradient(circle at 82% 22%,#FFD7E8 0 13%,transparent 29%),
    radial-gradient(circle at 20% 22%,#FFF9FC 0 16%,transparent 34%),
    linear-gradient(145deg,#FFF1F7,#FFE5F0 58%,#F5E8FF)!important;
}
#main-content.appearance-meadow:not(.dino-theme):not(.baby-mode) .pl-unified-page-hero{
  background:
    radial-gradient(circle at 83% 20%,#FFF6C9 0 7%,transparent 16%),
    radial-gradient(circle at 78% 72%,#D4F1E0 0 17%,transparent 36%),
    linear-gradient(145deg,#F5FFF9,#E9F8F0 58%,#EDF6FF)!important;
}
#main-content.appearance-peach:not(.dino-theme):not(.baby-mode) .pl-unified-page-hero{
  background:
    radial-gradient(circle at 82% 20%,#FFDABF 0 14%,transparent 31%),
    radial-gradient(circle at 18% 22%,#FFF7D9 0 12%,transparent 28%),
    linear-gradient(145deg,#FFF7EF,#FFE9D8 58%,#FFE6E9)!important;
}
#main-content.appearance-strawberry:not(.dino-theme):not(.baby-mode) .pl-unified-page-hero{
  background:
    radial-gradient(circle at 84% 22%,#FFC4D8 0 13%,transparent 30%),
    radial-gradient(circle at 74% 72%,#FFE6ED 0 18%,transparent 38%),
    linear-gradient(145deg,#FFF5F8,#FFE1EB 58%,#F8E7FF)!important;
}
#main-content.appearance-soft-light:not(.dino-theme):not(.baby-mode) .pl-unified-page-hero{
  background:
    radial-gradient(circle at 82% 18%,#FFF3C4 0 6%,transparent 15%),
    radial-gradient(circle at 76% 75%,#DDEBFF 0 18%,transparent 38%),
    linear-gradient(145deg,#F8FCFF,#EAF4FF 56%,#F4EDFF)!important;
}
#main-content.appearance-twilight:not(.dino-theme):not(.baby-mode) .pl-unified-page-hero{
  background:
    radial-gradient(circle at 80% 20%,#FFE37D 0 8%,transparent 9%),
    radial-gradient(circle at 80% 20%,#FFF0AD 0 12%,transparent 18%),
    radial-gradient(circle at 18% 24%,rgba(255,255,255,.11) 0 15%,transparent 32%),
    linear-gradient(180deg,#191E4D,#292D70 55%,#4C408C)!important;
}
#main-content.appearance-twilight:not(.dino-theme):not(.baby-mode) .pl-unified-page-hero:after{
  content:"✦  ★  ☾"!important;color:#FFD96F!important;opacity:.88!important;
}

/* Garden theme: sage-green world inspired by the Figma reference designs. */
#main-content.appearance-garden{
  background:#FCFAF6!important;
}
#main-content.appearance-garden .pl-ambient-theme-layer{
  background:radial-gradient(circle at 12% 16%,#D5ECE1 0%,transparent 34%),radial-gradient(circle at 88% 12%,#E8DFF5 0%,transparent 36%),radial-gradient(circle at 86% 84%,#FFE5D9 0%,transparent 42%),radial-gradient(circle at 9% 86%,#FFF0C9 0%,transparent 38%);
}
#main-content.appearance-garden:not(.dino-theme):not(.baby-mode) .pl-home-hero{
  background:
    radial-gradient(circle at 18% 20%,#FFF8E8 0 6%,transparent 15%),
    radial-gradient(circle at 80% 24%,rgba(255,255,255,.82),transparent 24%),
    linear-gradient(150deg,#EFF5EC 0%,#FCFAF6 45%,#F5EFE6 100%)!important;
}
#main-content.appearance-garden .pl-home-hero:after{
  content:"🌿  ✦  ♡";position:absolute;right:9%;top:38%;font-size:24px;
  color:#5E8E7A;letter-spacing:8px;opacity:.52;
}
#main-content.appearance-garden:not(.dino-theme):not(.baby-mode) .pl-unified-page-hero{
  background:
    radial-gradient(circle at 83% 20%,#FFF6D9 0 7%,transparent 16%),
    radial-gradient(circle at 78% 72%,#D5ECE1 0 17%,transparent 36%),
    linear-gradient(145deg,#FCFAF6,#EFF5EE 58%,#F5EFE6)!important;
}
#main-content.appearance-garden .pl-app-bottom-nav{
  background:rgba(253,251,248,.96)!important;
}


/* 2026-10 classic PlushLife signature theme.
   Brings back the pink/lilac/sky/mint visual identity from the loved reference
   while preserving the newer calm hierarchy, progressive disclosure, and navigation. */
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode){
  --pl-theme-accent:#B34BC7;
  --pl-theme-accent-2:#6EC9F2;
  --pl-theme-ink:#4F2E68;
  --pl-theme-muted:#806B91;
  --pl-theme-line:#E3CBEA;
  --pl-theme-surface:#FFFCFE;
  --pl-theme-surface-2:#F8F0FF;
  --pl-theme-nav:rgba(255,252,255,.96);
  --pl-theme-glow-b:#BFEAFF;
  --pl-theme-glow-c:#FFD0E7;
  background:
    radial-gradient(circle at 8% 12%,rgba(255,190,222,.58) 0,transparent 30%),
    radial-gradient(circle at 92% 8%,rgba(183,225,255,.60) 0,transparent 32%),
    radial-gradient(circle at 9% 88%,rgba(207,245,222,.54) 0,transparent 34%),
    radial-gradient(circle at 88% 88%,rgba(255,237,173,.44) 0,transparent 34%),
    linear-gradient(180deg,#FFF5FB 0%,#F7F1FF 42%,#F6FBFF 72%,#FFF9EE 100%)!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-ambient-theme-layer{
  opacity:.9!important;
  filter:none!important;
  background:
    radial-gradient(circle at 12% 16%,rgba(255,182,218,.42) 0,transparent 28%),
    radial-gradient(circle at 84% 12%,rgba(174,221,255,.44) 0,transparent 31%),
    radial-gradient(circle at 82% 78%,rgba(227,204,255,.38) 0,transparent 34%),
    radial-gradient(circle at 12% 82%,rgba(193,239,214,.35) 0,transparent 31%)!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-home-hero,
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-unified-page-hero{
  background:
    radial-gradient(circle at 12% 18%,rgba(255,210,232,.92) 0,transparent 31%),
    radial-gradient(circle at 88% 12%,rgba(195,229,255,.92) 0,transparent 33%),
    radial-gradient(circle at 76% 82%,rgba(225,207,255,.72) 0,transparent 37%),
    linear-gradient(145deg,#FFF7FC 0%,#F8EEFF 48%,#EEF8FF 100%)!important;
  border-color:rgba(227,203,234,.9)!important;
  box-shadow:0 10px 28px rgba(115,72,137,.11)!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) :is(
  [data-plushlife-home-stack]>section:not(.pl-home-hero),
  .pl-noticed,
  .pl-growth-card,.pl-growth-stat,.pl-growth-weekbar,
  .pl-care-card,.pl-care-reco,.pl-care-memory,.pl-care-extra,.pl-care-tonight,
  .pl-calendar-cozy>section,.pl-calendar-cozy details
){
  background:
    linear-gradient(145deg,rgba(255,253,255,.94),rgba(251,244,255,.90))!important;
  border-color:#E5D1EB!important;
  box-shadow:0 7px 20px rgba(111,74,129,.07)!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-growth-stat:nth-child(1){
  background:linear-gradient(145deg,#FFF5FD,#F6EFFF)!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-growth-stat:nth-child(2){
  background:linear-gradient(145deg,#F3FAFF,#EAF7FF)!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-growth-stat:nth-child(3){
  background:linear-gradient(145deg,#FFFBEA,#FFF4D8)!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-growth-stat:nth-child(4){
  background:linear-gradient(145deg,#F0FFF8,#E7F8EF)!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) :is(.pl-growth-tabs,.pl-care-tabs){
  background:rgba(255,255,255,.75)!important;
  border:1px solid #E3CBEA!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) :is(.pl-growth-tabs,.pl-care-tabs) button[aria-selected="true"],
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) :is(.pl-growth-tabs,.pl-care-tabs) button.active{
  background:linear-gradient(135deg,#C95DD7,#7ECBF3)!important;
  color:white!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-growth-weekbar-fill,
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) [role="progressbar"]>div{
  background:linear-gradient(90deg,#B850D0,#61C7EF)!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-care-card:first-of-type{
  background:linear-gradient(145deg,#F2FFF9,#FFF7FC)!important;
  border-color:#CFE9DE!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-care-feeling{
  background:rgba(255,255,255,.88)!important;
  border-color:#DFD2E7!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-care-feeling[aria-pressed="true"]{
  background:linear-gradient(145deg,#F5E9FF,#FFF3FA)!important;
  border-color:#B955CE!important;
  box-shadow:0 5px 15px rgba(177,76,199,.12)!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-app-bottom-nav{
  background:linear-gradient(180deg,rgba(255,253,255,.98),rgba(250,243,255,.97))!important;
  border-color:#E5D1EB!important;
  box-shadow:0 -8px 26px rgba(103,68,124,.13)!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-app-nav-btn.active{
  color:#7B3D93!important;
  background:linear-gradient(145deg,#FFF0FA,#EEE8FF)!important;
  box-shadow:inset 0 0 0 1px #DAB6E6!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-app-nav-add{
  background:linear-gradient(145deg,#C555D4,#E36EBB)!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-btn-primary,
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) :is(.pl-growth-primary,.pl-care-primary){
  background:linear-gradient(135deg,#B44BCC,#D96AC2)!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-kicker,
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) :is(.pl-growth-kicker,.pl-care-kicker){
  color:#9C42B6!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) :is(input,select,textarea){
  background:rgba(255,255,255,.9)!important;
  border-color:#DDCBE5!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-tool-panel{
  background:linear-gradient(155deg,#FFFDFE,#FAF2FF 55%,#F2F9FF)!important;
}


/* Classic PlushList shell — matches the original pink/lilac/sky reference
   while preserving the newer functionality underneath. */
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .plushlife-app-column{
  position:relative;
  padding:14px 14px 24px;
  border-radius:26px;
  background:
    radial-gradient(circle at 8% 8%,rgba(255,190,222,.48) 0,transparent 27%),
    radial-gradient(circle at 92% 6%,rgba(185,224,255,.52) 0,transparent 29%),
    radial-gradient(circle at 12% 92%,rgba(199,242,218,.38) 0,transparent 30%),
    radial-gradient(circle at 88% 88%,rgba(255,236,174,.30) 0,transparent 30%),
    linear-gradient(155deg,rgba(255,248,252,.96),rgba(248,240,255,.96) 48%,rgba(241,249,255,.96));
  border:1px solid rgba(231,211,238,.92);
  box-shadow:0 16px 38px rgba(91,55,109,.10);
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .plushlife-app-header{
  margin:2px 0 14px!important;
  padding:4px 2px 2px;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .plushlife-app-header .app-title{
  color:#4A2D61!important;
  text-shadow:none!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .classic-sync-strip{
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .classic-plush-nav{
  padding-bottom:2px;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .classic-plush-nav .plushlife-dashboard-tabs{
  padding:0;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .classic-plush-nav .plushlife-dashboard-tab{
  box-shadow:0 4px 12px rgba(92,56,110,.055)!important;
  background:rgba(255,255,255,.90)!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .classic-plush-nav .plushlife-dashboard-tab[aria-selected="true"]{
  background:linear-gradient(145deg,rgba(255,238,250,.96),rgba(239,235,255,.96))!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .classic-nav-hint{
  margin-top:-1px;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .classic-more-menu button{
  box-shadow:none!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-home-hero{
  display:none!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-home-shell{
  padding-bottom:18px!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-unified-page-shell{
  padding-bottom:20px!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-unified-page-content{
  gap:11px!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-unified-page-content :is(
  .pl-care-card,.pl-care-memory,.pl-growth-card,.pl-growth-weekbar,.pl-calendar-cozy>section
){
  background:linear-gradient(145deg,rgba(255,253,255,.95),rgba(249,243,255,.91))!important;
  border:1px solid #E4D1EB!important;
  border-radius:20px!important;
  box-shadow:0 8px 22px rgba(101,64,118,.07)!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-growth-stat:nth-child(1){
  background:#FFF2FB!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-growth-stat:nth-child(2){
  background:#EDF8FF!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-growth-stat:nth-child(3){
  background:#FFF9DE!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-growth-stat:nth-child(4){
  background:#ECFFF5!important;
}
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-app-bottom-nav{
  display:none!important;
}
@media(max-width:520px){
  #main-content.appearance-soft:not(.dino-theme):not(.baby-mode){
    padding-bottom:calc(18px + env(safe-area-inset-bottom))!important;
  }
  #main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .baby-shell{
    max-width:none!important;
  }
  #main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .plushlife-app-column{
    margin:0 7px!important;
    padding:12px 10px 20px!important;
    border-radius:22px!important;
  }
  #main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .plushlife-app-header{
    margin-bottom:11px!important;
  }
  #main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .plushlife-app-header .app-title{
    font-size:24px!important;
  }
  #main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .classic-plush-nav .plushlife-dashboard-tabs{
    gap:6px!important;
  }
  #main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .classic-plush-nav .plushlife-dashboard-tab{
    min-height:58px!important;
    padding:6px 2px!important;
    border-radius:13px!important;
    font-size:9.5px!important;
  }
  #main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .classic-nav-hint{
    font-size:9.5px!important;
  }
}


/* Shared navigation layout lock — every PlushLife theme uses the same phone
   structure. Themes may recolor it, but they do not move, resize, or replace it. */
#main-content .pl-app-bottom-nav,
#main-content.dino-theme .pl-app-bottom-nav,
#main-content.baby-mode .pl-app-bottom-nav,
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-app-bottom-nav{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  position:fixed!important;
  left:12px!important;
  right:12px!important;
  bottom:max(8px,env(safe-area-inset-bottom))!important;
  width:auto!important;
  height:72px!important;
  min-height:72px!important;
  max-height:72px!important;
  padding:7px 8px!important;
  box-sizing:border-box!important;
  align-items:center!important;
  border-radius:26px!important;
  border:1px solid color-mix(in srgb,var(--pl-theme-line,#E5D5EB) 88%,white)!important;
  background:color-mix(in srgb,var(--pl-theme-nav,#FFFDFE) 94%,transparent)!important;
  box-shadow:0 12px 30px rgba(72,43,88,.16)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  z-index:90!important;
}
#main-content .pl-app-nav-btn,
#main-content.dino-theme .pl-app-nav-btn,
#main-content.baby-mode .pl-app-nav-btn{
  min-width:0!important;
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  padding:4px 2px!important;
  border:0!important;
  border-radius:16px!important;
  background:transparent!important;
  color:var(--pl-theme-muted,#806B91)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1!important;
}
#main-content .pl-app-nav-btn .ico,
#main-content.dino-theme .pl-app-nav-btn .ico,
#main-content.baby-mode .pl-app-nav-btn .ico{
  font-size:20px!important;
  line-height:1!important;
}
#main-content .pl-app-nav-btn[aria-current="page"],
#main-content.dino-theme .pl-app-nav-btn[aria-current="page"],
#main-content.baby-mode .pl-app-nav-btn[aria-current="page"]{
  color:var(--pl-theme-accent,#A65DC1)!important;
  background:color-mix(in srgb,var(--pl-theme-accent,#A65DC1) 11%,white)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pl-theme-accent,#A65DC1) 28%,transparent)!important;
}
#main-content .pl-app-add-float{
  position:fixed!important;
  left:50%!important;
  bottom:calc(86px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  z-index:92!important;
  width:60px!important;
  min-width:60px!important;
  height:60px!important;
  min-height:60px!important;
  padding:0!important;
  border-radius:50%!important;
  border:4px solid color-mix(in srgb,var(--pl-theme-surface,#FFF) 94%,transparent)!important;
  background:linear-gradient(145deg,var(--pl-theme-accent,#C555D4),var(--pl-theme-accent-2,#E36EBB))!important;
  color:white!important;
  box-shadow:0 12px 28px color-mix(in srgb,var(--pl-theme-accent,#A65DC1) 34%,transparent)!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
}
#main-content .pl-app-add-float>span{
  font-size:34px!important;
  line-height:.8!important;
  font-weight:400!important;
  transform:translateY(-1px);
}
#main-content .pl-app-add-float>small{
  position:absolute;
  top:62px;
  left:50%;
  transform:translateX(-50%);
  color:var(--pl-theme-muted,#806B91);
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
}
#main-content,
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode){
  padding-bottom:calc(150px + env(safe-area-inset-bottom))!important;
}
#main-content .pl-unified-page-shell,
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-unified-page-shell{
  padding-bottom:calc(150px + env(safe-area-inset-bottom))!important;
}
#main-content .pl-home-shell,
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-home-shell{
  padding-bottom:calc(150px + env(safe-area-inset-bottom))!important;
}
@media(min-width:760px){
  #main-content .pl-app-bottom-nav,
  #main-content.dino-theme .pl-app-bottom-nav,
  #main-content.baby-mode .pl-app-bottom-nav,
  #main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-app-bottom-nav{
    left:50%!important;
    right:auto!important;
    width:min(660px,calc(100% - 24px))!important;
    transform:translateX(-50%)!important;
  }
}
@media(max-width:520px){
  #main-content .pl-app-bottom-nav,
  #main-content.dino-theme .pl-app-bottom-nav,
  #main-content.baby-mode .pl-app-bottom-nav,
  #main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-app-bottom-nav{
    left:8px!important;
    right:8px!important;
    height:70px!important;
    min-height:70px!important;
    max-height:70px!important;
    padding:6px!important;
  }
  #main-content .pl-app-add-float{
    bottom:calc(82px + env(safe-area-inset-bottom))!important;
    width:58px!important;
    min-width:58px!important;
    height:58px!important;
    min-height:58px!important;
  }
}


/* 2026-10 calm polish: keep the original mascot + layout, reduce visual noise. */
@keyframes pl-header-mascot-dance{
  0%,100%{transform:translateY(0) rotate(0) scale(1)}
  20%{transform:translateY(-4px) rotate(-8deg) scale(1.04)}
  40%{transform:translateY(0) rotate(7deg) scale(1.02)}
  60%{transform:translateY(-3px) rotate(-5deg) scale(1.05)}
  80%{transform:translateY(0) rotate(4deg) scale(1.02)}
}
#main-content .pl-header-mascot-button.is-dancing{
  animation:pl-header-mascot-dance .85s ease-in-out;
}
@media(prefers-reduced-motion:reduce){
  #main-content .pl-header-mascot-button.is-dancing{animation:none!important}
}
#main-content .pl-guardian-switcher{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin:2px 0 11px;
  padding:5px;
  border-radius:16px;
  background:color-mix(in srgb,var(--pl-theme-surface-2,#F8F3FA) 84%,white);
  border:1px solid var(--pl-theme-line,#E9DDF6);
}
#main-content .pl-guardian-switcher button{
  min-width:0;
  min-height:48px;
  border:0;
  border-radius:12px;
  background:transparent;
  color:var(--pl-theme-muted,#806B91);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
#main-content .pl-guardian-switcher button span:first-child{font-size:18px}
#main-content .pl-guardian-switcher button[aria-pressed="true"]{
  background:var(--pl-theme-surface,#FFF);
  color:var(--pl-theme-accent,#A65DC1);
  box-shadow:0 4px 12px rgba(91,55,109,.08),inset 0 0 0 1px color-mix(in srgb,var(--pl-theme-accent,#A65DC1) 25%,transparent);
}
#main-content .pl-guardian-support-card{
  padding:13px!important;
  border-radius:17px!important;
}
#main-content .pl-guardian-content{
  display:grid;
  gap:10px;
}
#main-content .pl-app-add-float{
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  min-height:48px!important;
  bottom:calc(80px + env(safe-area-inset-bottom))!important;
  border-width:3px!important;
  box-shadow:0 8px 18px color-mix(in srgb,var(--pl-theme-accent,#A65DC1) 24%,transparent)!important;
}
#main-content .pl-app-add-float>span{
  font-size:27px!important;
}
#main-content .pl-app-add-float>small{
  display:none!important;
}
@media(max-width:520px){
  #main-content .pl-guardian-content{gap:8px}
  #main-content .pl-guardian-switcher{gap:5px;padding:4px}
  #main-content .pl-guardian-switcher button{min-height:46px;font-size:10px}
  #main-content .pl-app-add-float{
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    min-height:46px!important;
    bottom:calc(78px + env(safe-area-inset-bottom))!important;
  }
}


/* 2026-10 simplification pass: keep the original mascot and theme, reduce navigation/Guardian clutter. */
#main-content .pl-app-bottom-nav,
#main-content.dino-theme .pl-app-bottom-nav,
#main-content.baby-mode .pl-app-bottom-nav,
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-app-bottom-nav{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
#main-content .pl-app-nav-add-inline{
  color:white!important;
  background:linear-gradient(145deg,var(--pl-theme-accent,#C555D4),var(--pl-theme-accent-2,#E36EBB))!important;
  box-shadow:0 5px 14px color-mix(in srgb,var(--pl-theme-accent,#A65DC1) 28%,transparent)!important;
}
#main-content .pl-app-nav-add-inline .ico{
  font-size:24px!important;
  font-weight:700!important;
}
#main-content .pl-app-nav-add-inline span:last-child{
  color:white!important;
}
#main-content .pl-app-add-float{display:none!important;}

#main-content .pl-guardian-action-switcher{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  padding:4px;
  margin-bottom:8px;
  border-radius:14px;
  background:var(--pl-theme-surface-2,#F8F3FA);
  border:1px solid var(--pl-theme-line,#E9DDF6);
}
#main-content .pl-guardian-action-switcher button{
  min-height:44px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:var(--pl-theme-muted,#806B91);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
#main-content .pl-guardian-action-switcher button[aria-selected="true"]{
  background:var(--pl-theme-surface,#FFF);
  color:var(--pl-theme-accent,#A65DC1);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pl-theme-accent,#A65DC1) 24%,transparent),0 3px 10px rgba(80,50,96,.06);
}
@media(max-width:520px){
  #main-content .pl-app-bottom-nav{
    padding-left:4px!important;
    padding-right:4px!important;
    gap:2px!important;
  }
  #main-content .pl-app-nav-btn{
    font-size:8.2px!important;
    padding-left:1px!important;
    padding-right:1px!important;
  }
  #main-content .pl-app-nav-btn .ico{
    font-size:18px!important;
  }
  #main-content .pl-guardian-action-switcher button{
    font-size:10px;
  }
}


/* 2026-10 final simplification: five calm destinations, Add lives in the header. */
#main-content .pl-app-bottom-nav,
#main-content.dino-theme .pl-app-bottom-nav,
#main-content.baby-mode .pl-app-bottom-nav,
#main-content.appearance-soft:not(.dino-theme):not(.baby-mode) .pl-app-bottom-nav{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
#main-content .pl-app-nav-add-inline{display:none!important;}
#main-content .pl-header-add-button{
  width:38px;
  min-width:38px;
  height:38px;
  min-height:38px;
  padding:0;
  border-radius:12px;
  border:1px solid color-mix(in srgb,var(--pl-theme-accent,#A65DC1) 28%,var(--pl-theme-line,#E9DDF6));
  background:color-mix(in srgb,var(--pl-theme-accent,#A65DC1) 9%,white);
  color:var(--pl-theme-accent,#A65DC1);
  font-size:24px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  box-shadow:0 3px 10px rgba(84,52,99,.06);
}
#main-content .pl-header-add-button:active{transform:scale(.96)}
#main-content .pl-app-add-float{display:none!important;}

#main-content .pl-guardian-person-switcher{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  margin:0 0 8px;
  padding:4px;
  border-radius:14px;
  background:var(--pl-theme-surface-2,#F8F3FA);
  border:1px solid var(--pl-theme-line,#E9DDF6);
}
#main-content .pl-guardian-person-switcher button{
  min-height:42px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:var(--pl-theme-muted,#806B91);
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
#main-content .pl-guardian-person-switcher button[aria-selected="true"]{
  background:var(--pl-theme-surface,#FFF);
  color:var(--pl-theme-accent,#A65DC1);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pl-theme-accent,#A65DC1) 24%,transparent),0 3px 10px rgba(80,50,96,.05);
}
#main-content .pl-guardian-content>.pl-cozy-scene{
  margin-bottom:0!important;
}
#main-content .pl-guardian-support-card>details,
#main-content .pl-guardian-support-card .pl-guardian-permissions{
  margin-top:8px!important;
}
@media(max-width:520px){
  #main-content .pl-header-add-button{
    width:36px;
    min-width:36px;
    height:36px;
    min-height:36px;
    font-size:22px;
  }
  #main-content .pl-app-bottom-nav{
    gap:3px!important;
  }
  #main-content .pl-app-nav-btn{
    font-size:8.8px!important;
  }
}

/* Keep the full Today task list stable without post-render DOM/style injection. */
[data-plushlife-home-overflow="true"] { display:flex !important; }
#plushlife-home-more { display:none !important; }

/* 2026-10-03 calm mobile cleanup: screenshot-driven hierarchy lock. */
/*
   The Android references showed three recurring problems: overlapping Home
   hero content, nested cards inside nested cards, and content disappearing
   underneath the floating navigation. Keep this final pass intentionally
   small and structural: one rhythm, flatter surfaces, and guaranteed nav
   clearance across every theme.
*/
#main-content .pl-home-shell,
#main-content .pl-unified-page-shell{
  padding-bottom:118px!important;
}
#main-content [data-plushlife-home-stack],
#main-content .pl-unified-page-content,
#main-content .pl-growth-shell,
#main-content .pl-care-shell{
  gap:12px!important;
}
#main-content :is(
  [data-plushlife-home-stack]>section:not(.pl-home-hero),
  .pl-growth-card,.pl-growth-stat,.pl-growth-weekbar,
  .pl-care-card,.pl-care-memory,.pl-care-tonight,.pl-care-reco,.pl-care-extra,
  .pl-calendar-cozy>section,.pl-calendar-cozy details
){
  border-radius:18px!important;
  box-shadow:0 5px 16px color-mix(in srgb,var(--pl-theme-accent) 6%,transparent)!important;
}
#main-content .pl-app-bottom-nav{
  left:12px!important;
  right:12px!important;
  bottom:max(10px,env(safe-area-inset-bottom))!important;
  height:68px!important;
  min-height:68px!important;
  max-height:68px!important;
  padding:5px 8px!important;
  border-radius:22px!important;
}
#main-content .pl-app-nav-btn{
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  border-radius:16px!important;
  font-size:10px!important;
}
#main-content .pl-app-nav-btn .ico{font-size:20px!important}
#main-content .pl-app-nav-add{
  width:46px!important;height:46px!important;min-height:46px!important;max-height:46px!important;
  margin-top:-7px!important;
}

/* Flatten the Home task/schedule card so it reads as one object, not three. */
#main-content .pl-home-day-card{
  overflow:hidden;
  border:1px solid var(--pl-theme-line)!important;
  border-radius:20px!important;
  background:var(--pl-theme-surface)!important;
  box-shadow:0 5px 16px color-mix(in srgb,var(--pl-theme-accent) 6%,transparent)!important;
  padding:14px!important;
}
#main-content .pl-home-day-card .pl-agenda-next{
  width:100%!important;
  min-height:52px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:3px!important;
  align-items:start!important;
  text-align:left!important;
  padding:0 0 12px!important;
  border:0!important;
  border-bottom:1px solid var(--pl-theme-line)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--pl-theme-ink)!important;
  box-shadow:none!important;
}
#main-content .pl-home-day-card .pl-agenda-next span{
  color:var(--pl-theme-muted)!important;
  font-size:12px!important;
}
#main-content .pl-home-day-card .pl-agenda-next strong{
  color:var(--pl-theme-ink)!important;
  font-size:15px!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
#main-content .pl-agenda-tabs{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin:12px 0 2px!important;
  padding:0!important;
  background:transparent!important;
}
#main-content .pl-agenda-tabs button{
  min-height:46px!important;
  border:1px solid var(--pl-theme-line)!important;
  border-radius:14px!important;
  background:var(--pl-theme-surface-2)!important;
  color:var(--pl-theme-ink)!important;
  font-weight:850!important;
}
#main-content .pl-agenda-tabs button[aria-selected="true"]{
  border-color:color-mix(in srgb,var(--pl-theme-accent) 44%,var(--pl-theme-line))!important;
  background:color-mix(in srgb,var(--pl-theme-accent) 12%,var(--pl-theme-surface))!important;
}
#main-content .pl-home-day-card .pl-agenda-panels section{
  margin:0!important;
  padding:10px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#main-content .pl-home-day-card .pl-list{
  margin-top:8px!important;
  gap:0!important;
}
#main-content .pl-home-day-card .pl-list-row{
  min-height:50px!important;
  padding:8px 2px!important;
  border:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--pl-theme-line) 70%,transparent)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#main-content .pl-home-day-card .pl-list-row:last-child{border-bottom:0!important}

/* Guardian/Cozy should feel like a relationship space, not a settings console. */
#main-content .pl-guardian-switcher{
  gap:7px!important;
  padding:4px!important;
  border:1px solid var(--pl-theme-line)!important;
  border-radius:18px!important;
  background:var(--pl-theme-surface-2)!important;
}
#main-content .pl-guardian-switcher button{
  min-height:46px!important;
  border:0!important;
  border-radius:14px!important;
  background:transparent!important;
  color:var(--pl-theme-muted)!important;
  box-shadow:none!important;
}
#main-content .pl-guardian-switcher button[aria-pressed="true"]{
  background:var(--pl-theme-surface)!important;
  color:var(--pl-theme-ink)!important;
  box-shadow:0 3px 10px color-mix(in srgb,var(--pl-theme-accent) 8%,transparent)!important;
}
#main-content .pl-guardian-permissions{
  margin-top:10px!important;
  padding:0!important;
  border-top:1px solid var(--pl-theme-line)!important;
}
#main-content .pl-guardian-permissions>summary{
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  color:var(--pl-theme-ink)!important;
  font-weight:850!important;
}

/* Typography that was too small in the screenshot is promoted to readable UI text. */
#main-content .pl-growth-stat .label,
#main-content .pl-growth-note span,
#main-content .pl-care-copy{
  font-size:11.5px!important;
  line-height:1.4!important;
}
#main-content .pl-growth-stat .value{font-size:22px!important}

/* Mobile: keep the mascot and copy in separate lanes and remove tertiary hero copy. */
@media(max-width:520px){
  #main-content .pl-home-shell,
  #main-content .pl-unified-page-shell{
    padding-bottom:128px!important;
  }
  #main-content .pl-app-bottom-nav{
    left:12px!important;right:12px!important;
    height:68px!important;min-height:68px!important;max-height:68px!important;
  }
  #main-content .pl-home-hero{
    min-height:158px!important;
    margin:0!important;
    border-radius:20px!important;
  }
  #main-content.dino-theme .pl-home-hero,
  #main-content.baby-mode .pl-home-hero,
  #main-content.simple-mode .pl-home-hero{
    min-height:158px!important;
  }
  #main-content .pl-home-hero:after{display:none!important}
  #main-content .pl-home-hero>.pl-mascot-pat{
    left:14px!important;
    top:50%!important;
    bottom:auto!important;
    width:80px!important;height:80px!important;
    min-width:80px!important;min-height:80px!important;
    transform:translateY(-50%)!important;
  }
  #main-content .pl-home-hero>.pl-mascot-pat .plush-mascot{
    width:74px!important;height:74px!important;
  }
  #main-content .pl-home-hero>.pl-companion-copy{
    left:106px!important;
    right:14px!important;
    top:16px!important;
    bottom:16px!important;
    justify-content:center!important;
  }
  #main-content .pl-home-hero>.pl-companion-copy h2{
    margin:0!important;
    font-size:19px!important;
    line-height:1.14!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  #main-content .pl-home-hero>.pl-companion-copy p{
    margin:6px 0 0!important;
    font-size:12px!important;
    line-height:1.35!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  #main-content .pl-home-hero .pl-companion-comfort,
  #main-content .pl-home-hero .pl-companion-reward,
  #main-content .pl-home-hero .pl-home-cozy-link{
    display:none!important;
  }
  #main-content .pl-home-today-row{
    padding:4px 2px!important;
  }
  #main-content .pl-home-today-row h1{font-size:30px!important}
  #main-content .pl-home-today-row .pl-heading-date{
    max-width:190px!important;
    min-height:40px!important;
    font-size:11px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #main-content .pl-home-today-row .pl-heading-gear{
    width:40px!important;height:40px!important;
    min-width:40px!important;min-height:40px!important;
  }
  #main-content .pl-home-day-card{padding:12px!important}
  #main-content .pl-home-day-card .pl-section-topline{
    gap:8px!important;
  }
  #main-content .pl-home-day-card .pl-kicker{
    font-size:12px!important;
  }
  #main-content .pl-home-day-card .pl-row-text{
    font-size:14px!important;
    line-height:1.35!important;
  }
  #main-content .pl-home-day-card .pl-check{
    width:28px!important;height:28px!important;
    flex:0 0 28px!important;
  }
  #main-content .pl-growth-stats{gap:8px!important}
  #main-content .pl-growth-stat{
    min-height:104px!important;
    padding:12px 7px!important;
  }
  #main-content .pl-growth-stat .label{font-size:11px!important}
  #main-content .pl-care-feelings{gap:8px!important}
  #main-content .pl-care-feeling{
    min-height:76px!important;
    padding:10px!important;
  }
  #main-content .pl-care-feeling-icon{
    width:38px!important;height:38px!important;
  }
}

/* Twilight should actually be dark throughout utility surfaces. */
html[data-plushlife-color-mode="dark"] #main-content :is(
  .pl-home-day-card,
  .pl-app-bottom-nav,
  .pl-tool-panel,
  .pl-tool-header
){
  background:var(--pl-theme-surface)!important;
  border-color:var(--pl-theme-line)!important;
  color:var(--pl-theme-ink)!important;
}

@media(min-width:760px){
  #main-content .pl-app-bottom-nav{
    left:50%!important;
    right:auto!important;
    width:min(660px,calc(100% - 24px))!important;
    transform:translateX(-50%)!important;
  }
}