/* ==========================================================================
   MR — okna "Post" i "Watek" na telefonie jako replika X.com
   --------------------------------------------------------------------------
   Wymiary zmierzone na zrzutach z aplikacji X (iPhone, ekran 393 pt):
     - margines boczny 10 px, awatar 40 px, odstep awatar -> tresc 8 px,
     - wpis: imie 15/700, @nick 15 szary, tekst 17/22, wiersz
       "godzina · data · wyswietlenia" 15 szary, ikonki akcji 20 px,
       kolejnosc: odpowiedz, podaj dalej, polub, zakladka (udostepnij),
     - odpowiedzi: 15/20, ikonki 18 px, liczniki 13, wiersz 81 px przy
       jednej linijce tekstu, kreska watku 2 px na srodku awatara,
     - pole "Napisz odpowiedz": awatar 32, pigulka 33 px, linia u gory,
       tuz nad dolnym paskiem nawigacji (pasek zostaje widoczny, jak na X).
   Tylko telefon (do 767 px). Plik ladowany jako ostatni (_head.tpl).
   Selektory nie sa przypiete do #modal, zeby ten sam wyglad mialy kopie
   widoku uzywane przy przejsciach (#mr-thread-ghost, #mr-back-layer)
   - inaczej w chwili podmiany bylby przeskok.
   ========================================================================== */

/* "Obserwujesz" znika, gdy juz obserwujesz autora (na X tez go wtedy nie ma)
   - na telefonie i na komputerze. Klikniety w tym oknie zostaje widoczny,
   zeby bylo widac, ze zadzialalo (klase mr-x-just-toggled dodaje mr-post-x.js).
   Waga wieksza niz ".mr-post-thread-modal .mr-x-follow" z mr-post-thread.css. */
body .mr-x-follow.mr-x-following:not(.mr-x-just-toggled) {
	display: none !important;
}
/* kopia wpisu z feedu w szkielecie okna: czas z linii nazwy (mr-feed-x.js)
   ukryty - w oknie data jest w osobnym wierszu pod tekstem */
#modal .mr-post-thread-native .post-meta > .mr-fx-time {
	display: none !important;
}

@media (max-width: 767.98px) {

	#modal:not(#mrx0) .mr-post-thread-modal,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal,
#modal:not(#mrx0) .mr-comment-thread-modal,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal {
		--x-pad: 10px;
		--x-av: 40px;
		--x-gap: 8px;
		--x-text: #e7e9ea;
		--x-dim: #71767b;
		--x-line: #202326;
		--x-field: #202327;
		--x-font: "Chirp", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
		font-family: var(--x-font) !important;
		color: var(--x-text);
		-webkit-font-smoothing: antialiased;
	}
	html[data-mr-theme="light"] #modal:not(#mrx0) .mr-post-thread-modal,
html[data-mr-theme="light"] #mr-thread-ghost:not(#mrx0) .mr-post-thread-modal,
html[data-mr-theme="light"] #mr-back-layer:not(#mrx0) .mr-post-thread-modal,
html[data-mr-theme="light"] #modal:not(#mrx0) .mr-comment-thread-modal,
html[data-mr-theme="light"] #mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal,
html[data-mr-theme="light"] #mr-back-layer:not(#mrx0) .mr-comment-thread-modal {
		--x-text: #0f1419;
		--x-dim: #536471;
		--x-line: #eff3f4;
		--x-field: #eff3f4;
	}
	#modal:not(#mrx0) .mr-post-thread-modal *,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal *,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal *,
#modal:not(#mrx0) .mr-comment-thread-modal *,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal *,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal * {
		font-family: inherit !important;
	}
	#modal:not(#mrx0) .mr-post-thread-modal .fa,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .fa,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .fa,
#modal:not(#mrx0) .mr-post-thread-modal .fas,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .fas,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .fas,
#modal:not(#mrx0) .mr-post-thread-modal .far,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .far,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .far,
#modal:not(#mrx0) .mr-comment-thread-modal .fa,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .fa,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .fa,
#modal:not(#mrx0) .mr-comment-thread-modal .fas,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .fas,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .fas,
#modal:not(#mrx0) .mr-comment-thread-modal .far,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .far,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .far {
		font-family: "Font Awesome 6 Free", "Font Awesome 7 Free", FontAwesome !important;
	}
	/* ikonki w nowym zapisie Font Awesome (fa-solid / fa-regular / fa-brands) -
	   np. odznaki przy nicku. Bez tego regula "* { font-family: inherit }"
	   zabierala im czcionke i iPhone rysowal pusty prostokat w paski. */
	#modal:not(#mrx0) .mr-post-thread-modal .fa-solid,
#modal:not(#mrx0) .mr-post-thread-modal .fa-regular,
#modal:not(#mrx0) .mr-post-thread-modal .mr-ubadge i:not(.fa-brands),
#modal:not(#mrx0) .mr-comment-thread-modal .fa-solid,
#modal:not(#mrx0) .mr-comment-thread-modal .fa-regular,
#modal:not(#mrx0) .mr-comment-thread-modal .mr-ubadge i:not(.fa-brands),
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .fa-solid,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .fa-regular,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .mr-ubadge i:not(.fa-brands),
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .fa-solid,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .fa-regular,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-ubadge i:not(.fa-brands),
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .fa-solid,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .fa-regular,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .mr-ubadge i:not(.fa-brands),
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .fa-solid,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .fa-regular,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-ubadge i:not(.fa-brands) {
		font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", FontAwesome !important;
	}
	#modal:not(#mrx0) .mr-post-thread-modal .fa-brands,
#modal:not(#mrx0) .mr-post-thread-modal .fab,
#modal:not(#mrx0) .mr-comment-thread-modal .fa-brands,
#modal:not(#mrx0) .mr-comment-thread-modal .fab,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .fa-brands,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .fab,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .fa-brands,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .fab,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .fa-brands,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .fab,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .fa-brands,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .fab {
		font-family: "Font Awesome 7 Brands", "Font Awesome 6 Brands" !important;
	}

	/* ── Naglowek: ←   Post   ─────────────────────────────────────── */
	#modal:not(#mrx0) .mr-post-thread-header,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-header,
#mr-back-layer:not(#mrx0) .mr-post-thread-header,
#modal:not(#mrx0) .mr-comment-thread-header,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-header,
#mr-back-layer:not(#mrx0) .mr-comment-thread-header {
		height: calc(44px + env(safe-area-inset-top, 0px)) !important;
		min-height: calc(44px + env(safe-area-inset-top, 0px)) !important;
		flex: 0 0 auto !important;
		display: grid !important;
		grid-template-columns: 56px 1fr 56px !important;
		align-items: center !important;
		padding: env(safe-area-inset-top, 0px) 0 0 !important;
		border: 0 !important;
		background: #000 !important;
		box-shadow: none !important;
	}
	html[data-mr-theme="light"] #modal:not(#mrx0) .mr-post-thread-header,
html[data-mr-theme="light"] #mr-thread-ghost:not(#mrx0) .mr-post-thread-header,
html[data-mr-theme="light"] #mr-back-layer:not(#mrx0) .mr-post-thread-header,
html[data-mr-theme="light"] #modal:not(#mrx0) .mr-comment-thread-header,
html[data-mr-theme="light"] #mr-thread-ghost:not(#mrx0) .mr-comment-thread-header,
html[data-mr-theme="light"] #mr-back-layer:not(#mrx0) .mr-comment-thread-header {
		background: #fff !important;
	}
	#modal:not(#mrx0) .mr-post-thread-back,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-back,
#mr-back-layer:not(#mrx0) .mr-post-thread-back,
#modal:not(#mrx0) .mr-comment-thread-back,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-back,
#mr-back-layer:not(#mrx0) .mr-comment-thread-back {
		width: 36px !important;
		height: 36px !important;
		margin-left: 4px !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		border: 0 !important;
		border-radius: 50% !important;
		background: transparent !important;
		color: var(--x-text) !important;
		-webkit-tap-highlight-color: transparent;
	}
	#modal:not(#mrx0) .mr-post-thread-back:active,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-back:active,
#mr-back-layer:not(#mrx0) .mr-post-thread-back:active,
#modal:not(#mrx0) .mr-comment-thread-back:active,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-back:active,
#mr-back-layer:not(#mrx0) .mr-comment-thread-back:active {
		background: rgba(231, 233, 234, .1) !important;
	}
	/* strzalka X (←) zamiast szewronu */
	#modal:not(#mrx0) .mr-post-thread-back svg,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-back svg,
