body.ofcs-page-view{isolation:isolate;--ofcs-scene-base:#090d19;--ofcs-scene-veil:rgba(9,13,25,.6);--ofcs-scene-edge:rgba(9,13,25,.16);--ofcs-scene-strength:.8;background:var(--ofcs-scene-base)!important}
html:not(.dark-mode) body.ofcs-page-view{--ofcs-scene-base:#f4f6fd;--ofcs-scene-veil:rgba(244,246,253,.72);--ofcs-scene-edge:rgba(244,246,253,.12);--ofcs-scene-strength:.47}
body.ofcs-page-view .of-parallax-bg{display:none!important}
body.ofcs-page-view #page,body.ofcs-page-view #primary,body.ofcs-page-view #content,body.ofcs-page-view .site-content,body.ofcs-page-view .plain-text-container{background:transparent!important}

/* Cinema Lights — the selected account-page background effect. */
.ofcs-backdrop{position:fixed;inset:0;z-index:-1;display:block;overflow:hidden;pointer-events:none!important;user-select:none;contain:paint;background:var(--ofcs-scene-base,#090d19)}
.ofcs-backdrop::after{position:absolute;inset:0;background:linear-gradient(90deg,var(--ofcs-scene-edge),var(--ofcs-scene-veil) 30% 70%,var(--ofcs-scene-edge)),linear-gradient(0deg,var(--ofcs-scene-edge),transparent 25% 75%,var(--ofcs-scene-edge));content:"";pointer-events:none}
.ofcs-backdrop-scene{position:absolute;inset:-6%;opacity:var(--ofcs-scene-strength,.8);pointer-events:none}
.ofcs-backdrop-scene>i{display:block;position:absolute;border-radius:50%;font-style:normal;pointer-events:none}
.ofcs-page-orb{width:120%;height:150%;top:-20%;left:-10%;border-radius:0!important;transform-origin:8% 0;background:conic-gradient(from 110deg at 8% 0%,transparent 0deg,#bd865c55 16deg,#d5b58999 25deg,transparent 43deg);filter:blur(18px);animation:ofcs-projector 24s ease-in-out infinite alternate}
.ofcs-page-orb--b{transform-origin:92% 0;background:conic-gradient(from 175deg at 92% 0,transparent 0deg,#6789b66b 19deg,#6c79b955 25deg,transparent 46deg);animation-delay:-13s;animation-duration:31s}
.ofcs-page-orb--c{width:min(80vmax,1000px);height:min(70vmax,900px);top:45%;left:25%;border-radius:50%!important;background:radial-gradient(ellipse,#8c644640,transparent 67%);filter:none;animation:ofcs-cloud 32s ease-in-out infinite alternate}
@keyframes ofcs-projector{from{transform:rotate(-16deg)}to{transform:rotate(18deg)}}
@keyframes ofcs-cloud{from{transform:translate(-7%,-4%) scale(.9)}to{transform:translate(19%,16%) scale(1.12)}}

/* Glass production layout. */
.ofcs-page{--ofcs-line:rgba(210,220,241,.18);--ofcs-muted:#9ba8bd;position:relative;width:min(1240px,calc(100% - 40px));margin:0 auto;padding:112px 0 80px;color:#edf2fa;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.ofcs-intro{max-width:720px;margin:0 auto 58px;text-align:center}.ofcs-intro h1{margin:0 0 15px!important;padding:0!important;border:0!important;color:#fff;font-size:clamp(42px,6vw,76px);font-weight:760;letter-spacing:-.058em;line-height:.94;text-decoration:none!important}.ofcs-intro h1::before,.ofcs-intro h1::after{display:none!important;width:0!important;height:0!important;border:0!important;background:none!important;content:none!important}.ofcs-intro p{max-width:660px;margin:0 auto;color:var(--ofcs-muted);font-size:15px;line-height:1.65}
.ofcs-date-group{position:relative;margin:0 0 46px;scroll-margin-top:90px}.ofcs-date-group::before,.ofcs-date-group::after{display:none!important;content:none!important}.ofcs-date-group>h2{position:relative;display:block;margin:0 0 18px!important;padding:0!important;border:0!important;color:#f7f9ff;font-size:20px!important;font-weight:760;line-height:1.25;letter-spacing:-.015em;text-align:center}.ofcs-date-group>h2::before,.ofcs-date-group>h2::after{display:none!important;width:0!important;height:0!important;border:0!important;background:none!important;content:none!important}
.ofcs-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;overflow:visible;border:0!important;background:none!important;box-shadow:none!important}
.ofcs-card{position:relative;display:grid;grid-template-columns:135px minmax(0,1fr) auto;align-items:center;gap:20px;min-width:0;min-height:235px;padding:16px;border:1px solid var(--ofcs-line);border-radius:22px;background:linear-gradient(135deg,rgba(28,39,61,.7),rgba(17,23,41,.45));box-shadow:inset 0 1px rgba(255,255,255,.06),0 22px 50px rgba(4,7,16,.16);backdrop-filter:blur(22px) saturate(125%)}
.ofcs-card::before,.ofcs-card::after{display:none!important;content:none!important}.ofcs-poster{position:relative;overflow:hidden;width:135px;aspect-ratio:2/3;border-radius:15px;background:linear-gradient(145deg,#172239,#080d19);box-shadow:0 10px 30px rgba(0,0,0,.32)}.ofcs-poster img{display:block;width:100%;height:100%;object-fit:cover}.ofcs-poster>span{position:absolute;inset:0;display:grid;place-items:center;color:#69758a;font-size:7px;letter-spacing:.12em;transform:rotate(-90deg)}
.ofcs-copy{position:relative;min-width:0}.ofcs-copy h3{margin:0 0 8px;color:#f7f9ff;font-size:16px;font-weight:760;line-height:1.28}.ofcs-copy p{margin:0}.ofcs-genres{overflow:hidden;color:#cbd5e4!important;font-size:12px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap;opacity:1!important}.ofcs-stars{display:-webkit-box;overflow:hidden;margin-top:8px!important;color:#bdc9da!important;font-size:11px;line-height:1.48;opacity:1!important;-webkit-box-orient:vertical;-webkit-line-clamp:3}.ofcs-stars span{color:#edf2fa!important;font-weight:700}
.ofcs-actions{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px}.ofcs-action-stat{display:contents}.ofcs-actions .ofa-title-action{margin:0!important}.ofcs-page .ofcs-action-stat{display:grid;grid-template-columns:42px minmax(19px,auto);align-items:center;gap:1px}.ofcs-action-count{display:block;min-width:19px;color:#8e9bb0;font-size:11px;font-weight:700;line-height:1;text-align:left;font-variant-numeric:tabular-nums;white-space:nowrap}.ofcs-page .ofcs-action-stat:hover .ofcs-action-count{color:#c2ccdb}html:not(.dark-mode) .ofcs-action-count{color:#697589}html:not(.dark-mode) .ofcs-page .ofcs-action-stat:hover .ofcs-action-count{color:#25334a}
.ofcs-status{position:fixed;z-index:2147480000;left:50%;bottom:26px;padding:10px 14px;border-radius:8px;background:#111827;color:#fff;font-size:12px;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:.2s}.ofcs-status.is-visible{opacity:1;transform:translate(-50%,0)}.ofcs-status.is-success{border-left:3px solid #36d68a}.ofcs-status.is-error{border-left:3px solid #ff526b}.ofcs-empty{padding:50px 20px;border:1px solid var(--ofcs-line);color:var(--ofcs-muted);text-align:center}

/* The account section deliberately reuses the production calendar cards. */
.ofcs-account-root{--ofcs-line:rgba(210,220,241,.18);--ofcs-muted:#9ba8bd;position:relative;margin-top:20px;color:#edf2fa;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.ofcs-account-root .ofcs-date-group:last-child{margin-bottom:0}.ofcs-account-root .ofcs-empty{border-color:var(--ofcs-line)}.ofcs-account-root .ofcs-card{transition:opacity .36s ease,transform .36s ease}.ofcs-account-root .ofcs-card.is-ofcs-removing{opacity:0;transform:scale(.97) translateY(-5px);pointer-events:none}html:not(.dark-mode) .ofcs-account-root{--ofcs-line:rgba(80,99,130,.15);--ofcs-muted:#667085;color:#172033}html:not(.dark-mode) .ofcs-account-root .ofcs-date-group>h2,html:not(.dark-mode) .ofcs-account-root .ofcs-copy h3{color:#111827}html:not(.dark-mode) .ofcs-account-root .ofcs-card{border-color:rgba(80,99,130,.15);background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(247,248,253,.55));box-shadow:inset 0 1px rgba(255,255,255,.65),0 22px 50px rgba(38,48,73,.1)}html:not(.dark-mode) .ofcs-account-root .ofcs-genres{color:#465267!important}html:not(.dark-mode) .ofcs-account-root .ofcs-stars{color:#596579!important}html:not(.dark-mode) .ofcs-account-root .ofcs-stars span{color:#303c50!important}
.ofcs-account-root .ofa-title-action.ofa-title-action--favorite{color:#ff526b!important}.ofcs-account-root .ofa-title-action.ofa-title-action--favorite.is-saved{color:#ff2448!important}.ofcs-account-root .ofa-title-action.ofa-title-action--favorite.is-saved .ofa-title-action__icon svg{fill:currentColor!important;stroke:currentColor!important}

/* Compact public-counter placement previews shared with title and hero controls. */
body[class*="ofa-counts-skin-"] :is(.ofcs-page,.ofcs-account-root) .ofcs-action-stat{position:relative;display:block;width:42px;min-width:42px}
body[class*="ofa-counts-skin-"] :is(.ofcs-page,.ofcs-account-root) .ofcs-action-count{position:absolute;z-index:4;display:block;min-width:0;margin:0;padding:0;color:#aeb9ca!important;font-size:8px;font-weight:700;line-height:1;letter-spacing:-.01em;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.92);white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums}
body.ofa-counts-skin-1 :is(.ofcs-page,.ofcs-account-root) .ofcs-action-count{top:2px;right:2px;transform:translate(30%,-14%)}
body.ofa-counts-skin-2 :is(.ofcs-page,.ofcs-account-root) .ofcs-action-count{top:50%;right:0;transform:translate(55%,-50%)}
body.ofa-counts-skin-3 :is(.ofcs-page,.ofcs-account-root) .ofcs-action-count{right:50%;bottom:1px;transform:translate(50%,65%)}
html:not(.dark-mode) body[class*="ofa-counts-skin-"] :is(.ofcs-page,.ofcs-account-root) .ofcs-action-count{color:#657084!important;text-shadow:0 1px 2px rgba(255,255,255,.9)}

/* Reuse the theme's Featured Movies Load More button without restyling it. */
.ofcs-more-wrap[hidden]{display:none!important}.ofcs-more:disabled{cursor:wait!important}

html:not(.dark-mode) body.ofcs-page-view .ofcs-page{--ofcs-line:rgba(80,99,130,.15);--ofcs-muted:#667085;color:#172033}
html:not(.dark-mode) body.ofcs-page-view .ofcs-intro h1,html:not(.dark-mode) body.ofcs-page-view .ofcs-date-group>h2,html:not(.dark-mode) body.ofcs-page-view .ofcs-copy h3{color:#111827}
html:not(.dark-mode) body.ofcs-page-view .ofcs-card{border-color:rgba(80,99,130,.15);background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(247,248,253,.55));box-shadow:inset 0 1px rgba(255,255,255,.65),0 22px 50px rgba(38,48,73,.1)}
html:not(.dark-mode) body.ofcs-page-view .ofcs-genres{color:#465267!important}html:not(.dark-mode) body.ofcs-page-view .ofcs-stars{color:#596579!important}html:not(.dark-mode) body.ofcs-page-view .ofcs-stars span{color:#303c50!important}

@supports(animation-timeline:scroll()){.ofcs-backdrop-scene{animation:ofcs-scroll-depth linear both;animation-timeline:scroll(root block)}@keyframes ofcs-scroll-depth{from{translate:0 -2%}to{translate:0 2%}}}
.ofcs-backdrop[data-paused="1"] *{animation-play-state:paused!important}

@media(max-width:980px){.ofcs-list{grid-template-columns:1fr}.ofcs-card{grid-template-columns:135px minmax(0,1fr) auto}}
@media(max-width:700px){body.ofcs-page-view{--ofcs-scene-strength:.64;--ofcs-scene-veil:rgba(9,13,25,.68)}html:not(.dark-mode) body.ofcs-page-view{--ofcs-scene-strength:.4;--ofcs-scene-veil:rgba(244,246,253,.76)}.ofcs-page-orb{filter:blur(10px)}.ofcs-page-orb--c{filter:none}
  .ofcs-page{width:min(100% - 20px,1240px);padding:88px 0 58px}.ofcs-intro{margin-bottom:42px}.ofcs-intro h1{font-size:clamp(40px,14vw,62px)}.ofcs-intro p{font-size:13px}.ofcs-date-group{margin-bottom:36px}.ofcs-date-group>h2{margin-bottom:14px!important;font-size:20px!important}
  .ofcs-card{grid-template-columns:107px minmax(0,1fr);gap:12px;min-height:181px;padding:10px;border-radius:16px}.ofcs-poster{width:107px;border-radius:11px}.ofcs-copy{align-self:center;padding:0 0 40px}.ofcs-copy h3{margin-bottom:5px;font-size:13px}.ofcs-genres{font-size:10px}.ofcs-stars{margin-top:5px!important;font-size:9px;-webkit-line-clamp:2}.ofcs-actions{position:absolute;right:8px;bottom:8px;flex-direction:row;gap:0}.ofcs-page .ofcs-action-stat{grid-template-columns:36px minmax(17px,auto);gap:0}.ofcs-actions .ofa-title-action{width:36px!important;min-width:36px!important;max-width:36px!important;height:38px!important;min-height:38px!important}.ofcs-action-count{min-width:17px;font-size:10px}.ofcs-actions .ofa-title-action__icon svg{width:19px;height:19px}}
@media(prefers-reduced-motion:reduce){.ofcs-backdrop *{animation:none!important;transition:none!important}.ofcs-card{transition:none!important}}
@media print{.ofcs-backdrop{display:none!important}}

/* 1.7.1 — keep compact counters centred and crisp at every breakpoint. */
body.ofa-counts-skin-3 :is(.ofcs-page,.ofcs-account-root) .ofcs-action-count{
  right:auto!important;bottom:2px!important;left:50%!important;top:auto!important;
  transform:translateX(-50%)!important;
  color:rgba(247,249,253,.94)!important;font-size:8px!important;font-weight:800!important;
  opacity:1!important;filter:none!important;mix-blend-mode:normal!important;text-shadow:none!important;
  -webkit-font-smoothing:antialiased!important;
}
body.ofa-counts-skin-3 :is(.ofcs-page,.ofcs-account-root) .ofcs-action-stat{
  width:42px!important;min-width:42px!important;
}
body.ofa-counts-skin-3 :is(.ofcs-page,.ofcs-account-root) .ofcs-actions .ofa-title-action__icon{
  transform:translateY(-3px);
}
html:not(.dark-mode) body.ofa-counts-skin-3 :is(.ofcs-page,.ofcs-account-root) .ofcs-action-count{
  color:#20283a!important;opacity:1!important;filter:none!important;text-shadow:none!important;
}
@media(max-width:700px){
  body.ofa-counts-skin-3 :is(.ofcs-page,.ofcs-account-root) .ofcs-action-stat{
    width:36px!important;min-width:36px!important;
  }
}

/* 1.7.2 — contain the mobile canvas, tighten the intro and share one action centre. */
body.ofcs-page-view .ofcs-page,
body.ofcs-page-view .ofcs-list,
body.ofcs-page-view .ofcs-card{
  max-width:100%;
}
body.ofcs-page-view .ofcs-page{
  width:min(1240px,calc(100% - 40px));
  padding-top:80px;
}
body.ofa-counts-skin-3 :is(.ofcs-page,.ofcs-account-root) .ofcs-action-stat{
  position:relative!important;
}
body.ofa-counts-skin-3 :is(.ofcs-page,.ofcs-account-root) .ofcs-actions .ofa-title-action{
  display:grid!important;
  padding:0!important;
  place-items:center!important;
}
body.ofa-counts-skin-3 :is(.ofcs-page,.ofcs-account-root) .ofcs-action-count{
  right:0!important;
  bottom:1px!important;
  left:0!important;
  width:100%!important;
  min-width:100%!important;
  transform:none!important;
  text-align:center!important;
}
@media(max-width:700px){
  body.ofcs-page-view .ofcs-page{
    width:calc(100% - 20px);
    padding-top:54px;
  }
  body.ofcs-page-view .ofcs-intro{margin-bottom:38px}

  /* 1.7.6 — override the account component's mobile flex alignment on this page. */
  body.ofcs-page-view .ofcs-page .ofcs-actions .ofa-title-action{
    justify-content:center!important;
    align-content:center!important;
  }
}