/* Keep moving surfaces compositor-friendly; never animate blur, shadow, or gradient centers. */
.motion-optimized .glass{backdrop-filter:none;-webkit-backdrop-filter:none}
.motion-optimized .glass::before{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:radial-gradient(ellipse at 18% 0%,#ffffff21,transparent 65%),linear-gradient(125deg,#ffffff0a,transparent 45%,#b4d4ff08)}
.motion-optimized .sidebar{backdrop-filter:blur(clamp(6px,var(--glass-blur),20px)) saturate(130%);-webkit-backdrop-filter:blur(clamp(6px,var(--glass-blur),20px)) saturate(130%)}
.motion-optimized .modal-backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;animation:none;background:#080b10a6}
.motion-optimized .modal{animation:none;background:linear-gradient(145deg,#3f444af5,#242a31f5);transform-origin:50% 55%;overscroll-behavior:contain}
.motion-optimized .modal::before{opacity:.5}
.motion-optimized .poster-tag{backdrop-filter:none;-webkit-backdrop-filter:none;background:#17191fd9}
.motion-optimized .hero-image,.motion-optimized .poster-art img{filter:none;transition:none}
.motion-optimized .hero:hover .hero-image{transform:scale(1.03)}
.motion-optimized .poster-card{transform-style:flat;transition:none}
.motion-optimized .poster-card:hover{transform:none}
.motion-optimized .poster-card:hover img{transform:none;filter:none}
.motion-optimized button,.motion-optimized .poster-play,.motion-optimized .switch::before{transition:none}
.motion-optimized button:active{transform:none}
.motion-optimized .poster-art img{display:block}
.motion-optimized .toast{animation:none}
.motion-optimized #navigation .nav.active{background:transparent!important;box-shadow:none!important}
.motion-optimized #navigation .nav-pill{right:auto;left:0;top:0;transform-origin:0 0;will-change:auto;pointer-events:none}
.motion-optimized #navigation{touch-action:pan-y}
.motion-optimized #navigation{overflow:clip}.motion-optimized #navigation .nav:focus-visible{outline-offset:-3px}
.motion-optimized .motion-active{will-change:transform,opacity}
.motion-optimized .glass.motion-active{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.motion-glint{position:absolute;left:0;top:0;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,#ffffff20,transparent 70%);pointer-events:none;z-index:-1}
.motion-optimized button.glass,.motion-optimized a.glass{overflow:hidden}
.motion-optimized .switch::before{display:none}
.motion-switch-thumb{position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#bcbfc3;pointer-events:none}
.motion-optimized .switch.on .motion-switch-thumb{background:#fff0dc}
.motion-tabs{position:relative}.motion-tabs>button{position:relative;z-index:1}.motion-optimized .motion-tabs>button.selected{background:transparent;box-shadow:none}
.motion-tab-pill{position:absolute;left:0;top:0;border-radius:14px;transform-origin:0 0;background:linear-gradient(135deg,#ffffff1f,#ffffff09);box-shadow:inset 0 1px #fff3;pointer-events:none}
.motion-optimized .no-refraction .glass::after,.motion-optimized.no-refraction .glass::after{opacity:.3}
.motion-diagnostics{margin-top:22px;padding:14px;border-radius:15px;background:#ffffff04;border:1px solid #ffffff0e}
.motion-diagnostics strong{font-size:11px;font-weight:500;color:#c4c9ce}.motion-diagnostics p{font-size:9px;line-height:1.8;color:#8e98a4;margin:8px 0}.motion-diagnostics button{font-size:10px;color:#dfc5a4;border:1px solid #ffffff1c;border-radius:10px;padding:8px 12px;background:#ffffff07}.motion-diagnostics output{display:block;font-variant-numeric:tabular-nums;font-size:10px;line-height:1.9;color:#c5b89f;white-space:pre-line}
@media(max-width:640px){.motion-optimized #navigation .nav-pill{display:block;border-radius:21px;background:linear-gradient(130deg,#ebddc22b,#ffffff10);border-color:#ffffff24}.motion-optimized .sidebar{background:linear-gradient(125deg,#5d636bc2,#2a333bd9)}.motion-optimized .hero-image{transform:none}.motion-optimized .hero:hover .hero-image{transform:none}.motion-optimized .hero-grain{display:none}.motion-optimized .mobile-preview-label{backdrop-filter:none;-webkit-backdrop-filter:none;background:#17191bd1}.motion-optimized .poster-card:hover .poster-play{opacity:0}}
@media(prefers-reduced-motion:reduce){.motion-active{will-change:auto!important}}