#mr-back-layer:not(#mrx0) .mr-post-thread-back svg,
#modal:not(#mrx0) .mr-comment-thread-back svg,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-back svg,
#mr-back-layer:not(#mrx0) .mr-comment-thread-back svg {
		display: none !important;
	}
	#modal:not(#mrx0) .mr-post-thread-back::before,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-back::before,
#mr-back-layer:not(#mrx0) .mr-post-thread-back::before,
#modal:not(#mrx0) .mr-comment-thread-back::before,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-back::before,
#mr-back-layer:not(#mrx0) .mr-comment-thread-back::before {
		content: "";
		width: 20px;
		height: 20px;
		background: currentColor;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.414 13l5.043 5.04-1.414 1.42L3.586 12l7.457-7.46 1.414 1.42L7.414 11H21v2H7.414z'/%3E%3C/svg%3E") center / contain no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.414 13l5.043 5.04-1.414 1.42L3.586 12l7.457-7.46 1.414 1.42L7.414 11H21v2H7.414z'/%3E%3C/svg%3E") center / contain no-repeat;
	}
	#modal:not(#mrx0) .mr-post-thread-title,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-title,
#mr-back-layer:not(#mrx0) .mr-post-thread-title,
#modal:not(#mrx0) .mr-comment-thread-title,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-title,
#mr-back-layer:not(#mrx0) .mr-comment-thread-title {
		justify-self: center !important;
		margin: 0 !important;
		color: var(--x-text) !important;
		font-size: 17px !important;
		font-weight: 700 !important;
		line-height: 20px !important;
		text-align: center !important;
	}

	/* ── Wpis (widok "Post") ───────────────────────────────────────── */
	#modal:not(#mrx0) .mr-post-thread-native > .post,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native > .post,
