Facebook with Navs and Reels Hidden by KABA

/* ==UserStyle==
@name         Facebook with Navs and Reels Hidden
@version      20250413.12.02
@namespace    ?
@description  As the title says & Fix UIs.
@license      No License
==/UserStyle== */

@-moz-document regexp("https://www.facebook.com/[^#]*(?!#show($|[^a-zA-Z0-9]))") {
/*
	NOTE: Highlight style for identification
	outline: solid #f003;
	border: solid #f003;
*/

/* Hide elements */

/* - Header */       [role="banner"],
/* - Column _left */ [role="navigation"]:has([data-pagelet="LeftRail"]),
/* - Reel */         [role="feed"] > * > *:has([role="region"]),

/* - Column _right -- Not in Dialog */
/* NOTE: Accessing URL directly does not show [role=“dialog”] */
/* NOTE: `.xal61yo` is Dialog background black */
[role="main"]:is(
	:not(
		/* Dialog styles */
		.xal61yo [role="main"],
		:has(.xal61yo)
	),
	:has(.xal61yo a[attributionsrc]) /* Reel in Main */
) + [role="complementary"],

/* - Video (Subsequent videos) */
#watch_feed > div > :last-child, /* Stop Auto load */

Hide-above-elements { display: none }


[role="banner"] + div {
	/* Remove Header space */
	:has(
		[role="main"],
		[data-pagelet="LeftRail"]
	) {
		position: revert;
		height: revert;
	}

	/* - Video */
	/* Remove scrollbar */
	:has(
		* > [role="tablist"],
		#watch_feed
	) { position: revert }
	:has(#watch_feed) { min-height: revert }
}
[role="main"] { min-height: 100svh }

/* Daialogs */
[role="main"]:is(
	.xal61yo [role="main"],
	:has(.xal61yo)
) {
	:is([role="button"]):has(> .xal61yo) {
		/* Fix video width in Narrow window */
		> div { max-width: 100% }
	}

	+ [role="complementary"] {
		> div {
			position: revert;
			max-height: 100dvh;
			
			* { max-height: revert }

			/* Hide Reel & Photo header placeholder */
			&.x1e3jx5v { display: none }

			/* Fix Reel right border being cut off midway */
			> div { height: revert }
		}
	}
}
/* Video Daialog */
[data-pagelet="TahoeRightRail"] {
	> * { height: 100% }
}
}