#bahasa-premium .motion-managed-host{--motion-x:0px;--motion-y:0px;--motion-rx:0deg;--motion-ry:0deg;--motion-scale:1.07;--motion-perspective:1000px}
#bahasa-premium video.motion-managed-video[data-motion-background][data-motion-managed],#bahasa-premium .motion-managed-host .motion-poster-layer{position:absolute;inset:-16px;width:calc(100% + 32px);height:calc(100% + 32px);object-fit:cover;object-position:center;pointer-events:none;transform:perspective(var(--motion-perspective)) translate3d(var(--motion-x),var(--motion-y),0) rotateX(var(--motion-rx)) rotateY(var(--motion-ry)) scale(var(--motion-scale));transform-origin:center;backface-visibility:hidden}
#bahasa-premium video.motion-managed-video[data-motion-background][data-motion-managed]{opacity:0;transition:opacity .85s cubic-bezier(.2,.65,.3,1);background:transparent}
#bahasa-premium video.motion-managed-video[data-motion-background][data-motion-managed].is-motion-ready{opacity:1}
#bahasa-premium .motion-poster-layer{background-position:center;background-size:cover;background-repeat:no-repeat}
#bahasa-premium .br-story-hero .motion-poster-layer{z-index:-1;background-position:center 46%}
#bahasa-premium .br-story-hero video.motion-managed-video[data-motion-background][data-motion-managed]{object-position:center 46%}
#bahasa-premium .voc-studio video.motion-managed-video[data-motion-background][data-motion-managed].is-motion-ready{opacity:.72}
#bahasa-premium .voc-studio .motion-poster-layer{background-position:center 59%;filter:blur(3px) saturate(.55) brightness(1.1)}
#bahasa-premium .pron-studio .motion-poster-layer{filter:saturate(.7) brightness(.85)}
#bahasa-premium .voc-studio.has-motion-video .voc-landscape,#bahasa-premium .pron-studio.has-motion-video .ps-landscape{animation:none}
/* Stop the gateway's older card/background offsets from doubling shared parallax. */
#bahasa-premium .reading-gateway.motion-managed-host{--rg-card-x:0px!important;--rg-card-y:0px!important;--rg-bg-x:0px!important;--rg-bg-y:0px!important}
#bahasa-premium .background-motion-toggle{position:absolute;right:25px;bottom:15px;z-index:7;border:1px solid #ffffff32;border-radius:20px;background:#16343955;backdrop-filter:blur(10px);color:#f0f6f1;font:inherit;font-size:11px;padding:6px 11px;line-height:1.4;cursor:pointer;touch-action:manipulation}
#bahasa-premium .background-motion-toggle:disabled{cursor:default;opacity:.75}
#bahasa-premium .background-motion-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}
#bahasa-premium .portal-bottomline{padding-right:95px}
#bahasa-premium .voc-studio .background-motion-toggle{background:#ffffff70;border-color:#657d8740;color:#37505b;right:22px;bottom:17px}
/* Keep ambient layers outside the quiz/plan root so input never reloads media. */
#bahasa-premium .motion-route-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#f5f6f5}
#bahasa-premium .motion-route-background:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(110deg,#f5f7f8ed,#f8f8f6d9 52%,#f3f5f6e6);pointer-events:none}
#bahasa-premium.has-route-motion[data-page="test"] .muted,#bahasa-premium.has-route-motion[data-page="test"] .lead,#bahasa-premium.has-route-motion[data-page="plan"] .muted,#bahasa-premium.has-route-motion[data-page="plan"] .lead{color:#535a5d}
#bahasa-premium.has-route-motion #page-content,#bahasa-premium.has-route-motion>.bah-foot{position:relative;z-index:1}
#bahasa-premium .background-motion-toggle.motion-route-toggle{position:fixed;right:22px;bottom:18px;z-index:30;pointer-events:auto;background:#ffffffb8;color:#37505b;border-color:#657d8740}
@media(max-width:600px){#bahasa-premium .background-motion-toggle{right:14px;bottom:12px;font-size:11px}#bahasa-premium .portal-bottomline{padding-right:0;padding-bottom:26px}#bahasa-premium .background-motion-toggle.motion-route-toggle{right:14px;bottom:12px}}
@media(prefers-reduced-motion:reduce){#bahasa-premium video.motion-managed-video[data-motion-background][data-motion-managed]{display:none!important;transition:none!important}#bahasa-premium .motion-managed-host .motion-poster-layer{transform:none!important}#bahasa-premium .portal-bottomline{padding-right:95px}}