#mr-back-layer:not(#mrx0) .mr-post-thread-native > .post,
#modal:not(#mrx0) .mr-post-thread-native .standalone-post,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .standalone-post,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .standalone-post {
		margin: 0 !important;
		padding: 8px var(--x-pad) 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native .post-x-layout,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-x-layout,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-x-layout {
		gap: var(--x-gap) !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native .post-x-layout > .post-avatar,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-x-layout > .post-avatar,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-x-layout > .post-avatar,
#modal:not(#mrx0) .mr-post-thread-native .post-x-layout > .post-avatar .post-avatar-picture,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-x-layout > .post-avatar .post-avatar-picture,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-x-layout > .post-avatar .post-avatar-picture {
		width: var(--x-av) !important;
		height: var(--x-av) !important;
		min-width: var(--x-av) !important;
	}
	/* tekst pod awatarem na cala szerokosc: cofamy go o awatar + odstep */
	#modal:not(#mrx0) .mr-post-thread-native .post-card > .d-flex:not(.post-header),
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-card > .d-flex:not(.post-header),
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-card > .d-flex:not(.post-header) {
		margin-left: calc(-1 * (var(--x-av) + var(--x-gap))) !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native .post-header,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-header,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-header {
		min-height: var(--x-av) !important;
		align-items: center !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native .post-meta,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-meta,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-meta {
		/* linia 1: nazwa + odznaki (zweryfikowany, PRO) obok siebie;
		   linia 2: @nick. Wczesniej kolumna - odznaka ladowala w osobnej
		   linii, a nazwa sie przesuwala. */
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		align-content: center !important;
		justify-content: flex-start !important;
		column-gap: 4px !important;
		row-gap: 0 !important;
		min-height: var(--x-av);
		line-height: 20px !important;
		text-align: left !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native .post-meta > *,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-meta > *,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-meta > * {
		margin: 0 !important;
		padding: 0 !important;
		float: none !important;
		text-align: left !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native .post-meta > .js_user-popover,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-meta > .js_user-popover,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-meta > .js_user-popover {
		display: inline-flex !important;
		min-width: 0;
		max-width: 100%;
		overflow: hidden;
	}
	#modal:not(#mrx0) .mr-post-thread-native .post-meta > .verified-badge,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-meta > .verified-badge,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-meta > .verified-badge,
#modal:not(#mrx0) .mr-post-thread-native .post-meta > .pro-badge,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-meta > .pro-badge,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-meta > .pro-badge,
#modal:not(#mrx0) .mr-post-thread-native .post-meta > .mr-comm-role,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-meta > .mr-comm-role,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-meta > .mr-comm-role {
		display: inline-flex !important;
		align-items: center !important;
		flex: 0 0 auto !important;
		height: 20px !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native .post-meta > .verified-badge svg,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-meta > .verified-badge svg,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-meta > .verified-badge svg,
#modal:not(#mrx0) .mr-post-thread-native .post-meta > .pro-badge svg,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-meta > .pro-badge svg,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-meta > .pro-badge svg {
		width: 17px !important;
		height: 17px !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native .post-meta > .text-muted,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-meta > .text-muted,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-meta > .text-muted {
		flex: 0 0 100% !important;       /* @nick zawsze w drugiej linii */
		display: block !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native .post-author,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-author,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-author {
		color: var(--x-text) !important;
		font-size: 15px !important;
		font-weight: 700 !important;
		line-height: 20px !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native .post-meta .text-muted,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-meta .text-muted,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-meta .text-muted,
#modal:not(#mrx0) .mr-post-thread-native .post-meta .small,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-meta .small,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-meta .small {
		color: var(--x-dim) !important;
		font-size: 15px !important;
		font-weight: 400 !important;
		line-height: 20px !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native .post-title,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-title,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-title {
		display: none !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native .post-text,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-text,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-text,
#modal:not(#mrx0) .mr-post-thread-native .post-replace .post-text,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-replace .post-text,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-replace .post-text {
		margin: 12px 0 0 !important;
		color: var(--x-text) !important;
		font-size: 17px !important;
		font-weight: 400 !important;
		line-height: 22px !important;
		overflow-wrap: anywhere;
	}
	#modal:not(#mrx0) .mr-post-thread-native .js_post-link,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .js_post-link,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .js_post-link {
		margin: 0 !important;
	}
	/* zdjecie / film: 12 px pod tekstem, zaokraglenie 16, cienka ramka */
	#modal:not(#mrx0) .mr-post-thread-native .standalone-post .post-media,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .standalone-post .post-media,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .standalone-post .post-media,
#modal:not(#mrx0) .mr-post-thread-native .standalone-post .pg_wrapper,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .standalone-post .pg_wrapper,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .standalone-post .pg_wrapper,
#modal:not(#mrx0) .mr-post-thread-native .standalone-post .post-video-reel,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .standalone-post .post-video-reel,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .standalone-post .post-video-reel,
#modal:not(#mrx0) .mr-post-thread-native > .post .post-media,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native > .post .post-media,
#mr-back-layer:not(#mrx0) .mr-post-thread-native > .post .post-media,
#modal:not(#mrx0) .mr-post-thread-native > .post .pg_wrapper,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native > .post .pg_wrapper,
#mr-back-layer:not(#mrx0) .mr-post-thread-native > .post .pg_wrapper,
#modal:not(#mrx0) .mr-post-thread-native > .post .post-video-reel,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native > .post .post-video-reel,
#mr-back-layer:not(#mrx0) .mr-post-thread-native > .post .post-video-reel {
		margin-top: 12px !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native .post-card .mt-2,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-card .mt-2,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-card .mt-2 {
		margin-top: 0 !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native .pg_wrapper img,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .pg_wrapper img,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .pg_wrapper img,
#modal:not(#mrx0) .mr-post-thread-native .post-media img,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-media img,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-media img,
#modal:not(#mrx0) .mr-post-thread-native .post-video-reel video,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-video-reel video,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-video-reel video {
		border-radius: 16px !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native .pg_wrapper,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .pg_wrapper,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .pg_wrapper,
#modal:not(#mrx0) .mr-post-thread-native .post-media-image,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-media-image,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-media-image {
		border: 0 !important;
		background: transparent !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native .pg_wrapper img,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .pg_wrapper img,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .pg_wrapper img,
#modal:not(#mrx0) .mr-post-thread-native .post-media-image img,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-media-image img,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-media-image img {
		border: 1px solid var(--x-line) !important;
		border-radius: 16px !important;
	}

	/* "godzina · data · N wyswietlen" */
	#modal:not(#mrx0) .mr-post-thread-native .mt-2.pt-1,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .mt-2.pt-1,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .mt-2.pt-1 {
		margin: 0 !important;
		padding: 0 !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native .mr-x-post-meta,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .mr-x-post-meta,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .mr-x-post-meta {
		margin: 0 !important;
		padding: 16px 0 0 !important;
		border: 0 !important;
		color: var(--x-dim) !important;
		font-size: 15px !important;
		line-height: 20px !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native .mr-x-post-meta b,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .mr-x-post-meta b,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .mr-x-post-meta b,
#modal:not(#mrx0) .mr-post-thread-native .mr-x-post-meta strong,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .mr-x-post-meta strong,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .mr-x-post-meta strong {
		color: var(--x-text) !important;
		font-weight: 700 !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native .post-stats,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-stats,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-stats {
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native .post-stats:empty,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-stats:empty,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-stats:empty {
		display: none !important;
	}

	/* pasek akcji wpisu: rowno na cala szerokosc, ikonki 20 px */
	#modal:not(#mrx0) .mr-post-thread-native .standalone-post .post-actions,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .standalone-post .post-actions,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .standalone-post .post-actions,
#modal:not(#mrx0) .mr-post-thread-native > .post .post-actions,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native > .post .post-actions,
#mr-back-layer:not(#mrx0) .mr-post-thread-native > .post .post-actions {
		height: 48px !important;
		min-height: 48px !important;
		margin: 4px 0 0 !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		border: 0 !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native > .post .post-actions > .action-btn,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native > .post .post-actions > .action-btn,
#mr-back-layer:not(#mrx0) .mr-post-thread-native > .post .post-actions > .action-btn {
		height: 36px !important;
		min-width: 36px !important;
		margin: 0 !important;
		padding: 0 8px 0 0 !important;
		display: inline-flex !important;
		align-items: center !important;
		gap: 6px !important;
		border-radius: 999px !important;
		background: transparent !important;
		color: var(--x-dim) !important;
		font-size: 15px !important;
		font-weight: 400 !important;
		line-height: 20px !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native > .post .post-actions > .action-btn svg,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native > .post .post-actions > .action-btn svg,
#mr-back-layer:not(#mrx0) .mr-post-thread-native > .post .post-actions > .action-btn svg {
		width: 20px !important;
		height: 20px !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native > .post .post-actions .reaction-btn-name,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native > .post .post-actions .reaction-btn-name,
#mr-back-layer:not(#mrx0) .mr-post-thread-native > .post .post-actions .reaction-btn-name {
		display: none !important;
	}
	/* kolejnosc ikon zostaje jak w serwisie: serduszko pierwsze z lewej */
	#modal:not(#mrx0) .mr-post-thread-native > .post .post-actions > .mr-x-hidden,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native > .post .post-actions > .mr-x-hidden,
#mr-back-layer:not(#mrx0) .mr-post-thread-native > .post .post-actions > .mr-x-hidden { display: none !important; }


	/* "Ostatnio dodane ⌄" bez ciemnego pasa, kreska pod spodem */
	#modal:not(#mrx0) .mr-post-thread-native .post-footer,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-footer,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-footer {
		margin: 0 calc(-1 * var(--x-pad)) !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native .post-comments,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-comments,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-comments {
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native .comments-filter,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .comments-filter,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .comments-filter {
		height: 44px !important;
		margin: 0 !important;
		padding: 0 var(--x-pad) !important;
		display: flex !important;
		align-items: center !important;
		border: 0 !important;
		border-bottom: var(--mr-hair, 1px) solid var(--x-line) !important;
		background: transparent !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native .comments-filter .btn,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .comments-filter .btn,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .comments-filter .btn,
#modal:not(#mrx0) .mr-post-thread-native .comments-filter .btn-group-text,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .comments-filter .btn-group-text,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .comments-filter .btn-group-text {
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		color: var(--x-dim) !important;
		font-size: 15px !important;
		font-weight: 700 !important;
		line-height: 20px !important;
		box-shadow: none !important;
	}
	#modal:not(#mrx0) .mr-post-thread-native .post-comments > .js_comments:empty,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-comments > .js_comments:empty,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-comments > .js_comments:empty,
#modal:not(#mrx0) .mr-post-thread-native .post-comments > ul.js_comments,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .post-comments > ul.js_comments,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .post-comments > ul.js_comments {
		margin: 0 !important;
		padding: 0 !important;
		min-height: 0 !important;
	}
	/* bez kreski miedzy wpisem a filtrem (na X jej nie ma) */
	#modal:not(#mrx0) .mr-post-thread-native .standalone-post,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .standalone-post,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .standalone-post,
#modal:not(#mrx0) .mr-post-thread-native > .post,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native > .post,
#mr-back-layer:not(#mrx0) .mr-post-thread-native > .post {
		border-bottom: 0 !important;
	}

	/* ── Odpowiedzi (lista pod wpisem i w watku) ───────────────────── */
	#modal:not(#mrx0) .mr-post-thread-modal .mrx-list,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .mrx-list,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .mrx-list,
#modal:not(#mrx0) .mr-comment-thread-modal .mrx-list,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mrx-list,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mrx-list,
#modal:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list {
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
	}
	#modal:not(#mrx0) .mr-post-thread-modal .mrx-row > .comment,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .mrx-row > .comment,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .mrx-row > .comment,
#modal:not(#mrx0) .mr-comment-thread-modal .mrx-row > .comment,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mrx-row > .comment,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mrx-row > .comment {
		position: relative;
		margin: 0 !important;
		padding: 12px var(--x-pad) 3px !important;
		border: 0 !important;
		background: transparent !important;
	}
	/* kreska miedzy rozmowami; w obrebie rozmowy (odpowiedz pod
	   odpowiedzia) jej nie ma - laczy je pionowa nitka */
	#modal:not(#mrx0) .mr-post-thread-modal .mrx-row,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .mrx-row,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .mrx-row,
#modal:not(#mrx0) .mr-comment-thread-modal .mrx-row,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mrx-row,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mrx-row {
		border: 0 !important;
		border-bottom: var(--mr-hair, 1px) solid var(--x-line) !important;
	}
	/* w srodku rozmowy (serwer: mrx-line-down) bez kreski - laczy nitka */
	#modal:not(#mrx0) .mr-post-thread-modal .mrx-row.mrx-line-down,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .mrx-row.mrx-line-down,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .mrx-row.mrx-line-down,
#modal:not(#mrx0) .mr-comment-thread-modal .mrx-row.mrx-line-down,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mrx-row.mrx-line-down,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mrx-row.mrx-line-down {
		border-bottom: 0 !important;
	}
	#modal:not(#mrx0) .mr-post-thread-modal .mrx-row .x_user_info,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .mrx-row .x_user_info,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .mrx-row .x_user_info,
#modal:not(#mrx0) .mr-comment-thread-modal .mrx-row .x_user_info,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mrx-row .x_user_info,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mrx-row .x_user_info {
		gap: var(--x-gap) !important;
	}
	#modal:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-avatar,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-avatar,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-avatar,
#modal:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-avatar,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-avatar,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-avatar,
#modal:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-avatar-picture,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-avatar-picture,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-avatar-picture,
#modal:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-avatar-picture,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-avatar-picture,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-avatar-picture {
		width: var(--x-av) !important;
		height: var(--x-av) !important;
		min-width: var(--x-av) !important;
	}
	#modal:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-author,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-author,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-author,
#modal:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-author,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-author,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-author,
#modal:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .comment-author,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .comment-author,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .comment-author {
		display: flex !important;
		align-items: center !important;
		flex-wrap: nowrap !important;
		gap: 4px !important;
		min-width: 0;
		height: 20px;
		overflow: hidden;
		white-space: nowrap;
		font-size: 15px !important;
		line-height: 20px !important;
	}
	#modal:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-author a,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-author a,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-author a,
#modal:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-author a,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-author a,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-author a,
#modal:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .comment-author a,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .comment-author a,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .comment-author a {
		color: var(--x-text) !important;
		font-size: 15px !important;
		font-weight: 700 !important;
		line-height: 20px !important;
	}
	#modal:not(#mrx0) .mr-post-thread-modal .mrx-row .mr-thread-handle,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .mrx-row .mr-thread-handle,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .mrx-row .mr-thread-handle,
#modal:not(#mrx0) .mr-comment-thread-modal .mrx-row .mr-thread-handle,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mrx-row .mr-thread-handle,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mrx-row .mr-thread-handle,
#modal:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .mr-thread-handle,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .mr-thread-handle,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .mr-thread-handle {
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		color: var(--x-dim) !important;
		font-size: 15px !important;
		font-weight: 400 !important;
	}
	#modal:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-author .js_moment,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-author .js_moment,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-author .js_moment,
