/* Global Spinning Background Styles - PERFORMANCE OPTIMIZED */

.global-background-container {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: -3;
	pointer-events: none;
	overflow: hidden;
	/* Hardware acceleration */
	transform: translateZ(0);
	backface-visibility: hidden;
}

.global-spinning-black-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: -2;
	pointer-events: none;
}

.global-spinning-image {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 150vw;
	height: 150vh;
	object-fit: cover;
	z-index: -1;
	filter: blur(80px) brightness(0.4) contrast(1.2) saturate(1);
	opacity: 1;
	animation: spinGlobal 45s linear infinite;
	will-change: transform;
	/* Hardware acceleration */
	transform-origin: center center;
	backface-visibility: hidden;
}

/* Now Playing Background Container Optimization */
.now-playing-background-container {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -3;
	pointer-events: none;
	overflow: hidden;
	/* Hardware acceleration */
	transform: translateZ(0);
	backface-visibility: hidden;
}

/* Optimized keyframe animations with GPU acceleration */
@keyframes spinGlobal {
	from {
		transform: translate(-50%, -50%) rotate(0deg);
	}
	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

/* Reduced motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
	.global-spinning-image,
	.now-playing-background-image {
		/* biome-ignore lint: Accessibility override needs priority */
		animation: none !important;
		/* biome-ignore lint: Accessibility override needs priority */
		transform: translate(-50%, -50%) !important;
		/* biome-ignore lint: Accessibility override needs priority */
		will-change: auto !important;
	}
}

/* Performance mode: optimize effects but keep spinning */
.performance-mode .global-spinning-image,
.performance-mode .now-playing-background-image {
	/* Keep animations but optimize filter effects */
	/* biome-ignore lint: Intentional override of runtime styles */
	filter: blur(10px) brightness(0.4) contrast(1.1) !important;
}

/* Make Notification Feed sidebar transparent */
body,
#wimp,
main,
[class^="_sidebarWrapper"],
[class^="_mainContainer"],
[class*="smallHeader"],
[data-test="main-layout-sidebar-wrapper"],
[data-test="main-layout-header"],
[data-test="feed-sidebar"],
[data-test="stream-metadata"],
[data-test="footer-player"],
/* Notification Feed sidebar specific container */
	[class^="_feedSidebarVStack"],
[class^="_feedSidebarSpacer"],
[class^="_feedSidebarItem"],
[class^="_feedSidebarItemDiv"],
[class^="_cellContainer"],
[class^="_cellTextContainer"] {
	/* biome-ignore lint: Ensure background is fully cleared under theme CSS */
	background: unset !important;
}

/* Make sidebar and player bar semi-transparent with optimized backdrop-filter */
[data-test="footer-player"],
[data-test="main-layout-sidebar-wrapper"],
[class^="_bar"],
[class^="_sidebarItem"]:hover {
	/* biome-ignore lint: Must beat app inline styles for translucency */
	background-color: rgba(0, 0, 0, 0.3) !important;
	/* biome-ignore lint: Must beat app inline styles for translucency */
	backdrop-filter: blur(10px) !important;
	/* biome-ignore lint: Must beat app inline styles for translucency */
	-webkit-backdrop-filter: blur(10px) !important;
}

/* Performance mode: reduce backdrop blur */
.performance-mode [data-test="footer-player"],
.performance-mode [data-test="main-layout-sidebar-wrapper"],
.performance-mode [class^="_bar"],
.performance-mode [class^="_sidebarItem"]:hover {
	/* biome-ignore lint: Performance mode style requires priority */
	backdrop-filter: blur(5px) !important;
	/* biome-ignore lint: Performance mode style requires priority */
	-webkit-backdrop-filter: blur(5px) !important;
}

/* Feed sidebar panel - black tint background for readability */
[data-test="feed-sidebar"] {
	/* biome-ignore lint: Ensure readability over media */
	background-color: rgba(0, 0, 0, 0.5) !important;
	/* biome-ignore lint: Ensure readability over media */
	backdrop-filter: blur(10px) !important;
	/* biome-ignore lint: Ensure readability over media */
	-webkit-backdrop-filter: blur(10px) !important;
}

/* Performance mode: reduce sidebar backdrop blur */
.performance-mode [data-test="feed-sidebar"] {
	/* biome-ignore lint: Performance mode style requires priority */
	backdrop-filter: blur(5px) !important;
	/* biome-ignore lint: Performance mode style requires priority */
	-webkit-backdrop-filter: blur(5px) !important;
}

/* Feed sidebar items - transparent */
[class*="_feedSidebarItem"],
[class*="_feedSidebarItemDiv"],
[class*="_cellContainer"],
[data-test="feed-interval"],
[data-test="feed-item"] {
	/* biome-ignore lint: Match theme transparency */
	background-color: transparent !important;
}

/* Remove bottom gradient */
[class^="_bottomGradient"] {
	/* biome-ignore lint: Explicitly remove conflicting gradient */
	display: none !important;
}