/* Soap2Day 0.6.91 — production rollout. */

/* Use the exact full-viewport listing rail from PsyPlay. */
@media(min-width:992px){
  body.ofa-account-page #main.page-detail>.container{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    padding-right:clamp(18px,2.25vw,44px)!important;
    padding-left:clamp(18px,2.25vw,44px)!important;
  }
  body.ofa-account-page #main.page-detail>.container>.main-content{
    float:none!important;width:100%!important;max-width:none!important;margin:0!important;
  }
}
body.ofa-account-page .plain-text-container,
body.ofa-account-page-layout-1 .plain-text-container,
body.ofa-account-page-layout-2 .plain-text-container,
body.ofa-account-page-layout-3 .plain-text-container {
  box-sizing:border-box!important;
  width:calc(100% - 36px)!important;
  max-width:none!important;
  margin-right:18px!important;
  margin-left:18px!important;
  padding-right:0!important;
  padding-left:0!important;
}
body.ofa-account-page :is(.plain-text-entry,.plain-text-entry>.entry-content,.ofa-shell,[data-ofa-member],#favorites,#continue-watching,#folders,#following,#expected-movies,#ratings,#history){
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
}
body.ofa-account-page .ofa-shell{margin-right:0!important;margin-left:0!important;padding-right:0!important;padding-left:0!important}

/* Match the production listing geometry: seven 2:3 cards and its fluid gaps.
   Flex keeps the earlier requirement that one or two cards remain centred. */
body.ofa-account-page :is(#favorites,#continue-watching,#ratings,#history) .ofa-title-listing-grid,
body.ofa-account-page #folders .ofa-collection-panel .ofa-title-listing-grid{
  --s2d26-account-card-gap:clamp(14px,1.2vw,24px);
  display:flex!important;
  flex-flow:row wrap!important;
  justify-content:center!important;
  align-items:start!important;
  gap:clamp(18px,1.45vw,28px) var(--s2d26-account-card-gap)!important;
  width:100%!important;
  max-width:none!important;
}
body.ofa-account-page :is(#favorites,#continue-watching,#ratings,#history) .ofa-listing-item,
body.ofa-account-page #folders .ofa-collection-panel .ofa-listing-item{
  flex:0 1 calc((100% - (6 * var(--s2d26-account-card-gap))) / 7)!important;
  width:calc((100% - (6 * var(--s2d26-account-card-gap))) / 7)!important;
  min-width:0!important;max-width:none!important;margin:0!important;
}
body.ofa-account-page #following .ofa-following-grid{
  --s2d26-following-gap:16px;
  display:flex!important;
  flex-flow:row wrap!important;
  justify-content:center!important;
  gap:16px!important;
  width:100%!important;
  max-width:none!important;
}
body.ofa-account-page #following .ofa-following-card{
  flex:0 1 calc((100% - (4 * var(--s2d26-following-gap))) / 5)!important;
  width:calc((100% - (4 * var(--s2d26-following-gap))) / 5)!important;
  min-width:0!important;max-width:none!important;margin:0!important;
}
body.ofa-account-page #expected-movies .ofcs-list{
  --s2d26-expected-gap:16px;
  display:flex!important;flex-flow:row wrap!important;justify-content:center!important;
  width:100%!important;max-width:none!important;gap:16px!important;
}
body.ofa-account-page #expected-movies .ofcs-card{
  flex:0 1 calc((100% - var(--s2d26-expected-gap)) / 2)!important;
  width:calc((100% - var(--s2d26-expected-gap)) / 2)!important;
  min-width:0!important;max-width:none!important;margin:0!important;
}

