#catnara-season-effects{pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important}
canvas.catnara-season-particles{position:fixed;inset:0;display:block;width:100vw;height:100dvh;z-index:2147482970;opacity:.96}
.catnara-season-wave{position:absolute;left:0;right:0;bottom:0;height:min(82px,20%);overflow:hidden;z-index:2;opacity:.5}
.catnara-season-wave svg{width:220%;height:100%;animation:catnara-wave-shift 10s ease-in-out infinite alternate}
.catnara-season-wave path:first-child{fill:rgba(144,215,222,.42)}
.catnara-season-wave path:last-child{fill:rgba(90,179,214,.43)}
@keyframes catnara-wave-shift{from{transform:translateX(-5%)}to{transform:translateX(-38%)}}
@media(max-width:820px){canvas.catnara-season-particles{opacity:.91}.catnara-season-wave{height:min(50px,17%)}}
@media(max-width:680px){.catnara-season-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.catnara-season-previews,.catnara-season-options{grid-template-columns:1fr}}
/* Seasonal aurora: CSS-only hero layer; avoids heavy GPU postprocessing. */
.catnara-season-aurora{position:absolute;inset:0;z-index:2;overflow:hidden;opacity:.64;border-radius:inherit}
.catnara-season-aurora .catnara-aurora-band{
 position:absolute;left:-22%;top:12%;width:145%;height:56%;
 background:linear-gradient(105deg,transparent 10%,rgba(99,222,180,.04) 26%,rgba(93,210,208,.42) 43%,rgba(157,126,235,.3) 65%,transparent 90%);
 border-radius:50%;filter:blur(22px);transform:rotate(-14deg) translateY(2%);
 animation:catnara-aurora-drift 11s ease-in-out infinite alternate;
}
.catnara-season-aurora .catnara-aurora-band.second{top:32%;opacity:.72;transform:rotate(11deg);animation-delay:-4s}
.catnara-season-aurora .catnara-aurora-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 95%,rgba(112,181,211,.18),transparent 66%)}
@keyframes catnara-aurora-drift{from{transform:rotate(-14deg) translateY(-12%)}to{transform:rotate(-8deg) translateY(14%)}}
@media(prefers-reduced-motion:reduce){.catnara-season-aurora .catnara-aurora-band{animation:none!important}}

/* Fixed-menu accumulation sits over icons but never receives taps or focus. */
canvas.catnara-season-accumulation{position:fixed;z-index:2147483001;display:block;pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;opacity:.98}
@supports not (height:100dvh){canvas.catnara-season-particles{height:100vh}}
@media(prefers-reduced-motion:reduce){#catnara-season-effects,canvas.catnara-season-accumulation{display:none!important}.catnara-season-wave svg,.catnara-aurora-band{animation:none!important}}


/* Exact original Apple HOME masthead + EST.2017 greeting; no Crew route styling. */
.catnara-home-season{position:relative!important;isolation:isolate}
.catnara-home-season-overlay{
 position:absolute;top:0;left:0;right:0;z-index:1;overflow:hidden;
 pointer-events:none!important;touch-action:none!important;
 -webkit-user-select:none!important;user-select:none!important;
 border-radius:20px 20px 16px 16px;
 background:radial-gradient(ellipse at 65% 24%,rgba(238,175,93,.36),transparent 61%),
 linear-gradient(150deg,rgba(230,166,90,.16),rgba(255,229,164,.045) 80%,transparent)
}
.catnara-home-season-overlay[data-catnara-season-theme="autumn"]{
 background:radial-gradient(ellipse at 65% 24%,rgba(237,161,74,.39),transparent 61%),
 linear-gradient(150deg,rgba(224,164,87,.20),rgba(255,229,164,.045) 80%,transparent)
}
.catnara-home-season-overlay[data-catnara-season-theme="spring"]{
 background:radial-gradient(ellipse at 65% 23%,rgba(247,145,180,.42),transparent 60%),
 linear-gradient(135deg,rgba(255,215,229,.26),rgba(255,249,239,.02) 81%,transparent)
}
.catnara-home-season-overlay[data-catnara-season-theme="winter"]{
 background:radial-gradient(ellipse at 63% 18%,rgba(120,190,245,.35),transparent 62%),
 linear-gradient(135deg,rgba(200,234,251,.28),rgba(247,250,255,.035) 83%,transparent)
}
.catnara-home-season-overlay[data-catnara-season-theme="summer"]{
 background:radial-gradient(ellipse at 65% 22%,rgba(89,205,199,.34),transparent 62%),
 linear-gradient(135deg,rgba(184,244,229,.23),rgba(249,255,253,.035) 83%,transparent)
}
.catnara-home-season-overlay[data-catnara-season-theme="weather"]{
 background:radial-gradient(ellipse at 65% 20%,rgba(118,159,186,.27),transparent 61%),
 linear-gradient(145deg,rgba(173,201,215,.20),rgba(247,249,251,.025) 81%,transparent)
}
canvas.catnara-home-season-canvas{
 position:absolute;inset:0;width:100%;height:100%;
 pointer-events:none!important;touch-action:none!important;
 user-select:none!important;-webkit-user-select:none!important
}
/* Keep brand button, bell and greeting above decorative particles on the screenshot home. */
#catnara-app-home-v3.catnara-home-season > :is(.catapp-original-masthead,.catapp-original-greeting){
 position:relative;z-index:2;
}
@media(prefers-reduced-motion:reduce){
 .catnara-home-season-overlay{display:none!important}
}