#modal:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-author .js_moment,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-author .js_moment,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-author .js_moment,
#modal:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .comment-author .js_moment,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .comment-author .js_moment,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .comment-author .js_moment {
		flex: 0 0 auto;
		margin: 0 !important;
		color: var(--x-dim) !important;
		font-size: 15px !important;
		font-weight: 400 !important;
	}
	#modal:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-author .js_moment::before,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-author .js_moment::before,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-author .js_moment::before,
#modal:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-author .js_moment::before,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-author .js_moment::before,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-author .js_moment::before,
#modal:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .comment-author .js_moment::before,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .comment-author .js_moment::before,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .comment-author .js_moment::before {
		content: "· ";
	}
	#modal:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-text,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-text,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-text,
#modal:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-text,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-text,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-text,
#modal:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .comment-text,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .comment-text,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .comment-text {
		margin: 0 !important;
		color: var(--x-text) !important;
		font-size: 15px !important;
		line-height: 20px !important;
		overflow-wrap: anywhere;
	}
	/* akcje pod odpowiedzia: ikonki 18, liczniki 13, na cala szerokosc */
	#modal:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-actions,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-actions,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-actions,
#modal:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-actions,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-actions,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-actions {
		height: 32px !important;
		min-height: 32px !important;
		margin: 2px 0 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}
	#modal:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-actions .action-btn,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-actions .action-btn,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-actions .action-btn,
#modal:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-actions .action-btn,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-actions .action-btn,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-actions .action-btn {
		height: 32px !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		gap: 4px !important;
		background: transparent !important;
		color: var(--x-dim) !important;
		font-size: 13px !important;
		font-weight: 400 !important;
	}
	#modal:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-actions svg,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-actions svg,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .mrx-row .comment-actions svg,
#modal:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-actions svg,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-actions svg,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mrx-row .comment-actions svg {
		width: 18px !important;
		height: 18px !important;
	}
	/* ── Watek: wpis / komentarze nad wyrozniona wypowiedzia ───────── */
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent {
		position: relative;
		margin: 0 !important;
		padding: 8px var(--x-pad) 3px !important;
		border: 0 !important;
		background: transparent !important;
	}
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .x_user_info,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .x_user_info,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .x_user_info {
		gap: var(--x-gap) !important;
	}
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .comment-avatar,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .comment-avatar,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .comment-avatar,
#modal:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .comment-avatar-picture,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .comment-avatar-picture,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .comment-avatar-picture {
		width: var(--x-av) !important;
		height: var(--x-av) !important;
		min-width: var(--x-av) !important;
	}
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .comment-author,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .comment-author,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .comment-author {
		flex-wrap: nowrap !important;
	}
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent img,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent img,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent img {
		max-height: 360px;
		width: auto !important;
		max-width: 100% !important;
		border: 1px solid var(--x-line);
		border-radius: 16px !important;
		object-fit: cover;
	}
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .mr-thread-parent-actions,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .mr-thread-parent-actions,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .mr-thread-parent-actions {
		height: 32px !important;
		margin: 2px 0 0 !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		color: var(--x-dim) !important;
		font-size: 13px !important;
	}
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .mr-thread-parent-actions svg,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .mr-thread-parent-actions svg,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent .mr-thread-parent-actions svg {
		width: 18px !important;
		height: 18px !important;
	}
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent::after,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent::after,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-thread-parent::after {
		content: "";
		position: absolute;
		left: calc(var(--x-pad) + var(--x-av) / 2 - 1px);
		top: calc(8px + var(--x-av) + 4px);
		bottom: -8px;
		width: 2px;
		border-radius: 1px;
		background: var(--x-line);
		pointer-events: none;
	}

	/* wyrozniona wypowiedz: uklad jak wpis na X */
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment {
		margin: 0 !important;
		padding: 8px var(--x-pad) 0 !important;
		border: 0 !important;
		border-bottom: var(--mr-hair, 1px) solid var(--x-line) !important;
		background: transparent !important;
	}
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author {
		/* dwie linie jak na X: imie (+ znaczek) nad @nickiem */
		display: grid !important;
		grid-template-columns: auto auto minmax(0, 1fr) !important;
		grid-template-rows: 20px 20px !important;
		align-items: center !important;
		justify-items: start !important;
		column-gap: 4px !important;
		row-gap: 0 !important;
		height: var(--x-av) !important;
		min-height: var(--x-av) !important;
		font-size: 15px !important;
		line-height: 20px !important;
	}
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author > .js_user-popover,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author > .js_user-popover,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author > .js_user-popover {
		grid-column: 1 !important;
		grid-row: 1 !important;
		display: block !important;
		height: 20px !important;
		min-width: 0;
		overflow: hidden;
	}
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author > .verified-badge,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author > .verified-badge,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author > .verified-badge {
		grid-column: 2 !important;
		grid-row: 1 !important;
	}
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author > .mr-thread-handle,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author > .mr-thread-handle,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author > .mr-thread-handle {
		grid-column: 1 / -1 !important;
		grid-row: 2 !important;
		position: static !important;
		display: block !important;
		height: 20px !important;
		max-width: 100%;
		order: 0 !important;
	}
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-replace,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-replace,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-replace {
		margin-left: calc(-1 * (var(--x-av) + var(--x-gap))) !important;
	}
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author a,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author a,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author a {
		color: var(--x-text) !important;
		font-size: 15px !important;
		font-weight: 700 !important;
	}
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .mr-thread-handle,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .mr-thread-handle,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .mr-thread-handle {
		color: var(--x-dim) !important;
		font-size: 15px !important;
	}
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author .js_moment,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author .js_moment,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author .js_moment {
		display: none !important;          /* data jest w wierszu pod tekstem */
	}
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-text,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-text,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-text {
		margin: 12px 0 0 !important;
		color: var(--x-text) !important;
		font-size: 17px !important;
		line-height: 22px !important;
	}
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .mr-x-post-meta,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .mr-x-post-meta,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .mr-x-post-meta {
		margin: 0 !important;
		padding: 16px 0 0 !important;
		color: var(--x-dim) !important;
		font-size: 15px !important;
		line-height: 20px !important;
	}
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .mr-x-post-meta b,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .mr-x-post-meta b,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .mr-x-post-meta b {
		color: var(--x-text) !important;
	}
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-actions,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-actions,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-actions {
		height: 48px !important;
		margin: 4px 0 0 calc(-1 * (var(--x-av) + var(--x-gap))) !important;
		padding: 0 !important;
		border: 0 !important;
		display: flex !important;
		justify-content: space-between !important;
	}
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-actions .action-btn,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-actions .action-btn,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-actions .action-btn {
		height: 36px !important;
		margin: 0 !important;
		padding: 0 !important;
		gap: 6px !important;
		background: transparent !important;
		color: var(--x-dim) !important;
		font-size: 15px !important;
		font-weight: 400 !important;
	}
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-actions svg,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-actions svg,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-actions svg {
		width: 20px !important;
		height: 20px !important;
	}
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-empty,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-empty,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-empty {
		padding: 24px var(--x-pad) !important;
		color: var(--x-dim) !important;
		font-size: 15px !important;
		text-align: center !important;
	}

	/* ── Pole "Napisz odpowiedz" ───────────────────────────────────── */
	#modal:not(#mrx0) .mr-post-thread-compose-wrap,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-compose-wrap,
#mr-back-layer:not(#mrx0) .mr-post-thread-compose-wrap,
#modal:not(#mrx0) .mr-comment-thread-compose-wrap,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-compose-wrap,
#mr-back-layer:not(#mrx0) .mr-comment-thread-compose-wrap {
		min-height: 50px !important;
		margin: 0 !important;
		padding: 8px var(--x-pad) 8px !important;
		display: flex !important;
		align-items: center !important;
		gap: 8px !important;
		border: 0 !important;
		border-top: var(--mr-hair, 1px) solid var(--x-line) !important;
		background: #000 !important;
		box-shadow: none !important;
	}
	html[data-mr-theme="light"] #modal:not(#mrx0) .mr-post-thread-compose-wrap,