/* Approved Soap2Day poster composition. */
body.ofa-account-page .of-title-card-v2,
body.ofa-account-page .of-title-card-v2__link{
  position:relative!important;display:block!important;width:100%!important;min-width:0!important;
  color:#fff!important;text-decoration:none!important;transform:none!important;
}
body.ofa-account-page .of-title-card-v2{
  overflow:hidden!important;aspect-ratio:2/3!important;border:0!important;border-radius:8px!important;
  background:#070d0f!important;box-shadow:0 10px 28px rgba(0,0,0,.22)!important;isolation:isolate!important;
}
body.ofa-account-page .of-title-card-v2__link{height:100%!important}
body.ofa-account-page .of-title-card-v2__media{
  position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
  aspect-ratio:auto!important;overflow:hidden!important;border:0!important;border-radius:inherit!important;
  background:linear-gradient(145deg,#061012,#0b2022 52%,#05090a)!important;
}
body.ofa-account-page .of-title-card-v2__media::after{
  content:""!important;position:absolute!important;z-index:1!important;inset:0!important;display:block!important;
  background:linear-gradient(180deg,rgba(1,4,5,0) 48%,rgba(2,6,7,.3) 65%,rgba(2,5,6,.94) 100%)!important;
  pointer-events:none!important;
}
body.ofa-account-page .of-title-card-v2__poster{
  position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
  max-width:none!important;border:0!important;border-radius:inherit!important;object-fit:cover!important;
  opacity:1!important;visibility:visible!important;transform:scale(1.001)!important;
}
body.ofa-account-page .of-title-card-v2__body{
  position:absolute!important;z-index:3!important;right:0!important;bottom:0!important;left:0!important;
  display:grid!important;min-height:0!important;gap:3px!important;padding:11px 10px 10px!important;
  color:#fff!important;pointer-events:none!important;
}
body.ofa-account-page .of-title-card-v2__title{
  display:block!important;overflow:hidden!important;color:#fff!important;
  font:700 14px/1.15 var(--s2d26-menu-font,"Trebuchet MS","Segoe UI",Arial,sans-serif)!important;text-overflow:ellipsis!important;
  text-shadow:0 2px 5px rgba(0,0,0,.95)!important;white-space:nowrap!important;
}

/* Poster-overlay titles use the same family as the global header menu. */
body.ofa-account-page :is(.of-title-card-v2__title,.ofa-media-card__title,.ofa-following-card__title){
  font-family:var(--s2d26-menu-font,"Trebuchet MS","Segoe UI",Arial,sans-serif)!important;
}
body.ofa-account-page .of-title-card-v2__meta-line{
  display:flex!important;align-items:center!important;gap:5px!important;overflow:hidden!important;
  color:rgba(229,246,244,.8)!important;font:600 10px/1.2 "Roboto Condensed",Arial,sans-serif!important;
  text-overflow:ellipsis!important;text-shadow:0 1px 4px rgba(0,0,0,.95)!important;white-space:nowrap!important;
}
body.ofa-account-page .of-title-card-v2__genres{overflow:hidden!important;text-overflow:ellipsis!important}
body.ofa-account-page .of-title-card-v2__meta-line i{
  flex:0 0 2px!important;width:2px!important;height:2px!important;border-radius:50%!important;background:currentColor!important;
}
body.ofa-account-page .of-title-card-v2__rating{
  position:absolute!important;z-index:5!important;top:8px!important;right:auto!important;left:8px!important;
  display:inline-flex!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;
  padding:3px 5px 2px!important;border:0!important;border-radius:5px!important;background:rgba(4,10,11,.72)!important;
  color:#f4b940!important;font:800 13px/1 "Roboto Condensed",Arial,sans-serif!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))!important;
}
body.ofa-account-page .of-title-card-v2__rating--good{color:#35d986!important}
body.ofa-account-page .of-title-card-v2__rating--ok{color:#f0bd3f!important}
body.ofa-account-page .of-title-card-v2__rating--weak{color:#ff9d25!important}
body.ofa-account-page .of-title-card-v2__rating-ring{display:none!important}
body.ofa-account-page .of-title-card-v2__rating-content{position:static!important;display:block!important;text-shadow:0 1px 3px rgba(0,0,0,.95)!important}
body.ofa-account-page #ratings .of-title-card-v2__rating{top:50px!important}

/* The unstyled legacy popover caused the giant play icon after the footer. */
body.ofa-account-page .of-title-card-v2__play,
body.ofa-account-page>.of-title-card-popover,
body.ofa-account-page .of-title-card-popover{
  display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important;
}

/* Never expose placeholder zeroes or unsaved icons while state is unknown. */
body.ofa-account-page [data-ofa-card-actions]:not([data-ofa-state-known="1"]){opacity:0!important;visibility:hidden!important;pointer-events:none!important}
body.ofa-account-page [data-ofa-card-actions][data-ofa-state-known="1"]{opacity:1!important;visibility:visible!important}

/* Exact selected _card_actions=2 appearance for account cards. It is the
   chosen production skin, so it does not depend on a probe class here. */
body.ofa-account-page :is(#favorites,#continue-watching,#ratings,#history) .ofa-listing-item>.ofa-card-actions,
body.ofa-account-page #following .ofa-following-card>.ofa-card-actions{
  display:flex!important;visibility:visible;
}
body.ofa-account-page :is(.ofa-listing-item,.ofa-following-card)>.ofa-card-actions{
  position:absolute!important;z-index:12!important;display:flex!important;min-height:38px!important;margin:0!important;padding:0!important;
  align-items:center!important;gap:5px!important;border:0!important;background:transparent!important;box-shadow:none!important;isolation:isolate!important;
}
body.ofa-account-page .ofa-listing-item>.ofa-card-actions,
body.ofa-account-page #following .ofa-following-card>.ofa-card-actions{top:7px!important;right:auto!important;bottom:auto!important;left:7px!important}
/* Public rating owns the first row in these three poster blocks. */
body.ofa-account-page :is(#favorites,#continue-watching,#history) .ofa-listing-item>.ofa-card-actions{
  top:39px!important;right:auto!important;bottom:auto!important;left:8px!important;
}
body.ofa-account-page :is(.ofa-listing-item,.ofa-following-card)>.ofa-card-actions::before{display:none!important;content:none!important}
body.ofa-account-page :is(.ofa-listing-item,.ofa-following-card)>.ofa-card-actions>.ofa-title-action,
body.ofa-account-page #expected-movies .ofcs-actions .ofa-title-action{
  position:relative!important;z-index:1!important;box-sizing:border-box!important;display:inline-flex!important;flex:none!important;
  width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;
  margin:0!important;padding:0!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:50%!important;
  background:rgba(3,8,10,.94)!important;color:rgba(247,252,252,.94)!important;box-shadow:0 6px 16px rgba(0,0,0,.48)!important;
  transform:none!important;-webkit-backdrop-filter:blur(10px) saturate(118%)!important;backdrop-filter:blur(10px) saturate(118%)!important;
  transition:color .16s ease!important;
}
body.ofa-account-page :is(.ofa-listing-item,.ofa-following-card)>.ofa-card-actions>.ofa-title-action:is(:hover,:focus-visible),
body.ofa-account-page #expected-movies .ofcs-actions .ofa-title-action:is(:hover,:focus-visible){
  border:0!important;background:rgba(3,8,10,.94)!important;box-shadow:0 6px 16px rgba(0,0,0,.48)!important;transform:none!important;
}
body.ofa-account-page :is(.ofa-listing-item,.ofa-following-card)>.ofa-card-actions .ofa-title-action__icon,
body.ofa-account-page :is(.ofa-listing-item,.ofa-following-card)>.ofa-card-actions .ofa-title-action__icon svg,
body.ofa-account-page #expected-movies .ofcs-actions .ofa-title-action__icon,
body.ofa-account-page #expected-movies .ofcs-actions .ofa-title-action__icon svg{
  display:block!important;width:18px!important;height:18px!important;min-width:18px!important;overflow:visible!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;transform:none!important;
}
body.ofa-account-page :is(.ofa-listing-item,.ofa-following-card)>.ofa-card-actions>.ofa-title-action--favorite.is-saved,
body.ofa-account-page #expected-movies .ofa-title-action--favorite.is-saved{color:#ff526b!important}
body.ofa-account-page :is(.ofa-listing-item,.ofa-following-card)>.ofa-card-actions>.ofa-title-action--notification.is-saved,
body.ofa-account-page #expected-movies .ofa-title-action--notification.is-saved{color:#53e4de!important}
body.ofa-account-page :is(.ofa-listing-item,.ofa-following-card)>.ofa-card-actions>.ofa-title-action--favorite.is-saved .ofa-title-action__icon svg,
body.ofa-account-page #expected-movies .ofa-title-action--favorite.is-saved .ofa-title-action__icon svg,
body.ofa-account-page :is(.ofa-listing-item,.ofa-following-card)>.ofa-card-actions>.ofa-title-action--notification.is-saved .ofa-bell-body,
body.ofa-account-page #expected-movies .ofa-title-action--notification.is-saved .ofa-bell-body{fill:currentColor!important}
body.ofa-account-page :is(.ofa-listing-item,.ofa-following-card)>.ofa-card-actions .ofa-title-action__state-dot,
body.ofa-account-page #expected-movies .ofa-title-action__state-dot{display:none!important}

body.ofa-account-page :is(.ofa-listing-item,.ofa-following-card)>.ofa-card-actions .ofa-title-action__count,
body.ofa-account-page #expected-movies .ofcs-action-count{
  position:absolute!important;z-index:4!important;top:-5px!important;right:-6px!important;bottom:auto!important;left:auto!important;
  display:grid!important;box-sizing:border-box!important;width:auto!important;min-width:17px!important;height:17px!important;min-height:17px!important;
  margin:0!important;padding:0 4px!important;place-items:center!important;border:1px solid rgba(218,250,248,.26)!important;
  border-radius:999px!important;background:#071012!important;color:#f8ffff!important;box-shadow:0 3px 8px rgba(0,0,0,.5)!important;
  font:760 9px/15px Inter,Montserrat,Arial,sans-serif!important;text-align:center!important;text-shadow:none!important;
  transform:none!important;opacity:1!important;pointer-events:none!important;
}
body.ofa-account-page :is(.ofa-listing-item,.ofa-following-card)>.ofa-card-actions>.ofa-title-action[data-ofa-public-count="0"] .ofa-title-action__count,
body.ofa-account-page :is(.ofa-listing-item,.ofa-following-card)>.ofa-card-actions>.ofa-title-action.s2d26-count-zero .ofa-title-action__count,
body.ofa-account-page #expected-movies .ofcs-action-count[data-count="0"]{display:none!important}
body.ofa-account-page #expected-movies .ofcs-actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important}
body.ofa-account-page #expected-movies .ofcs-action-stat{position:relative!important;display:block!important;width:36px!important;min-width:36px!important}

