/* Blue Bands v121 — clean light-blue layout */
:root{
  --bb-clean-sky:#dff3ff;
  --bb-clean-blue:#4374a7;
  --bb-clean-navy:#002049;
}

html,body{
  background:var(--bb-clean-sky)!important;
  background-image:none!important;
  color:#000!important;
}

.shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
  background:var(--bb-clean-sky)!important;
  background-image:none!important;
}

header{
  top:0!important;
  margin:0!important;
  border-radius:0!important;
  background:#fff!important;
}

body::before,body::after,
.shell::before,.shell::after,
main::before,main::after,
.page::before,.page::after{
  display:none!important;
  content:none!important;
  background:none!important;
}

.shell,main,.page,#home,#discover,#crewCall,#crew-call,#profile,#messages,#settings{
  background:transparent!important;
  background-image:none!important;
}

/* Remove torn/jagged cushions and the colored panels behind featured content. */
#featuredWorksHead,
#home>.featured-works-shell,
#featuredCrewShell,
#featuredCreatorsHead,
#featuredCreatorsHead+.spotlight,
#lsGenreSection{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  clip-path:none!important;
}

#featuredWorksHead::before,#featuredWorksHead::after,
#home>.featured-works-shell::before,#home>.featured-works-shell::after,
#featuredCrewShell::before,#featuredCrewShell::after,
#featuredCreatorsHead::before,#featuredCreatorsHead::after,
#featuredCreatorsHead+.spotlight::before,#featuredCreatorsHead+.spotlight::after,
#lsGenreSection::before,#lsGenreSection::after,
.ls-genre-card::before,.ls-genre-card::after{
  display:none!important;
  content:none!important;
}

#featuredWorksHead *,#home>.featured-works-shell *,
#featuredCrewShell *,#featuredCreatorsHead *,
#featuredCreatorsHead+.spotlight *,#lsGenreSection *{
  color:#000!important;
}

/* Keep the actual content cards readable without a second section cushion. */
.track,.talent,.crew-card,.service-card,.post{
  background:#fff!important;
  border:1px solid rgba(0,32,73,.16)!important;
  box-shadow:none!important;
  clip-path:none!important;
}

/* Genre artwork must remain visible; only its surrounding cushion is removed. */
.ls-genre-card{
  background-color:#fff!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:cover!important;
  border:1px solid rgba(0,32,73,.16)!important;
  box-shadow:none!important;
  clip-path:none!important;
}

/* Remove the blank white pill treatment above featured-card names. */
#home .talent-label,
#home .crew-category,
#home .track .tags{
  display:block!important;
  width:auto!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  color:#000!important;
}

/* Persistent primary navigation. */
nav{
  position:sticky!important;
  top:78px!important;
  z-index:119!important;
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid rgba(0,32,73,.2)!important;
  border-radius:0!important;
  box-shadow:0 5px 14px rgba(0,32,73,.08)!important;
}

/* All featured headings use the same Japanese-compatible face and weight. */
#featuredWorksHead h2,
#featuredCrewShell .section-head h2,
#featuredCreatorsHead h2{
  font-family:"M PLUS 1p","Noto Sans JP",sans-serif!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
  font-style:normal!important;
}
nav .nav,nav .nav *{color:#000!important}
nav .nav{
  min-height:52px!important;
  padding:15px 24px!important;
  font-size:16px!important;
  line-height:1.1!important;
}
nav .nav.active::after{background:var(--bb-clean-blue)!important}

/* Remove legacy decorative oval beside featured headings. */
#featuredWorksHead h2::after,
#featuredCrewShell .section-head h2::after,
#featuredCreatorsHead h2::after{
  display:none!important;
  content:none!important;
}

/* Remove every remaining legacy edge/paper decoration. */
#home::before,#home::after,
#discover::before,#discover::after,
#crewCall::before,#crewCall::after,
#crew-call::before,#crew-call::after,
#messages::before,#messages::after,
#profile::before,#profile::after,
#settings::before,#settings::after,
#notifications::before,#notifications::after,
.ls-home-hero::before,.ls-home-hero::after,
.ls-section::before,.ls-section::after,
.ls-born::before,.ls-born::after,
.ls-plans::before,.ls-plans::after{
  display:none!important;
  content:none!important;
  background:none!important;
  background-image:none!important;
}

/* Make PLAN and notifications unmistakable on the light background. */
.top-actions .plan-pill,
.top-actions .bell{
  background:#fff!important;
  color:var(--bb-clean-navy)!important;
  border:2px solid var(--bb-clean-navy)!important;
  box-shadow:0 2px 0 rgba(0,32,73,.18)!important;
}
.top-actions .plan-pill span,
.top-actions .plan-pill b,
.top-actions .bell{color:var(--bb-clean-navy)!important}
.bell.has-live-notifications::after{
  width:9px!important;
  height:9px!important;
  right:4px!important;
  top:3px!important;
  background:#e83232!important;
  border:2px solid #fff!important;
}