html[data-mr-theme="light"] #mr-thread-ghost:not(#mrx0) .mr-post-thread-compose-wrap,
html[data-mr-theme="light"] #mr-back-layer:not(#mrx0) .mr-post-thread-compose-wrap,
html[data-mr-theme="light"] #modal:not(#mrx0) .mr-comment-thread-compose-wrap,
html[data-mr-theme="light"] #mr-thread-ghost:not(#mrx0) .mr-comment-thread-compose-wrap,
html[data-mr-theme="light"] #mr-back-layer:not(#mrx0) .mr-comment-thread-compose-wrap {
		background: #fff !important;
	}
	#modal:not(#mrx0) .mr-post-thread-compose-avatar,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-compose-avatar,
#mr-back-layer:not(#mrx0) .mr-post-thread-compose-avatar,
#modal:not(#mrx0) .mr-comment-thread-avatar,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-avatar,
#mr-back-layer:not(#mrx0) .mr-comment-thread-avatar {
		width: 32px !important;
		height: 32px !important;
		min-width: 32px !important;
		flex: 0 0 32px !important;
		margin: 0 !important;
		border-radius: 50% !important;
		object-fit: cover;
	}
	#modal:not(#mrx0) .mr-post-thread-compose,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-compose,
#mr-back-layer:not(#mrx0) .mr-post-thread-compose,
#modal:not(#mrx0) .mr-comment-thread-compose,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-compose,
#mr-back-layer:not(#mrx0) .mr-comment-thread-compose {
		height: 34px !important;
		min-height: 34px !important;
		max-height: 34px !important;
		flex: 1 1 auto !important;
		margin: 0 !important;
		padding: 6px 14px !important;
		border: 0 !important;
		border-radius: 999px !important;
		background: var(--x-field) !important;
		color: var(--x-text) !important;
		font-size: 17px !important;
		line-height: 22px !important;
		overflow: hidden !important;
		resize: none !important;
		box-shadow: none !important;
	}
	#modal:not(#mrx0) .mr-post-thread-compose::placeholder,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-compose::placeholder,
#mr-back-layer:not(#mrx0) .mr-post-thread-compose::placeholder,
#modal:not(#mrx0) .mr-comment-thread-compose::placeholder,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-compose::placeholder,
#mr-back-layer:not(#mrx0) .mr-comment-thread-compose::placeholder {
		color: var(--x-dim) !important;
		opacity: 1;
	}

	/* ── Dolny pasek nawigacji zostaje, jak na X ───────────────────── */
	/* Okno siega do SAMEGO DOLU ekranu, a pasek lezy nad nim. Miejsce na
	   pasek to dolny odstep wewnatrz okna (--mr-nav-height, mierzy post.js
	   i mr-post-x.js przy kazdym otwarciu). Wczesniej okno konczylo sie NAD
	   paskiem - gdy zmierzona wysokosc nie zgadzala sie z prawdziwa (iPhone:
	   pasek systemowy pod spodem), zostawala szczelina: przy wjezdzie
	   przeswitywal przez nia feed, a potem robila sie czarna. Teraz pod
	   paskiem zawsze jest tlo samego okna - szczeliny nie ma z czego zrobic. */
	#modal.mr-post-thread-open .modal-dialog,
	#modal.mr-comment-thread-open .modal-dialog {
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		top: 0 !important;
		bottom: 0 !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
	}
	#modal.mr-post-thread-open .modal-content,
	#modal.mr-comment-thread-open .modal-content,
	#modal.mr-post-thread-open .mr-post-thread-modal,
	#modal.mr-comment-thread-open .mr-comment-thread-modal {
		height: 100% !important;
		min-height: 0 !important;
		max-height: 100% !important;
	}
	#modal.mr-post-thread-open .mr-post-thread-modal,
	#modal.mr-comment-thread-open .mr-comment-thread-modal {
		display: flex !important;
		flex-direction: column !important;
		overflow: hidden !important;
		box-sizing: border-box !important;
		padding-bottom: var(--mr-nav-height, 49px) !important;
		background: #000 !important;
	}
	html[data-mr-theme="light"] #modal.mr-post-thread-open .mr-post-thread-modal,
	html[data-mr-theme="light"] #modal.mr-comment-thread-open .mr-comment-thread-modal {
		background: #fff !important;
	}
	#modal.mr-post-thread-open .mr-post-thread-scroll,
	#modal.mr-comment-thread-open .mr-comment-thread-scroll {
		min-height: 0 !important;
		height: auto !important;
		max-height: none !important;
		flex: 1 1 0 !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
	}
	#modal.mr-post-thread-open .mr-post-thread-compose-wrap,
	#modal.mr-comment-thread-open .mr-comment-thread-compose-wrap {
		position: relative !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		width: auto !important;
		flex: 0 0 auto !important;
		transform: none !important;
	}
	body.mr-post-thread-open .x-sidebar-fixed,
	body.mr-comment-thread-open .x-sidebar-fixed {
		z-index: 1000001 !important;
		background: transparent !important;
		pointer-events: none;
	}
	/* naglowek strony (awatar, logo) i "+" leza w tym samym kontenerze co
	   dolny pasek, ktory stoi NAD oknem - pod otwartym oknem ich nie ma.
	   Na czas wjazdu / wyjazdu mr-post-x.js kladzie ich nieruchoma kopie
	   POD oknem (#mr-x-hdr) - okno po prostu na nia najezdza, jak na X. */
	body.mr-post-thread-open .x-sidebar-fixed .logo-wrapper,
	body.mr-post-thread-open .x-sidebar-fixed .x_user_mobi_menu,
	body.mr-post-thread-open .x-sidebar-fixed .x_side_create,
	body.mr-comment-thread-open .x-sidebar-fixed .logo-wrapper,
	body.mr-comment-thread-open .x-sidebar-fixed .x_user_mobi_menu,
	body.mr-comment-thread-open .x-sidebar-fixed .x_side_create {
		display: none !important;
	}
	body.mr-post-thread-open .x-sidebar-fixed .main-header,
	body.mr-comment-thread-open .x-sidebar-fixed .main-header {
		position: static !important;
		background: transparent !important;
	}
	body.mr-post-thread-open .x-sidebar-fixed .x-sidebar,
	body.mr-comment-thread-open .x-sidebar-fixed .x-sidebar {
		height: auto !important;
		padding: 0 !important;
		justify-content: flex-end !important;
	}
	/* core.js chowa pasek przy przewijaniu feedu w dol (klasa
	   mr-scroll-down-fading: opacity 0 + visibility hidden !important).
	   Otwarcie wpisu zaraz po przewinieciu zostawialo pasek schowany -
	   na dole byla czarna dziura, a w trakcie ladowania przeswitywal
	   przez nia feed. W oknie wpisu pasek jest zawsze widoczny, jak na X.
	   Podwojona klasa = wieksza waga niz regula z core.js. */
	body.mr-post-thread-open:not(.mr-x-bars-off) .x_sidebar_links.x_sidebar_links,
	body.mr-comment-thread-open:not(.mr-x-bars-off) .x_sidebar_links.x_sidebar_links {
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		display: flex !important;
		background: #000 !important;
		border-top: 0 !important;
		pointer-events: auto !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		transition: none !important;
	}
	html[data-mr-theme="light"] body.mr-post-thread-open .x_sidebar_links,
	html[data-mr-theme="light"] body.mr-comment-thread-open .x_sidebar_links {
		background: #fff !important;
	}

	/* wiersz "godzina · data · wyswietlenia" pod wyroznionym komentarzem
	   (dokleja go mr-post-x.js) - od lewego marginesu, jak tekst */
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-data > .mr-x-post-meta,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-data > .mr-x-post-meta,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-data > .mr-x-post-meta {
		margin: 0 0 0 calc(-1 * (var(--x-av) + var(--x-gap))) !important;
		padding: 16px 0 0 !important;
		color: var(--x-dim) !important;
		font-size: 15px !important;
		line-height: 20px !important;
	}
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .mr-x-post-meta b,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .mr-x-post-meta b,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .mr-x-post-meta b {
		color: var(--x-text) !important;
	}
	#modal:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-actions .mr-x-hidden,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-actions .mr-x-hidden,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-actions .mr-x-hidden {
		display: none !important;
	}

	/* ── Szkielet okna (mr-thread-fast.js) = ten sam uklad co gotowe
	   okno, zeby przy podmianie nic nie przeskakiwalo ──────────────── */
	#modal .mrtf .mrtf-compose {
		min-height: 50px;
		padding: 8px 10px;
		gap: 8px;
		border-top: var(--mr-hair, 1px) solid #202326;
	}
	#modal .mrtf .mrtf-compose img {
		width: 32px;
		height: 32px;
	}
	#modal .mrtf .mrtf-compose span {
		height: 34px;
		border-radius: 999px;
		background: #202327;
		padding: 0 14px;
		font-size: 17px;
	}
	/* klon wpisu z feedu w szkielecie dostaje uklad gotowego okna
	   (mr-post-x.js dodaje mu klasy) - bez kresek i elementow z feedu */
	#modal .mrtf .mrtf-post .post {
		border-bottom: 0 !important;
	}
	#modal .mrtf .mrtf-post .mr-thread-repliers,
	#modal .mrtf .mrtf-post .post-footer,
	#modal .mrtf .mrtf-post .mr-th-show,
	#modal .mrtf .mrtf-post .post-comments {
		display: none !important;
	}
	#modal .mrtf .mrtf-post {
		border-bottom: 0;
	}
	/* miejsce na "Ostatnio dodane ⌄" (44 px + kreska), zeby odpowiedzi
	   nie zjezdzaly w dol w chwili podmiany */
	#modal .mrtf .mrtf-reps::before {
		content: "";
		display: block;
		height: 44px;
		border-bottom: var(--mr-hair, 1px) solid #202326;
	}
	/* wpis bez komentarzy: gotowe okno nie ma ani filtra, ani odpowiedzi -
	   szkielet tez nie (mr-post-x.js czyta liczbe komentarzy z feedu) */
	#modal .mrtf .mrtf-reps.mr-x-no-replies,
	#modal .mrtf .mrtf-reps.mr-x-no-replies::before {
		display: none;
	}
	#modal .mrtf .mrtf-rep {
		gap: 8px;
		padding: 12px 10px;
		border-bottom-color: #2f3336;
	}

	/* ── Przejscia jak w aplikacji X ─────────────────────────────────
	   Otwieranie z feedu: okno wjezdza z prawej na cala szerokosc,
	   pod nim widac feed (bez czarnego tla i bez przyciemnienia).
	   Czas = klasa mr-thread-entering w post.js (240 ms). */
	@keyframes mr-x-push {
		from { transform: translate3d(100%, 0, 0); }
		to   { transform: translate3d(0, 0, 0); }
	}
	@keyframes mr-x-leave {
		from { transform: translate3d(0, 0, 0); }
		to   { transform: translate3d(100%, 0, 0); }
	}
	#modal.mr-thread-entering,
	#modal.mr-thread-entering .modal-dialog,
	#modal.mr-x-leaving,
	#modal.mr-x-leaving .modal-dialog {
		background: transparent !important;
	}
	/* bez przenikania i przesuniecia Bootstrapa - tylko wjazd z prawej */
	#modal.mr-thread-entering,
	#modal.mr-x-leaving {
		opacity: 1 !important;
		transition: none !important;
	}
	#modal.mr-thread-entering .modal-dialog,
	#modal.mr-x-leaving .modal-dialog {
		transform: none !important;
		transition: none !important;
	}
	#modal.mr-thread-entering .modal-content {
		animation: mr-x-push .3s cubic-bezier(.2, .8, .25, 1) both !important;
		box-shadow: -10px 0 30px rgba(0, 0, 0, .55) !important;
		will-change: transform;
	}
	/* Zamykanie: okno odjezdza w prawo (klasa od mr-post-x.js, 230 ms) */
	#modal.mr-x-leaving .modal-content {
		animation: mr-x-leave .23s cubic-bezier(.4, 0, .7, .4) both !important;
		box-shadow: -10px 0 30px rgba(0, 0, 0, .55) !important;
		will-change: transform;
	}
	body.mr-x-leaving .modal-backdrop,
	#modal.mr-thread-entering + .modal-backdrop {
		opacity: 0 !important;
	}
	/* Bootstrap pokazuje okno dopiero PO rozjasnieniu przyslony (150 ms) -
	   na X okno rusza w chwili dotkniecia. Bez przejscia przyslony Bootstrap
	   nie ma na co czekac. */
	body.mr-post-thread-open .modal-backdrop,
	body.mr-comment-thread-open .modal-backdrop {
		opacity: 0 !important;
		transition: none !important;
	}
}