body.ofa-account-page :is(.ofa-listing-item,.ofa-following-card)>.ofa-card-actions>.ofa-title-action .ofa-title-action__icon path,
body.ofa-account-page #expected-movies .ofcs-actions .ofa-title-action__icon path{stroke-dasharray:72!important;stroke-dashoffset:0}
body.ofa-account-page :is(.ofa-listing-item,.ofa-following-card)>.ofa-card-actions>.ofa-title-action--favorite:not(.is-saved):is(:hover,:focus-visible),
body.ofa-account-page #expected-movies .ofa-title-action--favorite:not(.is-saved):is(:hover,:focus-visible){color:#ff526b!important}
body.ofa-account-page :is(.ofa-listing-item,.ofa-following-card)>.ofa-card-actions>.ofa-title-action--notification:not(.is-saved):is(:hover,:focus-visible),
body.ofa-account-page #expected-movies .ofa-title-action--notification:not(.is-saved):is(:hover,:focus-visible){color:#53e4de!important}
body.ofa-account-page :is(.ofa-listing-item,.ofa-following-card)>.ofa-card-actions>.ofa-title-action--favorite:not(.is-saved):is(:hover,:focus-visible) .ofa-title-action__icon path,
body.ofa-account-page #expected-movies .ofa-title-action--favorite:not(.is-saved):is(:hover,:focus-visible) .ofa-title-action__icon path{
  fill:transparent!important;stroke:#ff526b!important;animation:s2d26-card-action-draw 1.38s cubic-bezier(.2,.75,.2,1) both!important;
}
body.ofa-account-page :is(.ofa-listing-item,.ofa-following-card)>.ofa-card-actions>.ofa-title-action--notification:not(.is-saved):is(:hover,:focus-visible) .ofa-title-action__icon path,
body.ofa-account-page #expected-movies .ofa-title-action--notification:not(.is-saved):is(:hover,:focus-visible) .ofa-title-action__icon path{
  fill:transparent!important;stroke:#53e4de!important;animation:s2d26-card-action-draw 1.38s cubic-bezier(.2,.75,.2,1) both!important;
}
/* Saved controls stay filled and completely static on hover. */
body.ofa-account-page :is(.ofa-listing-item,.ofa-following-card)>.ofa-card-actions>.ofa-title-action.is-saved:is(:hover,:focus-visible) .ofa-title-action__icon path,
body.ofa-account-page #expected-movies .ofa-title-action.is-saved:is(:hover,:focus-visible) .ofa-title-action__icon path{
  animation:none!important;transition:none!important;stroke-dasharray:none!important;stroke-dashoffset:0!important;
}
body.ofa-account-page :is(.ofa-listing-item,.ofa-following-card)>.ofa-card-actions>.ofa-title-action.is-saved:is(:hover,:focus-visible),
body.ofa-account-page #expected-movies .ofa-title-action.is-saved:is(:hover,:focus-visible){
  background:rgba(3,8,10,.94)!important;filter:none!important;transform:none!important;
}
body.ofa-account-page :is(.ofa-listing-item,.ofa-following-card)>.ofa-card-actions>.ofa-title-action.is-saved:is(:hover,:focus-visible) :is(.ofa-title-action__icon,svg,path),
body.ofa-account-page #expected-movies .ofa-title-action.is-saved:is(:hover,:focus-visible) :is(.ofa-title-action__icon,svg,path){
  animation:none!important;transition:none!important;transform:none!important;
}

/* X is independent from the action group and always occupies the upper-right. */
body.ofa-account-page :is(.ofa-listing-item,.ofa-following-card)>.ofa-listing-item__remove{
  top:7px!important;right:7px!important;left:auto!important;
}

/* Fade first, then JS removes the node and FLIP-animates the remaining cards. */
body.ofa-account-page :is(.ofa-listing-item,.ofa-following-card).is-removing{
  opacity:0!important;scale:.965!important;filter:blur(2px)!important;pointer-events:none!important;
  transition:opacity .24s ease,scale .32s cubic-bezier(.2,.75,.2,1),filter .24s ease!important;
}

/* Expected Movies is not a dashboard block when there are no user choices. */
body.ofa-account-page #expected-movies:not(:has(.ofcs-card)){display:none!important}
body.ofa-account-page [data-ofa-jump-nav] a[hidden]{display:none!important}

/* Folder previews are small row thumbnails. The previous global stable-image
   rule absolutely positioned them against the section and created giant art. */
body.ofa-account-page #folders .ofa-folder-row__open{
  grid-template-columns:minmax(180px,1fr) 84px minmax(0,1.5fr)!important;
}
body.ofa-account-page #folders .ofa-folder-row__previews{
  display:flex!important;height:54px!important;min-width:0!important;align-items:center!important;gap:6px!important;overflow:hidden!important;
}
body.ofa-account-page #folders .ofa-folder-preview{
  position:relative!important;display:block!important;flex:0 0 92px!important;width:92px!important;min-width:92px!important;
  height:52px!important;min-height:52px!important;aspect-ratio:16/9!important;overflow:hidden!important;border-radius:5px!important;
}
body.ofa-account-page #folders .ofa-folder-preview img,
body.ofa-account-page #folders .ofa-folder-preview img.ofa-image--stable,
body.ofa-account-page #folders .ofa-folder-preview img.ofa-image--stable.is-loaded{
  position:static!important;inset:auto!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;
  border:0!important;border-radius:inherit!important;object-fit:cover!important;opacity:1!important;visibility:visible!important;transform:none!important;
}
body.ofa-account-page #folders .ofa-collection-panel[hidden]{display:none!important}

/* Expanded folders use the same seven-column 2:3 poster system as listings. */
body.ofa-account-page #folders .ofa-collection-panel .ofa-title-listing-grid{
  margin-top:16px!important;
}
body.ofa-account-page #folders .ofa-collection-panel .of-title-card-v2,
body.ofa-account-page #folders .ofa-collection-panel .of-title-card-v2__media{
  aspect-ratio:2/3!important;
}
body.ofa-account-page #folders .ofa-collection-panel .of-title-card-v2__poster{
  object-fit:cover!important;
}

/* For You gets the approved Soap2Day action skin instead of inherited
   legacy inline pills. The information control remains separate. */