@media(max-width:720px){
  nav{
    top:62px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  nav::-webkit-scrollbar{display:none!important}
  nav .nav{
    flex:1 0 auto!important;
    min-height:48px!important;
    padding:13px 17px!important;
    font-size:14px!important;
    white-space:nowrap!important;
  }
  #featuredWorksHead,#home>.featured-works-shell,
  #featuredCrewShell,#featuredCreatorsHead,
  #featuredCreatorsHead+.spotlight,#lsGenreSection{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}

/* Final specificity guard against legacy editorial section colors. */
body #home #featuredWorksHead,
body #home>.featured-works-shell,
body #home #featuredCrewShell,
body #home #featuredCreatorsHead,
body #home #featuredCreatorsHead+.spotlight,
body #home #lsGenreSection{
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  clip-path:none!important;
}

/* Every page uses the same sky background; cards and dialogs stay white. */
body .page,
body #home,body #discover,body #crewCall,body #crew-call,
body #messages,body #profile,body #settings,body #notifications,
body .ls-section,body .ls-born,body .ls-plans,
body .featured-works-shell,body .spotlight{
  background-color:transparent!important;
  background-image:none!important;
}
body .modal{background:rgba(223,243,255,.92)!important}
body .modal-box,body .notification-popover{background:#fff!important;color:#000!important}

/* v126: compact, aligned featured shelves. */
#featuredWorksHead,
#featuredCrewShell .section-head,
#featuredCreatorsHead{
  align-items:center!important;
  margin:0!important;
  padding:28px clamp(18px,4vw,54px) 14px!important;
}
#featuredWorksHead h2,
#featuredCrewShell .section-head h2,
#featuredCreatorsHead h2{
  font-family:"M PLUS 1p","Noto Sans JP",sans-serif!important;
  font-size:clamp(27px,2.8vw,40px)!important;
  font-weight:700!important;
  line-height:1.18!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;
  white-space:normal!important;
}
body #home #featuredWorksHead h2,
body #home #featuredCrewShell .section-head h2,
body #home #featuredCreatorsHead h2{font-weight:700!important}
#featuredWorksHead .link,
#featuredCrewShell .section-head .link,
#featuredCreatorsHead .link{display:none!important}

#home>.featured-works-shell,
#featuredCrewShell,
#featuredCreatorsHead+.spotlight{
  padding-left:clamp(18px,4vw,54px)!important;
  padding-right:clamp(18px,4vw,54px)!important;
}
#home>.featured-works-shell #homeTracks,
#featuredCrewGrid,
#featuredCreatorsHead+.spotlight{
  display:flex!important;
  align-items:stretch!important;
  gap:14px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;
  padding:2px 2px 18px!important;
}
#home>.featured-works-shell #homeTracks::-webkit-scrollbar,
#featuredCrewGrid::-webkit-scrollbar,
#featuredCreatorsHead+.spotlight::-webkit-scrollbar{display:none!important}
#home>.featured-works-shell #homeTracks>.track,
#featuredCrewGrid>.talent,
#featuredCreatorsHead+.spotlight>.talent{
  flex:0 0 calc((100% - 70px)/6)!important;
  width:calc((100% - 70px)/6)!important;
  min-width:138px!important;
  max-width:220px!important;
  min-height:0!important;
  scroll-snap-align:start!important;
  border-radius:10px!important;
  overflow:hidden!important;
}
#homeTracks .track .cover,
#featuredCrewGrid .creator-photo,
#featuredCreatorsHead+.spotlight .creator-photo{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  background-position:center!important;
  background-size:cover!important;
  border-radius:7px!important;
}
#featuredCrewGrid .talent,
#featuredCreatorsHead+.spotlight .talent{
  display:flex!important;
  flex-direction:column!important;
  padding:8px!important;
  text-align:left!important;
}
#featuredCrewGrid .talent-copy,
#featuredCreatorsHead+.spotlight .talent-copy{
  position:static!important;
  padding:10px 2px 4px!important;
  background:transparent!important;
  color:#000!important;
}
#featuredCrewGrid .talent-copy h3,
#featuredCreatorsHead+.spotlight .talent-copy h3{
  margin:4px 0!important;
  color:#000!important;
  font-size:14px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#featuredCrewGrid .talent-copy p,
#featuredCreatorsHead+.spotlight .talent-copy p{
  margin:0!important;
  color:#334!important;
  font-size:10px!important;
  line-height:1.35!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

/* Pricing stays below all fixed navigation and always exposes its close control. */
#pricingModal{
  z-index:1200!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  padding:96px 18px 30px!important;
}
#pricingModal .pricing-modal-box{
  position:relative!important;
  width:min(1120px,100%)!important;
  max-height:none!important;
  overflow:visible!important;
  margin:0 auto!important;
  padding-top:54px!important;
}
#pricingModal .close{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  z-index:3!important;
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  border:2px solid var(--bb-clean-navy)!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#000!important;
  font-size:24px!important;
}

@media(max-width:1050px){
  #home>.featured-works-shell #homeTracks>.track,
  #featuredCrewGrid>.talent,
  #featuredCreatorsHead+.spotlight>.talent{
    flex-basis:calc((100% - 42px)/4)!important;
    width:calc((100% - 42px)/4)!important;
  }
}
@media(max-width:720px){
  #featuredWorksHead,#featuredCrewShell .section-head,#featuredCreatorsHead{
    padding:24px 16px 12px!important;
  }
  #featuredWorksHead h2,#featuredCrewShell .section-head h2,#featuredCreatorsHead h2{
    font-size:25px!important;
  }
  #home>.featured-works-shell,#featuredCrewShell,#featuredCreatorsHead+.spotlight{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  #home>.featured-works-shell #homeTracks>.track,
  #featuredCrewGrid>.talent,
  #featuredCreatorsHead+.spotlight>.talent{
    flex:0 0 43vw!important;
    width:43vw!important;
    min-width:148px!important;
    max-width:190px!important;
  }
  #pricingModal{padding:74px 8px 18px!important}
  #pricingModal .pricing-modal-box{padding:52px 14px 22px!important}
  #pricingModal .pricing-grid{grid-template-columns:1fr!important}
}