/* Tlo pod strona w kolorze motywu i bez "odbijania" strony w bok - przy
   cofaniu palcem na iPhonie strona potrafila na chwile odjechac w prawo,
   a po lewej bylo widac biale tlo przegladarki. */
@media (max-width: 767.98px) {
	html:not([data-mr-theme="light"]) {
		background-color: #000;
	}
	html[data-mr-theme="light"] {
		background-color: #fff;
	}
	/* tylko strona (html) - NIGDY <body>: body ma overflow-y: scroll, wiec jest
	   osobnym "przewijanym" kontenerem i blokowal przekazanie ruchu palca stronie */
	html {
		overscroll-behavior-x: none;
	}
}

/* pasek na palec przy lewej krawedzi okna (cofanie od krawedzi, mr-post-x.js) */
.mr-x-edge {
	display: none;
}
@media (max-width: 767.98px) {
	#modal .mr-x-edge {
		display: block;
		position: fixed;
		left: 0;
		top: 56px;
		/* konczy sie nad dolnym paskiem - nie zaslania ikony Home */
		bottom: calc(var(--mr-nav-height, 48px) + env(safe-area-inset-bottom, 0px));
		width: 24px;
		z-index: 30;
		background: transparent;
	}
}

/* cofanie gestem iOS / przyciskiem przegladarki - bez drugiej animacji */
@media (max-width: 767.98px) {
	#modal.mr-x-instant,
	#modal.mr-x-instant .modal-dialog,
	#modal.mr-x-instant .modal-content,
	body.mr-x-instant .modal-backdrop {
		transition: none !important;
		animation: none !important;
		opacity: 0 !important;
	}
	#modal.mr-x-instant .modal-content {
		visibility: hidden !important;
	}
}

@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
	#modal.mr-thread-entering .modal-content,
	#modal.mr-x-leaving .modal-content {
		animation: none !important;
	}
}

/* ==========================================================================
   Nitka rozmowy jak na X - wszystkie odpowiedzi w jednej kolumnie
   --------------------------------------------------------------------------
   mr-comments.css wcinal kolejne poziomy (mrx-d2..d6 - "schodki" na PC)
   i przesuwal kreske o tyle samo, a na telefonie wiersze sa juz wyrownane
   (patrz wyzej) - kreski zostawaly wiec porozrzucane obok awatarow.
   Teraz: kazdy poziom stoi w tej samej kolumnie, a nitka (klasy z serwera
   mrx-line-up / mrx-line-down) biegnie prosto przez srodek awatarow:
   od gory wiersza do awatara i od awatara do dolu wiersza, z 4 px odstepu.
   ========================================================================== */
