/* Learn With Yuna 8.9.1 — restrained Plus personalization.
   Free and Plus share the same layout. The selected palette changes only
   the soft sunshine glow, primary actions, and a few functional highlights. */

:root{
  --lwy-plus-accent:#80601a;
  --lwy-plus-deep:#5f450f;
  --lwy-plus-soft:#fff7d8;
  --lwy-plus-rgb:128,96,26;
}

/* Functional avatar rendering only; no membership-wide recoloring. */
.y-account-avatar{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:999px;
  background:#fff;
  font-size:15px;
  box-shadow:0 2px 8px rgba(31,36,56,.10);
}
.y-account-avatar img,
.y-plus-welcome-mark img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.y-plus-welcome-mark{overflow:hidden}

/* Keep the global page and header identical to the Free experience. */
body.lwy-plus-member{
  background:#fff;
  background-image:none;
  background-attachment:initial;
}
body.lwy-plus-member::before{content:none!important;display:none!important}
body.lwy-plus-member :is(.site-header,.y-header,header.site-header){
  background:#fff!important;
  background-image:none!important;
  border-bottom-color:rgba(15,23,42,.08)!important;
  box-shadow:0 1px 0 rgba(15,23,42,.04),0 8px 22px rgba(15,23,42,.04)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.lwy-plus-member :is(.site-header,.y-header,header.site-header)::before,
body.lwy-plus-member #site-header::before{
  background:#fff!important;
  background-image:none!important;
}

/* The only selected-color treatment: a quiet sunshine behind Welcome Back. */
body.lwy-plus-member .lwy8,
.lwy8.is-plus{
  background:#fff!important;
  background-image:none!important;
}
body.lwy-plus-member .lwy8-hero,
.lwy8.is-plus .lwy8-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#fff!important;
  background-image:none!important;
}
body.lwy-plus-member .lwy8-hero::before,
.lwy8.is-plus .lwy8-hero::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  pointer-events:none!important;
  left:50%!important;
  top:-82px!important;
  width:min(760px,96vw)!important;
  height:315px!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,
    rgba(var(--lwy-plus-rgb,128,96,26),.17) 0%,
    rgba(var(--lwy-plus-rgb,128,96,26),.085) 38%,
    rgba(var(--lwy-plus-rgb,128,96,26),.026) 60%,
    transparent 78%)!important;
  filter:blur(5px)!important;
  opacity:1!important;
}
body.lwy-plus-member .lwy8-hero::after,
.lwy8.is-plus .lwy8-hero::after{content:none!important;display:none!important}
body.lwy-plus-member .lwy8-hero .lwy8-wrap,
body.lwy-plus-member .lwy8-hero>* ,
.lwy8.is-plus .lwy8-hero .lwy8-wrap,
.lwy8.is-plus .lwy8-hero>*{
  position:relative!important;
  z-index:1!important;
}

@media(max-width:760px){
  body.lwy-plus-member .lwy8-hero::before,
  .lwy8.is-plus .lwy8-hero::before{
    top:-28px!important;
    width:118vw!important;
    height:250px!important;
    background:radial-gradient(ellipse at center,
      rgba(var(--lwy-plus-rgb,128,96,26),.135) 0%,
      rgba(var(--lwy-plus-rgb,128,96,26),.065) 40%,
      transparent 77%)!important;
  }
}

@media(max-width:1179px){body.lwy-plus-member .y-donate{display:none!important}}


/* Learn With Yuna 8.9.1 — selected color becomes a quiet Plus accent, not a full recolor. */
body.lwy-plus-member.lwy-tool-theme .story-time-main .page-header,
body.lwy-plus-member.lwy-tool-theme .sp-hero,
body.lwy-plus-member.lwy-tool-theme .yp-hero{
  background-image:radial-gradient(ellipse at 50% -8%,rgba(var(--lwy-plus-rgb,128,96,26),.24) 0%,rgba(var(--lwy-plus-rgb,128,96,26),.10) 34%,rgba(var(--lwy-plus-rgb,128,96,26),0) 68%)!important;
}
body.lwy-plus-member.lwy-tool-theme .story-page-kicker,
body.lwy-plus-member.lwy-tool-theme .sp-eyebrow{color:var(--lwy-plus-deep)!important}
body.lwy-plus-member.lwy-tool-theme .sp-btn.primary,
body.lwy-plus-member.lwy-tool-theme .story-library-view.is-active{
  background:var(--lwy-plus-accent)!important;
  border-color:var(--lwy-plus-accent)!important;
  color:#fff!important;
}
body.lwy-plus-member.lwy-tool-theme .sp-sound[aria-selected="true"]{background:var(--lwy-plus-accent)!important;border-color:var(--lwy-plus-accent)!important;color:#fff!important}
body.lwy-plus-member.lwy-tool-theme .story-category-hint{background:var(--lwy-plus-soft)!important;color:var(--lwy-plus-deep)!important}
body.lwy-plus-member.lwy-tool-theme .story-row-btn{border-color:rgba(var(--lwy-plus-rgb),.25)!important;color:var(--lwy-plus-deep)!important}