body.ofa-account-page .ofa-recommendation-hero__actions>.ofa-card-actions--inline{
  position:relative!important;inset:auto!important;display:flex!important;min-height:36px!important;
  margin:0!important;padding:0!important;align-items:center!important;gap:5px!important;
  border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;
}
body.ofa-account-page .ofa-recommendation-hero__actions>.ofa-card-actions--inline::before{display:none!important;content:none!important}
body.ofa-account-page .ofa-recommendation-hero__actions>.ofa-card-actions--inline>.ofa-title-action{
  position:relative!important;box-sizing:border-box!important;display:inline-flex!important;flex:0 0 36px!important;
  width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;
  margin:0!important;padding:0!important;align-items:center!important;justify-content:center!important;
  border:0!important;border-radius:50%!important;background:rgba(3,8,10,.94)!important;
  color:rgba(247,252,252,.94)!important;box-shadow:0 6px 16px rgba(0,0,0,.48)!important;
  transform:none!important;filter:none!important;-webkit-backdrop-filter:blur(10px) saturate(118%)!important;
  backdrop-filter:blur(10px) saturate(118%)!important;transition:color .16s ease!important;
}
body.ofa-account-page .ofa-recommendation-hero__actions>.ofa-card-actions--inline>.ofa-title-action:is(:hover,:focus-visible){
  border:0!important;background:rgba(3,8,10,.94)!important;box-shadow:0 6px 16px rgba(0,0,0,.48)!important;
  transform:none!important;filter:none!important;
}
body.ofa-account-page .ofa-recommendation-hero__actions>.ofa-card-actions--inline .ofa-title-action__icon,
body.ofa-account-page .ofa-recommendation-hero__actions>.ofa-card-actions--inline .ofa-title-action__icon svg{
  display:block!important;width:18px!important;height:18px!important;min-width:18px!important;overflow:visible!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;
  stroke-linejoin:round!important;transform:none!important;
}
body.ofa-account-page .ofa-recommendation-hero__actions>.ofa-card-actions--inline .ofa-title-action__state-dot{display:none!important}
body.ofa-account-page .ofa-recommendation-hero__actions>.ofa-card-actions--inline .ofa-title-action__count{
  position:absolute!important;z-index:4!important;top:-5px!important;right:-6px!important;bottom:auto!important;left:auto!important;
  display:grid!important;box-sizing:border-box!important;width:auto!important;min-width:17px!important;height:17px!important;min-height:17px!important;
  margin:0!important;padding:0 4px!important;place-items:center!important;border:1px solid rgba(218,250,248,.26)!important;
  border-radius:999px!important;background:#071012!important;color:#f8ffff!important;box-shadow:0 3px 8px rgba(0,0,0,.5)!important;
  font:760 9px/15px Inter,Montserrat,Arial,sans-serif!important;text-align:center!important;text-shadow:none!important;
  transform:none!important;opacity:1!important;pointer-events:none!important;
}
body.ofa-account-page .ofa-recommendation-hero__actions>.ofa-card-actions--inline>.ofa-title-action[data-ofa-public-count="0"] .ofa-title-action__count,
body.ofa-account-page .ofa-recommendation-hero__actions>.ofa-card-actions--inline>.ofa-title-action.s2d26-count-zero .ofa-title-action__count{display:none!important}
body.ofa-account-page .ofa-recommendation-hero__actions>.ofa-card-actions--inline>.ofa-title-action--favorite.is-saved{color:#ff526b!important}
body.ofa-account-page .ofa-recommendation-hero__actions>.ofa-card-actions--inline>.ofa-title-action--notification.is-saved{color:#53e4de!important}
body.ofa-account-page .ofa-recommendation-hero__actions>.ofa-card-actions--inline>.ofa-title-action--favorite.is-saved .ofa-title-action__icon svg,
body.ofa-account-page .ofa-recommendation-hero__actions>.ofa-card-actions--inline>.ofa-title-action--notification.is-saved .ofa-bell-body{fill:currentColor!important}
body.ofa-account-page .ofa-recommendation-hero__actions>.ofa-card-actions--inline>.ofa-title-action .ofa-title-action__icon path{
  stroke-dasharray:72!important;stroke-dashoffset:0;
}
body.ofa-account-page .ofa-recommendation-hero__actions>.ofa-card-actions--inline>.ofa-title-action--favorite:not(.is-saved):is(:hover,:focus-visible){color:#ff526b!important}
body.ofa-account-page .ofa-recommendation-hero__actions>.ofa-card-actions--inline>.ofa-title-action--notification:not(.is-saved):is(:hover,:focus-visible){color:#53e4de!important}
body.ofa-account-page .ofa-recommendation-hero__actions>.ofa-card-actions--inline>.ofa-title-action--favorite:not(.is-saved):is(:hover,:focus-visible) .ofa-title-action__icon path{
  fill:transparent!important;stroke:#ff526b!important;animation:s2d26-card-action-draw 1.38s cubic-bezier(.2,.75,.2,1) both!important;
}
body.ofa-account-page .ofa-recommendation-hero__actions>.ofa-card-actions--inline>.ofa-title-action--notification:not(.is-saved):is(:hover,:focus-visible) .ofa-title-action__icon path{
  fill:transparent!important;stroke:#53e4de!important;animation:s2d26-card-action-draw 1.38s cubic-bezier(.2,.75,.2,1) both!important;
}
body.ofa-account-page .ofa-recommendation-hero__actions>.ofa-card-actions--inline>.ofa-title-action.is-saved:is(:hover,:focus-visible),
body.ofa-account-page .ofa-recommendation-hero__actions>.ofa-card-actions--inline>.ofa-title-action.is-saved:is(:hover,:focus-visible) :is(.ofa-title-action__icon,svg,path){
  animation:none!important;transition:none!important;transform:none!important;filter:none!important;stroke-dasharray:none!important;stroke-dashoffset:0!important;
}

/* Five URL-selectable account backgrounds. They replace the old violet
   account scenes and stay below every interactive cabinet element. */
body.ofa-account-page[data-ofa-account-bg]{
  --ofa-scene-base:#02090c!important;
  --ofa-scene-edge:rgba(0,4,6,.62)!important;
  --ofa-scene-veil:rgba(2,10,13,.46)!important;
  --ofa-scene-strength:1!important;
  isolation:isolate!important;
}
body.ofa-account-page .s2d26-account-backdrop{
  position:fixed!important;inset:0!important;display:block!important;overflow:hidden!important;
  pointer-events:none!important;user-select:none!important;contain:paint!important;
  background:var(--ofa-scene-base)!important;
}
body.ofa-account-page .s2d26-account-backdrop::after{
  content:""!important;position:absolute!important;z-index:4!important;inset:0!important;pointer-events:none!important;
  background:linear-gradient(90deg,var(--ofa-scene-edge),var(--ofa-scene-veil) 23% 77%,var(--ofa-scene-edge)),
             linear-gradient(0deg,var(--ofa-scene-edge),transparent 23% 74%,var(--ofa-scene-edge))!important;
}
body.ofa-account-page .s2d26-account-scene{position:absolute!important;inset:-4%!important;opacity:1!important;overflow:hidden!important}
body.ofa-account-page .s2d26-account-scene::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 15% 12%,rgba(34,231,236,.13),transparent 36%),
             radial-gradient(circle at 84% 76%,rgba(19,215,224,.12),transparent 42%);
}

/* 1 — Quiet Aurora: low-intensity translucent ribbons. */
body.ofa-account-page[data-ofa-account-bg="1"]{
  --ofa-scene-veil:rgba(2,10,13,.56)!important;--ofa-scene-edge:rgba(0,3,5,.74)!important;
}
.s2d26-account-scene--1 .s2d26-account-aurora{
  position:absolute;inset:-12%;width:124%;height:124%;max-width:none!important;overflow:visible!important;
  animation:s2d26-account-aurora-drift 34s ease-in-out infinite alternate;
}
.s2d26-account-scene--1 .s2d26-aurora-ribbon{
  fill:none;stroke:#22e7ec;stroke-width:54;opacity:.32;filter:blur(30px);
}
.s2d26-account-scene--1 .s2d26-aurora-ribbon--2{stroke:#13d7e0;stroke-width:66;opacity:.25}
.s2d26-account-scene--1 .s2d26-aurora-ribbon--3{stroke:#5cfbff;stroke-width:43;opacity:.21}
.s2d26-account-scene--1 .s2d26-aurora-core{
  fill:none;stroke:#8bffff;stroke-width:7;opacity:.25;filter:blur(5px);
}
.s2d26-account-scene--1 .s2d26-aurora-glow{
  position:absolute;width:70vmax;height:52vmax;border-radius:50%;filter:blur(46px);
  background:radial-gradient(ellipse,rgba(34,231,236,.15),transparent 67%);
  animation:s2d26-account-glow-drift 31s ease-in-out infinite alternate;
}
.s2d26-account-scene--1 .s2d26-aurora-glow--a{top:-28%;left:-24%}
.s2d26-account-scene--1 .s2d26-aurora-glow--b{right:-28%;bottom:-30%;animation-delay:-16s;animation-duration:39s}

/* 2 — Neon Aurora: narrower, brighter, higher-intensity ribbons. */
body.ofa-account-page[data-ofa-account-bg="2"]{
  --ofa-scene-veil:rgba(1,8,10,.35)!important;--ofa-scene-edge:rgba(0,2,4,.62)!important;
}
.s2d26-account-scene--2::before{
  background:radial-gradient(circle at 12% 18%,rgba(34,231,236,.3),transparent 35%),
             radial-gradient(circle at 86% 73%,rgba(92,251,255,.22),transparent 37%),
             linear-gradient(145deg,rgba(0,4,8,.84),rgba(1,18,25,.44),rgba(0,3,7,.9));
}
.s2d26-account-scene--2 .s2d26-account-aurora{
  position:absolute;inset:-14%;width:128%;height:128%;max-width:none!important;overflow:visible!important;
  animation:s2d26-account-aurora-drift-hot 22s ease-in-out infinite alternate;
}
.s2d26-account-scene--2 .s2d26-aurora-ribbon{
  fill:none;stroke:#22e7ec;stroke-width:46;opacity:.64;filter:blur(19px);
}
.s2d26-account-scene--2 .s2d26-aurora-ribbon--2{stroke:#5cfbff;stroke-width:58;opacity:.56}
.s2d26-account-scene--2 .s2d26-aurora-ribbon--3{stroke:#13d7e0;stroke-width:39;opacity:.58}
.s2d26-account-scene--2 .s2d26-aurora-ribbon--4{stroke:#05c8d2;stroke-width:33;opacity:.52}
.s2d26-account-scene--2 .s2d26-aurora-core{
  fill:none;stroke:#baffff;stroke-width:9;opacity:.69;filter:blur(4px);mix-blend-mode:screen;
}
.s2d26-account-scene--2 .s2d26-aurora-core--2{stroke:#72ffff;stroke-width:12}
.s2d26-account-scene--2 .s2d26-aurora-glow{
  position:absolute;width:64vmax;height:48vmax;border-radius:50%;filter:blur(36px);
  background:radial-gradient(ellipse,rgba(34,231,236,.27),transparent 65%);
  animation:s2d26-account-glow-drift 24s ease-in-out infinite alternate;
}
.s2d26-account-scene--2 .s2d26-aurora-glow--a{top:-25%;left:-17%}
.s2d26-account-scene--2 .s2d26-aurora-glow--b{right:-20%;bottom:-20%;animation-delay:-11s;animation-duration:29s}
@keyframes s2d26-account-aurora-drift{from{transform:translate(-5%,-5%) rotate(-5deg) scale(1.02)}to{transform:translate(7%,6%) rotate(7deg) scale(1.1)}}
@keyframes s2d26-account-aurora-drift-hot{from{transform:translate(-7%,-8%) rotate(-7deg) scale(1.03)}to{transform:translate(9%,8%) rotate(9deg) scale(1.13)}}
@keyframes s2d26-account-glow-drift{from{transform:translate(-8%,-5%) scale(.92)}to{transform:translate(16%,12%) scale(1.15)}}

/* 3 — Springfield Flight: small, translucent members of the yellow family
   drift behind the cabinet in different directions and depths. */
body.ofa-account-page[data-ofa-account-bg="3"]{
  --ofa-scene-base:#061218!important;--ofa-scene-veil:rgba(3,12,16,.66)!important;--ofa-scene-edge:rgba(0,4,7,.82)!important;
}
.s2d26-account-scene--3::before{
  background:radial-gradient(circle at 18% 20%,rgba(32,213,217,.2),transparent 35%),
             radial-gradient(circle at 76% 72%,rgba(16,161,164,.18),transparent 42%),
             linear-gradient(135deg,#061218,#0a2027 48%,#030b0e);
}
.s2d26-simpson-swarm{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.s2d26-simpson-flyer{
  position:absolute;top:var(--s2d-y);left:0;display:block;width:var(--s2d-size);height:auto;
  opacity:.2;filter:saturate(.86) drop-shadow(0 0 12px rgba(32,213,217,.25));
  animation:s2d26-simpson-flight var(--s2d-duration) linear var(--s2d-delay) infinite;will-change:transform;
}
.s2d26-simpson-flyer.is-reverse{animation-name:s2d26-simpson-flight-reverse}
.s2d26-simpson-flyer svg{display:block;width:100%;height:auto;overflow:visible}
.s2d26-simpson-skin{fill:#f5d744;stroke:#332f22;stroke-width:1.1}
.s2d26-simpson-eye{fill:#f8fbf5;stroke:#332f22;stroke-width:1}
.s2d26-simpson-pupil{fill:#172126}
.s2d26-simpson-line{fill:none;stroke:#332f22;stroke-width:1.4;stroke-linecap:round}
.s2d26-simpson-beard{fill:#d7bd72;stroke:#332f22;stroke-width:1}
.s2d26-simpson-shirt{fill:#f1f6f3;stroke:#253239;stroke-width:1}
.s2d26-simpson-shirt-alt{fill:#ef713b;stroke:#253239;stroke-width:1}
.s2d26-simpson-pants{fill:#318eb1;stroke:#253239;stroke-width:1}
.s2d26-simpson-hair{fill:#397dc2;stroke:#173e68;stroke-width:1}
.s2d26-simpson-dress{fill:#69b854;stroke:#274b2a;stroke-width:1}
.s2d26-simpson-dress-alt{fill:#e65955;stroke:#722d30;stroke-width:1}
.s2d26-simpson-necklace{fill:none;stroke:#ef5f55;stroke-width:3;stroke-linecap:round}
.s2d26-simpson-onesie{fill:#6ab5c9;stroke:#28566a;stroke-width:1}
.s2d26-simpson-pacifier{fill:#e95b63;stroke:#6d2936;stroke-width:1}
.s2d26-simpson-pacifier-core{fill:#62b4c2}
@keyframes s2d26-simpson-flight{
  0%{transform:translate3d(-15vw,0,0) rotate(-13deg) scale(.86)}
  48%{transform:translate3d(52vw,var(--s2d-drift),0) rotate(10deg) scale(1.04)}
  100%{transform:translate3d(118vw,0,0) rotate(-7deg) scale(.9)}
}
@keyframes s2d26-simpson-flight-reverse{
  0%{transform:translate3d(118vw,0,0) rotate(12deg) scale(.9)}
  52%{transform:translate3d(50vw,var(--s2d-drift),0) rotate(-11deg) scale(1.02)}
  100%{transform:translate3d(-15vw,0,0) rotate(8deg) scale(.86)}
}

/* 4 — Soap Matrix: dense turquoise number rain with varied depth and speed. */
body.ofa-account-page[data-ofa-account-bg="4"]{
  --ofa-scene-base:#000608!important;--ofa-scene-veil:rgba(0,8,11,.38)!important;--ofa-scene-edge:rgba(0,2,4,.72)!important;
}
.s2d26-account-scene--4::before{
  background:linear-gradient(rgba(34,231,236,.045) 1px,transparent 1px),
             linear-gradient(90deg,rgba(34,231,236,.035) 1px,transparent 1px),
             radial-gradient(circle at 50% 45%,rgba(19,215,224,.29),transparent 60%);
  background-size:30px 30px,30px 30px,auto;
}
.s2d26-matrix-rain{position:absolute;inset:-3% 0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(180deg,transparent,#000 4% 94%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 4% 94%,transparent)}
.s2d26-matrix-rain>i{
  position:absolute;top:-155vh;left:var(--s2d-x);display:block;margin:0;color:#22e7ec;
  font:700 var(--s2d-size)/1.12 "Roboto Mono",Consolas,monospace;letter-spacing:.045em;white-space:pre;text-align:center;
  opacity:var(--s2d-opacity);filter:blur(var(--s2d-blur));text-shadow:0 0 6px rgba(92,251,255,.98),0 0 18px rgba(34,231,236,.68),0 0 32px rgba(19,215,224,.28);
  animation:s2d26-matrix-fall var(--s2d-duration) linear var(--s2d-delay) infinite;will-change:transform;
}
.s2d26-matrix-rain>i.is-near{color:#5cfbff;font-weight:800;text-shadow:0 0 7px #8bffff,0 0 22px rgba(34,231,236,.9),0 0 42px rgba(19,215,224,.5)}
.s2d26-matrix-rain>i.is-far{color:#05c8d2;filter:blur(calc(var(--s2d-blur) + .35px))}
.s2d26-matrix-rain>i::first-line{color:#e8ffff;text-shadow:0 0 13px #8bffff,0 0 28px #22e7ec}
@keyframes s2d26-matrix-fall{from{transform:translate3d(0,-24vh,0)}to{transform:translate3d(0,285vh,0)}}

/* 5 — Dead Walk: a restrained teal zombie procession crossing the lower
   levels of the page, with brighter eyes and fog at the horizon. */
body.ofa-account-page[data-ofa-account-bg="5"]{
  --ofa-scene-base:#020809!important;--ofa-scene-veil:rgba(2,9,11,.7)!important;--ofa-scene-edge:rgba(0,2,3,.9)!important;
}
.s2d26-account-scene--5::before{
  background:linear-gradient(180deg,transparent 35%,rgba(8,35,36,.22) 70%,rgba(2,8,9,.72)),
             radial-gradient(ellipse at 50% 80%,rgba(32,213,217,.19),transparent 50%),
             radial-gradient(circle at 12% 22%,rgba(91,233,234,.09),transparent 33%);
}
.s2d26-zombie-horde{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.s2d26-zombie-horde::after{
  content:"";position:absolute;right:-10%;bottom:3%;left:-10%;height:30%;filter:blur(24px);
  background:linear-gradient(180deg,transparent,rgba(20,102,103,.12),rgba(0,4,5,.44));
}
.s2d26-zombie{
  position:absolute;z-index:1;top:var(--s2d-y);left:0;display:block;width:var(--s2d-size);height:auto;
  opacity:.24;filter:drop-shadow(0 0 12px rgba(32,213,217,.18));
  animation:s2d26-zombie-walk var(--s2d-duration) linear var(--s2d-delay) infinite;will-change:transform;
}
.s2d26-zombie.is-reverse{animation-name:s2d26-zombie-walk-reverse}
.s2d26-zombie svg{display:block;width:100%;height:auto;overflow:visible}
.s2d26-zombie-body{transform-box:fill-box;transform-origin:center;animation:s2d26-zombie-lurch 1.15s ease-in-out infinite alternate}
.s2d26-zombie-coat{fill:#07181b;stroke:#20aeb2;stroke-width:2}
.s2d26-zombie-head{fill:#153b3d;stroke:#4cdfe0;stroke-width:1.8}
.s2d26-zombie-arm,.s2d26-zombie-leg{fill:none;stroke:#26b7ba;stroke-width:7;stroke-linecap:round;transform-box:fill-box;transform-origin:center top}
.s2d26-zombie-arm--a{animation:s2d26-zombie-arm .85s ease-in-out infinite alternate}
.s2d26-zombie-arm--b{animation:s2d26-zombie-arm .85s ease-in-out -.42s infinite alternate-reverse}
.s2d26-zombie-leg--a{animation:s2d26-zombie-leg .7s ease-in-out infinite alternate}
.s2d26-zombie-leg--b{animation:s2d26-zombie-leg .7s ease-in-out -.35s infinite alternate-reverse}
.s2d26-zombie-eye{fill:#8fffff;filter:drop-shadow(0 0 3px #4ff)}
.s2d26-zombie-mouth{fill:none;stroke:#8de8e5;stroke-width:1.5;stroke-linecap:round}
@keyframes s2d26-zombie-walk{from{transform:translate3d(-16vw,0,0) scale(.9)}to{transform:translate3d(118vw,0,0) scale(1.02)}}
@keyframes s2d26-zombie-walk-reverse{from{transform:translate3d(118vw,0,0) scaleX(-1) scale(.92)}to{transform:translate3d(-16vw,0,0) scaleX(-1) scale(1.02)}}
@keyframes s2d26-zombie-lurch{from{translate:0 -2px;rotate:-2deg}to{translate:0 3px;rotate:3deg}}
@keyframes s2d26-zombie-arm{from{rotate:-13deg}to{rotate:16deg}}
@keyframes s2d26-zombie-leg{from{rotate:-8deg}to{rotate:10deg}}

html:not(.night-mode):not([data-theme="dark"]) body:not(.dark-mode).ofa-account-page[data-ofa-account-bg]{
  --ofa-scene-base:#edf9f9!important;--ofa-scene-edge:rgba(235,248,248,.48)!important;--ofa-scene-veil:rgba(244,252,252,.66)!important;
}
html:not(.night-mode):not([data-theme="dark"]) body:not(.dark-mode).ofa-account-page .s2d26-account-scene{opacity:.66!important}
html:not(.night-mode):not([data-theme="dark"]) body:not(.dark-mode).ofa-account-page .s2d26-simpson-flyer{opacity:.14}
html:not(.night-mode):not([data-theme="dark"]) body:not(.dark-mode).ofa-account-page .s2d26-zombie{opacity:.15}
html:not(.night-mode):not([data-theme="dark"]) body:not(.dark-mode).ofa-account-page .s2d26-matrix-rain>i{color:#0b8f95;text-shadow:0 0 7px rgba(32,213,217,.42)}

@media(max-width:767.98px){
  body.ofa-account-page[data-ofa-account-bg]{--ofa-scene-veil:rgba(2,10,13,.62)!important}
  .s2d26-simpson-flyer:nth-child(n+9),.s2d26-zombie:nth-child(n+9),.s2d26-matrix-rain>i:nth-child(3n){display:none!important}
  .s2d26-account-scene--1 .s2d26-aurora-ribbon{filter:blur(22px);stroke-width:44}
  .s2d26-account-scene--2 .s2d26-aurora-ribbon{filter:blur(15px);stroke-width:36}
}
@media(prefers-reduced-motion:reduce){
  .s2d26-simpson-flyer,.s2d26-zombie{display:none!important}
  .s2d26-matrix-rain>i{top:0!important;animation:none!important;transform:none!important}
}

/* Account quote lab: three production-ready presentations selected with
   ?s2d_theme_probe=1&s2d_account_quote=1..3. */
body.ofa-account-page .ofa-cinema-quote{
  --s2d26-quote-ink:#17262c;--s2d26-quote-muted:#5d6d73;--s2d26-quote-line:rgba(18,190,195,.5);
  position:relative!important;box-sizing:border-box!important;width:min(100%,920px)!important;max-width:920px!important;
  min-height:118px!important;margin:28px auto 34px!important;padding:24px 42px!important;color:var(--s2d26-quote-ink)!important;
  text-align:center!important;overflow:hidden!important;
}
html.night-mode body.ofa-account-page .ofa-cinema-quote,
html[data-theme="dark"] body.ofa-account-page .ofa-cinema-quote,
body.night-mode.ofa-account-page .ofa-cinema-quote{
  --s2d26-quote-ink:#edf9f8;--s2d26-quote-muted:#9fb3b6;--s2d26-quote-line:rgba(75,225,226,.58);
}
body.ofa-account-page .ofa-cinema-quote blockquote{display:block!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
body.ofa-account-page .ofa-cinema-quote blockquote p{
  margin:0!important;color:var(--s2d26-quote-ink)!important;font:500 clamp(18px,1.55vw,25px)/1.42 Georgia,"Times New Roman",serif!important;
  letter-spacing:-.012em!important;text-wrap:balance!important;
}
body.ofa-account-page .ofa-cinema-quote figcaption{
  margin-top:14px!important;color:var(--s2d26-quote-muted)!important;font:700 10px/1.3 Inter,Montserrat,Arial,sans-serif!important;
  letter-spacing:.15em!important;text-transform:uppercase!important;
}
body.ofa-account-page .ofa-cinema-quote figcaption a{color:inherit!important;text-decoration:none!important}
body.ofa-account-page .ofa-cinema-quote figcaption a[href]:is(:hover,:focus-visible){color:#12bec3!important}
body.ofa-account-page .ofa-cinema-quote__mark{position:absolute!important;pointer-events:none!important}

/* Variant 1 — editorial horizon. */
body.ofa-account-page.s2d26-account-quote-v1 .ofa-cinema-quote{padding-top:30px!important}
body.ofa-account-page.s2d26-account-quote-v1 .ofa-cinema-quote::before{
  content:""!important;position:absolute!important;top:0!important;left:50%!important;width:clamp(92px,16vw,176px)!important;height:2px!important;
  background:linear-gradient(90deg,transparent,#19d5d9 28%,#78f3f1 50%,#19d5d9 72%,transparent)!important;
  box-shadow:0 0 18px rgba(32,213,217,.35)!important;transform:translateX(-50%)!important;
}
body.ofa-account-page.s2d26-account-quote-v1 .ofa-cinema-quote__mark{
  top:8px!important;left:50%!important;color:#20d5d9!important;font:700 30px/1 Georgia,serif!important;opacity:.5!important;transform:translateX(-50%)!important;
}

/* Variant 2 — compact cinematic glass. */
body.ofa-account-page.s2d26-account-quote-v2 .ofa-cinema-quote{
  width:min(100%,980px)!important;padding:27px 72px 25px!important;border:1px solid rgba(32,213,217,.17)!important;border-radius:16px!important;
  background:linear-gradient(135deg,rgba(32,213,217,.075),rgba(14,24,29,.025) 45%,rgba(32,213,217,.055))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 20px 58px rgba(0,0,0,.08)!important;
  -webkit-backdrop-filter:blur(16px) saturate(116%)!important;backdrop-filter:blur(16px) saturate(116%)!important;
}
body.ofa-account-page.s2d26-account-quote-v2 .ofa-cinema-quote::after{
  content:""!important;position:absolute!important;right:18px!important;bottom:16px!important;width:34px!important;height:34px!important;
  border-right:2px solid rgba(32,213,217,.64)!important;border-bottom:2px solid rgba(32,213,217,.64)!important;border-radius:0 0 8px 0!important;
}
body.ofa-account-page.s2d26-account-quote-v2 .ofa-cinema-quote__mark{
  top:16px!important;left:21px!important;color:#20d5d9!important;font:700 58px/.9 Georgia,serif!important;opacity:.72!important;
}

/* Variant 3 — typographic rail. */
body.ofa-account-page.s2d26-account-quote-v3 .ofa-cinema-quote{
  width:min(100%,1000px)!important;min-height:136px!important;padding:24px 48px 24px 88px!important;text-align:left!important;
}
body.ofa-account-page.s2d26-account-quote-v3 .ofa-cinema-quote::before{
  content:""!important;position:absolute!important;top:16px!important;bottom:16px!important;left:58px!important;width:2px!important;
  background:linear-gradient(180deg,transparent,#20d5d9 18%,#20d5d9 82%,transparent)!important;box-shadow:0 0 15px rgba(32,213,217,.34)!important;
}
body.ofa-account-page.s2d26-account-quote-v3 .ofa-cinema-quote__mark{
  top:29px!important;left:8px!important;width:38px!important;color:#20d5d9!important;font:700 70px/.8 Georgia,serif!important;text-align:center!important;opacity:.8!important;
}
body.ofa-account-page.s2d26-account-quote-v3 .ofa-cinema-quote figcaption{text-align:right!important}

/* No hover-induced movement for any account control. */
body.ofa-account-page :is(.ofa-title-action,.ofa-listing-item__remove,.ofa-media-card__remove):is(:hover,:focus-visible){transform:none!important}

/* Soap2Day surfaces and controls inside the account cabinet. */
body.ofa-account-page #profile-settings>.ofa-card{
  border:1px solid rgba(34,231,236,.2)!important;
  background:linear-gradient(135deg,rgba(7,34,40,.78),rgba(2,14,19,.58))!important;
  box-shadow:inset 0 1px 0 rgba(139,255,255,.08),0 18px 48px rgba(0,4,7,.22)!important;
  -webkit-backdrop-filter:blur(18px) saturate(128%)!important;
  backdrop-filter:blur(18px) saturate(128%)!important;
}
html:not(.night-mode):not([data-theme="dark"]) body:not(.dark-mode).ofa-account-page #profile-settings>.ofa-card{
  border-color:rgba(5,200,210,.24)!important;
  background:linear-gradient(135deg,rgba(226,253,254,.8),rgba(244,255,255,.64))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 18px 44px rgba(4,85,91,.1)!important;
}
body.ofa-account-page .ofa-account-jump-nav a:is(:hover,:focus-visible,.is-active){
  border-bottom-color:#22e7ec!important;color:#f3ffff!important;
}
body.ofa-account-page .ofa-account-jump-nav a:focus-visible{box-shadow:0 2px 0 #22e7ec!important}
html:not(.night-mode):not([data-theme="dark"]) body:not(.dark-mode).ofa-account-page .ofa-account-jump-nav a:is(:hover,:focus-visible,.is-active){color:#07363a!important}
body.ofa-account-page [data-ofa-collection-create] button{
  color:#22e7ec!important;border-color:transparent!important;background:rgba(34,231,236,.045)!important;
}
body.ofa-account-page [data-ofa-collection-create] button:is(:hover,:focus,:focus-visible){
  color:#001012!important;background:#22e7ec!important;box-shadow:0 0 24px rgba(34,231,236,.24)!important;transform:none!important;
}
html:not(.night-mode):not([data-theme="dark"]) body:not(.dark-mode).ofa-account-page [data-ofa-collection-create] button{color:#078e96!important;background:rgba(5,200,210,.07)!important}
html:not(.night-mode):not([data-theme="dark"]) body:not(.dark-mode).ofa-account-page [data-ofa-collection-create] button:is(:hover,:focus,:focus-visible){color:#001012!important;background:#22e7ec!important}

@media(max-width:1320px){
  body.ofa-account-page .plain-text-container,
  body.ofa-account-page-layout-1 .plain-text-container,
  body.ofa-account-page-layout-2 .plain-text-container,
  body.ofa-account-page-layout-3 .plain-text-container{width:calc(100% - 28px)!important;margin-right:14px!important;margin-left:14px!important}
}
@media(max-width:991px){
  body.ofa-account-page .plain-text-container,
  body.ofa-account-page-layout-1 .plain-text-container,
  body.ofa-account-page-layout-2 .plain-text-container,
  body.ofa-account-page-layout-3 .plain-text-container{width:calc(100% - 24px)!important;margin-right:12px!important;margin-left:12px!important}
  body.ofa-account-page :is(#favorites,#continue-watching,#ratings,#history) .ofa-listing-item,
  body.ofa-account-page #folders .ofa-collection-panel .ofa-listing-item{
    flex-basis:calc((100% - (3 * var(--s2d26-account-card-gap))) / 4)!important;
    width:calc((100% - (3 * var(--s2d26-account-card-gap))) / 4)!important;
  }
  body.ofa-account-page #following .ofa-following-card{
    flex-basis:calc((100% - var(--s2d26-following-gap)) / 2)!important;
    width:calc((100% - var(--s2d26-following-gap)) / 2)!important;
  }
}
@media(max-width:760px){
  body.ofa-account-page :is(#favorites,#continue-watching,#ratings,#history) .ofa-listing-item,
  body.ofa-account-page #folders .ofa-collection-panel .ofa-listing-item{
    flex-basis:calc((100% - (2 * var(--s2d26-account-card-gap))) / 3)!important;
    width:calc((100% - (2 * var(--s2d26-account-card-gap))) / 3)!important;
  }
  body.ofa-account-page #folders .ofa-folder-table__head{display:none!important}
  body.ofa-account-page #folders .ofa-folder-row__open{
    grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;
    gap:7px 12px!important;min-height:96px!important;padding:12px 7px!important;
  }
  body.ofa-account-page #folders .ofa-folder-row__previews{grid-column:1/-1!important;height:46px!important}
  body.ofa-account-page #folders .ofa-folder-preview{flex-basis:80px!important;width:80px!important;min-width:80px!important;height:45px!important;min-height:45px!important}
}
@media(max-width:620px){
  body.ofa-account-page :is(#favorites,#continue-watching,#ratings,#history) .ofa-title-listing-grid,
  body.ofa-account-page #folders .ofa-collection-panel .ofa-title-listing-grid{--s2d26-account-card-gap:10px;gap:16px var(--s2d26-account-card-gap)!important}
  body.ofa-account-page :is(#favorites,#continue-watching,#ratings,#history) .ofa-listing-item,
  body.ofa-account-page #folders .ofa-collection-panel .ofa-listing-item{
    flex-basis:calc((100% - var(--s2d26-account-card-gap)) / 2)!important;
    width:calc((100% - var(--s2d26-account-card-gap)) / 2)!important;
  }
  body.ofa-account-page #following .ofa-following-card,
  body.ofa-account-page #expected-movies .ofcs-card{flex-basis:100%!important;width:100%!important;max-width:none!important}
}
@media(max-width:760px){
  body.ofa-account-page .ofa-cinema-quote{min-height:0!important;margin:22px auto 28px!important;padding:22px 22px!important}
  body.ofa-account-page .ofa-cinema-quote blockquote p{font-size:17px!important;line-height:1.42!important}
  body.ofa-account-page.s2d26-account-quote-v2 .ofa-cinema-quote{padding:24px 34px 22px 48px!important;border-radius:13px!important}
  body.ofa-account-page.s2d26-account-quote-v2 .ofa-cinema-quote__mark{top:16px!important;left:13px!important;font-size:44px!important}
  body.ofa-account-page.s2d26-account-quote-v3 .ofa-cinema-quote{padding:19px 10px 20px 48px!important}
  body.ofa-account-page.s2d26-account-quote-v3 .ofa-cinema-quote::before{left:35px!important}
  body.ofa-account-page.s2d26-account-quote-v3 .ofa-cinema-quote__mark{top:23px!important;left:0!important;font-size:48px!important}
}

/* S2D_MOBILE_TV_ACCOUNT_SURFACE_FIX_20260916
 * The public /account/ page is a normal WordPress Page now. PsyPlay's generic
 * page.php therefore wraps the approved account application in an opaque
 * .infopage surface. Make only that legacy shell transparent and keep the
 * previously approved account background, quote, navigation and cards. */

body.ofa-account-page #main.page-detail,
body.ofa-account-page #main.page-detail > .container,
body.ofa-account-page #main.page-detail > .container > .main-content,
body.ofa-account-page #main.page-detail .infopage,
body.ofa-account-page #main.page-detail .infopage > .content,
body.ofa-account-page #main.page-detail .plain-text-container,
body.ofa-account-page #main.page-detail .plain-text-entry,
body.ofa-account-page #main.page-detail .plain-text-entry > .entry-content {
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

body.ofa-account-page #main.page-detail > .container > .main-content {
  float:none!important;
  width:100%!important;
  max-width:none!important;
}

body.ofa-account-page #main.page-detail .infopage {
  margin:0!important;
  padding:0!important;
}

body.ofa-account-page #main.page-detail .infopage > .content {
  padding:0!important;
}

/* Keep the legacy title and breadcrumbs semantic but visually absent, matching
 * the approved account template that was used during preview testing. */
body.ofa-account-page #main.page-detail :is(
  #bread,
  .breadcrumb,
  .breadcrumbs-wrapper,
  .breadcrumbs,
  .infopage-head,
  .plain-text-entry > .entry-title
) {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  border:0!important;
  white-space:nowrap!important;
}

/* Generic page styles sometimes paint one more anonymous content wrapper. */
html:not(.night-mode):not([data-theme="dark"])
body.ofa-account-page #main.page-detail :is(.infopage,.infopage > .content),
html.night-mode body.ofa-account-page #main.page-detail :is(.infopage,.infopage > .content),
html[data-theme="dark"] body.ofa-account-page #main.page-detail :is(.infopage,.infopage > .content) {
  background:transparent!important;
  background-image:none!important;
}