#modal:not(#mrx0),
#mr-thread-ghost:not(#mrx0),
#mr-back-layer:not(#mrx0) {
	--mrx-x-pad: 16px;
	--mrx-x-av: 40px;
	--mrx-x-top: 12px;
}
#modal:not(#mrx0) .mr-post-thread-modal .mrx-list > .mrx-row:not(.mrx-focus) > .comment,
#modal:not(#mrx0) .mr-comment-thread-modal .mrx-list > .mrx-row:not(.mrx-focus) > .comment,
#modal:not(#mrx0) .mr-post-thread-native .mrx-list > .mrx-row:not(.mrx-focus) > .comment,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .mrx-list > .mrx-row:not(.mrx-focus) > .comment,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mrx-list > .mrx-row:not(.mrx-focus) > .comment,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .mrx-list > .mrx-row:not(.mrx-focus) > .comment,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .mrx-list > .mrx-row:not(.mrx-focus) > .comment,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mrx-list > .mrx-row:not(.mrx-focus) > .comment,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .mrx-list > .mrx-row:not(.mrx-focus) > .comment {
	padding-left: var(--mrx-x-pad) !important;
}
#modal:not(#mrx0) .mr-post-thread-modal .mrx-row::before,
#modal:not(#mrx0) .mr-comment-thread-modal .mrx-row::before,
#modal:not(#mrx0) .mr-post-thread-native .mrx-row::before,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .mrx-row::before,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mrx-row::before,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .mrx-row::before,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .mrx-row::before,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mrx-row::before,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .mrx-row::before,
#modal:not(#mrx0) .mr-post-thread-modal .mrx-row::after,
#modal:not(#mrx0) .mr-comment-thread-modal .mrx-row::after,
#modal:not(#mrx0) .mr-post-thread-native .mrx-row::after,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .mrx-row::after,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mrx-row::after,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .mrx-row::after,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .mrx-row::after,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mrx-row::after,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .mrx-row::after {
	left: calc(var(--mrx-x-pad) + var(--mrx-x-av) / 2 - 1px) !important;
	width: 2px !important;
	border-radius: 0 !important;
	background: #333639 !important;
	z-index: 0;
}
#modal:not(#mrx0) .mr-post-thread-modal .mrx-row.mrx-line-up::before,
#modal:not(#mrx0) .mr-comment-thread-modal .mrx-row.mrx-line-up::before,
#modal:not(#mrx0) .mr-post-thread-native .mrx-row.mrx-line-up::before,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .mrx-row.mrx-line-up::before,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mrx-row.mrx-line-up::before,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .mrx-row.mrx-line-up::before,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .mrx-row.mrx-line-up::before,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mrx-row.mrx-line-up::before,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .mrx-row.mrx-line-up::before {
	display: block !important;
	top: 0 !important;
	bottom: auto !important;
	height: calc(var(--mrx-x-top) - 4px) !important;
}
#modal:not(#mrx0) .mr-post-thread-modal .mrx-row.mrx-line-down::after,
#modal:not(#mrx0) .mr-comment-thread-modal .mrx-row.mrx-line-down::after,
#modal:not(#mrx0) .mr-post-thread-native .mrx-row.mrx-line-down::after,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .mrx-row.mrx-line-down::after,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mrx-row.mrx-line-down::after,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-native .mrx-row.mrx-line-down::after,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal .mrx-row.mrx-line-down::after,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mrx-row.mrx-line-down::after,
#mr-back-layer:not(#mrx0) .mr-post-thread-native .mrx-row.mrx-line-down::after {
	display: block !important;
	top: calc(var(--mrx-x-top) + var(--mrx-x-av) + 4px) !important;
	bottom: 0 !important;
	height: auto !important;
}
html[data-mr-theme="light"] #modal:not(#mrx0) .mr-post-thread-modal .mrx-row::before,
html[data-mr-theme="light"] #modal:not(#mrx0) .mr-post-thread-modal .mrx-row::after,
html[data-mr-theme="light"] #modal:not(#mrx0) .mr-comment-thread-modal .mrx-row::before,
html[data-mr-theme="light"] #modal:not(#mrx0) .mr-comment-thread-modal .mrx-row::after,
html[data-mr-theme="light"] #modal:not(#mrx0) .mr-post-thread-native .mrx-row::before,
html[data-mr-theme="light"] #modal:not(#mrx0) .mr-post-thread-native .mrx-row::after,
html[data-mr-theme="light"] #mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .mrx-row::before,
html[data-mr-theme="light"] #mr-thread-ghost:not(#mrx0) .mr-post-thread-modal .mrx-row::after,
html[data-mr-theme="light"] #mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mrx-row::before,
html[data-mr-theme="light"] #mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal .mrx-row::after,
html[data-mr-theme="light"] #mr-thread-ghost:not(#mrx0) .mr-post-thread-native .mrx-row::before,
html[data-mr-theme="light"] #mr-thread-ghost:not(#mrx0) .mr-post-thread-native .mrx-row::after,
html[data-mr-theme="light"] #mr-back-layer:not(#mrx0) .mr-post-thread-modal .mrx-row::before,
html[data-mr-theme="light"] #mr-back-layer:not(#mrx0) .mr-post-thread-modal .mrx-row::after,
html[data-mr-theme="light"] #mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mrx-row::before,
html[data-mr-theme="light"] #mr-back-layer:not(#mrx0) .mr-comment-thread-modal .mrx-row::after,
html[data-mr-theme="light"] #mr-back-layer:not(#mrx0) .mr-post-thread-native .mrx-row::before,
html[data-mr-theme="light"] #mr-back-layer:not(#mrx0) .mr-post-thread-native .mrx-row::after {
	background: #cfd9de !important;
}
@media (max-width: 767.98px) {
	/* telefon: te same odstepy co wiersz (--x-pad / --x-av ustawione
	   na .mr-post-thread-modal / .mr-comment-thread-modal) */
	#modal:not(#mrx0) .mr-post-thread-modal,
#modal:not(#mrx0) .mr-comment-thread-modal,
#mr-thread-ghost:not(#mrx0) .mr-post-thread-modal,
#mr-thread-ghost:not(#mrx0) .mr-comment-thread-modal,
#mr-back-layer:not(#mrx0) .mr-post-thread-modal,
#mr-back-layer:not(#mrx0) .mr-comment-thread-modal {
		--mrx-x-pad: var(--x-pad, 16px);
		--mrx-x-av: var(--x-av, 40px);
	}
}

/* ==========================================================================
   Okna Post / Watek / arkusz pod filmem - poprawki 1:1 z X
   ========================================================================== */
/* 1. Wyrozniona wypowiedz: WSZYSTKIE odznaki w linii z imieniem. Siatka miala
      miejsce tylko na imie i jeden znaczek - kolejne spadaly do ukrytego
      wiersza pod @nickiem (widac bylo tylko ich skrawek). */
#modal:not(#mrx0):not(#mrx1) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author,
#mr-thread-ghost:not(#mrx0):not(#mrx1) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author,
#mr-back-layer:not(#mrx0):not(#mrx1) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author {
	grid-template-columns: minmax(0, max-content) !important;
	grid-auto-columns: max-content !important;
	grid-auto-flow: column !important;
	justify-content: start !important;
}
#modal:not(#mrx0):not(#mrx1) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author > :not(.mr-thread-handle),
#mr-thread-ghost:not(#mrx0):not(#mrx1) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author > :not(.mr-thread-handle),
#mr-back-layer:not(#mrx0):not(#mrx1) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author > :not(.mr-thread-handle) {
	grid-row: 1 !important;
	grid-column: auto !important;
	align-self: center !important;
}
#modal:not(#mrx0):not(#mrx1) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author > .js_user-popover,
#mr-thread-ghost:not(#mrx0):not(#mrx1) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author > .js_user-popover,
#mr-back-layer:not(#mrx0):not(#mrx1) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author > .js_user-popover {
	grid-column: 1 !important;
}
#modal:not(#mrx0):not(#mrx1) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author > .mr-thread-handle,
#mr-thread-ghost:not(#mrx0):not(#mrx1) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author > .mr-thread-handle,
#mr-back-layer:not(#mrx0):not(#mrx1) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author > .mr-thread-handle {
	grid-row: 2 !important;
	grid-column: 1 / span 12 !important;
}

/* 2. Serduszko po lewej takze w poscie nad watkiem i w lancuchu przodkow
      (kolejnosc w szablonie: odpowiedzi, podania, serca, wyswietlenia) */
.mr-comment-thread-modal .mr-thread-parent-actions { display: flex !important; }
.mr-comment-thread-modal .js_thread-parent:not(.mr-thread-ancestor) .mr-thread-parent-actions > span:nth-child(3),
.mr-comment-thread-modal .mr-thread-ancestor .mr-thread-parent-actions > span:nth-child(2) {
	order: -1 !important;
}

/* 3. Czcionki jak na X: nick / @nick / czas 15 px, odpowiedz 15/20, glowny
      wpis 17/24 (wczesniej o 1 px mniejsze - bylo za malo czytelne).
      Bez :is() (Chromium 83); wysoka waga, bo w motywie sa mocne reguly. */