/* PWA original/APP home: seasonal particles only.
   Keep the published template background unobstructed when switching autumn,
   winter, spring and summer palettes. PC gradients and standalone aurora/wave
   effects remain unchanged. The transparent Canvas still paints leaf/snow/
   flower/bubble sprites and remains entirely pointer-transparent. */
@media (max-width:820px){
 html[data-mobile-experience="app"] .catnara-home-season-overlay{
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
 }
}

/* CATNARA_PC_SEASON_CLEAR_HAZE_V1 (2026-10-27)
   Match the existing transparent PWA autumn/winter/spring particles on PC,
   while retaining the Canvas effects, hero background and nav hit targets. */
@media (min-width:821px){
 html[data-view-mode="public"] #app main .catnara-home-season-overlay{
  background:none!important;
  background-image:none!important;
  background-color:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
 }
}

/* Living foliage does not change published background palettes. */
.catnara-home-season-overlay[data-catnara-season-theme="green"]{background:none!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important}

/* Independent Top Nature controls in existing authenticated CMS. */
.catnara-top-branch-admin{margin:22px 0;padding:15px;border:1px solid var(--ui-line,#ddd);border-radius:17px;min-width:0}
.catnara-top-branch-admin legend{font-weight:850;font-size:17px;padding:0 9px}
.catnara-top-branch-sliders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.catnara-top-branch-slider{display:grid;gap:6px;font-size:13px;font-weight:700}
.catnara-top-branch-slider output{font-variant-numeric:tabular-nums;color:var(--ui-accent,#90565d)}
.catnara-top-branch-slider input{width:100%;min-width:0;accent-color:var(--ui-accent,#90565d);touch-action:pan-x}
@media(max-width:680px){.catnara-top-branch-sliders{grid-template-columns:1fr}}

/* CATNARA_SEASON_PRECISION_AND_HERO_TRAY_V2: CMS sliders and a tiny
   photo-top deposit strip for PWA home-header only. The fixed nav tray is intact. */
.catnara-season-tuning{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0 16px}
.catnara-season-tuning .field{min-width:0}
.catnara-season-tuning label{display:block;font-size:13px;font-weight:750;margin-bottom:7px}
.catnara-season-tuning output{font-weight:850;color:var(--ui-accent,#90565d);font-variant-numeric:tabular-nums}
.catnara-season-tuning input[type="range"]{width:100%;min-width:0;accent-color:var(--ui-accent,#90565d);cursor:pointer}
@media(max-width:680px){.catnara-season-tuning{grid-template-columns:1fr}}
@media screen and (max-width:820px){
 html[data-mobile-experience="app"][data-view-mode="public"] #catnara-app-home-v3 .catapp-original-hero > canvas.catnara-home-hero-accumulation{
  position:absolute;inset:0 0 auto 0!important;width:100%!important;height:6px!important;
  display:block;z-index:8;pointer-events:none!important;touch-action:none!important;
  user-select:none!important;-webkit-user-select:none!important;
  opacity:.85;transform:none!important;filter:none!important;
 }
}
@media(prefers-reduced-motion:reduce){
 canvas.catnara-home-hero-accumulation{display:none!important}
}


/* CATNARA_BOTANICAL_FINE_CONTROL_V3: compact non-forcing nature pairing. */
.catnara-season-branch-recommend{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 3px}
.catnara-season-branch-recommend .meta{flex:1 1 190px;min-width:0}
.catnara-season-branch-recommend button{flex:0 1 auto;max-width:100%;white-space:normal;text-align:center}
.catnara-season-tuning input[type="range"]:focus-visible{outline:3px solid var(--ui-accent,#90565d);outline-offset:4px}