html body #modal:not(#mrx0):not(#mrx1):not(#mrx2) .comment-author a.fw-semibold,
html body #modal:not(#mrx0):not(#mrx1):not(#mrx2) .comment-author .js_user-popover a,
html body #modal:not(#mrx0):not(#mrx1):not(#mrx2) .post-author,
html body #modal:not(#mrx0):not(#mrx1):not(#mrx2) .mr-thread-handle,
html body #modal:not(#mrx0):not(#mrx1):not(#mrx2) .comment-author .js_moment,
html body #modal:not(#mrx0):not(#mrx1):not(#mrx2) .post-meta .text-muted,
html body #modal:not(#mrx0):not(#mrx1):not(#mrx2) .post-meta .js_moment,
html body #modal:not(#mrx0):not(#mrx1):not(#mrx2) .mr-thread-parent .fw-semibold,
html body #modal:not(#mrx0):not(#mrx1):not(#mrx2) .mr-thread-parent .text-muted,
html body #modal:not(#mrx0):not(#mrx1):not(#mrx2) .mr-thread-parent .js_moment,
html body #modal:not(#mrx0):not(#mrx1):not(#mrx2) .mr-x-post-meta,
html body #modal:not(#mrx0):not(#mrx1):not(#mrx2) .mr-x-post-meta span,
html body #modal:not(#mrx0):not(#mrx1):not(#mrx2) .mr-x-post-meta b,
html body #mr-thread-ghost:not(#mrx0):not(#mrx1):not(#mrx2) .comment-author a.fw-semibold,
html body #mr-thread-ghost:not(#mrx0):not(#mrx1):not(#mrx2) .comment-author .js_user-popover a,
html body #mr-thread-ghost:not(#mrx0):not(#mrx1):not(#mrx2) .post-author,
html body #mr-thread-ghost:not(#mrx0):not(#mrx1):not(#mrx2) .mr-thread-handle,
html body #mr-thread-ghost:not(#mrx0):not(#mrx1):not(#mrx2) .comment-author .js_moment,
html body #mr-thread-ghost:not(#mrx0):not(#mrx1):not(#mrx2) .post-meta .text-muted,
html body #mr-thread-ghost:not(#mrx0):not(#mrx1):not(#mrx2) .post-meta .js_moment,
html body #mr-thread-ghost:not(#mrx0):not(#mrx1):not(#mrx2) .mr-thread-parent .fw-semibold,
html body #mr-thread-ghost:not(#mrx0):not(#mrx1):not(#mrx2) .mr-thread-parent .text-muted,
html body #mr-thread-ghost:not(#mrx0):not(#mrx1):not(#mrx2) .mr-thread-parent .js_moment,
html body #mr-thread-ghost:not(#mrx0):not(#mrx1):not(#mrx2) .mr-x-post-meta,
html body #mr-thread-ghost:not(#mrx0):not(#mrx1):not(#mrx2) .mr-x-post-meta span,
html body #mr-thread-ghost:not(#mrx0):not(#mrx1):not(#mrx2) .mr-x-post-meta b,
html body #mr-back-layer:not(#mrx0):not(#mrx1):not(#mrx2) .comment-author a.fw-semibold,
html body #mr-back-layer:not(#mrx0):not(#mrx1):not(#mrx2) .comment-author .js_user-popover a,
html body #mr-back-layer:not(#mrx0):not(#mrx1):not(#mrx2) .post-author,
html body #mr-back-layer:not(#mrx0):not(#mrx1):not(#mrx2) .mr-thread-handle,
html body #mr-back-layer:not(#mrx0):not(#mrx1):not(#mrx2) .comment-author .js_moment,
html body #mr-back-layer:not(#mrx0):not(#mrx1):not(#mrx2) .post-meta .text-muted,
html body #mr-back-layer:not(#mrx0):not(#mrx1):not(#mrx2) .post-meta .js_moment,
html body #mr-back-layer:not(#mrx0):not(#mrx1):not(#mrx2) .mr-thread-parent .fw-semibold,
html body #mr-back-layer:not(#mrx0):not(#mrx1):not(#mrx2) .mr-thread-parent .text-muted,
html body #mr-back-layer:not(#mrx0):not(#mrx1):not(#mrx2) .mr-thread-parent .js_moment,
html body #mr-back-layer:not(#mrx0):not(#mrx1):not(#mrx2) .mr-x-post-meta,
html body #mr-back-layer:not(#mrx0):not(#mrx1):not(#mrx2) .mr-x-post-meta span,
html body #mr-back-layer:not(#mrx0):not(#mrx1):not(#mrx2) .mr-x-post-meta b,
html body #mr-mv:not(#mrx0):not(#mrx1):not(#mrx2) .mr-mv-sheet .comment-author a.fw-semibold,
html body #mr-mv:not(#mrx0):not(#mrx1):not(#mrx2) .mr-mv-sheet .comment-author .js_user-popover a,
html body #mr-mv:not(#mrx0):not(#mrx1):not(#mrx2) .mr-mv-sheet .post-author,
html body #mr-mv:not(#mrx0):not(#mrx1):not(#mrx2) .mr-mv-sheet .mr-thread-handle,
html body #mr-mv:not(#mrx0):not(#mrx1):not(#mrx2) .mr-mv-sheet .comment-author .js_moment,
html body #mr-mv:not(#mrx0):not(#mrx1):not(#mrx2) .mr-mv-sheet .post-meta .text-muted,
html body #mr-mv:not(#mrx0):not(#mrx1):not(#mrx2) .mr-mv-sheet .post-meta .js_moment,
html body #mr-mv:not(#mrx0):not(#mrx1):not(#mrx2) .mr-mv-sheet .mr-thread-parent .fw-semibold,
html body #mr-mv:not(#mrx0):not(#mrx1):not(#mrx2) .mr-mv-sheet .mr-thread-parent .text-muted,
html body #mr-mv:not(#mrx0):not(#mrx1):not(#mrx2) .mr-mv-sheet .mr-thread-parent .js_moment,
html body #mr-mv:not(#mrx0):not(#mrx1):not(#mrx2) .mr-mv-sheet .mr-x-post-meta,
html body #mr-mv:not(#mrx0):not(#mrx1):not(#mrx2) .mr-mv-sheet .mr-x-post-meta span,
html body #mr-mv:not(#mrx0):not(#mrx1):not(#mrx2) .mr-mv-sheet .mr-x-post-meta b {
	font-size: 15px !important;
}
html body #modal:not(#mrx0):not(#mrx1):not(#mrx2) .comment-text,
html body #mr-thread-ghost:not(#mrx0):not(#mrx1):not(#mrx2) .comment-text,
html body #mr-back-layer:not(#mrx0):not(#mrx1):not(#mrx2) .comment-text,
html body #mr-mv:not(#mrx0):not(#mrx1):not(#mrx2) .mr-mv-sheet .comment-text {
	font-size: 15px !important;
	line-height: 20px !important;
}
html body #modal:not(#mrx0):not(#mrx1):not(#mrx2) .mr-post-thread-modal .post-text,
html body #modal:not(#mrx0):not(#mrx1):not(#mrx2) .mr-post-thread-native .post-text,
html body #modal:not(#mrx0):not(#mrx1):not(#mrx2) .mr-comment-thread-list > li > .comment > * .comment-text.js_readmore,
html body #mr-thread-ghost:not(#mrx0):not(#mrx1):not(#mrx2) .mr-post-thread-modal .post-text,
html body #mr-thread-ghost:not(#mrx0):not(#mrx1):not(#mrx2) .mr-post-thread-native .post-text,
html body #mr-thread-ghost:not(#mrx0):not(#mrx1):not(#mrx2) .mr-comment-thread-list > li > .comment > * .comment-text.js_readmore,
html body #mr-back-layer:not(#mrx0):not(#mrx1):not(#mrx2) .mr-post-thread-modal .post-text,
html body #mr-back-layer:not(#mrx0):not(#mrx1):not(#mrx2) .mr-post-thread-native .post-text,
html body #mr-back-layer:not(#mrx0):not(#mrx1):not(#mrx2) .mr-comment-thread-list > li > .comment > * .comment-text.js_readmore,
html body #mr-mv:not(#mrx0):not(#mrx1):not(#mrx2) .mr-mv-sheet .mr-post-thread-modal .post-text,
html body #mr-mv:not(#mrx0):not(#mrx1):not(#mrx2) .mr-mv-sheet .mr-post-thread-native .post-text,
html body #mr-mv:not(#mrx0):not(#mrx1):not(#mrx2) .mr-mv-sheet .mr-comment-thread-list > li > .comment > * .comment-text.js_readmore {
	font-size: 17px !important;
	line-height: 24px !important;
}
/* imie nie nachodzi na pierwsza odznake */
#modal:not(#mrx0):not(#mrx1) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author > .js_user-popover,
#mr-thread-ghost:not(#mrx0):not(#mrx1) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author > .js_user-popover,
#mr-back-layer:not(#mrx0):not(#mrx1) .mr-comment-thread-modal .mr-comment-thread-list > li > .comment .comment-author > .js_user-popover {
	padding-right: 2px !important;
	text-overflow: ellipsis;
}

/* MR: polubione serce w poscie / komentarzach nad watkiem - rozowe takze w ikonie
   (style.css barwi .action-icon i jej sciezki na szaro, nadpisujac kolor przycisku) */
.mr-thread-parent-actions .mr-liked .action-icon,
.mr-thread-parent-actions .mr-liked .action-icon * {
	color: #f91880 !important;
	fill: #f91880 !important;
}