:root {
	/* Accent: classic Twitter blue */
	--wp-blue: #1DA1F2;
	--wp-blue-dark: #1A8CD8;
	--wp-bg: #f0f2f7;
	--wp-border: #e1e5ee;
	--text-main: #1e293b;
	--text-muted: #64748b;
	--white: #ffffff;
	--shadow: 0 1px 3px rgba(15, 23, 42, 0.06), 0 6px 20px rgba(15, 23, 42, 0.05);
	--shadow-hover: 0 4px 12px rgba(15, 23, 42, 0.08), 0 12px 32px rgba(29, 161, 242, 0.10);
	--radius: 10px;
	--radius-lg: 18px;
	--header-w: 1200px;
	--header-h: 64px;
	--feed-w: 672px;
	--sidebar-width: 260px;
	--sidebar-bg: #0f172a;
	--sidebar-text: #cbd5e1;
	--sidebar-hover: #1e293b;
	--sidebar-active: #1DA1F2;
	--topbar-height: 52px;
	--topbar-bg: #0f172a;
	--body-bg: #f0f2f7;
	--card-bg: #fff;
	--surface-2: #f1f5f9;
	--border: #e1e5ee;
	--primary: #1DA1F2;
	--primary-hover: #1A8CD8;
	--success: #059669;
	--warning: #d97706;
	--danger: #dc2626;
	--info: #1DA1F2;
	--accent: #1DA1F2;
	--transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	--font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--live-rail-w: 64px;
	--explore-rail-w: 280px;
	--live-rail-bg: var(--card-bg);
	--live-rail-border: var(--wp-border);
	/* Above app modals (10040–10070) so avatars/media from a profile open on top. */
	--fancybox-zIndex: 10200;
	--live-rail-shadow: none;
	--live-rail-face-ring: var(--card-bg);
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(136, 136, 136, .3) transparent;
}

html,
body {
	min-height: 100%;
}

body.site_body {
	font-family: var(--font-sans);
	background: linear-gradient(180deg, #e8ecf4 0%, var(--wp-bg) 48%, var(--wp-bg) 100%);
	background-attachment: fixed;
	color: var(--text-main);
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
}

body.site_body.has-feed-wallpaper {
	background: transparent;
}

.site-wallpaper {
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
}

.site-wallpaper__photo {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.site-wallpaper::after {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, var(--feed-wallpaper-overlay, 0.4));
}

body.has-feed-wallpaper .container-feed {
	position: relative;
	z-index: 1;
}

body.has-feed-wallpaper .composer-card,
body.has-feed-wallpaper .rang,
body.has-feed-wallpaper .card {
	background: color-mix(in srgb, var(--card-bg, #fff) 84%, transparent);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

body.admin_body {
	font-family: 'Vazirmatn', sans-serif;
	background: var(--body-bg);
	color: #1d2327;
	font-size: 13px;
	line-height: 1.6;
}

body.admin_body:not(.rtl_mode) {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
.selectboxit-container {
    width: 100% !important;
}
.selectboxit {
    width: 100% !important;
}
button,
input,
textarea,
select {
	font: inherit;
}

button {
	cursor: pointer;
	border: none;
	background: none;
}

a {
	color: inherit;
	text-decoration: none;
}

.hidden {
	display: none !important;
}

.modal_open {
	overflow: hidden;
}

.card {
	background: var(--white);
	border: 1px solid color-mix(in srgb, var(--wp-border) 85%, var(--wp-blue) 4%);
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow);
	position: relative;
}

.btn-primary,
.btn-outline,
.btn-success,
.btn-danger,
.btn-sm,
.btn-primary-soft,
.btn-secondary-soft {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	font-family: inherit;
	cursor: pointer;
	text-decoration: none;
}

.btn-primary {
	background: var(--primary);
	color: #fff;
	border: 1px solid var(--primary);
	border-radius: var(--radius);
	padding: 7px 14px;
	font-size: 13px;
	font-weight: 600;
}

.btn-primary:hover {
	background: var(--primary-hover);
	border-color: var(--primary-hover);
}

.btn-outline {
	background: #fff;
	color: #1d2327;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: 7px 14px;
	font-size: 13px;
	font-weight: 500;
}

.btn-success {
	background: var(--success);
	color: #fff;
	border: 1px solid var(--success);
	border-radius: var(--radius);
	padding: 7px 14px;
	font-size: 13px;
	font-weight: 600;
}

.btn-danger {
	background: var(--danger);
	color: #fff;
	border: 1px solid var(--danger);
	border-radius: var(--radius);
	padding: 7px 14px;
	font-size: 13px;
	font-weight: 600;
}

.btn-sm {
	padding: 4px 10px;
	font-size: 12px;
	border-radius: var(--radius);
}

.btn-primary-soft,
.btn-secondary-soft {
	border-radius: var(--radius);
	font-size: 0.75rem;
	font-weight: 600;
	padding: 8px 14px;
}

.btn-primary-soft {
	background: var(--wp-blue);
	color: #fff;
}

.btn-primary-soft:hover {
	background: var(--wp-blue-dark);
}

.btn-secondary-soft {
	background: var(--surface-2);
	color: var(--text-main);
	border: 1px solid var(--wp-border);
}

.ts-confirm-dialog__msg {
	margin: 0 0 14px;
	line-height: 1.45;
	color: var(--text-main, #1d2327);
}

.ts-confirm-dialog__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
}

.icon-btn {
	padding: 8px;
	color: var(--text-muted);
	transition: color 0.2s, background 0.2s;
	position: relative;
	border-radius: 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.icon-btn__mark {
	position: relative;
	display: inline-flex;
	width: 22px;
	height: 22px;
	align-items: center;
	justify-content: center;
}

.icon-btn__mark svg,
.icon-btn__mark i {
	width: 20px;
	height: 20px;
}

.icon-btn:hover {
	color: var(--wp-blue);
	background: var(--surface-2);
}

.divider-v {
	width: 1px;
	height: 24px;
	background: var(--wp-border);
	margin: 0 4px;
}

.notify-pip,
.dot {
	position: absolute;
	top: -5px;
	right: -6px;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border: 0;
	border-radius: 999px;
	background: #f4212e;
	color: #fff;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: -0.03em;
	line-height: 16px;
	text-align: center;
	box-shadow: 0 0 0 2px var(--header-pip-ring, #ffffff);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 2;
	pointer-events: none;
}

.notify-pip.is-on,
.dot.is-on {
	display: inline-flex;
}

.notify-pip--mail,
.dot.blue {
	background: #1d9bf0;
}

.site-header {
	--header-pip-ring: #ffffff;
	--glass-fade: rgba(255, 255, 255, 0.86);
	background: transparent;
	border-bottom: 1px solid color-mix(in srgb, var(--wp-border) 85%, transparent);
	height: var(--header-h, 64px);
	position: sticky;
	top: 0;
	z-index: 100;
	display: flex;
	align-items: center;
	box-shadow: 0 1px 0 color-mix(in srgb, #000 4%, transparent);
	overflow: visible;
}

.site-header::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 100%;
	background: color-mix(in srgb, var(--glass-fade) 94%, transparent);
	backdrop-filter: blur(18px) saturate(160%);
	-webkit-backdrop-filter: blur(18px) saturate(160%);
	-webkit-mask-image: none;
	mask-image: none;
	pointer-events: none;
	z-index: 0;
}

.site-header > * {
	position: relative;
	z-index: 1;
}

.container-header {
	max-width: none;
	margin: 0;
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(220px, 540px) minmax(0, 1fr);
	align-items: center;
	padding: 0 12px 0 16px;
	gap: 12px;
}

.header-left {
	display: flex;
	align-items: center;
	min-width: 0;
	justify-self: start;
}

.header-center {
	width: 100%;
	min-width: 0;
}

.logo {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-weight: 700;
	font-size: 1.12rem;
	letter-spacing: -0.02em;
	color: var(--text-main);
}

.logo-box {
	background: linear-gradient(135deg, #1DA1F2 0%, #1A8CD8 55%, #0C85D0 100%);
	color: #fff;
	width: 34px;
	height: 34px;
	border-radius: 11px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px rgba(29, 161, 242, 0.35);
	overflow: hidden;
	flex-shrink: 0;
}

.logo-box--file {
	background: none;
	box-shadow: none;
	width: auto;
	height: 56px;
	max-width: min(300px, 44vw);
	border-radius: 0;
	padding: 0;
	overflow: visible;
}

.logo:has(.logo-box--file) > .click_href {
	display: none;
}

.logo-box img,
.site-logo-img {
	height: 34px;
	width: auto;
	max-width: 180px;
	object-fit: contain;
	display: block;
}

.logo-box--file img {
	height: 56px;
	max-width: min(300px, 44vw);
	mix-blend-mode: normal;
}

.nav-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	justify-self: end;
}

.header-tool--mobile {
	display: none;
}

.side-rail {
	display: none;
}

@media (min-width: 960px) {
	body.site_body {
		--side-rail-w: 56px;
	}

	body.site_body .side-rail {
		display: block;
		position: fixed;
		top: var(--header-h, 64px);
		left: 0;
		bottom: 0;
		width: var(--side-rail-w);
		z-index: 95;
		pointer-events: none;
	}

	body.site_body.rtl_mode .side-rail {
		left: auto;
		right: 0;
	}

	body.site_body .page-wrap,
	body.site_body .container-page,
	body.site_body main.container,
	body.site_body main.page_shell {
		margin-left: var(--side-rail-w);
	}

	body.site_body .container-feed {
		margin-left: max(var(--side-rail-w), calc(50% - (var(--feed-w) / 2)));
		margin-right: auto;
	}

	body.site_body.rtl_mode .page-wrap,
	body.site_body.rtl_mode .container-page,
	body.site_body.rtl_mode main.container,
	body.site_body.rtl_mode main.page_shell {
		margin-left: 0;
		margin-right: var(--side-rail-w);
	}

	body.site_body.rtl_mode .container-feed {
		margin-left: auto;
		margin-right: max(var(--side-rail-w), calc(50% - (var(--feed-w) / 2)));
	}

	.side-rail__inner {
		pointer-events: auto;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 14px 0 10px;
		box-sizing: border-box;
		background: color-mix(in srgb, var(--glass-fade, var(--card-bg)) 92%, transparent);
		border-right: 1px solid color-mix(in srgb, var(--wp-border) 88%, transparent);
		backdrop-filter: blur(16px) saturate(150%);
		-webkit-backdrop-filter: blur(16px) saturate(150%);
	}

	body.site_body.rtl_mode .side-rail__inner {
		border-right: 0;
		border-left: 1px solid color-mix(in srgb, var(--wp-border) 88%, transparent);
	}

	.side-rail__nav {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 6px;
		flex-shrink: 0;
		width: 100%;
	}

	.side-rail__sep {
		width: 22px;
		height: 1px;
		margin: 12px 0 6px;
		flex-shrink: 0;
		background: color-mix(in srgb, var(--wp-border) 90%, transparent);
		border-radius: 1px;
	}

	.side-rail__btn {
		width: 42px;
		height: 42px;
		border: 0;
		border-radius: 12px;
		background: transparent;
		color: var(--text-muted);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		position: relative;
		flex-shrink: 0;
		transition: background 0.15s ease, color 0.15s ease;
	}

	.side-rail__btn i,
	.side-rail__btn svg {
		width: 20px;
		height: 20px;
		display: block;
	}

	.side-rail__mark {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.side-rail__btn:hover,
	.side-rail__btn:focus-visible {
		background: color-mix(in srgb, var(--wp-blue) 12%, transparent);
		color: var(--wp-blue);
	}

	.side-rail__btn.is-playing,
	.side-rail__btn.is-playing:hover {
		color: var(--text-main);
		background: color-mix(in srgb, var(--text-main) 10%, transparent);
	}

	.side-rail .notify-pip {
		position: absolute;
		top: -6px;
		right: -8px;
	}

	body.site_body .side-rail .live-rail {
		display: block;
		position: relative;
		top: auto;
		right: auto;
		left: auto;
		bottom: auto;
		width: 100%;
		height: auto;
		flex: 1 1 auto;
		min-height: 0;
		z-index: 1;
		pointer-events: auto;
	}

	body.site_body .side-rail .live-rail__bar {
		height: 100%;
		background: transparent;
		border: 0;
		box-shadow: none;
	}

	body.site_body .side-rail .live-rail__head,
	body.site_body .side-rail .live-rail__toggle,
	body.site_body .side-rail .live-rail__name {
		display: none !important;
	}

	body.site_body .side-rail .live-rail__stack {
		padding: 6px 0 8px;
		gap: 12px;
	}

	body.site_body .side-rail .live-rail__tip {
		right: auto;
		left: calc(100% + 12px);
		transform: translateY(-50%) translateX(-6px);
	}

	body.site_body .side-rail .live-rail__tip::after {
		right: auto;
		left: -6px;
		border-left-color: transparent;
		border-right-color: var(--text-main);
	}

	body.site_body .side-rail .live-rail__btn:hover .live-rail__tip,
	body.site_body .side-rail .live-rail__btn:focus-visible .live-rail__tip {
		transform: translateY(-50%) translateX(0);
	}

	body.site_body.rtl_mode .side-rail .live-rail__tip {
		left: auto;
		right: calc(100% + 12px);
		transform: translateY(-50%) translateX(6px);
	}

	body.site_body.rtl_mode .side-rail .live-rail__tip::after {
		left: auto;
		right: -6px;
		border-right-color: transparent;
		border-left-color: var(--text-main);
	}

	body.site_body.rtl_mode .side-rail .live-rail__btn:hover .live-rail__tip,
	body.site_body.rtl_mode .side-rail .live-rail__btn:focus-visible .live-rail__tip {
		transform: translateY(-50%) translateX(0);
	}
}

@media (max-width: 959px) {
	.header-tool--mobile {
		display: inline-flex;
	}

	body.site_body .side-rail {
		display: block !important;
		position: static;
		width: 0;
		height: 0;
		overflow: visible;
		pointer-events: none;
		z-index: auto;
	}

	body.site_body .side-rail__inner {
		display: contents;
		background: transparent;
		border: 0;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		padding: 0;
		height: auto;
	}

	body.site_body .side-rail__nav,
	body.site_body .side-rail__sep {
		display: none !important;
	}

	body.site_body .side-rail .live-rail {
		pointer-events: auto;
	}
}

.header-search-form {
	width: 100%;
	max-width: none;
}

.header-search-toggle {
	display: none;
}

.header-search-toggle__close,
.header-search-overlay-close {
	display: none;
}

.header-search-wrap {
	display: flex;
	align-items: center;
	gap: 8px;
	background: var(--surface-2);
	border: 1px solid var(--wp-border);
	border-radius: 999px;
	padding: 0 14px;
	height: 40px;
	transition: border-color var(--transition), box-shadow var(--transition);
}

.header-search-wrap:focus-within {
	border-color: color-mix(in srgb, var(--wp-blue) 45%, var(--wp-border));
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp-blue) 18%, transparent);
}

.header-search-input {
	width: 100%;
	border: none;
	background: transparent;
	outline: none;
	font-size: 0.85rem;
	color: var(--text-main);
}

.profile-trigger {
	display: inline-flex;
	align-items: center;
	position: relative;
	padding: 0;
	border-radius: 50%;
}

.site-header .profile-trigger .avatar-wrap.avatar-head .avatar {
	width: 48px;
	height: 48px;
	border: 2px solid rgba(148, 163, 184, 0.35);
	box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.2);
}

.site-header .profile-trigger .avatar-wrap.avatar-head .v-badge {
	width: 16px;
	height: 16px;
	right: -1px;
	bottom: 0;
}

.header-menu-wrap {
	position: relative;
}

.header-guest {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	text-decoration: none;
	color: inherit;
}

.header-guest__avatar {
	flex-shrink: 0;
	line-height: 0;
}

.site-header .header-guest .avatar-wrap.avatar-head .avatar {
	width: 48px;
	height: 48px;
	border: 2px solid rgba(148, 163, 184, 0.35);
	box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.2);
}

.header-guest__meta {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	min-width: 0;
	line-height: 1.15;
}

.header-guest__name {
	font-size: 0.82rem;
	font-weight: 700;
	color: var(--text-main);
	white-space: nowrap;
}

.header-guest__login {
	font-size: 0.72rem;
	font-weight: 600;
	color: var(--text-muted);
	text-decoration: none;
	white-space: nowrap;
}

.header-guest__login:hover,
.header-guest__login:focus-visible {
	color: var(--text-main);
	text-decoration: underline;
}

.profile-menu {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	min-width: 280px;
	max-width: min(320px, calc(100vw - 16px));
	max-height: min(78vh, 640px);
	overflow-x: hidden;
	overflow-y: auto;
	background: var(--card-bg, #fff);
	border: 1px solid var(--wp-border);
	border-radius: 5px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
	padding: 0;
	display: none;
	z-index: 160;
}

.profile-menu-item {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 0;
	background: transparent;
	color: var(--text-main);
	font-size: 0.82rem;
	font-weight: 600;
	text-align: start;
}

.profile-menu-item:hover {
	background: #f7f7f7;
	color: var(--text-main);
}

.profile-menu-item.danger:hover {
	background: #fff5f5;
	color: #c0392b;
}

.oly-account {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.oly-account__head {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	border-bottom: 1px solid var(--wp-border, #ececec);
	background: color-mix(in srgb, var(--primary, #1DA1F2) 10%, var(--card-bg, #fff));
}

.oly-account__meta {
	min-width: 0;
	flex: 1;
}

.oly-account__name {
	font-size: 14px;
	font-weight: 700;
	color: var(--text-main);
	line-height: 1.25;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.oly-account__mood,
.oly-account__handle {
	margin-top: 2px;
	font-size: 12px;
	font-weight: 600;
	color: var(--text-muted, #888);
	line-height: 1.25;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.oly-account__stats {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0;
	border-bottom: 1px solid var(--wp-border, #ececec);
}

.oly-account__stat {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 10px 16px;
	min-width: 0;
}

.oly-account__stat + .oly-account__stat {
	border-left: 1px solid var(--wp-border, #ececec);
}

.oly-account__stat-k {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--text-muted, #999);
}

.oly-account__stat-v {
	font-size: 13px;
	font-weight: 700;
	color: var(--text-main);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.oly-account__block {
	padding: 6px 0;
	border-bottom: 1px solid var(--wp-border, #ececec);
}

.oly-account__block--last {
	border-bottom: 0;
}

.oly-account__title {
	padding: 8px 20px 4px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--text-muted, #9a9fbf);
}

.oly-account__item {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 11px 20px;
	border: 0;
	background: transparent;
	color: var(--text-main);
	font-size: 13px;
	font-weight: 600;
	text-align: start;
	text-decoration: none;
	cursor: pointer;
	box-sizing: border-box;
}

.oly-account__item:hover,
.oly-account__item.is-active {
	background: var(--surface-2, #f7f7f7);
	color: var(--text-main);
}

.oly-account__item i {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	color: var(--text-muted, #888);
	stroke-width: 2;
}

.oly-account__item--link {
	font-weight: 600;
	color: #515365;
}

.oly-account__item--link:hover {
	color: var(--primary, #1DA1F2);
	background: transparent;
}

.oly-account__item--danger {
	color: #c0392b;
}

.oly-account__item--danger i {
	color: #c0392b;
}

.oly-account__item--danger:hover {
	background: #fff5f5;
	color: #c0392b;
}

.oly-account__status {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	flex-shrink: 0;
	object-fit: cover;
	padding: 0;
	background: transparent;
}

.oly-account__status-label {
	flex: 1;
	min-width: 0;
}

.oly-account__status-current {
	font-size: 12px;
	font-weight: 600;
	color: var(--text-muted, #888);
	white-space: nowrap;
}

.oly-account__item .oly-account__chevron {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	color: var(--text-muted, #888);
	transition: transform var(--transition);
}

.oly-account__status-toggle.is-open .oly-account__chevron {
	transform: rotate(180deg);
}

.oly-account__status-toggle.is-open {
	background: var(--surface-2, #f7f7f7);
}

.oly-account__status-wrap {
	position: relative;
}

.oly-account__status-list {
	position: absolute;
	left: 12px;
	right: 12px;
	bottom: calc(100% + 6px);
	z-index: 5;
	padding: 4px 0;
	background: var(--card-bg, #fff);
	border: 1px solid var(--wp-border, #e1e5ee);
	border-radius: 8px;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
	opacity: 0;
	visibility: hidden;
	transform: translateY(4px);
	transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
}

.oly-account__status-list.is-open {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.oly-account__status-list .oly-account__item {
	padding: 10px 14px;
}

.oly-account__mood-form {
	padding: 4px 20px 12px;
}

.oly-account__mood-row {
	display: flex;
	align-items: stretch;
	gap: 0;
}

.oly-account__mood-input {
	flex: 1;
	min-width: 0;
	height: 36px;
	padding: 0 12px;
	border: 1px solid var(--wp-border, #e1e5ee);
	border-right: 0;
	border-radius: 5px 0 0 5px;
	background: var(--surface-2, #f5f6f8);
	color: var(--text-main);
	font-size: 12px;
	font-weight: 600;
}

.oly-account__mood-input:focus {
	outline: none;
	background: var(--card-bg, #fff);
	border-color: color-mix(in srgb, var(--primary) 45%, var(--wp-border));
}

.oly-account__mood-save {
	width: 40px;
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 0 5px 5px 0;
	background: var(--primary, #1DA1F2);
	color: #fff;
	cursor: pointer;
}

.oly-account__mood-save:hover {
	background: var(--primary-hover, #1A8CD8);
}

.oly-account__mood-save i {
	width: 14px;
	height: 14px;
	stroke-width: 2.5;
	color: #fff;
}

.oly-account__mood-colors {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 10px;
}

.oly-account__swatch {
	position: relative;
	width: 18px;
	height: 18px;
	margin: 0;
	cursor: pointer;
}

.oly-account__swatch input {
	position: absolute;
	opacity: 0;
	inset: 0;
	margin: 0;
	cursor: pointer;
}

.oly-account__swatch span {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	border: 2px solid transparent;
	box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.12);
}

.oly-account__swatch input:checked + span,
.oly-account__swatch input:focus-visible + span {
	border-color: var(--text-main);
}

.profile-status-list {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 1px solid var(--wp-border);
}

.profile-status-opt {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 0;
	background: transparent;
	color: var(--text-main);
	font-size: 0.8rem;
	font-weight: 600;
	text-align: start;
}

.profile-status-opt:hover,
.profile-status-opt.is-active {
	background: var(--surface-2, #f7f7f7);
}

.profile-status-opt img.icon_status {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	padding: 0;
	background: transparent;
	flex-shrink: 0;
	object-fit: cover;
}

.avmenu-body {
	padding: 0;
	max-height: 72vh;
}

.avmenu {
	background: var(--card-bg, #fff);
}

.avmenu-user {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	border-bottom: 1px solid var(--wp-border, #ececec);
}

.avmenu-user .avatar-wrap {
	flex-shrink: 0;
}

.avmenu-user__meta {
	min-width: 0;
}

.avmenu-user__name {
	font-size: 14px;
	font-weight: 700;
	color: var(--text-main);
	line-height: 1.25;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.avmenu-user__handle {
	margin-top: 2px;
	font-size: 12px;
	font-weight: 500;
	color: var(--text-muted, #888);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.avmenu-section {
	border-bottom: 1px solid var(--wp-border, #ececec);
	padding: 4px 0;
}

.avmenu-section--last {
	border-bottom: 0;
}

.avmenu-label {
	padding: 8px 14px 4px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--text-muted, #999);
}

.avmenu-item {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 14px;
	border: 0;
	background: transparent;
	color: var(--text-main);
	font-size: 13px;
	font-weight: 600;
	text-align: start;
	cursor: pointer;
}

.avmenu-item:hover,
.avmenu-item.is-active {
	background: #f6f6f6;
}

.avmenu-item i {
	width: 18px;
	text-align: center;
	font-size: 14px;
	color: #8a8a8a;
	flex-shrink: 0;
}

.avmenu-item img.icon_status {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
	object-fit: cover;
}

.avmenu-item--danger {
	color: #c0392b;
}

.avmenu-item--danger i {
	color: #c0392b;
}

.avmenu-item--danger:hover {
	background: #fff5f5;
}

body.site_body.rtl_mode .profile-menu {
	left: 0;
	right: auto;
}

.avatar-wrap {
	position: relative;
	display: inline-flex;
	flex-shrink: 0;
}

.avatar-wrap--frame {
	overflow: visible;
}

.avatar-frame {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 128%;
	height: 128%;
	transform: translate(-50%, -50%);
	pointer-events: none;
	z-index: 2;
	object-fit: contain;
	display: block;
}

.avatar-wrap--frame .v-badge {
	z-index: 3;
}

.avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: linear-gradient(135deg, #334155, #0f172a);
	color: #fff;
	font-weight: 700;
	border: 1px solid var(--wp-border);
	text-transform: uppercase;
}

.avatar.avatar-image {
	object-fit: cover;
	background: #fff;
}

.avatar.avatar-letter {
	border: 0;
	box-shadow: none;
	line-height: 1;
	user-select: none;
}

.profile_avatar .avatar.avatar-letter,
.profile-tw__hero-avatar .avatar.avatar-letter,
.edit-pro__avatar .avatar-wrap.avatar-lg .avatar.avatar-letter {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	box-shadow: none;
	line-height: 1;
	padding-top: 0.06em;
}

.profile-tw__hero-avatar .avatar-wrap.avatar-lg:has(.avatar-letter),
.edit-pro__avatar .avatar-wrap.avatar-lg:has(.avatar-letter) {
	border: 0;
	background: transparent;
	box-shadow: none;
}

.avatar-wrap.avatar-xs .avatar {
	width: 26px;
	height: 26px;
	font-size: 10px;
}

.avatar-wrap.avatar-sm .avatar {
	width: 30px;
	height: 30px;
	font-size: 11px;
}

.avatar-wrap.avatar-md .avatar {
	width: 45px;
	height: 45px;
	font-size: 13px;
}

.avatar-wrap.avatar-head .avatar {
	width: 32px;
	height: 32px;
	font-size: 12px;
}

.avatar-wrap.avatar-lg .avatar {
	width: 96px;
	height: 96px;
	font-size: 28px;
}

.v-badge {
	position: absolute;
	right: -2px;
	background: #1d9bf0;
	color: white;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 2px solid white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 8px;
	line-height: 1;
}

.avatar-wrap.avatar-lg .v-badge {
	width: 24px;
	height: 24px;
	border-width: 3px;
	font-size: 11px;
}

.avatar-wrap.avatar-xs .v-badge {
	width: 10px;
	height: 10px;
	font-size: 6px;
	border-width: 1px;
	right: -1px;
}

.avatar-wrap.avatar-sm .v-badge {
	width: 12px;
	height: 12px;
	font-size: 6px;
	border-width: 1px;
}

.avatar-wrap.avatar-md .v-badge,
.avatar-wrap.avatar-head .v-badge {
	width: 14px;
	height: 14px;
	font-size: 7px;
}

.v-badge svg {
	width: 8px;
	height: 8px;
}

.avatar-wrap.avatar-xs .v-badge svg,
.avatar-wrap.avatar-sm .v-badge svg {
	width: 6px;
	height: 6px;
}

.avatar-button {
	padding: 0;
	border: 0;
	background: transparent;
	display: inline-flex;
	overflow: visible;
}

.user-link {
	padding: 0;
	border: 0;
	background: transparent;
	font: inherit;
	color: inherit;
	font-weight: inherit;
}

.user-link:hover {
	color: var(--wp-blue);
}

.container-feed {
	max-width: var(--feed-w);
	margin: 0 auto;
	width: 100%;
	padding: 28px 16px 48px;
}

.feed-toolbar {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 12px;
}

.feed-tabs {
	display: flex;
	align-items: stretch;
	flex: 1 1 auto;
	min-width: 0;
	gap: 0;
	margin: 0;
	border-bottom: 1px solid var(--wp-border);
	background: transparent;
}

.feed-tabs--spacer {
	border-bottom-color: transparent;
}

.feed-grid-toggle {
	display: none;
	flex-shrink: 0;
	width: 38px;
	height: 38px;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--wp-border);
	border-radius: 10px;
	background: var(--card-bg);
	color: var(--text-muted);
	cursor: pointer;
}

.feed-grid-toggle__ico {
	width: 16px;
	height: 14px;
	display: block;
	border: 1.5px solid currentColor;
	border-radius: 2px;
	box-shadow: inset 7px 0 0 currentColor;
	opacity: 0.92;
}

.feed-grid-toggle:hover,
.feed-grid-toggle:focus-visible {
	color: var(--text-main);
	border-color: color-mix(in srgb, var(--wp-border) 60%, var(--wp-blue) 40%);
}

.feed-grid-toggle.is-on {
	color: #fff;
	background: var(--wp-blue);
	border-color: var(--wp-blue);
}

.feed-tabs__btn {
	flex: 1 1 0;
	min-width: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 46px;
	padding: 0 10px;
	border: 0;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	background: transparent;
	color: var(--text-muted);
	font: inherit;
	font-size: 0.92rem;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}

.feed-tabs__btn:hover,
.feed-tabs__btn:focus-visible {
	color: var(--text-main);
	background: color-mix(in srgb, var(--surface-2) 55%, transparent);
}

.feed-tabs__btn.is-active {
	color: var(--text-main);
	border-bottom-color: var(--wp-blue);
}

.feed-empty-card {
	padding: 22px 18px;
	text-align: center;
	color: var(--text-muted);
	font-size: 0.92rem;
	line-height: 1.45;
}

.site-cover {
	padding: 18px 18px 16px;
	margin-bottom: 16px;
}

.site-cover__kicker {
	margin: 0 0 6px;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp-blue);
}

.site-cover__title {
	margin: 0 0 8px;
	font-size: 1.35rem;
	line-height: 1.15;
	letter-spacing: -0.03em;
}

.site-cover__lead {
	margin: 0 0 14px;
	color: var(--text-muted);
	font-size: 0.92rem;
	line-height: 1.45;
}

.site-cover__points {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin: 0 0 14px;
	padding: 0;
	list-style: none;
}

.site-cover__points li {
	margin: 0;
	padding: 10px 12px;
	border-radius: 14px;
	background: color-mix(in srgb, var(--wp-blue) 8%, transparent);
}

.site-cover__points strong {
	display: block;
	margin-bottom: 4px;
	font-size: 0.8rem;
}

.site-cover__points span {
	display: block;
	color: var(--text-muted);
	font-size: 0.75rem;
	line-height: 1.4;
}

.site-cover__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

@media (max-width: 720px) {
	.site-cover__points {
		grid-template-columns: 1fr;
	}
}

.live-rail {
	display: none;
}

.live-rail__name,
.live-rail__head-label {
	display: none;
}

.header-explore-toggle,
.mobile-dock,
.explore-sheet-bar,
.archived-chats-panel {
	display: none;
}

.action-btn__copy {
	display: inline-flex;
	align-items: baseline;
	gap: 4px;
}

@media (min-width: 960px) {
	.live-rail {
		display: block;
		position: fixed;
		top: var(--header-h, 64px);
		right: 0;
		bottom: 0;
		width: var(--live-rail-w);
		z-index: 90;
		pointer-events: none;
	}

	.live-rail__bar {
		pointer-events: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		height: 100%;
		background: var(--live-rail-bg);
		border-left: 1px solid var(--live-rail-border);
		box-shadow: var(--live-rail-shadow);
	}

	.live-rail__head {
		flex-shrink: 0;
		width: 100%;
		height: 42px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #94a3b8;
		border-bottom: 1px solid color-mix(in srgb, var(--live-rail-border) 70%, transparent);
	}

	.live-rail__head i,
	.live-rail__head svg {
		width: 15px;
		height: 15px;
		opacity: 0.72;
	}

	.live-rail__stack {
		display: flex;
		flex-direction: column;
		align-items: center;
		flex: 1;
		width: 100%;
		overflow-y: auto;
		overflow-x: visible;
		padding: 14px 0 12px;
		gap: 14px;
		scrollbar-width: none;
	}

	.live-rail__stack::-webkit-scrollbar {
		display: none;
	}

	.live-rail__btn {
		position: relative;
		width: 42px;
		height: 42px;
		padding: 0;
		border: 0;
		background: transparent;
		cursor: pointer;
		flex-shrink: 0;
		border-radius: 50%;
	}

	.live-rail__face {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		margin: 0 auto;
		border-radius: 50%;
		overflow: hidden;
		background: var(--surface-2, #f1f5f9);
		box-shadow: 0 0 0 1px color-mix(in srgb, var(--live-rail-border) 80%, transparent);
		transition: transform 0.15s ease, box-shadow 0.15s ease;
	}

	.live-rail__face .avatar-wrap,
	.live-rail__face .avatar-wrap.avatar-md,
	.live-rail__face .avatar,
	.live-rail__face .avatar.avatar-image {
		width: 100%;
		height: 100%;
		border-radius: 50%;
		box-shadow: none;
		filter: none;
	}

	.live-rail__face .avatar,
	.live-rail__face .avatar.avatar-image {
		border: 0;
		object-fit: cover;
	}

	.live-rail__face .v-badge {
		display: none;
	}

	.live-rail__status,
	img.list_status {
		position: absolute;
		right: -1px;
		bottom: -1px;
		width: 14px;
		height: 14px;
		border-radius: 50%;
		background: var(--live-rail-bg, #fff);
		padding: 1px;
		object-fit: cover;
		display: block;
		z-index: 2;
		box-sizing: border-box;
		border: 0;
	}

	.live-rail__tip-status {
		font-size: 11px;
		font-weight: 500;
		opacity: 0.7;
	}

	.live-rail__tip {
		position: absolute;
		right: calc(100% + 12px);
		top: 50%;
		transform: translateY(-50%) translateX(6px);
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 1px;
		white-space: nowrap;
		background: var(--text-main);
		color: var(--card-bg, #fff);
		font-size: 13px;
		font-weight: 700;
		padding: 7px 11px;
		border-radius: 8px;
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.15s ease, transform 0.15s ease;
		box-shadow: 0 8px 20px rgba(15, 23, 42, 0.18);
		z-index: 5;
	}

	.live-rail__tip::after {
		content: '';
		position: absolute;
		right: -6px;
		top: 50%;
		margin-top: -6px;
		border: 6px solid transparent;
		border-left-color: var(--text-main);
	}

	.live-rail__tip-handle {
		font-size: 11px;
		font-weight: 500;
		opacity: 0.7;
	}

	.live-rail__btn:hover,
	.live-rail__btn:focus-visible {
		z-index: 4;
	}

	.live-rail__btn:hover .live-rail__face,
	.live-rail__btn:focus-visible .live-rail__face {
		transform: scale(1.05);
		box-shadow: 0 0 0 2px color-mix(in srgb, var(--wp-blue) 28%, transparent);
	}

	.live-rail__btn:hover .live-rail__tip,
	.live-rail__btn:focus-visible .live-rail__tip {
		opacity: 1;
		transform: translateY(-50%) translateX(0);
	}

	.live-rail__toggle {
		flex-shrink: 0;
		width: 100%;
		height: 36px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: auto;
		border: 0;
		border-top: 1px solid #eef1f4;
		background: #f3f5f8;
		color: #c0c8d2;
		cursor: pointer;
		border-radius: 0;
		transition: background 0.15s ease, color 0.15s ease;
	}

	.live-rail__toggle:hover,
	.live-rail__toggle:focus-visible {
		background: #eaedf1;
		color: #94a3b8;
	}

	.live-rail__toggle i,
	.live-rail__toggle svg {
		width: 14px;
		height: 14px;
		stroke-width: 1.75;
	}

	.live-rail.is-collapsed {
		top: auto;
		height: 36px;
	}

	.live-rail.is-collapsed .live-rail__head,
	.live-rail.is-collapsed .live-rail__stack {
		display: none;
	}
}

body.site_body.rtl_mode .live-rail {
	right: auto;
	left: 0;
}

body.site_body.rtl_mode .live-rail__bar {
	border-left: 0;
	border-right: 1px solid var(--live-rail-border);
	box-shadow: none;
}

body.site_body.rtl_mode .live-rail__tip {
	right: auto;
	left: calc(100% + 12px);
	transform: translateY(-50%) translateX(-6px);
}

body.site_body.rtl_mode .live-rail__tip::after {
	right: auto;
	left: -6px;
	border-left-color: transparent;
	border-right-color: var(--text-main);
}

body.site_body.rtl_mode .live-rail__btn:hover .live-rail__tip,
body.site_body.rtl_mode .live-rail__btn:focus-visible .live-rail__tip {
	transform: translateY(-50%) translateX(0);
}

.explore-rail {
	display: none;
}

.site-rightcol {
	display: contents;
}

@media (min-width: 1280px) {
	body.site_body .site-rightcol {
		display: flex;
		flex-direction: column;
		gap: 0;
		position: fixed;
		top: calc(var(--header-h, 64px) + 16px);
		right: 16px;
		left: auto;
		bottom: 16px;
		width: min(var(--explore-rail-w, 280px), 30vw);
		z-index: 80;
		pointer-events: none;
		overflow: hidden;
	}

	body.site_body.rtl_mode .site-rightcol {
		right: auto;
		left: 16px;
	}

	body.site_body .site-rightcol > .live-rail,
	body.site_body .site-rightcol > .explore-rail {
		position: relative;
		top: auto;
		right: auto;
		left: auto;
		bottom: auto;
		width: 100%;
		height: auto;
		display: block;
		pointer-events: auto;
		overflow: hidden;
	}

	body.site_body .site-rightcol > .live-rail {
		flex: 0 0 auto;
		z-index: 1;
	}

	body.site_body .site-rightcol > .live-rail__bar,
	body.site_body .site-rightcol .live-rail__bar {
		flex-direction: column;
		align-items: stretch;
		height: auto;
		border: 1px solid var(--live-rail-border, var(--wp-border));
		border-bottom: 0;
		border-radius: 22px 22px 0 0;
		background: var(--card-bg);
		box-shadow: none;
	}

	body.site_body .site-rightcol .live-rail__head {
		width: auto;
		height: auto;
		justify-content: flex-start;
		padding: 14px 16px 0;
		border: 0;
		gap: 8px;
		color: var(--text-main);
	}

	body.site_body .site-rightcol .live-rail__head-label {
		display: block;
		font-size: 1.05rem;
		font-weight: 800;
		letter-spacing: -0.03em;
	}

	body.site_body .site-rightcol .live-rail__stack {
		flex-direction: row;
		align-items: flex-start;
		overflow-x: auto;
		overflow-y: hidden;
		padding: 10px 12px 14px;
		gap: 12px;
	}

	body.site_body .site-rightcol .live-rail__btn {
		width: 56px;
		height: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 4px;
	}

	body.site_body .site-rightcol .live-rail__name {
		display: block;
		max-width: 56px;
		font-size: 10px;
		font-weight: 600;
		line-height: 1.15;
		color: var(--text-muted);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-align: center;
	}

	body.site_body .site-rightcol .live-rail__tip,
	body.site_body .site-rightcol .live-rail__toggle {
		display: none !important;
	}

	body.site_body .site-rightcol > .explore-rail {
		flex: 1 1 auto;
		min-height: 0;
		z-index: 0;
	}

	.explore-rail {
		display: block;
		position: relative;
		width: 100%;
		overflow: hidden;
		pointer-events: none;
	}

	body.site_body .site-rightcol:has(#live_rail) .explore-shell {
		border-radius: 0 0 22px 22px;
		border-top: 0;
	}

	body.site_body .site-rightcol:has(#live_rail) .explore-rail__inner {
		padding-top: 0;
	}

	.explore-rail__inner {
		pointer-events: auto;
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		padding: 0 0 20px;
		display: flex;
		flex-direction: column;
		gap: 12px;
		scrollbar-width: none;
	}

	.explore-rail__inner::-webkit-scrollbar {
		display: none;
	}

	.container-feed .site-footer-links {
		display: none;
	}

	body.site_body .feed-grid-toggle {
		display: inline-flex;
	}

	body.site_body.feed-grid-on .container-feed {
		max-width: none;
		width: auto;
		margin-left: 28px;
		margin-right: calc(min(var(--explore-rail-w, 280px), 30vw) + 36px);
	}

	body.site_body.rtl_mode.feed-grid-on .container-feed {
		margin-left: calc(min(var(--explore-rail-w, 280px), 30vw) + 36px);
		margin-right: 28px;
	}

	body.site_body.feed-grid-on #feed_stream:has(.post-card:nth-child(2)) {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: 14px;
		align-items: start;
	}

	body.site_body.feed-grid-on #feed_stream:has(.post-card:nth-child(2)) .post-card {
		margin-bottom: 0;
		width: 100%;
		min-width: 0;
	}

	body.site_body.feed-grid-on #feed_stream:not(:has(.post-card:nth-child(2))) .post-card {
		max-width: var(--feed-w);
	}

	body.site_body.feed-grid-on #feed_stream .feed-empty-card {
		grid-column: 1 / -1;
	}
}

.explore-shell {
	position: relative;
	background: var(--card-bg);
	border: 1px solid var(--wp-border);
	border-radius: 22px;
	box-shadow: var(--shadow);
	overflow: hidden;
}

.explore-you {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 14px 16px 13px;
	overflow: visible;
	border: 0;
	border-bottom: 1px solid color-mix(in srgb, var(--wp-border) 88%, transparent);
	background: color-mix(in srgb, var(--surface-2) 35%, transparent);
	text-align: left;
	color: inherit;
	font: inherit;
	text-decoration: none;
}

button.explore-you {
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
}

button.explore-you:hover,
button.explore-you:focus-visible {
	background: color-mix(in srgb, var(--surface-2) 62%, transparent);
}

div.explore-you {
	cursor: default;
}

.explore-you__meta {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	min-width: 0;
	line-height: 1.2;
}

.explore-you__name {
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--text-main);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 196px;
}

.explore-you__handle,
.explore-you__login {
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--text-muted);
	text-decoration: none;
	white-space: nowrap;
}

.explore-you__login:hover,
.explore-you__login:focus-visible {
	color: var(--wp-blue);
	text-decoration: none;
}

.explore-block + .explore-block {
	border-top: 1px solid color-mix(in srgb, var(--wp-border) 88%, transparent);
}

.explore-panel__title {
	margin: 0;
	padding: 16px 16px 6px;
	font-size: 1.05rem;
	font-weight: 800;
	letter-spacing: -0.03em;
	text-transform: none;
	color: var(--text-main);
}

.explore-list {
	list-style: none;
	margin: 0;
	padding: 2px 0 8px;
}

.explore-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	padding: 11px 16px;
	text-decoration: none;
	color: inherit;
	transition: background 0.15s ease;
}

.explore-row--trend {
	grid-template-columns: 22px minmax(0, 1fr);
	align-items: flex-start;
}

.explore-row__rank {
	padding-top: 2px;
	font-size: 0.92rem;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	color: var(--text-muted);
	line-height: 1.2;
}

.explore-row--trend:hover .explore-row__rank,
.explore-row--trend:focus-visible .explore-row__rank {
	color: var(--wp-blue);
}

.explore-row:has(.explore-thumb) {
	grid-template-columns: minmax(0, 1fr) 56px;
}

.explore-row--hot {
	grid-template-columns: 28px minmax(0, 1fr);
	align-items: start;
}

.explore-row--hot:has(.explore-thumb) {
	grid-template-columns: 28px minmax(0, 1fr) 56px;
}

.explore-row__face {
	padding-top: 1px;
}

.explore-row__face .avatar-wrap {
	display: block;
}

.explore-hot-empty {
	margin: 0;
	padding: 8px 16px 16px;
	font-size: 0.8rem;
	line-height: 1.4;
	color: var(--text-muted);
}

.hot-marks {
	display: flex;
	flex-wrap: wrap;
	gap: 7px 12px;
	margin-top: 3px;
}

.hot-mark {
	display: inline-block;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.01em;
	line-height: 1.2;
	border-bottom: 2px solid currentColor;
}

.hot-mark--debate {
	color: #b45309;
}

.hot-mark--likes {
	color: #9f1239;
}

.explore-row--archive {
	grid-template-columns: 40px minmax(0, 1fr) 16px;
}

.explore-row--archive .explore-thumb {
	width: 40px;
	height: 40px;
	border-radius: 12px;
	box-shadow: none;
}

.explore-archive__go {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--text-muted);
	opacity: 0.7;
}

.explore-archive__go i,
.explore-archive__go svg {
	width: 14px;
	height: 14px;
}

.explore-archive-empty {
	padding: 10px 16px 16px;
}

.explore-archive-empty p {
	margin: 0 0 8px;
	font-size: 0.82rem;
	color: var(--text-muted);
	line-height: 1.4;
}

.explore-archive-empty__link {
	display: inline-flex;
	font-size: 0.78rem;
	font-weight: 700;
	color: var(--wp-blue);
	text-decoration: none;
}

.explore-archive-empty__link:hover,
.explore-archive-empty__link:focus-visible {
	text-decoration: underline;
}

.archived-chats-panel__inner {
	background: var(--card-bg);
	border: 1px solid var(--wp-border);
	overflow: hidden;
}

.archived-chats-panel__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 10px 8px 16px;
	border-bottom: 1px solid color-mix(in srgb, var(--wp-border) 88%, transparent);
}

.archived-chats-panel__title {
	margin: 0;
	font-size: 0.95rem;
	font-weight: 800;
	letter-spacing: -0.02em;
}

.archived-chats-tabs {
	display: flex;
	gap: 6px;
	padding: 8px 12px 10px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.archived-chats-tabs::-webkit-scrollbar {
	display: none;
}

.archived-chats-tab {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	border: 1px solid var(--wp-border);
	background: transparent;
	color: var(--text-muted);
	border-radius: 999px;
	padding: 6px 10px;
	font: inherit;
	font-size: 0.72rem;
	font-weight: 800;
	line-height: 1;
	cursor: pointer;
	white-space: nowrap;
}

.archived-chats-tab i,
.archived-chats-tab svg {
	width: 13px;
	height: 13px;
	stroke-width: 2.2;
}

.archived-chats-tab__count {
	min-width: 16px;
	padding: 1px 5px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--surface-2) 80%, transparent);
	font-size: 0.65rem;
	text-align: center;
}

.archived-chats-tab.is-active {
	color: var(--text-main);
	background: var(--surface-2);
	border-color: transparent;
}

.archived-chats-tab--safe.is-active {
	color: #15803d;
	background: color-mix(in srgb, #16a34a 16%, var(--card-bg));
}

.archived-chats-tab--risk.is-active {
	color: #b91c1c;
	background: color-mix(in srgb, #ef4444 16%, var(--card-bg));
}

.archived-chats-risk-note {
	margin: 0 12px 8px;
	padding: 10px 12px;
	border-radius: 12px;
	background: color-mix(in srgb, #ef4444 10%, var(--card-bg));
	border: 1px solid color-mix(in srgb, #ef4444 28%, var(--wp-border));
}

.archived-chats-risk-note__title {
	margin: 0 0 6px;
	font-size: 0.78rem;
	font-weight: 800;
	color: #b91c1c;
}

.archived-chats-risk-note ul {
	margin: 0;
	padding-left: 16px;
}

.archived-chats-risk-note li {
	font-size: 0.75rem;
	line-height: 1.35;
	color: var(--text-main);
}

.archived-chats-risk-note li + li {
	margin-top: 3px;
}

.archived-chats-filter-empty {
	margin: 0;
	padding: 4px 16px 12px;
	font-size: 0.8rem;
	color: var(--text-muted);
}

.archived-chats-list > li.is-filtered-out {
	display: none;
}

.archived-chat__grade {
	flex-shrink: 0;
	overflow: visible;
	text-overflow: clip;
	white-space: nowrap;
	padding: 1px 6px;
	border-radius: 999px;
	font-size: 0.62rem;
	font-weight: 800;
	letter-spacing: 0.01em;
	line-height: 1.4;
}

.archived-chat__grade--safe {
	color: #15803d;
	background: color-mix(in srgb, #16a34a 16%, transparent);
}

.archived-chat__grade--mid {
	color: #b45309;
	background: color-mix(in srgb, #f59e0b 18%, transparent);
}

.archived-chat__grade--risk {
	color: #b91c1c;
	background: color-mix(in srgb, #ef4444 16%, transparent);
}

body.theme_oscuro .archived-chat__grade--safe,
body.theme_oscuro .archived-chats-tab--safe.is-active {
	color: #4ade80;
}

body.theme_oscuro .archived-chat__grade--mid {
	color: #fbbf24;
}

body.theme_oscuro .archived-chat__grade--risk,
body.theme_oscuro .archived-chats-tab--risk.is-active,
body.theme_oscuro .archived-chats-risk-note__title {
	color: #f87171;
}

.archived-chats-empty {
	padding: 16px;
}

.archived-chats-empty p {
	margin: 0 0 8px;
	font-size: 0.82rem;
	color: var(--text-muted);
	line-height: 1.4;
}

.archived-chats-empty a {
	font-size: 0.78rem;
	font-weight: 700;
	color: var(--wp-blue);
	text-decoration: none;
}

.archived-chats-list {
	list-style: none;
	margin: 0;
	padding: 6px 0;
	max-height: min(62vh, 480px);
	overflow-y: auto;
}

.archived-chat-row {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	padding: 10px 16px;
	text-decoration: none;
	color: inherit;
	transition: background 0.15s ease;
}

button.archived-chat-row {
	width: 100%;
	border: 0;
	background: transparent;
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.top-radio-row {
	grid-template-columns: 40px minmax(0, 1fr) 32px;
}

.top-radio-item {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 36px;
	align-items: center;
	gap: 2px;
	padding-right: 8px;
}

.top-radio-row__copy {
	width: 36px;
	height: 36px;
	border: 0;
	padding: 0;
	border-radius: 10px;
	background: transparent;
	color: var(--text-muted);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.top-radio-row__copy:hover,
.top-radio-row__copy:focus-visible {
	color: var(--text-main, #f1f1f2);
	background: var(--surface-2);
}

.top-radio-row__copy.is-copied {
	color: #16a34a;
}

.top-radio-row__copy i,
.top-radio-row__copy svg {
	width: 15px;
	height: 15px;
	stroke-width: 2;
}

.top-radio-row__copy-icon,
.top-radio-row__copied-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.top-radio-row__ctrl {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--surface-2);
	color: var(--text-main, #f1f1f2);
	flex-shrink: 0;
}

.top-radio-row__ctrl i,
.top-radio-row__ctrl svg {
	width: 15px;
	height: 15px;
	stroke-width: 2.2;
}

.top-radio-row__play,
.top-radio-row__pause {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.top-radio-row.is-playing {
	background: color-mix(in srgb, var(--text-main) 7%, transparent);
}

.top-radio-row.is-playing .top-radio-row__ctrl {
	color: var(--card-bg, #000);
	background: var(--text-main);
}

.top-radio-row.is-playing .archived-chat__mark::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	background: rgb(0 0 0 / 0%);
}

.top-radio-row.is-playing .archived-chat__mark::after {
	content: '';
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 18px;
	margin: -9px 0 0 -10px;
	background:
		linear-gradient(#fff, #fff) 0 100% / 4px 40% no-repeat,
		linear-gradient(#fff, #fff) 50% 100% / 4px 70% no-repeat,
		linear-gradient(#fff, #fff) 100% 100% / 4px 55% no-repeat;
	animation: ts-radio-eq 1.1s ease-in-out infinite;
}

.nav-item--radio.is-playing .nav-item__mark > svg,
.nav-item--radio.is-playing .nav-item__mark > i {
	opacity: 0;
}

.nav-item--radio.is-playing .nav-item__mark::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 18px;
	margin: -9px 0 0 -10px;
	background:
		linear-gradient(currentColor, currentColor) 0 100% / 4px 40% no-repeat,
		linear-gradient(currentColor, currentColor) 50% 100% / 4px 70% no-repeat,
		linear-gradient(currentColor, currentColor) 100% 100% / 4px 55% no-repeat;
	animation: ts-radio-eq 1.1s ease-in-out infinite;
}

.nav-item--radio.is-playing .nav-item__label[data-now]::after {
	content: attr(data-now);
	display: block;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.72rem;
	font-weight: 500;
	line-height: 1.2;
	opacity: 0.6;
}

.mobile-dock .nav-item--radio.is-playing .nav-item__label[data-now]::after {
	display: none;
}

@media (min-width: 960px) {
	.nav-item--radio.is-playing.has-avatar .nav-item__mark::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 32px;
		height: 32px;
		margin: -16px 0 0 -16px;
		border-radius: 50%;
		background: linear-gradient(rgb(0 0 0 / 0%), rgb(0 0 0 / 0%)), var(--radio-av) center / cover no-repeat;
	}
	.nav-item--radio.is-playing.has-avatar .nav-item__mark::after {
		z-index: 1;
		width: 16px;
		height: 14px;
		margin: -7px 0 0 -8px;
		background:
			linear-gradient(#fff, #fff) 0 100% / 3px 40% no-repeat,
			linear-gradient(#fff, #fff) 50% 100% / 3px 70% no-repeat,
			linear-gradient(#fff, #fff) 100% 100% / 3px 55% no-repeat;
		animation-name: ts-radio-eq-sm;
	}
}
@keyframes ts-radio-eq-sm {
	0%, 100% { background-size: 3px 40%, 3px 70%, 3px 55%; }
	25% { background-size: 3px 90%, 3px 35%, 3px 80%; }
	50% { background-size: 3px 55%, 3px 100%, 3px 35%; }
	75% { background-size: 3px 85%, 3px 45%, 3px 95%; }
}

@keyframes ts-radio-eq {
	0%, 100% { background-size: 4px 40%, 4px 70%, 4px 55%; }
	25% { background-size: 4px 90%, 4px 35%, 4px 80%; }
	50% { background-size: 4px 55%, 4px 100%, 4px 35%; }
	75% { background-size: 4px 85%, 4px 45%, 4px 95%; }
}

@media (prefers-reduced-motion: reduce) {
	.top-radio-row.is-playing .archived-chat__mark::after,
	.nav-item--radio.is-playing .nav-item__mark::after {
		animation: none;
	}
}

.archived-chat-row:hover,
.archived-chat-row:focus-visible {
	background: color-mix(in srgb, var(--surface-2) 70%, transparent);
}

.archived-chat-row:hover,
.archived-chat-row:focus-visible {
	background: color-mix(in srgb, var(--surface-2) 70%, transparent);
}

.archived-chat__mark {
	position: relative;
	width: 40px;
	height: 40px;
	flex-shrink: 0;
}

.archived-chat__favicon {
	width: 40px;
	height: 40px;
	border-radius: 12px;
	object-fit: contain;
	background: var(--surface-2);
	border: 1px solid color-mix(in srgb, var(--wp-border) 80%, transparent);
	display: block;
}

.archived-chat__favicon.is-missing {
	display: none;
}

.archived-chat__fallback {
	display: none;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	align-items: center;
	justify-content: center;
	background: var(--surface-2);
	color: var(--text-muted);
	border: 1px solid color-mix(in srgb, var(--wp-border) 80%, transparent);
}

.archived-chat__fallback i,
.archived-chat__fallback svg {
	width: 18px;
	height: 18px;
}

.archived-chat__favicon.is-missing + .archived-chat__fallback,
.archived-chat__mark:not(:has(img.archived-chat__favicon)) .archived-chat__fallback {
	display: flex;
}

.archived-chat__copy {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.archived-chat__host,
.archived-chat__owners {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
	overflow: hidden;
}

.archived-chat__host {
	font-size: 0.88rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--text-main);
}

.archived-chat__owners {
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.25;
	color: var(--text-muted);
}

.archived-chat__host span,
.archived-chat__owners span {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.archived-chat__host i,
.archived-chat__host svg,
.archived-chat__owners i,
.archived-chat__owners svg {
	width: 13px;
	height: 13px;
	flex-shrink: 0;
	opacity: 0.78;
	stroke-width: 1.8;
}

.archived-chat__crown {
	width: 16px;
	height: 16px;
	object-fit: contain;
	flex-shrink: 0;
	display: block;
}

.archived-chat__host i,
.archived-chat__host svg {
	color: var(--wp-blue);
	opacity: 1;
}

.top-radios-panel .archived-chat__owners i,
.top-radios-panel .archived-chat__owners svg {
	color: #d97706;
	opacity: 1;
}

@media (min-width: 960px) {
	body.site_body .archived-chats-panel.is-open {
		display: block;
		position: fixed;
		top: calc(var(--header-h, 64px) + 8px);
		left: calc(var(--side-rail-w, 56px) + 10px);
		right: auto;
		width: min(420px, calc(100vw - var(--side-rail-w, 56px) - 24px));
		z-index: 130;
		background: transparent;
	}

	body.site_body .archived-chats-panel.is-open .archived-chats-tabs {
		overflow: hidden;
	}

	body.site_body .archived-chats-panel.is-open .archived-chats-tab {
		flex: 1 1 0;
		justify-content: center;
		min-width: 0;
		padding: 6px 6px;
	}

	body.site_body .archived-chats-panel.is-open .archived-chats-panel__inner {
		border-radius: 16px;
		box-shadow: 0 16px 40px rgba(15, 23, 42, 0.18);
		max-height: min(72vh, 560px);
		overflow-x: hidden;
		overflow-y: auto;
	}

	body.site_body.rtl_mode .archived-chats-panel.is-open {
		left: auto;
		right: calc(var(--side-rail-w, 56px) + 10px);
	}
}

.archived-chat-admin-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.archived-chat-admin-row {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto;
	gap: 12px;
	align-items: start;
	padding: 14px;
	border: 1px solid var(--wp-border);
	border-radius: var(--radius);
	background: var(--surface-2, #f8fafc);
}

.archived-chat-admin-row--chat {
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(150px, 0.8fr) auto;
}

.archived-chat-admin-row .form-group {
	margin: 0;
}

.explore-row:hover,
.explore-row:focus-visible {
	background: color-mix(in srgb, var(--surface-2) 70%, transparent);
}

.explore-row__main {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.explore-row__kicker,
.explore-row__meta {
	font-size: 0.72rem;
	font-weight: 500;
	color: var(--text-muted);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.explore-row__dot {
	margin: 0 5px;
	opacity: 0.7;
}

.explore-row__title {
	font-size: 0.92rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.28;
	color: var(--text-main);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.explore-thumb {
	width: 56px;
	height: 56px;
	border-radius: 14px;
	overflow: hidden;
	flex-shrink: 0;
	background: var(--surface-2);
	border: 1px solid color-mix(in srgb, var(--wp-border) 70%, transparent);
	box-shadow: 0 6px 16px rgba(15, 23, 42, 0.12);
}

.explore-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.explore-thumb--icon {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--text-muted);
	box-shadow: none;
}

.explore-thumb--icon i,
.explore-thumb--icon svg {
	width: 16px;
	height: 16px;
}

.explore-foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0;
	padding: 0 6px 6px;
	font-size: 0.7rem;
	font-weight: 500;
	letter-spacing: 0.01em;
	line-height: 1.7;
	color: color-mix(in srgb, var(--text-muted) 88%, transparent);
}

.explore-foot a {
	color: inherit;
	text-decoration: none;
}

.explore-foot a:hover {
	color: var(--text-main);
}

.explore-foot__dot {
	margin: 0 7px;
	opacity: 0.55;
}

.composer-card {
	padding: 16px 16px 14px;
	display: flex;
	gap: 12px;
	margin-bottom: 16px;
	position: relative;
	overflow: hidden;
}

.composer-main {
	flex: 1;
}

.composer-textarea {
	width: 100%;
	border: none;
	outline: none;
	font-size: 1.2rem;
	resize: none;
	min-height: 52px;
	background: transparent;
	color: var(--text-main);
}

.composer-textarea::placeholder {
	color: var(--text-muted);
	opacity: 1;
	transition: opacity 0.22s ease;
}

.composer-textarea.is-ph-swap::placeholder {
	opacity: 0;
}

.composer-guest-field {
	display: block;
	width: 100%;
	border: none;
	outline: none;
	background: transparent;
	text-align: left;
	font-size: 1.2rem;
	color: var(--text-muted);
	min-height: 52px;
	padding: 0;
	cursor: pointer;
	font-family: inherit;
	line-height: 1.45;
}

.composer-file-input {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.composer-toolbar {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 36px;
	flex: 1;
	min-width: 0;
}

.composer-tool-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: transparent;
	color: var(--text-muted, #646970);
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
}

.composer-tool-btn:hover {
	background: var(--surface-2, rgba(0, 0, 0, 0.06));
	color: var(--wp-blue, #2271b1);
}

.composer-tool-btn i,
.composer-tool-btn svg,
.composer-tool-btn .comment-side-tool__svg {
	width: 22px;
	height: 22px;
	display: block;
	flex-shrink: 0;
}

.composer-file-name {
	font-size: 0.75rem;
	color: var(--text-muted);
	max-width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.composer-previews,
.comment-image-previews {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));
	gap: 8px;
	margin: 8px 0 4px;
}

.composer-previews.hidden,
.comment-image-previews.hidden {
	display: none;
}

.composer-preview {
	position: relative;
	aspect-ratio: 1;
	border-radius: 12px;
	overflow: hidden;
	background: var(--surface-2);
	border: 1px solid var(--wp-border);
}

.composer-preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.composer-preview__x {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 50%;
	background: rgba(15, 23, 42, 0.72);
	color: #fff;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.composer-preview__x:hover {
	background: #000;
}

.composer-submit-btn {
	flex-shrink: 0;
	min-height: 38px;
	padding: 8px 20px;
	border-radius: 999px;
	font-size: 0.92rem;
}

.post-images-wrap {
	margin-top: 12px;
	margin-bottom: 0;
	max-width: 100%;
}

.post-images-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px;
	align-items: stretch;
}

.post-images-grid .post-image-wrap {
	margin-top: 0;
	margin-bottom: 0;
}

.post-image-wrap--extra { display: none !important; }

.post-image-wrap[data-more] { position: relative; }

.post-image-wrap[data-more]::after {
	content: attr(data-more);
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.55);
	color: #fff;
	font-size: 2rem;
	font-weight: 700;
	pointer-events: none;
}

.post-images-grid--3 .post-image-wrap:nth-child(3) {
	grid-column: 1 / -1;
}

.post-image-wrap {
	margin-top: 12px;
	margin-bottom: 0;
	border-radius: var(--radius, 8px);
	overflow: hidden;
	border: 1px solid var(--border, #e5e5e5);
	background: var(--surface-2, #f6f7f7);
	max-width: 100%;
}

.post-image-link {
	display: block;
	cursor: zoom-in;
	line-height: 0;
}

.post-image-link:focus-visible {
	outline: 2px solid var(--wp-blue, #2271b1);
	outline-offset: 2px;
}

.post-image {
	display: block;
	width: 100%;
	height: auto;
	max-height: min(80vh, 820px);
	object-fit: contain;
	object-position: center;
	vertical-align: middle;
	background: var(--surface-2, #f6f7f7);
}

.post-images-grid .post-image {
	width: 100%;
	height: 100%;
	max-height: 280px;
	object-fit: cover;
}

.composer-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 14px;
	border-top: 1px solid var(--wp-border);
	gap: 12px;
	flex-wrap: wrap;
}

.composer-tools {
	display: flex;
	gap: 8px;
}

.toolbar-label {
	font-size: 12px;
	color: var(--text-muted);
	font-weight: 500;
}

.post-card {
	margin-bottom: 22px;
	transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}

.post-card.is-share-open {
	z-index: 30;
}

@media (hover: hover) and (pointer: fine) {
	.post-card:hover {
		transform: translateY(-2px);
		box-shadow: var(--shadow-hover);
		border-color: color-mix(in srgb, var(--wp-border) 70%, var(--wp-blue) 25%);
	}
}

.post-layout {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 14px 16px 0;
}

.post-layout > .avatar-button {
	flex-shrink: 0;
	margin-top: 0;
}

.post-main {
	flex: 1;
	min-width: 0;
}

.post-header {
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	overflow: visible;
}

.user-meta {
	display: flex;
	align-items: center;
	gap: 12px;
}

.user-info {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.user-info h4,
.post-byline {
	font-size: 0.92rem;
	font-weight: 800;
	line-height: 1.25;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
	margin: 0;
}

.post-byline__ok {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
	margin: 0 1px;
	color: #1d9bf0;
	line-height: 0;
}

.post-byline__ok svg {
	width: 18px;
	height: 18px;
	display: block;
}

.post-byline__ok--gold {
	color: #c88a04;
}

.post-byline__handle,
.post-byline__time,
.post-byline__dot {
	font-size: 0.82rem;
	font-weight: 500;
	color: var(--text-muted);
}

.post-byline__dot {
	margin: 0 1px;
}

.rank-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 0.64rem;
	font-weight: 800;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	line-height: 1.2;
	vertical-align: middle;
	white-space: nowrap;
}

.rank-badge--sm {
	padding: 2px 7px;
	font-size: 0.58rem;
	letter-spacing: 0.06em;
}

.rank-badge--espectador {
	background: #e2e8f0;
	color: #475569;
}

.rank-badge--chatero {
	background: #1DA1F2;
	color: #fff;
}

.rank-badge--admin {
	background: #0f172a;
	color: #fbbf24;
}

.rank-badge--icon {
	padding: 0;
	background: transparent;
	border: 0;
	letter-spacing: 0;
	text-transform: none;
	border-radius: 0;
	line-height: 0;
}

.rank-badge--icon.rank-badge--chatero,
.rank-badge--icon.rank-badge--admin {
	background: transparent;
	color: inherit;
}

.rank-badge__img {
	display: block;
	width: 24px;
	height: 24px;
	object-fit: contain;
}

.rank-badge--sm.rank-badge--icon .rank-badge__img {
	width: 24px;
	height: 24px;
}

.edit-pro__id .rank-badge,
.admin-user-hero .rank-badge {
	margin-top: 8px;
}

.edit-pro__id .rank-badge--icon,
.admin-user-hero .rank-badge--icon {
	margin-top: 6px;
}

.edit-pro__id .rank-badge__img,
.admin-user-hero .rank-badge__img {
	width: 28px;
	height: 28px;
}

.user-info p {
	font-size: 0.7rem;
	color: var(--text-muted);
}

.header-right {
	display: flex;
	align-items: center;
	gap: 8px;
}
.special-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #f59e0b;
	font-size: 0.6rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	background: #fffcf0;
	padding: 2px 8px;
	border-radius: 10px;
	border: 1px solid #fef3c7;
}
.pinned-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #f59e0b;
	font-size: 0.6rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	background: #fffcf0;
	padding: 2px 8px;
	border-radius: 10px;
	border: 1px solid #fef3c7;
}

.level-badge {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	color: var(--level-color, #64748b);
	font-size: 0.6rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	background: color-mix(in srgb, var(--level-color, #64748b) 10%, transparent);
	padding: 2px 8px;
	border-radius: 10px;
	border: 1px solid color-mix(in srgb, var(--level-color, #64748b) 30%, transparent);
}

.level-badge-inline {
	font-size: 0.68rem;
	font-weight: 600;
}

.hashtag-link {
	color: var(--wp-blue, #2271b1);
	font-weight: 600;
	text-decoration: none;
	border-radius: 4px;
	padding: 0 2px;
	transition: background 0.15s;
}
.hashtag-link:hover {
	background: color-mix(in srgb, var(--wp-blue, #2271b1) 10%, transparent);
	text-decoration: none;
}

.support-ticket-item + .support-ticket-item {
	border-top: 1px solid var(--border);
}

.support-ticket-body {
	width: 100%;
	padding: 0 0 14px 44px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.support-meta {
	background: var(--bg-input, #f8f9fa);
	border-radius: 12px;
	padding: 12px 14px;
	border: 1px solid var(--border);
}

.support-meta__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px 12px;
}

.support-meta__cell {
	min-width: 0;
}

.support-meta__label {
	display: block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--text-muted);
	margin-bottom: 4px;
}

.support-meta__value {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
	word-break: break-word;
}

.support-meta__ua {
	margin-top: 10px;
	font-size: 12px;
	color: var(--text-muted);
}

.support-meta__ua summary {
	cursor: pointer;
	font-weight: 700;
}

.support-meta__ua code {
	display: block;
	margin-top: 6px;
	padding: 8px 10px;
	border-radius: 8px;
	background: color-mix(in srgb, var(--text) 6%, transparent);
	word-break: break-word;
	white-space: pre-wrap;
}

.support-meta__hist-title {
	margin: 12px 0 6px;
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--text-muted);
}

.support-meta__hist {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.support-meta__hist-item {
	padding: 8px 10px;
	border-radius: 10px;
	background: color-mix(in srgb, var(--card-bg, #fff) 80%, transparent);
	border: 1px solid var(--border);
}

.support-meta__hist-item.is-current {
	border-color: color-mix(in srgb, var(--primary) 40%, var(--border));
}

.support-meta__hist-top {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}

.support-meta__hist-sub {
	margin-top: 3px;
	font-size: 12px;
	color: var(--text-muted);
}

.support-meta__pill {
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 2px 6px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--primary) 14%, transparent);
	color: var(--primary);
}

.support-flag {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
}

.support-flag img {
	display: block;
	width: 20px;
	height: 15px;
	object-fit: cover;
	border-radius: 3px;
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--text) 12%, transparent);
}

.small_modal_in:has(.support-compose) {
	display: flex;
	flex-direction: column;
	max-height: min(86vh, 620px);
}

.small_modal_in:has(.support-compose) > .modal-header {
	flex: 0 0 auto;
}

.support-compose {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
}

.support-compose__scroll {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	padding: 14px 20px 8px;
}

.support-compose__foot {
	flex: 0 0 auto;
	padding: 10px 20px 16px;
	border-top: 1px solid var(--border, var(--wp-border));
	background: var(--white, var(--card-bg));
}

.support-compose__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px 10px;
}

.support-compose .form-group {
	margin-bottom: 10px;
}

.support-compose .form-control,
.support-compose .form-input {
	width: 100%;
	box-sizing: border-box;
	background: var(--wp-input-bg, var(--surface-2, #fff));
	color: var(--text-main, inherit);
	border: 1px solid var(--wp-input-border, var(--border));
}

.support-compose__msg {
	min-height: 72px;
	max-height: 140px;
	resize: vertical;
}

.support-compose__previews {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 10px;
}

.support-compose__previews[hidden] {
	display: none;
}

.support-compose__preview {
	position: relative;
	width: 72px;
	min-height: 72px;
	border-radius: 10px;
	overflow: hidden;
	background: var(--surface-2);
	border: 1px solid var(--border);
}

.support-compose__preview img,
.support-compose__preview video {
	display: block;
	width: 100%;
	height: 72px;
	object-fit: cover;
}

.support-compose__preview span {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 72px;
	padding: 6px;
	font-size: 10px;
	text-align: center;
	color: var(--text-muted);
	word-break: break-word;
}

.support-compose__preview button {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 20px;
	height: 20px;
	border: 0;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.65);
	color: #fff;
	line-height: 20px;
	cursor: pointer;
}

.support-compose__tools {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.support-compose__chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border: 1px solid var(--wp-input-border, var(--border));
	background: var(--surface-2, var(--card-bg));
	color: var(--text-main, inherit);
	border-radius: 999px;
	padding: 6px 11px;
	font: inherit;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
}

.support-compose__chip i,
.support-compose__chip svg {
	width: 14px;
	height: 14px;
}

.support-compose__hint {
	margin: 8px 0 0;
	font-size: 12px;
	color: var(--text-muted);
}

.support-compose__send {
	width: 100%;
	margin-top: 10px;
}

.support-gate {
	padding: 28px 24px 32px;
	text-align: center;
}

.support-gate__icon {
	width: 52px;
	height: 52px;
	margin: 0 auto 14px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: color-mix(in srgb, var(--primary) 12%, var(--card-bg, #fff));
	color: var(--primary);
}

.support-gate__icon i,
.support-gate__icon svg {
	width: 24px;
	height: 24px;
}

.support-gate__title {
	margin: 0 0 8px;
	font-size: 1.05rem;
	font-weight: 800;
	color: var(--text-main, inherit);
}

.support-gate__text {
	margin: 0 0 18px;
	font-size: 13px;
	line-height: 1.45;
	color: var(--text-muted);
}

.support-gate__actions {
	display: flex;
	flex-direction: column;
	gap: 8px;
	max-width: 280px;
	margin: 0 auto;
}

.support-gate__actions a {
	width: 100%;
	text-decoration: none;
	box-sizing: border-box;
}

.support-attach-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
}

.support-attach-list__img {
	display: block;
	width: 160px;
	height: 120px;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid var(--border);
	background: var(--surface-2, #f3f4f6);
}

.support-attach-list__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.support-attach-list__media {
	flex: 1 1 220px;
	min-width: 0;
}

.support-attach-list__cap {
	display: block;
	font-size: 11px;
	font-weight: 700;
	color: var(--text-muted);
	margin-bottom: 4px;
}

.support-attach-list__media audio,
.support-attach-list__media video {
	width: 100%;
	max-height: 220px;
	border-radius: 10px;
	background: #111;
}

@media (max-width: 560px) {
	.support-compose__grid,
	.support-meta__grid {
		grid-template-columns: 1fr;
	}
}

.support-ticket-msg {
	background: var(--bg-input, #f8f9fa);
	border-radius: 6px;
	padding: 10px 14px;
	font-size: 13px;
	color: var(--text);
	border-left: 3px solid var(--primary);
}

.support-ticket-reply {
	background: #f0fdf4;
	border-radius: 6px;
	padding: 10px 14px;
	font-size: 13px;
	color: #166534;
	border-left: 3px solid #16a34a;
}

.support-reply-form {
	padding-top: 4px;
}

.trend-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #1A8CD8;
	font-size: 0.6rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	background: #E8F5FD;
	padding: 2px 8px;
	border-radius: 10px;
	border: 1px solid #B6E3F9;
}

.ghost-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	color: #0866ff;
	background: #e7f3ff;
	border: 1px solid #cce0ff;
	flex-shrink: 0;
}

.ghost-badge i,
.ghost-badge svg {
	width: 15px;
	height: 15px;
	display: block;
	stroke-width: 2.1;
}

.feed-clear-filter-link {
	margin-inline-start: 12px;
	font-weight: 700;
	font-size: 0.75rem;
	color: var(--wp-blue);
	text-decoration: none;
	white-space: nowrap;
}
.feed-clear-filter-link:hover {
	text-decoration: underline;
}

.comment-closed-note {
	margin: 0 0 0 20px;
	padding: 0 0 12px;
	font-size: 0.8rem;
	color: var(--text-muted);
}

.post-content {
	padding: 12px 0;
	color: var(--text-main);
	font-size: 0.95rem;
	line-height: 1.45;
	word-break: break-word;
	overflow-wrap: anywhere;
}

.post-content .post-card {
	margin: 10px 0 0;
	box-shadow: none;
	transform: none;
}

.post-content p {
	margin: 0;
}

.post-participants {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	max-width: 100%;
	margin: 14px 0 12px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--text-muted);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.3;
	text-align: start;
	cursor: pointer;
}

.post-participants__faces {
	display: inline-flex;
	flex-shrink: 0;
}

.post-participants__face {
	display: inline-flex;
	line-height: 0;
	border-radius: 50%;
	box-shadow: 0 0 0 2px var(--card-bg, #fff);
}

.post-participants__face + .post-participants__face {
	margin-left: -8px;
}

.post-participants__more {
	width: 26px;
	height: 26px;
	align-items: center;
	justify-content: center;
	background: var(--surface-2, #f1f5f9);
	color: var(--text-main);
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.02em;
}

.post-participants__face .avatar-wrap .v-badge,
.post-participants__face .avatar-frame {
	display: none;
}

.post-participants__text {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.post-participants__text b {
	font-weight: 700;
	color: var(--text-main);
}

.post-participants:hover .post-participants__text {
	text-decoration: underline;
}

.post-actions {
	padding: 12px 0 14px;
	border-top: 1px solid var(--wp-border);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 14px;
}

.post-like-actions {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.post-likers-admin-btn {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 10px;
	border-radius: 999px;
	border: 1px solid color-mix(in srgb, var(--wp-blue) 35%, var(--wp-border));
	background: color-mix(in srgb, var(--wp-blue) 8%, var(--white));
	color: var(--wp-blue);
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	cursor: pointer;
	transition: background var(--transition), border-color var(--transition);
}

.post-likers-admin-btn:hover {
	background: color-mix(in srgb, var(--wp-blue) 14%, var(--white));
	border-color: color-mix(in srgb, var(--wp-blue) 50%, var(--wp-border));
}

.post-likers-modal-body {
	max-height: min(62vh, 420px);
	overflow-y: auto;
}

.post-likers-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.post-likers-list__row {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 8px;
}

.post-likers-list__user {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1;
	min-width: 0;
	width: auto;
	padding: 8px 10px;
	border: none;
	border-radius: var(--radius);
	background: var(--surface-2);
	cursor: pointer;
	text-align: inherit;
	font: inherit;
	color: inherit;
	transition: background 0.15s ease;
}

.post-likers-list__user:hover {
	background: color-mix(in srgb, var(--wp-blue) 10%, var(--surface-2));
}

.post-likers-list__name {
	font-weight: 600;
	font-size: 0.88rem;
}

.post-likers-list__rx {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--text-muted);
	padding-inline-end: 6px;
}

.post-likers-list__rx .comment-react-svg {
	width: 18px;
	height: 18px;
}

.action-btn {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--text-muted);
	font-size: 0.95rem;
	font-weight: 600;
	line-height: 1;
	min-height: 40px;
	padding: 7px 9px;
	border-radius: 8px;
}

.action-btn i,
.action-btn svg {
	width: 24px !important;
	height: 24px !important;
	display: block;
	flex-shrink: 0;
	stroke-width: 2.25;
}

.action-btn__count {
	font-size: 0.95rem;
	font-weight: 650;
	font-variant-numeric: tabular-nums;
}

.action-btn:hover,
.action-btn.active {
	color: var(--wp-blue);
}

.post-share {
	position: relative;
	margin-inline-start: auto;
}

.post-share__panel {
	position: absolute;
	z-index: 31;
	right: 0;
	top: calc(100% + 8px);
	width: min(320px, calc(100vw - 32px));
	padding: 14px;
}

.post-share__title {
	margin-bottom: 8px;
	font-size: 0.78rem;
	font-weight: 800;
}

.post-share__link {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid var(--wp-border);
	border-radius: 10px;
	padding: 9px 10px;
	background: transparent;
	color: inherit;
	font: inherit;
	font-size: 0.72rem;
}

.post-share__copy {
	width: 100%;
	margin-top: 8px;
}

.post-share__apps {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
}

.post-share__app {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 15px;
}

.post-share__app--wa { background: #25d366; }
.post-share__app--tg { background: #2aabee; }
.post-share__app--x { background: #111; }
.post-share__app--fb { background: #1877f2; }

.post-share__native {
	margin-left: auto;
	border: 0;
	background: transparent;
	color: var(--wp-blue);
	font: inherit;
	font-size: 0.72rem;
	font-weight: 700;
	cursor: pointer;
}

.share-post-back {
	margin-bottom: 12px;
	font-size: 0.78rem;
	font-weight: 700;
}

.share-post-back a:hover {
	color: var(--wp-blue);
}

.muted-action {
	cursor: default;
}

.muted-action:hover {
	color: var(--text-muted);
}

/* Post heart like */
.post-like-btn,
.post-react-btn {
	position: relative;
	overflow: visible;
	transition: color 0.2s ease, background 0.15s ease;
}

.post-reactions {
	display: inline-flex;
	align-items: center;
	gap: 2px;
}

.post-react-btn {
	padding: 7px 11px;
	border: none;
	border-radius: 8px;
	background: transparent;
	min-width: 46px;
	min-height: 40px;
	justify-content: center;
	gap: 6px;
	font: inherit;
	line-height: 1;
	cursor: pointer;
	color: var(--text-muted);
}

.post-react-btn .comment-react-svg {
	width: 24px;
	height: 24px;
	display: block;
	flex-shrink: 0;
}

.post-react-count {
	min-width: 0.5em;
	font-variant-numeric: tabular-nums;
	font-size: 0.95rem;
	font-weight: 650;
	opacity: 0.95;
}

.post-react-btn .post-react-count:empty {
	display: none;
}

.post-react-btn:hover,
.post-react-btn:focus-visible {
	background: rgba(225, 29, 72, 0.08);
	color: #e11d48;
}

.post-react-btn--heart.has-likes,
.post-react-btn--heart.has-likes:hover,
.post-react-btn--heart.active,
.post-react-btn--heart.active:hover {
	color: #e11d48;
	background: rgba(225, 29, 72, 0.12);
}

.post-react-btn--heart.active .comment-react-svg path,
.post-react-btn--heart.has-likes .comment-react-svg path {
	fill: currentColor;
}

.post-react-btn--readonly {
	opacity: 0.88;
	pointer-events: none;
	cursor: default;
}

.post-like-btn.like-animating,
.post-react-btn.like-animating {
	animation: ts-like-btn-pop 0.55s cubic-bezier(0.34, 1.45, 0.64, 1);
}

.post-like-btn.like-animating::before,
.post-react-btn.like-animating::before {
	content: '';
	position: absolute;
	inset-inline-start: 10px;
	top: 50%;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border-radius: 50%;
	box-shadow: 0 0 0 0 rgba(225, 29, 72, 0.55);
	animation: ts-like-pulse-ring 0.65s ease-out forwards;
	pointer-events: none;
	z-index: 0;
}

.post-like-btn.like-animating > svg,
.post-like-btn.like-animating > i,
.post-react-btn.like-animating > svg,
.post-react-btn.like-animating > i {
	position: relative;
	z-index: 1;
	animation: ts-like-icon-wiggle 0.55s cubic-bezier(0.34, 1.45, 0.64, 1);
	transform-origin: center bottom;
}

.post-like-btn.like-animating > span,
.post-react-btn.like-animating > span {
	position: relative;
	z-index: 1;
}

@keyframes ts-like-btn-pop {
	0% {
		transform: scale(1);
	}
	35% {
		transform: scale(1.04);
	}
	100% {
		transform: scale(1);
	}
}

@keyframes ts-like-icon-wiggle {
	0% {
		transform: scale(1) rotate(0deg);
	}
	22% {
		transform: scale(1.28) rotate(-14deg);
	}
	48% {
		transform: scale(1.12) rotate(8deg);
	}
	72% {
		transform: scale(1.06) rotate(-3deg);
	}
	100% {
		transform: scale(1) rotate(0deg);
	}
}

@keyframes ts-like-pulse-ring {
	0% {
		box-shadow: 0 0 0 0 rgba(225, 29, 72, 0.45);
		opacity: 1;
	}
	100% {
		box-shadow: 0 0 0 14px rgba(225, 29, 72, 0);
		opacity: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.post-like-btn.like-animating,
	.post-react-btn.like-animating {
		animation: none;
	}

	.post-like-btn.like-animating::before,
	.post-react-btn.like-animating::before {
		display: none;
	}

	.post-like-btn.like-animating > svg,
	.post-like-btn.like-animating > i,
	.post-react-btn.like-animating > svg,
	.post-react-btn.like-animating > i {
		animation: none;
	}
}

.comment-section {
	background: transparent;
	padding: 8px 0 12px;
	border-top: 1px solid var(--wp-border);
}

.comment-item {
	display: flex;
	gap: 8px;
	margin-bottom: 8px;
	overflow: visible;
}

.comment-col {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
}

.comment-bubble {
	width: fit-content;
	max-width: min(100%, 34rem);
	background: #e6eaf0;
	border: 1px solid rgba(15, 23, 42, 0.09);
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
	padding: 8px 14px 9px;
	border-radius: 18px;
	position: relative;
}

.comment-bubble__in {
	display: block;
	line-height: 1.35;
}

.comment-bubble h5 {
	font-size: 0.84rem;
	font-weight: 700;
	margin-bottom: 0;
}

.comment-bubble p {
	font-size: 0.88rem;
	color: inherit;
	line-height: 1.4;
	display: block;
}

.comment-review-row {
	margin-top: 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	flex-wrap: wrap;
}

.comment-status-chip {
	display: inline-flex;
	align-items: center;
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 0.6rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.comment-status-chip.pending {
	background: #eff6ff;
	color: #1d4ed8;
}

.comment-status-chip.rejected {
	background: #fff1f2;
	color: #b91c1c;
}

.comment-inline-actions {
	display: flex;
	align-items: center;
	gap: 6px;
}

.comment-inline-btn {
	border: none;
	background: none;
	padding: 0;
	font-size: 0.62rem;
	font-weight: 800;
	text-transform: uppercase;
}

.comment-inline-btn.approve {
	color: #15803d;
}

.comment-inline-btn.reject {
	color: #dc2626;
}

.comment-note-line {
	margin-top: 6px;
	font-size: 0.67rem;
	color: #b91c1c;
	line-height: 1.45;
}

.comment-meta {
	margin: 0;
	font-size: 0.7rem;
	font-weight: 600;
	color: #8b9198;
	display: flex;
	align-items: center;
	gap: 7px;
}

.comment-act {
	border: none;
	background: none;
	padding: 0;
	color: inherit;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
	line-height: 1;
}

.comment-act:hover,
.comment-act:focus-visible {
	color: #2271b1;
}

.comment-act--warn:hover,
.comment-act--warn:focus-visible {
	color: #b91c1c;
}

.comment-col > .comment-byline {
	padding: 0 0 0 4px;
	margin-bottom: 6px;
}

.comment-byline {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
	margin: 0;
	font-size: 0.84rem;
	font-weight: 800;
	line-height: 1.25;
}

.comment-byline .user-link {
	display: inline;
	font-weight: 800;
	color: inherit;
}

.comment-byline__ok {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 13px;
	height: 13px;
	flex: 0 0 13px;
	color: #1d9bf0;
	line-height: 0;
}

.comment-byline__ok svg {
	width: 13px;
	height: 13px;
	display: block;
}

.comment-byline__ok--gold {
	color: #c88a04;
}

.comment-byline__dot,
.comment-byline__time {
	font-size: 0.7rem;
	font-weight: 500;
	color: var(--text-muted, #71767a);
}

.comment-byline__dot {
	margin: 0 1px;
}

.comment-bubble--reply {
	border-radius: 16px;
	padding: 5px 11px 6px;
}

.comment-thread-node--reply .comment-replies-list {
	border-left-color: rgba(15, 20, 25, 0.16);
}

.comment-attach-images {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px;
	margin: 8px 0 2px;
	max-width: 280px;
}

.comment-attach-grid--3 .comment-attach-imgwrap:nth-child(3) {
	grid-column: 1 / -1;
}

.comment-attach-imgwrap {
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid var(--border, #e5e5e5);
	background: var(--surface-2, #f6f7f7);
}

.comment-attach-img {
	display: block;
	width: 100%;
	max-height: 140px;
	object-fit: cover;
}

.comment-attach-audio,
.comment-attach-video {
	margin: 8px 0 4px;
	max-width: 320px;
}

.comment-media-shell {
	border-radius: 10px;
	border: 1px solid var(--border, #e5e5e5);
	background: var(--surface-2, #f6f7f7);
	overflow: hidden;
}

.comment-media-shell--audio {
	padding: 8px 10px;
}

.comment-media-shell__lab {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 11px;
	font-weight: 700;
	color: var(--text-muted, #646970);
	margin-bottom: 6px;
}

.comment-audio-el {
	width: 100%;
	max-height: 40px;
}

.comment-media-shell--video .comment-video-el {
	display: block;
	width: 100%;
	max-height: 180px;
	background: #000;
}

.comment-media-shell__vf {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 10px;
	font-weight: 700;
	padding: 6px 8px;
	color: var(--text-muted, #646970);
}

.comment-foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 4px;
	margin-top: 0;
	margin-left: -18px;
	padding: 0 6px;
	width: auto;
	max-width: 100%;
}

.comment-foot .comment-byline__time {
	padding: 0 2px;
}

.comment-reply-act {
	border: none;
	background: none;
	padding: 6px 8px;
	border-radius: 8px;
	color: #65676b;
	line-height: 1;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
}

.comment-reply-act__ico {
	width: 20px;
	height: 20px;
	display: block;
}

.comment-reply-act:hover,
.comment-reply-act:focus-visible {
	background: rgba(34, 113, 177, 0.1);
	color: #2271b1;
}

.comment-replies-go {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-left: 2px;
	padding: 6px 8px;
	border: none;
	border-radius: 8px;
	background: transparent;
	color: #65676b;
	font-size: 0.9rem;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	min-height: 36px;
}

.comment-replies-go__ic {
	width: 20px;
	height: 20px;
	display: block;
	flex-shrink: 0;
}

.comment-replies-go__n {
	font-variant-numeric: tabular-nums;
	min-width: 0.6em;
}

.comment-replies-go:hover,
.comment-replies-go:focus-visible {
	background: rgba(0, 0, 0, 0.05);
	color: #5f6368;
}

.comment-side-tools {
	flex: 0 0 auto;
	align-self: flex-start;
	margin-left: auto;
	display: inline-flex;
	align-items: center;
	gap: 2px;
}

.comment-edit {
	flex: 0 0 auto;
	width: 28px;
	height: 28px;
	padding: 0;
	border: none;
	background: none;
	color: #9aa0a6;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	opacity: 0.75;
}

.comment-edit__ico {
	width: 14px;
	height: 14px;
	display: block;
}

.comment-edit:hover,
.comment-edit:focus-visible {
	color: var(--text-main);
	opacity: 1;
}

.comment-x {
	flex: 0 0 auto;
	width: 28px;
	height: 28px;
	padding: 0;
	border: none;
	background: none;
	color: #9aa0a6;
	font-size: 22px;
	font-weight: 400;
	line-height: 26px;
	cursor: pointer;
	opacity: 0.75;
}

.comment-x:hover,
.comment-x:focus-visible {
	color: #ef4444;
	opacity: 1;
}

.comment-reactions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 2px;
	margin: 0;
	padding: 0;
	border: none;
}

.comment-react-btn {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 6px 8px;
	border-radius: 8px;
	border: none;
	background: transparent;
	font-size: 0.9rem;
	font-weight: 700;
	color: #65676b;
	line-height: 1;
	cursor: default;
	vertical-align: middle;
	min-height: 36px;
	transition: color 0.15s ease, background 0.15s ease;
}

.comment-reactions .comment-react-svg {
	width: 20px;
	height: 20px;
}

button.comment-react-btn {
	cursor: pointer;
	font: inherit;
}

.comment-react-svg {
	width: 22px;
	height: 22px;
	display: block;
	flex-shrink: 0;
}

.comment-react-btn .comment-react-count {
	min-width: 0.5em;
	font-variant-numeric: tabular-nums;
	font-size: 0.9rem;
	opacity: 0.95;
}

.comment-react-btn .comment-react-count:empty {
	display: none;
}

.comment-react-btn:hover,
.comment-react-btn:focus-visible {
	background: rgba(225, 29, 72, 0.08);
	color: #e11d48;
}

.comment-react-btn.active,
.comment-react-btn--heart.active {
	color: #e11d48;
	background: rgba(225, 29, 72, 0.12);
}

.comment-react-btn.active .comment-react-svg,
.comment-react-btn--heart.active .comment-react-svg path {
	color: #e11d48;
	fill: currentColor;
}

.comment-react-btn--readonly {
	opacity: 0.88;
	pointer-events: none;
}

.composer-lead {
	flex-shrink: 0;
	padding-top: 4px;
}

.comment-composer {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	column-gap: 12px;
	align-items: center;
}

.comment-composer__body {
	display: flex;
	flex-direction: column;
	gap: 5px;
	min-width: 0;
}

.comment-composer__avatar {
	grid-column: 1;
	grid-row: 1 / -1;
	align-self: center;
	padding-top: 0;
	overflow: visible;
}

.comment-composer__pill.comment-composer__pill {
	width: 100%;
	height: auto;
	min-height: 44px;
	padding: 5px 6px 5px 10px;
	border-radius: 999px;
	gap: 2px;
	background: var(--surface-1, #fff);
	border: 1px solid var(--wp-border, #dcdcde);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	align-items: center;
}

.comment-composer__pill:not(:has(.comment-composer__toolbar)) {
	padding-inline-start: 14px;
}

.comment-composer__pill .comment-composer__toolbar {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 1px;
	flex-shrink: 0;
	padding-inline-end: 8px;
	margin-inline-end: 4px;
	border-inline-end: 1px solid var(--wp-border, #dcdcde);
}

.comment-composer__pill .comment-composer__toolbar:empty {
	display: none;
	padding: 0;
	margin: 0;
	border: none;
}

.comment-composer__pill .comment-composer__toolbar ~ .comment-composer-input {
	min-width: 0;
	flex: 1;
	font-size: 0.8125rem;
	padding: 4px 6px;
}

.comment-composer__pill .comment-side-tool {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: transparent;
	color: var(--text-muted, #65676b);
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
}

.comment-composer__pill .comment-side-tool:hover {
	background: color-mix(in srgb, var(--wp-blue, #1DA1F2) 14%, transparent);
	color: var(--wp-blue, #1DA1F2);
}

.comment-composer__pill .comment-side-tool__svg {
	width: 16px;
	height: 16px;
	display: block;
}

.comment-composer__send.icon-btn {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	padding: 0;
	margin-inline-start: 2px;
	border-radius: 50%;
	border: none;
	background: linear-gradient(135deg, #1DA1F2, #0EA5E9);
	color: #fff;
	box-shadow: 0 1px 4px rgba(29, 161, 242, 0.35);
	transition:
		transform 0.12s ease,
		box-shadow 0.12s ease,
		opacity 0.12s ease;
}

.comment-composer__send.icon-btn:hover:not(:disabled) {
	color: #fff;
	background: linear-gradient(135deg, #1A8CD8, #0C85D0);
	box-shadow: 0 2px 10px rgba(29, 161, 242, 0.45);
	transform: scale(1.02);
}

.comment-composer__send.icon-btn:disabled {
	opacity: 0.45;
	cursor: not-allowed;
	transform: none;
	box-shadow: none;
}

.comment-composer__send-icon {
	width: 15px;
	height: 15px;
}

.comment-composer__field {
	flex: 1;
	min-width: 0;
	width: 100%;
}

.comment-composer__names {
	min-height: 0;
	margin-bottom: 0;
}

.comment-composer__file-hint {
	font-size: 10px;
	font-weight: 600;
	color: var(--wp-blue, #1DA1F2);
}

.comment-composer--reply {
	margin-top: 6px;
	padding: 8px 0 4px;
	border-top: 1px dashed rgba(29, 161, 242, 0.25);
}

.comment-input-area .comment-composer {
	width: 100%;
}

.ts-emoji-panel {
	position: fixed;
	z-index: 99999;
	left: 12px;
	top: 12px;
	width: min(320px, calc(100vw - 20px));
	max-height: min(280px, calc(100vh - 24px));
	display: flex;
	flex-direction: column;
	overflow: hidden;
	padding: 0;
	border-radius: 14px;
	background: var(--surface-1, #fff);
	border: 1px solid var(--wp-border, #dcdcde);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22);
}

.ts-emoji-panel.hidden {
	display: none;
}

.ts-emoji-panel__tabs {
	display: flex;
	align-items: stretch;
	gap: 2px;
	overflow-x: auto;
	flex-shrink: 0;
	padding: 4px 6px 0;
	border-bottom: 1px solid var(--wp-border, #dcdcde);
	scrollbar-width: thin;
}

.ts-emoji-panel__tab {
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-bottom: 2px solid transparent;
	background: transparent;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: var(--text-muted);
}

.ts-emoji-panel__tab img {
	width: 26px;
	height: 26px;
	object-fit: contain;
}

.ts-emoji-panel__tab-fall {
	font-size: 1.1rem;
	line-height: 1;
}

.ts-emoji-panel__tab.is-on {
	border-bottom-color: #1DA1F2;
}

.ts-emoji-panel__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	padding: 8px;
	overflow-y: auto;
	max-height: 220px;
}

.ts-emoji-panel__empty {
	width: 100%;
	padding: 18px 10px;
	text-align: center;
	font-size: 0.78rem;
	color: var(--text-muted);
	line-height: 1.45;
}

.ts-emoji-cell {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border: none;
	border-radius: 8px;
	background: transparent;
	font-size: 1.2rem;
	line-height: 1;
	cursor: pointer;
	transition: background 0.12s ease;
}

.ts-emoji-cell:hover {
	background: rgba(29, 161, 242, 0.12);
}

.ts-emoji-cell--img {
	width: 36px;
	height: 36px;
}

.ts-emoji-cell--img img {
	height: 26px;
	width: auto;
	max-width: 32px;
	object-fit: contain;
}

.ts-emoji-cell--sticker {
	width: 56px;
	height: 56px;
}

.ts-emoji-cell--sticker img {
	height: 48px;
	width: auto;
	max-width: 52px;
	object-fit: contain;
}

.emocc.emo_chat {
	height: 22px;
	width: auto;
	max-width: 100%;
	vertical-align: -5px;
}

.emocc.sticker_chat {
	height: 72px;
	width: auto;
	max-width: 100%;
	vertical-align: bottom;
	display: block;
	margin: 6px 0;
}

.emocc.custom_chat {
	max-height: 160px;
	max-width: min(280px, 100%);
	height: auto;
	vertical-align: bottom;
	display: block;
	margin: 6px 0;
}

/* Threaded comments — Facebook-style vertical rail */
.comment-thread-node {
	margin-bottom: 2px;
}

.comment-thread-node--nested {
	margin-top: 2px;
}

.comment-thread-node__row {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	margin-bottom: 0;
	overflow: visible;
	width: 100%;
}

.comment-thread-node__row.comment-item {
	margin-bottom: 12px;
}

.comment-thread-node__row.reply-item {
	gap: 7px;
	margin-bottom: 0;
}

.comment-thread-node__branch {
	margin-top: 4px;
}

.comment-replies-list {
	margin-left: 42px;
	padding-left: 0;
	border-left: none;
	margin-top: 6px;
	padding-top: 0;
	padding-bottom: 0;
}

.comment-replies-list:empty {
	display: none;
	margin: 0;
}

.comment-thread-node--nested .comment-replies-list {
	margin-left: 36px;
}

.reply-thread > .comment-thread-node {
	margin-bottom: 10px;
}

.reply-thread:last-child > .comment-thread-node {
	margin-bottom: 0;
}

.reply-form-thread {
	margin-left: 34px;
	margin-top: 8px;
	padding-left: 12px;
	border-left: 2px solid transparent;
}

.comment-thread-node--nested .reply-form-thread {
	margin-left: 28px;
}

.reply-item {
	display: flex;
	gap: 8px;
	margin-bottom: 8px;
}

.comment-show-more-replies {
	margin-left: 32px;
	margin-top: 4px;
	margin-bottom: 4px;
	color: var(--wp-blue);
	font-size: 0.78rem;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	display: block;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
}

.comment-thread-node--nested .comment-show-more-replies {
	margin-left: 28px;
}

.show-more-comments:not(.comment-show-more-replies) {
	margin-left: 42px;
	color: var(--wp-blue);
	font-size: 0.78rem;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	margin-top: 4px;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
}

.comment-input-area {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 12px;
}

.input-pill {
	flex: 1;
	background: var(--white);
	border: 1px solid var(--wp-border);
	border-radius: 12px;
	padding: 0 10px;
	display: flex;
	align-items: center;
	height: 32px;
}

.input-pill input {
	border: none;
	outline: none;
	width: 100%;
	font-size: 0.72rem;
	color: #3c434a;
	background: transparent;
}

.input-pill input[readonly] {
	cursor: pointer;
}

body.site_body.rtl_mode .comment-item,
body.site_body.rtl_mode .reply-item,
body.site_body.rtl_mode .comment-input-area,
body.site_body.rtl_mode .reply-form-wrap,
body.site_body.rtl_mode .comment-foot,
body.site_body.rtl_mode .comment-meta {
	direction: rtl;
}

body.site_body.rtl_mode .comment-col {
	align-items: flex-end;
}

body.site_body.rtl_mode .comment-side-tools {
	margin-left: 0;
	margin-right: auto;
}

body.site_body.rtl_mode .comment-meta {
	margin-left: 0;
	margin-right: 0;
}

body.site_body.rtl_mode .comment-bubble {
	text-align: right;
}

body.site_body.rtl_mode .comment-review-row,
body.site_body.rtl_mode .comment-inline-actions {
	direction: rtl;
}

body.site_body.rtl_mode .comment-replies-list {
	margin-right: 42px;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
	border: none;
}

body.site_body.rtl_mode .comment-thread-node--nested .comment-replies-list {
	margin-right: 28px;
	margin-left: 0;
}

body.site_body.rtl_mode .reply-form-thread {
	margin-right: 34px;
	margin-left: 0;
	padding-right: 12px;
	padding-left: 0;
	border-right: 2px solid transparent;
	border-left: none;
}

body.site_body.rtl_mode .comment-thread-node--nested .reply-form-thread {
	margin-right: 28px;
	margin-left: 0;
}

body.site_body.rtl_mode .comment-show-more-replies {
	margin-right: 34px;
	margin-left: 0;
}

body.site_body.rtl_mode .comment-thread-node--nested .comment-show-more-replies {
	margin-right: 28px;
	margin-left: 0;
}

body.site_body.rtl_mode .reply-form-wrap:not(.reply-form-thread),
body.site_body.rtl_mode .show-more-comments:not(.comment-show-more-replies) {
	margin-right: 40px;
	margin-left: 0;
}

body.site_body.rtl_mode .input-pill {
	flex-direction: row;
}

.end-feed {
	text-align: center;
	padding: 40px 0;
	color: var(--text-muted);
}

.end-line {
	width: 40px;
	height: 4px;
	background: var(--wp-border);
	margin: 0 auto 16px;
	border-radius: 2px;
}

.contact-entry {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	border: 1px solid color-mix(in srgb, var(--primary) 28%, var(--border));
	background: color-mix(in srgb, var(--primary) 10%, var(--card-bg, #fff));
	color: var(--text-main);
	border-radius: 999px;
	padding: 7px 14px;
	font: inherit;
	font-size: 0.82rem;
	font-weight: 800;
	cursor: pointer;
	line-height: 1;
}

.contact-entry i,
.contact-entry svg {
	width: 16px;
	height: 16px;
	color: var(--primary);
	flex-shrink: 0;
}

.contact-entry:hover {
	background: color-mix(in srgb, var(--primary) 16%, var(--card-bg, #fff));
	border-color: color-mix(in srgb, var(--primary) 45%, var(--border));
}

.contact-entry--header {
	padding: 6px 12px;
	font-size: 0.78rem;
}

.site-footer-links {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	padding-top: 6px;
	font-size: 0.8rem;
	font-weight: 600;
}

.site-footer-links a {
	color: var(--text-muted);
}

.site-footer-links a:hover {
	color: var(--wp-blue);
}

.page-status-line {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-bottom: 18px;
	color: var(--text-muted);
	font-size: 0.75rem;
}

.page-status-line select {
	border: 1px solid var(--wp-border);
	border-radius: 6px;
	background: #fff;
	padding: 6px 10px;
	font-size: 0.75rem;
	color: #3c434a;
}

.feed-load-more-wrap {
	display: flex;
	justify-content: center;
	margin: 4px 0 18px;
}

.feed-search-card {
	padding: 14px 16px;
	margin-bottom: 18px;
}
.profile_sts {
	padding: 0;
	overflow-y: auto;
	max-height: 70vh;
}

.feed-search-form {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}
.rang {
	width: 100%;
    background: #efefef;
    padding: 10px;
}
.mn_full {
	width: 100%;
    margin: 2px 0px;
}
.feed-search-input-wrap {
	flex: 1;
	min-width: 220px;
	display: flex;
	align-items: center;
	gap: 8px;
	background: #f6f7f7;
	border: 1px solid var(--wp-border);
	border-radius: 999px;
	padding: 0 12px;
}

.feed-search-input {
	width: 100%;
	height: 40px;
	border: none;
	background: transparent;
	outline: none;
	font-size: 0.88rem;
	color: var(--text-main);
}

.feed-search-status {
	margin-top: 10px;
	font-size: 0.75rem;
	color: var(--text-muted);
}

.post-focus-glow {
	box-shadow: 0 0 0 2px rgba(34, 113, 177, 0.18), 0 8px 24px rgba(34, 113, 177, 0.12);
}

.page_shell {
	max-width: var(--feed-w);
	margin: 0 auto;
	width: 100%;
	padding: 32px 16px 18px;
}

.public-page-card {
	padding: 0;
}

.admin-link,
.logout-link {
	font-size: 0.75rem;
	font-weight: 700;
	padding: 8px 12px;
	border-radius: 6px;
	background: #f6f7f7;
	color: var(--text-main);
}

.admin-link:hover,
.logout-link:hover {
	color: var(--wp-blue);
}

.modal_back {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 1000;
	align-items: center;
	justify-content: center;
	padding: 16px;
	background: rgba(0, 0, 0, 0.4);
	backdrop-filter: blur(2px);
}

/* Modal stack: over (profile/stories) 10040, raised over 10060, small/large 10050,
   small/large on over 10070, top menus on over 10065, lightbox 10200, toasts 99999.
   Confirm dialogs stay above raised over. Top menus stay above a raised profile. */
#over_modal.modal_back {
	z-index: 10040;
}
#over_modal.modal_back.over_modal_raise {
	z-index: 10060;
}
#small_modal.modal_back,
#large_modal.modal_back {
	z-index: 10050;
}
#small_modal.modal_back.modal_stack_on_over,
#large_modal.modal_back.modal_stack_on_over {
	z-index: 10070;
}
#top_modal.modal_back {
	z-index: 10045;
}
#top_modal.modal_back.modal_stack_on_over {
	z-index: 10065;
}

.fancybox__container {
	z-index: var(--fancybox-zIndex, 10200);
}

.modal_in {
	position: relative;
	background: var(--white);
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
	animation: zoomIn 0.15s ease-out;
}

.small_modal_in {
	max-width: 500px;
}

#small_modal:has(.avmenu) .small_modal_in {
	max-width: 380px;
}

.large_modal_in {
	max-width: 880px;
}

.over_modal_in {
	max-width: 420px;
}

.top_modal_in {
	max-width: 320px;
}

@keyframes zoomIn {
	from {
		transform: scale(0.97);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}

.modal_close {
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	z-index: 5;
	width: 44px;
	height: 44px;
	border-radius: 0;
	background: transparent;
	color: #9a9a9a;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	line-height: 1;
	cursor: pointer;
}

.modal_close i {
	font-size: 15px;
	line-height: 1;
	pointer-events: none;
}

.modal_close:hover {
	color: #555;
	background: rgba(0, 0, 0, 0.05);
}

#over_modal:has(.profile_wrap) .modal_close {
	display: none !important;
}

#over_modal:has(.profile_wrap) .over_modal_in {
	background: var(--card-bg, #fff);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28);
	border-radius: 20px;
	overflow: hidden;
	max-height: min(92vh, 860px);
	width: 96%;
	max-width: 500px;
}

#over_modal:has(.profile_wrap) #over_modal_content {
	background: var(--card-bg, #fff);
	max-height: min(92vh, 860px);
	overflow-y: auto;
	overscroll-behavior: contain;
}

.profile_wrap {
	text-align: start;
	color: var(--text-main);
	background: var(--card-bg, #fff);
}

.profile_wrap .btable {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.profile_wrap .bcell,
.profile_wrap .bcell_mid {
	display: table-cell;
	vertical-align: middle;
}

.profile_wrap .hpad15 {
	padding-left: 15px;
	padding-right: 15px;
}

.profile_wrap .bpad10 {
	padding-bottom: 10px;
}

.profile_wrap .bpad15 {
	padding-bottom: 15px;
}

.profile_wrap .pad25 {
	padding: 15px 25px 25px;
}

.profile_wrap .tpad10 {
	padding-top: 10px;
}

.profile_wrap .tpad15 {
	padding-top: 15px;
}

.profile_wrap .centered_element {
	text-align: center;
}

.profile_wrap .bellips {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.profile_wrap .hide_zone {
	display: none;
}

.modal_wrap_top.pro_top {
	position: relative;
	display: block;
	width: 100%;
	min-height: 250px;
	padding: 44px 12px 16px;
	border-radius: 20px 20px 0 0;
	background: #222;
	color: #fff;
	box-sizing: border-box;
}

.modal_wrap_top.pro_top::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0.05) 38%, rgba(0, 0, 0, 0.5) 100%);
}

.profile_background {
	background-size: cover !important;
	background-position: 50% 50% !important;
}

.modal_top_menu {
	position: absolute;
	top: 6px;
	left: 8px;
	right: 8px;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	width: auto;
}

.modal_top_left {
	min-height: 36px;
	display: flex;
	align-items: center;
}

.modal_top_right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-left: auto;
	gap: 0;
}

.modal_top_item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	flex-shrink: 0;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	cursor: pointer;
	background: transparent;
	border: 0;
	color: #fff;
	padding: 0;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.85);
}

.modal_top_item:hover {
	opacity: 0.82;
}

.cover_text {
	position: relative;
	z-index: 2;
	color: #fff;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.85);
}

.profile_avatar {
	position: relative;
	z-index: 2;
	display: block;
	width: 100px;
	margin: 0 auto 8px;
	text-align: center;
}

.avatar_spin {
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	z-index: 30;
	width: 100px;
	height: 100px;
	margin: 0 auto;
}

.profile_avatar .avatar-wrap,
.profile_avatar .avatar-wrap.avatar-lg,
.profile_avatar .avatar,
.profile_avatar .avatar.avatar-image {
	width: 100px;
	height: 100px;
	border-radius: 50%;
}

.profile_wrap .profile_avatar.profile-tw__hero-avatar {
	margin-top: 0;
}

.profile_avatar .avatar-wrap--frame {
	overflow: visible;
}

.profile_avatar .avatar,
.avatar_profile {
	border: 2px solid #fff;
	display: block;
	object-fit: cover;
}

.profile_avatar .v-badge {
	display: none;
}

.state_profile {
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 4px;
	right: 4px;
	z-index: 40;
	border: 2px solid #fff;
	border-radius: 50px;
	background: #fff;
	box-sizing: content-box;
}

.pdetails {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.pdetails_text {
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
}

.pro_name_row {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	max-width: 100%;
}

.pro_name_row .pro_rank {
	display: inline-flex;
	margin: 0;
	flex-shrink: 0;
}

.pro_name_row .rank-badge__img {
	width: 28px;
	height: 28px;
	margin: 0;
}

.pro_name_row .pro_name {
	width: auto;
	max-width: 100%;
}

.pro_rank .rank-badge {
	background: rgba(0, 0, 0, 0.35);
	color: #fff;
	border: 0;
}

.pro_rank .rank-badge--icon {
	background: transparent;
}

.pro_rank .rank-badge__img {
	width: 42px;
	height: 42px;
	margin: 0 auto;
	filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.45));
}

.pro_name {
	font-size: 25px;
	font-weight: 700;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.pro_name_check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	margin-left: 4px;
	color: #1d9bf0;
	line-height: 0;
}

.pro_name_check svg {
	width: 18px;
	height: 18px;
	display: block;
}

.pro_name_check--gold {
	color: #c88a04;
}

.profile-bio-copy {
	margin-bottom: 14px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--wp-border);
	text-align: left;
}

.profile-bio-copy .sub_text {
	font-size: 0.92rem;
	line-height: 1.45;
	white-space: pre-wrap;
}

.plevel_item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 28px;
	height: 22px;
	padding: 0 7px;
	border-radius: 11px;
	background: var(--level-accent, var(--primary));
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	text-shadow: none;
}

#profile_like {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.profile-nick-pills {
	margin-top: 8px;
}

.plike_item {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	margin: 0;
	padding: 2px 7px 2px 2px;
	border: 0;
	border-radius: 100px;
	background: rgba(0, 0, 0, 0.38);
	color: #fff;
	font: inherit;
	cursor: pointer;
}

.plike_item:disabled {
	cursor: default;
}

.plike_item img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	display: block;
}

.plike_item .plike-on {
	display: none;
}

.plike_item.is-on .plike-off {
	display: none;
}

.plike_item.is-on .plike-on {
	display: block;
}

.plike_count {
	min-width: 10px;
	padding: 0 2px;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
}

.profile-followers {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -4px;
}

.profile-followers .user_square_elem {
	position: relative;
	display: inline-block;
	width: calc((100% / 4) - 10px);
	margin: 5px;
	padding: 0;
	overflow: hidden;
	border: 0;
	border-radius: 5px;
	background: transparent;
	cursor: pointer;
	font: inherit;
	color: #fff;
}

.profile-followers .avatar_friends {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: cover;
}

.profile-followers .square_name {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 2px 4px;
	overflow: hidden;
	font-size: 10px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: rgba(0, 0, 0, 0.55);
}

.profile-followers-empty {
	margin: 8px 0 0;
	text-align: center;
	font-size: 0.85rem;
	color: var(--text-muted);
}

@media (min-width: 480px) {
	.profile-followers .user_square_elem {
		width: calc((100% / 6) - 10px);
	}
}

.profile-players {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 8px;
}

.proplayer {
	display: inline-flex;
	align-items: center;
	width: 70px;
	height: 30px;
	margin: 0;
	padding: 3px 6px 3px 3px;
	border: 0;
	border-radius: 100px;
	background: rgba(255, 255, 255, 0.16);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
	color: #fff;
	cursor: pointer;
	vertical-align: middle;
}

.proplayer_play {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: var(--wp-blue, #03add8);
}

.proplayer--yt .proplayer_play {
	background: linear-gradient(180deg, #fbbf24, #d97706);
}

.proplayer_icon {
	width: 12px;
	height: 12px;
	fill: #fff;
	display: block;
}

.proplayer_icon--pause {
	display: none;
}

.proplayer.is-playing .proplayer_icon--play {
	display: none;
}

.proplayer.is-playing .proplayer_icon--pause {
	display: block;
}

.proplayer_beat {
	display: inline-flex;
	align-items: flex-end;
	justify-content: center;
	gap: 1px;
	width: 24px;
	height: 24px;
	margin-left: 4px;
	padding-bottom: 5px;
}

.proplayer_beat span {
	width: 2px;
	height: 4px;
	border-radius: 1px;
	background: #fff;
}

.proplayer.is-playing .proplayer_beat span {
	animation: ts-pro-wave 0.8s ease-in-out infinite;
}

.proplayer.is-playing .proplayer_beat span:nth-child(2) { animation-delay: 0.1s; }
.proplayer.is-playing .proplayer_beat span:nth-child(3) { animation-delay: 0.2s; }
.proplayer.is-playing .proplayer_beat span:nth-child(4) { animation-delay: 0.05s; }
.proplayer.is-playing .proplayer_beat span:nth-child(5) { animation-delay: 0.28s; }

@keyframes ts-pro-wave {
	0%, 100% { height: 4px; }
	50% { height: 16px; }
}

.ts-yt-host {
	position: absolute;
	left: -9999px;
	top: 0;
	width: 240px;
	height: 135px;
	overflow: hidden;
	pointer-events: none;
}

.music-source-tabs {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	margin-bottom: 16px;
}

.music-source-tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 46px;
	border: 1px solid var(--wp-border);
	border-radius: 14px;
	background: transparent;
	color: var(--text-muted);
	font: inherit;
	font-size: 0.92rem;
	font-weight: 800;
	cursor: pointer;
}

.music-source-tab svg {
	width: 22px;
	height: 22px;
	fill: currentColor;
}

.music-source-tab.is-active {
	color: #fff;
	border-color: transparent;
	background: #111;
}

.music-source-tab.is-active[data-music-tab="youtube"] {
	background: linear-gradient(180deg, #2a2a2a, #111);
	box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.55);
	color: #fbbf24;
}

.music-source-tab.is-active[data-music-tab="mp3"] {
	background: linear-gradient(180deg, #1d4ed8, #1e3a8a);
	color: #fff;
}

.music-file-drop {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 148px;
	padding: 18px;
	border: 1px dashed var(--wp-border);
	border-radius: 16px;
	text-align: center;
	color: var(--text-muted);
	cursor: pointer;
}

.music-file-drop svg {
	width: 42px;
	height: 42px;
	fill: currentColor;
}

.music-file-drop input {
	max-width: 100%;
}

.music-studio .profile-settings-actions {
	justify-content: flex-end;
}

.profile-music-toggle {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
	font-size: 0.92rem;
	font-weight: 800;
}

.profile-music-preview {
	margin: 12px 0;
	min-height: 0;
	border-radius: 12px;
	overflow: hidden;
	background: #000;
}

.profile-music-preview:empty,
.profile-music-preview:not(:has(iframe)) {
	display: none;
}

.profile-music-marks,
.profile-music-times,
.profile-settings-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
}

.profile-music-times {
	align-items: flex-end;
}

.profile-music-times .profile-settings-field {
	flex: 1 1 120px;
	margin: 0;
}

.pro_menu_wrap .modal_menu {
	font-size: 0;
	padding: 8px 0;
}

.profile-tw .modal_menu ul {
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.modal_mback {
	background: rgba(0, 0, 0, 0.04);
}

.modal_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.modal_menu ul li {
	display: inline-block;
	padding: 7px 12px;
	cursor: pointer;
	font-weight: 700;
	font-size: 13px;
	margin: 0 2px;
	border-radius: 5px;
	color: var(--text-main);
}

.modal_selected {
	background: rgba(0, 0, 0, 0.08);
}

.cc-pro-actions {
	display: flex;
	gap: 8px;
	padding: 4px 15px 12px;
}

.cc-pro-btn {
	flex: 1;
	min-height: 34px;
	border: 0;
	border-radius: 5px;
	background: var(--primary);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
}

.cc-pro-btn i {
	margin-right: 6px;
}

.cc-pro-btn:hover {
	filter: brightness(1.05);
}

.cc-pro-btn--soft {
	background: rgba(0, 0, 0, 0.06);
	color: var(--text-main);
}

.cc-pro-btn--on,
.profile_wrap .profile-tw__follow--following {
	background: transparent;
	color: var(--text-main);
	border: 1px solid var(--wp-border, #ddd);
}

.cc-pro-btn--danger,
.profile_wrap .profile-tw__outline-btn--danger {
	width: 100%;
	background: #c0392b;
	color: #fff;
	border: 0;
}

.proitem {
	padding: 11px 0;
	border-bottom: 1px solid var(--wp-border, #eee);
}

.profile_wrap .proitem .bold {
	font-weight: 700;
	color: var(--text-main);
}

.profile_wrap .blisting:last-child {
	border-bottom: 0;
}

.proicon {
	width: 22px;
	display: inline-block;
	text-align: center;
	margin-right: 8px;
	color: var(--text-muted, #888);
}

.prodata {
	width: 50%;
	text-align: end;
	color: var(--text-main);
	font-size: 13px;
}

.cc-pro-hint {
	margin: 0 0 10px;
	font-size: 12px;
	color: var(--text-muted, #888);
}

.profile-alts {
	margin: 0 0 16px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--wp-border, rgba(127, 127, 127, 0.2));
}

.profile-alts__head {
	margin: 12px 0 4px;
	font-size: 0.78rem;
	font-weight: 700;
}

.profile-alts__list {
	display: flex;
	flex-direction: column;
}

.profile-alts__item {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 2px;
	border: 0;
	border-bottom: 1px solid var(--wp-border, rgba(127, 127, 127, 0.14));
	background: transparent;
	color: inherit;
	text-align: left;
	cursor: pointer;
}

.profile-alts__item:last-child {
	border-bottom: 0;
}

.profile-alts__item:hover {
	background: color-mix(in srgb, var(--text-main) 5%, transparent);
}

.profile-alts__av,
.profile-alts__av .avatar-wrap,
.profile-alts__av img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	flex-shrink: 0;
}

.profile-alts__meta {
	min-width: 0;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.profile-alts__name {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 0.9rem;
	font-weight: 700;
	line-height: 1.2;
}

.profile-alts__sub {
	color: var(--text-muted, #888);
	font-size: 0.75rem;
	line-height: 1.3;
}

.profile-alts__ip {
	flex-shrink: 0;
	color: var(--text-muted, #888);
	font-size: 0.72rem;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	direction: ltr;
}

.profile_content_wrap .profile-tw__more {
	width: 100%;
	margin-top: 10px;
	border-radius: 5px;
}

.modal-header {
	padding: 0 44px 0 14px;
	min-height: 44px;
	border-bottom: 1px solid var(--wp-border);
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #f4f4f4;
	color: var(--text-main);
}

body.site_body.rtl_mode .modal_close,
body.admin_body.rtl_mode .modal_close {
	left: 0;
	right: auto;
}

body.site_body.rtl_mode .modal_top_right,
body.admin_body.rtl_mode .modal_top_right {
	margin-left: 0;
	margin-right: auto;
}

body.site_body.rtl_mode .modal-header,
body.admin_body.rtl_mode .modal-header {
	padding: 0 14px 0 44px;
}

.modal-title {
	font-size: 14px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.modal-body {
	padding: 20px;
	overflow-y: auto;
	max-height: 70vh;
}

.support-inbox-btn,
.support-inbox-back {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-right: 4px;
	padding: 5px 10px;
	border: 1px solid color-mix(in srgb, var(--primary) 30%, var(--wp-border));
	border-radius: 999px;
	background: color-mix(in srgb, var(--primary) 10%, transparent);
	color: var(--text-main);
	font: inherit;
	font-size: 12px;
	font-weight: 800;
	cursor: pointer;
	position: relative;
}

.support-inbox-btn i,
.support-inbox-btn svg,
.support-inbox-back i,
.support-inbox-back svg {
	width: 14px;
	height: 14px;
	color: var(--primary);
}

.support-inbox-btn__count {
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	background: var(--primary);
	color: #fff;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
}

.support-inbox-btn__dot {
	position: absolute;
	top: 3px;
	right: 3px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #ef4444;
	box-shadow: 0 0 0 2px var(--white, #fff);
}

.support-inbox-dialog__count {
	margin: 0 0 12px;
	font-size: 0.95rem;
	font-weight: 800;
}

.support-inbox-dialog__empty {
	margin: 8px 0 0;
	color: var(--text-muted);
	font-size: 0.85rem;
}

.support-inbox-dialog__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.support-inbox-dialog__item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 3px;
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--wp-border);
	border-radius: 14px;
	background: var(--surface-2);
	color: inherit;
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.support-inbox-dialog__item.is-new {
	border-color: color-mix(in srgb, var(--primary) 45%, var(--wp-border));
	box-shadow: inset 3px 0 0 var(--primary);
}

.support-inbox-dialog__name {
	font-weight: 800;
	font-size: 0.95rem;
}

.support-inbox-dialog__meta,
.support-inbox-dialog__hint {
	font-size: 0.75rem;
	color: var(--text-muted);
}

.support-inbox-dialog__hint {
	font-weight: 800;
	color: var(--primary);
}

.support-inbox {
	margin: 0 0 12px;
	padding: 0 0 10px;
	border-bottom: 1px solid var(--wp-border);
}

.support-inbox__title {
	margin: 0 0 8px;
	font-size: 0.82rem;
	font-weight: 800;
}

.support-inbox__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
	max-height: 92px;
	overflow-y: auto;
}

.support-inbox__item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	width: 100%;
	padding: 8px 10px;
	border: 1px solid var(--wp-border);
	border-radius: 12px;
	background: var(--surface-2);
	color: inherit;
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.support-inbox__item.is-new {
	border-color: color-mix(in srgb, var(--wp-blue) 45%, var(--wp-border));
	box-shadow: inset 3px 0 0 var(--wp-blue);
}

.support-inbox__name {
	font-weight: 700;
	font-size: 0.9rem;
}

.support-inbox__meta {
	font-size: 0.75rem;
	color: var(--text-muted);
}

.support-thread__subject {
	margin: 0 0 12px;
	font-weight: 800;
	font-size: 1.05rem;
}

.support-thread__row {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 12px;
}

.support-thread__row > .avatar-wrap {
	flex: 0 0 auto;
	margin-top: 2px;
}

.support-thread__bubble {
	flex: 1 1 auto;
	min-width: 0;
	padding: 12px 14px;
	border-radius: 16px;
	border: 1px solid transparent;
}

.support-thread__bubble--you {
	background: var(--surface-2);
}

.support-thread__bubble--staff {
	background: color-mix(in srgb, var(--wp-blue) 12%, var(--card-bg));
}

.support-thread__who {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 6px;
	margin-bottom: 2px;
	font-size: 0.82rem;
	color: var(--text-main);
}

.support-thread__who strong {
	font-weight: 800;
}

.support-thread__handle {
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--text-muted);
}

.support-thread__you,
.support-thread__role {
	font-size: 0.68rem;
	font-weight: 800;
	padding: 1px 6px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--text) 8%, transparent);
	color: var(--text-muted);
}

.support-thread__role {
	background: color-mix(in srgb, var(--primary) 14%, transparent);
	color: var(--primary);
}

.support-thread__text {
	white-space: pre-wrap;
	line-height: 1.45;
	margin-top: 6px;
}

.support-thread__when {
	font-size: 0.72rem;
	color: var(--text-muted);
	margin: 0;
	line-height: 1.3;
}

.support-thread__wait,
.support-thread__empty {
	font-size: 0.75rem;
	color: var(--text-muted);
	margin: 6px 0 0;
}

.modal-body.no-pad {
	padding: 0;
}

.modal-footer {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	padding: 0 20px 20px;
}

.profile-tw {
	--profile-accent: var(--primary, #1DA1F2);
	--profile-accent-soft: color-mix(in srgb, var(--primary, #1DA1F2) 14%, var(--surface-2, #f1f5f9));
	--profile-cover-h: 134px;
	--profile-hero-bg: var(--card-bg, #fff);
	text-align: start;
	font-family: var(--font-sans);
	letter-spacing: -0.011em;
	color: var(--text-main);
	background: var(--card-bg, #fff);
	border-radius: 0;
	overflow: hidden;
	max-width: 100%;
	isolation: isolate;
	border: none;
	box-shadow: none;
}

.profile-tw__cover-wrap {
	position: relative;
	padding-bottom: 0;
	background: var(--card-bg);
}

.profile-tw__cover-wrap::after {
	display: none;
}

.profile-tw__cover-wrap--empty .profile-tw__cover {
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--primary) 55%, #0f172a) 0%, #1e293b 100%);
}

.profile-tw__cover {
	height: var(--profile-cover-h);
	position: relative;
	z-index: 0;
	background-color: #1e293b;
	background-size: cover;
	background-position: center;
}

.profile-tw__cover-tint {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: var(--profile-cover-h);
	pointer-events: none;
	z-index: 0;
	background: linear-gradient(
		118deg,
		color-mix(in srgb, var(--primary) 24%, transparent) 0%,
		color-mix(in srgb, var(--info, #1DA1F2) 12%, transparent) 42%,
		transparent 72%
	);
}

.profile-tw__cover-gradient {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: var(--profile-cover-h);
	pointer-events: none;
	z-index: 0;
	background: linear-gradient(to top, rgba(15, 23, 42, 0.52), rgba(15, 23, 42, 0.06) 55%, transparent);
}

.profile-tw__topbar {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	padding: 12px 14px;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px;
	z-index: 6;
	background: linear-gradient(to bottom, rgba(15, 23, 42, 0.38) 0%, rgba(15, 23, 42, 0.12) 45%, transparent 100%);
}

.profile-tw__topbar-actions {
	display: flex;
	align-items: center;
	gap: 7px;
}

.profile-tw__icon-chip {
	width: 38px;
	height: 38px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.22);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.16);
	backdrop-filter: blur(12px) saturate(140%);
	-webkit-backdrop-filter: blur(12px) saturate(140%);
	color: #fff;
	cursor: pointer;
	transition:
		background 0.18s var(--transition, ease),
		border-color 0.18s var(--transition, ease),
		transform 0.14s ease;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

.profile-tw__icon-chip:hover:not(:disabled) {
	background: rgba(255, 255, 255, 0.28);
	border-color: rgba(255, 255, 255, 0.38);
}

.profile-tw__icon-chip--surface {
	background: rgba(255, 255, 255, 0.94);
	color: var(--text-main);
	border-color: color-mix(in srgb, var(--wp-border) 92%, transparent);
	box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08);
}

.profile-tw__icon-chip--surface:hover:not(:disabled) {
	background: #fff;
}

.profile-tw__icon-chip--close {
	width: 36px;
	height: 36px;
}

.profile-tw__icon-chip--solid {
	background: var(--card-bg, #fff);
	color: var(--text-main);
	border: 1px solid color-mix(in srgb, var(--wp-border) 88%, var(--text-muted) 12%);
	box-shadow: none;
	width: 36px;
	height: 36px;
}

.profile-tw__icon-chip--solid:hover:not(:disabled) {
	background: var(--surface-2);
}

.profile-tw__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
	margin-top: 12px;
	color: var(--text-muted);
}

.profile-tw__joined {
	margin: 0;
}

.profile-tw__follow-line {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 12px;
	font-size: 0.875rem;
	color: var(--text-muted);
}

.profile-tw__follow-stat strong {
	color: var(--text-main);
	font-weight: 700;
	margin-right: 4px;
}

.profile-tw__follow--hero:not(.profile-tw__follow--following):not(.profile-tw__follow--outline) {
	background: var(--text-main);
	box-shadow: none;
	color: #fff;
	padding: 7px 16px;
	min-height: 36px;
}

.profile-tw__follow--hero:not(.profile-tw__follow--following):not(.profile-tw__follow--outline):hover:not(:disabled) {
	background: color-mix(in srgb, var(--text-main) 88%, #000);
	filter: none;
}

.profile-tw__follow--hero.profile-tw__follow--following {
	background: transparent;
	color: var(--text-main);
	border: 1px solid var(--wp-border);
	box-shadow: none;
	padding: 7px 16px;
	min-height: 36px;
}

.profile-tw__follow--hero.profile-tw__follow--following:hover:not(:disabled) {
	background: color-mix(in srgb, #ef4444 8%, var(--card-bg));
	border-color: color-mix(in srgb, #ef4444 45%, var(--wp-border));
	color: #b91c1c;
}

.profile-tw__follow--hero.profile-tw__follow--outline {
	background: transparent;
	color: var(--text-main);
	border: 1px solid var(--wp-border);
	box-shadow: none;
	padding: 7px 16px;
	min-height: 36px;
}

.profile-tw__follow--hero.profile-tw__follow--outline:hover:not(:disabled) {
	background: var(--surface-2);
}

.profile-tw__empty {
	text-align: center;
	padding: 36px 16px;
	color: var(--text-muted);
}

.profile-tw__empty-ico {
	width: 28px;
	height: 28px;
	margin-bottom: 10px;
	opacity: 0.55;
}

.profile-tw__loading {
	padding: 28px 12px;
	text-align: center;
	color: var(--text-muted);
	font-size: 0.875rem;
}

.profile-tw__more {
	display: block;
	width: 100%;
	margin: 8px 0 4px;
	padding: 12px;
	border: none;
	background: transparent;
	color: var(--primary);
	font-weight: 700;
	cursor: pointer;
}

.profile-tw__more.hidden {
	display: none;
}

.profile-tw__feed .post-card {
	border-radius: 0;
	box-shadow: none;
	border: none;
	border-bottom: 1px solid var(--wp-border);
	margin: 0;
}

.profile-tw__feed .comment-composer,
.profile-tw__feed .comments-list,
.profile-tw__feed .comment-box {
	display: none;
}

.profile-tw__media-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 2px;
	margin-top: 2px;
}

.profile-tw__media-cell {
	display: block;
	aspect-ratio: 1;
	overflow: hidden;
	background: var(--surface-2);
}

.profile-tw__media-cell img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.profile-tw__about {
	padding: 8px 0 12px;
}

.profile-tw__about-row {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 12px 0;
	border-bottom: 1px solid color-mix(in srgb, var(--wp-border) 80%, transparent);
	font-size: 0.9rem;
}

.profile-tw__about-row--stack {
	flex-direction: column;
	gap: 6px;
}

.profile-tw__about-label {
	color: var(--text-muted);
	font-weight: 600;
}

.profile-tw__about-value {
	color: var(--text-main);
	text-align: right;
}

.profile-tw__about-row--stack .profile-tw__about-value {
	text-align: left;
}

.profile-tw__tabs {
	margin-top: 8px;
	position: sticky;
	top: 0;
	z-index: 4;
	background: color-mix(in srgb, var(--card-bg) 92%, transparent);
	backdrop-filter: blur(10px);
}

.profile-tw__icon {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	stroke-width: 2.1px;
}

.profile-tw__topbar-center {
	min-width: 0;
	text-align: center;
	line-height: 1.18;
}

.profile-tw__topbar-title {
	display: block;
	font-size: 0.9375rem;
	font-weight: 700;
	color: #fff;
	letter-spacing: -0.02em;
	text-shadow: 0 1px 10px rgba(0, 0, 0, 0.28);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.profile-tw__topbar-sub {
	display: block;
	font-size: 0.6875rem;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.78);
	margin-top: 3px;
	letter-spacing: 0.02em;
	text-shadow: 0 1px 8px rgba(0, 0, 0, 0.22);
}

.profile-tw__topbar-end {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-width: 0;
}

.profile-tw__hero {
	display: none;
}

.profile-tw__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	padding: 0 16px;
	position: relative;
	z-index: 3;
	background: var(--card-bg, #fff);
}

.profile-tw__hero-main {
	display: none;
}

.profile-tw__hero-center {
	display: none;
}

.profile-tw__hero-stats {
	display: none;
}

.profile-tw__hero-cta {
	justify-self: end;
	align-self: flex-start;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	min-width: 0;
	margin-top: 12px;
}

.profile-tw__hero-avatar {
	flex-shrink: 0;
	margin-top: -46px;
	position: relative;
	z-index: 2;
}

.profile-tw__avatar-link {
	display: block;
	border-radius: 50%;
	cursor: zoom-in;
}

.profile-tw__cover-zoom {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: block;
	cursor: zoom-in;
	text-indent: -9999px;
	overflow: hidden;
}

.profile-tw__level-badge {
	position: absolute;
	right: -2px;
	bottom: 0;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.6875rem;
	font-weight: 800;
	color: #fff;
	line-height: 1;
	z-index: 4;
	border-radius: 50%;
	background: linear-gradient(145deg, color-mix(in srgb, var(--level-accent, #1DA1F2) 58%, #082f49), #0f172a);
	box-shadow:
		0 4px 12px rgba(15, 23, 42, 0.35),
		0 0 0 2px rgba(255, 255, 255, 0.9);
}

.profile-tw__hero-avatar .avatar-wrap.avatar-lg {
	width: 88px;
	height: 88px;
	border-radius: 50%;
	clip-path: none;
	border: 4px solid var(--card-bg, #fff);
	box-shadow: none;
	filter: none;
	background: var(--card-bg);
	box-sizing: border-box;
}

.profile-tw__hero-avatar .avatar-wrap.avatar-lg .avatar,
.profile-tw__hero-avatar .avatar-wrap.avatar-lg .avatar.avatar-image {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: none;
	object-fit: cover;
}

.profile-tw__hero-avatar .avatar-wrap.avatar-lg.avatar-wrap--frame {
	overflow: visible;
	border: none;
	background: none;
	border-radius: 0;
	box-shadow: none;
}

.profile-tw__hero-avatar .avatar-wrap--frame .avatar,
.profile-tw__hero-avatar .avatar-wrap--frame .avatar.avatar-image {
	box-sizing: border-box;
	border: 4px solid var(--card-bg, #fff);
}

.profile-tw__avatar-link:has(.avatar-wrap--frame) {
	border-radius: 0;
	overflow: visible;
}

.profile-tw__identity--hero {
	display: none;
}

.profile-tw__body {
	padding: 8px 16px 20px;
}

.profile-tw__hero-center .profile-tw__name-line {
	justify-content: center;
}

.profile-tw__hero-center .profile-tw__meta-row--hero {
	justify-content: center;
	margin-top: 8px;
}

.profile-tw__handle--hero {
	margin-top: 3px;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: color-mix(in srgb, var(--text-muted) 88%, var(--text-main) 12%);
}

.profile-tw__icon-chip--hero {
	width: 42px;
	height: 42px;
	border-radius: 12px;
}

.profile-tw__follow--hero {
	border-radius: 999px;
	padding: 7px 16px;
	font-weight: 700;
	min-height: 36px;
}

.profile-tw__follow--hero:not(.profile-tw__follow--following):not(.profile-tw__follow--outline) {
	background: var(--text-main);
	color: #fff;
	box-shadow: none;
}

.profile-tw__follow--hero:not(.profile-tw__follow--following):not(.profile-tw__follow--outline):hover:not(:disabled) {
	background: color-mix(in srgb, var(--text-main) 88%, #000);
}

.profile-tw__btn-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border: none;
	border-radius: 999px;
	padding: 10px 18px;
	font-weight: 700;
	font-size: 0.8125rem;
	cursor: pointer;
	letter-spacing: 0.02em;
	color: #fff;
	transition:
		transform 0.14s ease,
		box-shadow 0.18s ease,
		filter 0.18s ease;
	box-shadow:
		0 2px 6px rgba(15, 23, 42, 0.08),
		0 8px 22px rgba(13, 148, 136, 0.28);
}

.profile-tw__btn-cta .profile-tw__icon {
	width: 17px;
	height: 17px;
	stroke-width: 2.2px;
}

.profile-tw__btn-cta:hover:not(:disabled) {
	transform: translateY(-1px);
	filter: brightness(1.05);
}

.profile-tw__btn-cta--message {
	background: linear-gradient(165deg, #2dd4bf 0%, #14b8a6 45%, #0d9488 100%);
}

.profile-tw__follow {
	border: none;
	border-radius: 999px;
	padding: 9px 20px;
	font-weight: 600;
	font-size: 0.8125rem;
	cursor: pointer;
	letter-spacing: 0.01em;
	background: var(--primary, #1DA1F2);
	color: #fff;
	transition:
		background 0.18s var(--transition, ease),
		box-shadow 0.18s ease,
		transform 0.14s ease;
	box-shadow:
		0 1px 2px rgba(15, 23, 42, 0.06),
		0 4px 14px color-mix(in srgb, var(--primary) 28%, transparent);
}

.profile-tw__follow:hover:not(:disabled) {
	transform: translateY(-1px);
	background: var(--primary-hover, #1A8CD8);
	box-shadow:
		0 2px 6px rgba(15, 23, 42, 0.08),
		0 8px 22px color-mix(in srgb, var(--primary) 34%, transparent);
}

.profile-tw__follow--following {
	background: transparent;
	color: var(--text-main);
	border: 1px solid color-mix(in srgb, var(--wp-border) 90%, var(--primary) 8%);
	box-shadow: none;
}

.profile-tw__follow--following:hover:not(:disabled) {
	background: color-mix(in srgb, var(--surface-2) 88%, #fff);
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
}

.profile-tw__follow--hero.profile-tw__follow--following {
	background: transparent;
	color: var(--text-main);
	border: 1px solid var(--wp-border);
	box-shadow: none;
	font-weight: 700;
}

.profile-tw__follow--hero.profile-tw__follow--following:hover:not(:disabled) {
	background: color-mix(in srgb, #ef4444 8%, var(--card-bg));
	border-color: color-mix(in srgb, #ef4444 45%, var(--wp-border));
	color: #b91c1c;
	box-shadow: none;
}

.profile-tw__follow--outline {
	background: var(--card-bg, #fff);
	color: var(--text-main);
	border: 1px solid color-mix(in srgb, var(--wp-border) 88%, var(--primary) 7%);
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.profile-tw__follow--hero.profile-tw__follow--outline {
	background: transparent;
	color: var(--text-main);
	border: 1px solid var(--wp-border);
	box-shadow: none;
}

.profile-tw__follow--hero.profile-tw__follow--outline:hover:not(:disabled) {
	background: var(--surface-2);
}

.profile-tw__body {
	padding: 8px 16px 20px;
}

.profile-tw__identity {
	margin-top: 0;
}

.profile-tw__name-line {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.profile-tw__name {
	margin: 0;
	font-size: 1.25rem;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -0.03em;
}

.profile-tw__badge {
	display: inline-flex;
	color: color-mix(in srgb, #1d9bf0 88%, var(--primary) 12%);
	flex-shrink: 0;
}

.profile-tw__badge-ico {
	width: 1.125rem;
	height: 1.125rem;
}

.profile-tw__handle {
	margin: 2px 0 0;
	font-size: 0.9375rem;
	font-weight: 500;
	color: var(--text-muted);
	letter-spacing: -0.01em;
	text-transform: none;
}

.profile-tw__meta-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 14px;
	align-items: center;
}

.profile-tw__role-label {
	font-size: 0.6875rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	color: color-mix(in srgb, var(--primary) 82%, var(--text-muted) 18%);
	line-height: 1.25;
	padding: 5px 11px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--primary) 9%, var(--surface-2) 91%);
	border: 1px solid color-mix(in srgb, var(--primary) 14%, var(--wp-border) 86%);
}

.profile-tw__pill {
	font-size: 0.6875rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	padding: 5px 11px;
	border-radius: 999px;
	background: var(--surface-2);
	color: var(--text-muted);
	border: 1px solid color-mix(in srgb, var(--wp-border) 94%, var(--text-muted) 6%);
}

.profile-tw__pill--level {
	border-color: color-mix(in srgb, var(--cc-accent, var(--primary)) 24%, var(--wp-border) 76%);
	color: color-mix(in srgb, var(--cc-accent, var(--success, #059669)) 78%, var(--text-main) 22%);
	background: color-mix(in srgb, var(--cc-accent, var(--success)) 8%, var(--surface-2) 92%);
	font-weight: 600;
}

.profile-tw__bio {
	margin: 12px 0 0;
	font-size: 0.9375rem;
	line-height: 1.5;
	color: var(--text-main);
}

.profile-tw__joined {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 400;
	color: var(--text-muted);
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.profile-tw__joined-ico {
	width: 15px;
	height: 15px;
	flex-shrink: 0;
	opacity: 0.7;
	stroke-width: 2px;
}

.profile-tw__stats--hero {
	display: grid;
	align-items: end;
	justify-items: center;
	column-gap: 10px;
	row-gap: 4px;
	margin: 0;
	padding: 0;
	width: 100%;
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	min-width: 0;
}

.profile-tw__stats--hero.profile-tw__stats--three {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.profile-tw__stats--hero.profile-tw__stats--four {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.profile-tw__stats--hero .profile-tw__stat-cell {
	text-align: center;
	padding: 2px 2px;
	min-width: 0;
	width: 100%;
	max-width: 100%;
	position: relative;
	box-sizing: border-box;
}

.profile-tw__stats--hero .profile-tw__stat-cell:not(:last-child) {
	border-inline-end: 1px solid color-mix(in srgb, var(--wp-border) 50%, transparent);
	padding-inline-end: 10px;
	margin-inline-end: 0;
}

.profile-tw__stats--hero .profile-tw__stat-cell::after {
	display: none;
}

.profile-tw__stats--hero .profile-tw__stat-num {
	font-size: 1.0625rem;
}

.profile-tw__stats--hero .profile-tw__stat-lbl {
	margin-top: 6px;
	font-size: 0.5625rem;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.05em;
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: break-word;
	hyphens: auto;
	max-width: 100%;
}

.profile-tw__stat-cell {
	text-align: center;
	padding: 6px 6px;
	min-width: 0;
	position: relative;
}

.profile-tw__stat-cell:not(:last-child)::after {
	content: '';
	position: absolute;
	top: 18%;
	right: 0;
	width: 1px;
	height: 64%;
	background: color-mix(in srgb, var(--wp-border) 52%, transparent);
	pointer-events: none;
}

.profile-tw__stat-num {
	display: block;
	font-size: 1.125rem;
	font-weight: 700;
	color: var(--text-main);
	line-height: 1.2;
	letter-spacing: -0.025em;
	font-variant-numeric: tabular-nums;
}

.profile-tw__stat-lbl {
	display: block;
	margin-top: 6px;
	font-size: 0.625rem;
	font-weight: 600;
	color: var(--text-muted);
	text-transform: uppercase;
	letter-spacing: 0.085em;
	line-height: 1.25;
	opacity: 0.92;
}

.profile-tw__tabs {
	display: flex;
	gap: 0;
	border-bottom: 1px solid color-mix(in srgb, var(--wp-border) 92%, transparent);
	margin-top: 8px;
	padding: 0 2px;
	position: sticky;
	top: 0;
	z-index: 4;
	background: color-mix(in srgb, var(--card-bg) 94%, transparent);
	backdrop-filter: blur(10px);
}

.profile-tw__tab {
	flex: 1;
	padding: 15px 6px 13px;
	border: none;
	background: transparent;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--text-muted);
	cursor: pointer;
	border-bottom: 3px solid transparent;
	margin-bottom: -1px;
	transition:
		color 0.16s ease,
		border-color 0.16s ease;
}

.profile-tw__tab--admin {
	color: color-mix(in srgb, var(--warning) 52%, var(--text-muted) 48%);
	font-weight: 600;
}

.profile-tw__tab:hover {
	color: var(--text-main);
}

.profile-tw__tab--active {
	color: var(--text-main);
	border-bottom-color: color-mix(in srgb, var(--text-main) 88%, transparent);
	font-weight: 700;
}

.profile-tw__panel {
	display: none;
}

.profile-tw__panel--active {
	display: block;
}

.profile-tw__panel-inner {
	padding: 18px 0 6px;
}

.profile-tw__cta-stack {
	display: flex;
	flex-direction: column;
	gap: 13px;
}

.profile-tw__cta-stack .profile-quick-strip {
	margin-top: 0;
}

.profile-tw__action-btn {
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 11px 18px;
	border-radius: 13px;
	border: 1px solid color-mix(in srgb, var(--wp-border) 92%, var(--primary) 6%);
	background: var(--card-bg, #fff);
	font-weight: 600;
	font-size: 0.875rem;
	color: var(--text-main);
	cursor: pointer;
	letter-spacing: -0.01em;
	transition:
		border-color 0.18s ease,
		box-shadow 0.18s ease,
		background 0.18s ease;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.profile-tw__action-btn:hover {
	border-color: color-mix(in srgb, var(--primary) 28%, var(--wp-border) 72%);
	box-shadow:
		0 2px 6px rgba(15, 23, 42, 0.05),
		0 10px 28px color-mix(in srgb, var(--primary) 9%, transparent);
	background: color-mix(in srgb, var(--surface-2) 45%, #fff);
}

.profile-tw__action-ico {
	width: 17px;
	height: 17px;
	flex-shrink: 0;
	opacity: 0.82;
	stroke-width: 2.1px;
}

.profile-tw .profile-quick-strip {
	padding: 0;
	margin-top: 14px;
	gap: 11px;
}

.profile-tw .profile-quick-item {
	background: color-mix(in srgb, var(--surface-2) 55%, var(--card-bg));
	border: 1px solid color-mix(in srgb, var(--wp-border) 91%, var(--primary) 5.5%);
	border-radius: 14px;
	padding: 14px 12px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.035);
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.profile-tw .profile-quick-item:hover {
	border-color: color-mix(in srgb, var(--primary) 16%, var(--wp-border) 84%);
	box-shadow: 0 4px 14px color-mix(in srgb, var(--primary) 7%, transparent);
}

.profile-tw .profile-quick-item span {
	font-size: 0.65625rem;
	font-weight: 700;
	letter-spacing: 0.09em;
	color: var(--text-muted);
}

.profile-tw .profile-quick-item b {
	font-size: 1.0625rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.02em;
}

.profile-tw__secondary-actions {
	margin-top: 0;
	display: flex;
	justify-content: stretch;
}

.profile-tw__outline-btn {
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 18px;
	border-radius: 12px;
	font-weight: 600;
	font-size: 0.8125rem;
	letter-spacing: 0.01em;
	cursor: pointer;
	border: 1px solid color-mix(in srgb, var(--wp-border) 90%, var(--primary) 8%);
	background: color-mix(in srgb, var(--surface-2) 35%, var(--card-bg));
	color: var(--text-muted);
	transition:
		border-color 0.18s ease,
		background 0.18s ease,
		color 0.18s ease,
		box-shadow 0.18s ease;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

.profile-tw__outline-btn:hover {
	border-color: color-mix(in srgb, var(--primary) 22%, var(--wp-border) 78%);
	color: var(--text-main);
	background: var(--card-bg);
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
}

.profile-tw__outline-btn--danger {
	border-color: color-mix(in srgb, var(--danger) 35%, var(--wp-border) 65%);
	background: color-mix(in srgb, var(--danger) 7%, var(--card-bg));
	color: var(--danger);
}

.profile-tw__outline-btn--danger:hover {
	background: color-mix(in srgb, var(--danger) 11%, var(--card-bg));
	border-color: color-mix(in srgb, var(--danger) 45%, var(--wp-border) 55%);
	color: var(--danger);
}

.profile-tw__muted {
	font-size: 0.875rem;
	color: var(--text-muted);
	margin: 0 0 12px;
	line-height: 1.5;
	font-weight: 500;
}

.profile-tw__admin-panel {
	background: color-mix(in srgb, var(--surface-2) 94%, var(--primary) 4%);
	border: 1px solid color-mix(in srgb, var(--wp-border) 90%, var(--primary) 7%);
	border-left: 3px solid color-mix(in srgb, var(--primary) 58%, #94a3b8 42%);
	border-radius: 14px;
	padding: 16px !important;
}

.profile-tw__admin-hint {
	font-size: 0.78125rem;
	color: var(--text-muted);
	margin: 0 0 12px;
	line-height: 1.45;
	font-weight: 500;
}

.profile-tw__admin-dl {
	margin: 0;
	font-size: 0.875rem;
}

.profile-tw__admin-dl dt {
	font-weight: 700;
	margin-top: 10px;
	color: var(--text-muted);
	font-size: 0.65625rem;
	text-transform: uppercase;
	letter-spacing: 0.09em;
}

.profile-tw__admin-dl dt:first-child {
	margin-top: 0;
}

.profile-tw__admin-dl dd {
	margin: 5px 0 0;
}

.profile-tw__mono {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
	font-size: 0.835rem;
	word-break: break-all;
	font-variant-numeric: tabular-nums;
}

.profile-settings-cover-preview {
	height: 88px;
	border-radius: 12px;
	margin: 12px 0 8px;
	background: #1e293b;
	background-size: cover;
	background-position: center;
	border: 1px solid var(--wp-border);
}

.profile-settings-cover-form {
	margin-bottom: 0;
}

.profile-actions-grid {
	padding: 0 24px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.profile-quick-strip {
	padding: 0 24px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-top: -4px;
}

.profile-quick-item {
	border: 1px solid var(--wp-border);
	border-radius: 10px;
	padding: 12px;
	background: #f8fafc;
	text-align: center;
}

.profile-quick-item span {
	display: block;
	font-size: 0.68rem;
	font-weight: 700;
	color: var(--text-muted);
	margin-bottom: 4px;
	text-transform: uppercase;
}

.profile-quick-item b {
	font-size: 0.9rem;
	color: var(--text-main);
}

.profile-avatar-preview {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0 14px;
}

.avatar-edit-card {
	border: 1px solid var(--wp-border);
	border-radius: 14px;
	background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
	padding: 16px;
}

.avatar-edit-stage {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

.avatar-edit-tools {
	display: flex;
	justify-content: center;
	gap: 8px;
}

.hidden-avatar-input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

.profile-pref-grid {
	padding: 0 24px 16px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	text-align: start;
}

.profile-cc {
	--profile-accent: var(--primary);
	--profile-cover-h: 118px;
	letter-spacing: 0;
}

.profile-cc .profile-tw__topbar {
	display: none !important;
}

.profile-cc .profile-tw__cover {
	border-radius: 0;
}

.profile-cc .profile-tw__head {
	padding: 0 14px;
	margin-top: -38px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 10px;
	position: relative;
	z-index: 2;
}

.profile-cc .profile-tw__hero-avatar {
	margin-top: 0;
}

.profile-cc .profile-tw__hero-avatar .avatar-wrap.avatar-lg {
	width: 82px;
	height: 82px;
	border: 3px solid var(--card-bg, #fff);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}

.profile-cc .profile-tw__hero-cta {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 6px;
	margin: 0 0 6px;
	max-width: none;
}

.profile-cc .profile-tw__icon-chip,
.profile-cc .profile-tw__icon-chip--solid,
.profile-cc .profile-tw__icon-chip--surface {
	width: 32px;
	height: 32px;
	border-radius: 4px;
	background: #f2f2f2;
	border: 1px solid #e4e4e4;
	color: #666;
	box-shadow: none;
	backdrop-filter: none;
}

.profile-cc .profile-tw__icon-chip:hover:not(:disabled),
.profile-cc .profile-tw__icon-chip--solid:hover:not(:disabled) {
	background: #eaeaea;
	color: #333;
}

.profile-cc .profile-tw__icon-chip i {
	font-size: 13px;
}

.profile-cc .profile-tw__follow,
.profile-cc .profile-tw__follow--hero {
	min-height: 32px;
	padding: 0 14px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
	box-shadow: none;
}

.profile-cc .profile-tw__follow--hero:not(.profile-tw__follow--following):not(.profile-tw__follow--outline) {
	background: var(--primary);
	color: #fff;
	border: 0;
}

.profile-cc .profile-tw__follow--following,
.profile-cc .profile-tw__follow--outline {
	background: #fff;
	color: var(--text-main);
	border: 1px solid #dcdcdc;
}

.profile-cc .profile-tw__body {
	padding: 10px 14px 16px;
}

.profile-cc .profile-tw__name {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0;
}

.profile-cc .profile-tw__handle {
	font-size: 13px;
	font-weight: 500;
	color: var(--text-muted, #888);
}

.profile-cc .profile-tw__bio {
	margin-top: 8px;
	font-size: 13px;
	line-height: 1.45;
}

.profile-cc .profile-tw__meta,
.profile-cc .profile-tw__follow-line {
	margin-top: 8px;
	gap: 12px;
}

.profile-cc .profile-tw__follow-stat {
	font-size: 13px;
	color: var(--text-muted, #777);
}

.profile-cc .profile-tw__follow-stat strong {
	color: var(--text-main);
	font-weight: 700;
}

.profile-cc .profile-tw__joined,
.profile-cc .profile-tw__pill {
	font-size: 12px;
	border-radius: 3px;
	background: transparent;
	padding: 0;
}

.profile-cc .profile-tw__tabs {
	margin-top: 12px;
	padding: 0;
	backdrop-filter: none;
	background: transparent;
	border-bottom: 1px solid var(--wp-border, #e8e8e8);
	position: static;
}

.profile-cc .profile-tw__tab {
	padding: 10px 8px 9px;
	font-size: 13px;
	font-weight: 600;
	border-bottom-width: 2px;
}

.profile-cc .profile-tw__tab--active {
	color: var(--primary);
	border-bottom-color: var(--primary);
	font-weight: 700;
}

.profile-cc .profile-tw__more,
.profile-cc .profile-tw__outline-btn,
.profile-cc .profile-tw__action-btn {
	border-radius: 4px;
}

.profile-cc .profile-quick-strip {
	border-radius: 5px;
}

.profile-cc .profile-tw__badge-ico,
.profile-cc .profile-tw__joined-ico {
	width: auto;
	height: auto;
	font-size: 12px;
	stroke-width: 0;
}

.edit-profile-shell {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.edit-profile-shell {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.profile-edit-summary,
.profile-edit-card {
	border: 1px solid #e5ebf2;
	border-radius: 18px;
	background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
}

.profile-edit-summary {
	padding: 16px;
	background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.profile-edit-summary-main {
	display: grid;
	grid-template-columns: 132px minmax(0, 1fr);
	align-items: center;
	gap: 16px;
}

.profile-edit-avatar-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 9px;
}

.profile-avatar-preview-soft {
	padding: 0;
}

.profile-avatar-actions {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.profile-avatar-native-input {
	width: 100%;
	max-width: 220px;
	font-size: 0.72rem;
	color: var(--text-main);
}

.profile-avatar-trigger {
	width: 100%;
	min-width: 148px;
	justify-content: center;
	border-radius: 12px;
}

.profile-avatar-help {
	font-size: 0.68rem;
	color: var(--text-muted);
	line-height: 1.45;
	text-align: center;
}

.profile-edit-summary-copy {
	min-width: 0;
}

.profile-edit-name {
	font-size: 1.08rem;
	font-weight: 800;
	color: var(--text-main);
	line-height: 1.25;
}

.profile-edit-handle {
	margin-top: 5px;
	font-size: 0.72rem;
	color: var(--text-muted);
}

.profile-edit-meta-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
}

.profile-edit-role {
	display: inline-flex;
	align-items: center;
	padding: 5px 10px;
	border-radius: 999px;
	background: #eff6ff;
	color: var(--wp-blue);
	font-size: 0.68rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.profile-edit-summary-bio {
	margin-top: 12px;
	padding: 10px 12px;
	border: 1px solid #e7edf4;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.82);
	font-size: 0.76rem;
	color: #52606d;
	line-height: 1.6;
}

.profile-edit-stat-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin-top: 14px;
}

.profile-edit-stat-card {
	padding: 12px 14px;
	border: 1px solid #e5ebf2;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.9);
}

.profile-edit-stat-label {
	display: block;
	font-size: 0.68rem;
	font-weight: 800;
	color: var(--text-muted);
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.profile-edit-stat-value {
	display: block;
	margin-top: 6px;
	font-size: 0.88rem;
	font-weight: 800;
	color: var(--text-main);
	word-break: break-word;
}

.profile-edit-menu {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4px;
	padding: 4px;
	border: 1px solid #e7edf4;
	border-radius: 14px;
	background: #f8fafc;
}

.profile-edit-menu-item {
	padding: 10px 14px;
	font-size: 0.78rem;
	font-weight: 800;
	color: var(--text-muted);
	border-radius: 10px;
	background: transparent;
}

.profile-edit-menu-item.active {
	background: #fff;
	color: var(--wp-blue);
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
}

.profile-edit-tab.active,
.profile-edit-pane.active {
	display: block;
}

.profile-edit-card {
	padding: 18px;
}

.profile-edit-card-head {
	margin-bottom: 14px;
}

.profile-edit-card-title {
	font-size: 0.86rem;
	font-weight: 800;
	color: var(--text-main);
}

.profile-edit-card-subtitle {
	margin-top: 4px;
	font-size: 0.72rem;
	color: var(--text-muted);
	line-height: 1.5;
}

.profile-edit-form-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.profile-action-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 14px;
}
.end_feed_title {
	text-align: center;
	font-size: small;
}
.admin_panel_head, .page_text {
	padding: 20px;
}
.profile-action-item {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 13px 14px;
	border: 1px solid #e6edf4;
	border-radius: 14px;
	background: #f9fbfd;
	color: var(--text-main);
	font-size: 0.78rem;
	font-weight: 700;
	text-align: start;
	transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.profile-action-item:hover {
	border-color: #cdd9e5;
	background: #ffffff;
	transform: translateY(-1px);
}

.profile-action-item.active {
	background: #eff6ff;
	border-color: #bfdbfe;
	color: var(--wp-blue);
}

.profile-action-icon {
	width: 38px;
	height: 38px;
	border-radius: 12px;
	background: #eaf2ff;
	color: var(--wp-blue);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.profile-action-copy {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.profile-action-copy strong {
	font-size: 0.78rem;
	font-weight: 800;
	color: var(--text-main);
}

.profile-action-copy small {
	font-size: 0.7rem;
	color: var(--text-muted);
	line-height: 1.5;
}

.profile-edit-hints {
	margin-top: 10px;
}

.profile-edit-side-note {
	font-size: 0.76rem;
	color: var(--text-muted);
	line-height: 1.7;
}

.edit-pref-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	margin-top: 10px;
}

.profile-pref-actions {
	display: flex;
	justify-content: flex-end;
	margin-top: 12px;
}

.edit-profile-meta {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.pref-box label {
	display: block;
	font-size: 0.72rem;
	font-weight: 700;
	color: var(--text-muted);
	margin-bottom: 6px;
}

.pref-box-full {
	grid-column: 1 / -1;
}

.pref-box select {
	width: 100%;
	border: 1px solid #dbe4ec;
	border-radius: 12px;
	padding: 10px 12px;
	background: #fff;
	color: var(--text-main);
	outline: none;
}

.edit-profile-input,
.edit-profile-textarea {
	width: 100%;
	border: 1px solid #dbe4ec;
	border-radius: 12px;
	padding: 11px 12px;
	background: #fcfdff;
	font: inherit;
	color: var(--text-main);
	outline: none;
}

.pref-box select:focus,
.edit-profile-input:focus,
.edit-profile-textarea:focus {
	border-color: #9dc3e6;
	box-shadow: 0 0 0 3px rgba(34, 113, 177, 0.10);
}

.edit-profile-textarea {
	resize: vertical;
	min-height: 100px;
}

.edit-profile-birth { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.4fr) minmax(0, 1fr); gap: 8px; }
.edit-profile-hint {
	margin-top: 6px;
	font-size: 0.7rem;
	color: var(--text-muted);
	line-height: 1.5;
}

.profile-action-list-tight {
	margin-bottom: 12px;
}

.profile-actions-grid-soft {
	padding: 0;
	grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
	margin-top: 16px;
}

.profile-settings-aside,
.profile-settings-main {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}

.profile-settings-hero,
.profile-settings-side-card,
.profile-settings-intro,
.profile-settings-panel {
	border: 1px solid #e3ebf2;
	background: #fff;
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.05);
}

.profile-settings-hero {
	padding: 20px 18px 18px;
	background:
		radial-gradient(circle at top right, rgba(34, 113, 177, 0.12), transparent 34%),
		linear-gradient(180deg, #f8fbff 0%, #ffffff 70%);
	text-align: center;
}

.profile-settings-avatar {
	display: flex;
	justify-content: center;
	margin-bottom: 12px;
}

.profile-settings-name {
	font-size: 1.1rem;
	font-weight: 800;
	color: var(--text-main);
}

.profile-settings-handle {
	margin-top: 4px;
	font-size: 0.74rem;
	color: var(--text-muted);
}

.profile-settings-role {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 12px;
	padding: 6px 12px;
	border-radius: 999px;
	background: #eef6ff;
	color: var(--wp-blue);
	font-size: 0.68rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.profile-settings-bio {
	margin-top: 14px;
	padding: 12px 13px;
	border: 1px solid #e8edf4;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.86);
	font-size: 0.77rem;
	color: #536170;
	line-height: 1.65;
	text-align: start;
}

.profile-settings-upload-form {
	margin-top: 16px;
}

.avatar-file-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.profile-settings-upload-btn {
	width: 100%;
	margin-top: 0;
	border-radius: 14px;
}

.profile-settings-upload-note {
	margin-top: 10px;
	font-size: 0.68rem;
	color: var(--text-muted);
	line-height: 1.55;
}

.edit-pro {
	padding-bottom: 8px;
}

.edit-pro__hero {
	position: relative;
	height: 118px;
	background-color: #1e293b;
	background-image: linear-gradient(165deg, #3d4f63 0%, #1e293b 78%);
	background-size: cover;
	background-position: center;
}

.edit-pro__hero[data-has-cover="1"] {
	background-color: #0f172a;
}

.edit-pro__cover-ctrl {
	position: absolute;
	top: 10px;
	right: 12px;
	display: flex;
	gap: 6px;
	z-index: 2;
}

.edit-pro__avatar {
	position: relative;
	width: 96px;
	height: 96px;
	margin: -44px auto 0;
	z-index: 3;
	overflow: visible;
}

.edit-pro__avatar--admin {
	margin: 0 auto 14px;
}

.edit-pro__avatar .admin-user-avatar-frame {
	margin-bottom: 0;
}

.edit-pro__avatar .avatar-wrap.avatar-lg .avatar {
	border: 3px solid var(--card-bg, #15202b);
	box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.18);
}

.edit-pro__avatar .avatar-wrap--frame {
	overflow: visible;
}

.edit-pro__av-ctrl {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 0;
	border-radius: 0;
	background: transparent;
	backdrop-filter: none;
	z-index: 4;
}

.edit-pro__mini {
	width: 26px;
	height: 26px;
	padding: 0;
	border: 0;
	border-radius: 3px;
	background: rgba(0, 0, 0, 0.55);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.edit-pro__mini:hover {
	background: rgba(255, 255, 255, 0.14);
}

.edit-pro__mini i,
.edit-pro__mini svg {
	width: auto;
	height: auto;
	font-size: 12px;
	line-height: 1;
}

.edit-pro__hero[data-has-cover="0"] .edit-pro__mini--del,
.edit-pro__avatar[data-has-custom="0"] .edit-pro__mini--del {
	display: none;
}

.edit-pro__id {
	margin: 12px 0 4px;
	text-align: center;
}

.edit-pro__name {
	font-size: 16px;
	font-weight: 700;
	color: var(--text-main);
}

.edit-pro__role {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 8px;
	padding: 5px 12px;
	border-radius: 999px;
	background: rgba(29, 155, 240, 0.12);
	color: var(--wp-blue);
	font-size: 0.66rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.edit-pro__hidden-form {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
}

.edit-pro__list {
	margin-top: 10px;
	border-top: 1px solid var(--wp-border, #e3ebf2);
}

.edit-pro__row {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 11px 14px;
	border: 0;
	border-bottom: 1px solid var(--wp-border, #ececec);
	background: transparent;
	color: var(--text-main);
	font-size: 13px;
	font-weight: 600;
	text-align: start;
	cursor: pointer;
}

.edit-pro__row:hover {
	background: #f6f6f6;
}

.edit-pro__row i,
.edit-pro__row svg {
	width: 18px;
	height: auto;
	font-size: 14px;
	text-align: center;
	color: #8a8a8a;
	flex-shrink: 0;
}

.profile-settings-side-card,
.profile-settings-panel,
.profile-settings-intro {
	padding: 18px;
}

.profile-settings-side-title {
	font-size: 0.8rem;
	font-weight: 800;
	color: var(--text-main);
}

.profile-settings-side-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin-top: 12px;
}

.profile-settings-side-metric {
	padding: 12px;
	border: 1px solid #e8edf4;
	border-radius: 14px;
	background: #f8fbfd;
}

.profile-settings-side-metric span {
	display: block;
	font-size: 0.67rem;
	font-weight: 800;
	color: var(--text-muted);
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.profile-settings-side-metric b {
	display: block;
	margin-top: 7px;
	font-size: 0.84rem;
	color: var(--text-main);
	line-height: 1.4;
	word-break: break-word;
}

.profile-settings-mini-stats {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 8px;
	margin-top: 12px;
}

.profile-settings-mini-stats div {
	padding: 10px 8px;
	border-radius: 12px;
	background: #f4f8fb;
	text-align: center;
}

.profile-settings-mini-stats span {
	display: block;
	font-size: 0.64rem;
	color: var(--text-muted);
	font-weight: 700;
}

.profile-settings-mini-stats b {
	display: block;
	margin-top: 5px;
	font-size: 0.8rem;
	color: var(--text-main);
}

.profile-settings-kicker {
	font-size: 0.68rem;
	font-weight: 800;
	color: var(--wp-blue);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.profile-settings-intro h3 {
	margin-top: 6px;
	font-size: 1.05rem;
	font-weight: 800;
	color: var(--text-main);
}

.profile-settings-intro p {
	margin-top: 8px;
	font-size: 0.77rem;
	color: var(--text-muted);
	line-height: 1.65;
}

.profile-settings-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.profile-settings-panel-wide {
	grid-column: 1 / -1;
}

.profile-settings-panel-head {
	margin-bottom: 14px;
}

.profile-settings-panel-title {
	font-size: 0.84rem;
	font-weight: 800;
	color: var(--text-main);
}

.profile-settings-panel-subtitle {
	margin-top: 4px;
	font-size: 0.72rem;
	color: var(--text-muted);
	line-height: 1.55;
}

.profile-settings-form-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.profile-settings-field {
	min-width: 0;
}

.profile-settings-field-full {
	grid-column: 1 / -1;
}

.profile-settings-field label {
	display: block;
	margin-bottom: 6px;
	font-size: 0.72rem;
	font-weight: 700;
	color: var(--text-muted);
}

.profile-settings-field select {
	width: 100%;
	border: 1px solid #dbe4ec;
	border-radius: 12px;
	padding: 11px 12px;
	background: #fcfdff;
	font: inherit;
	color: var(--text-main);
	outline: none;
}

.profile-settings-field select:focus {
	border-color: #9dc3e6;
	box-shadow: 0 0 0 3px rgba(34, 113, 177, 0.10);
}

.mood-colors {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.mood-color {
	position: relative;
	width: 28px;
	height: 28px;
	cursor: pointer;
}

.mood-color input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.mood-color span {
	display: block;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.28);
}

.mood-color input:checked + span {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

.profile-settings-hints {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin-top: 10px;
	font-size: 0.7rem;
	color: var(--text-muted);
	line-height: 1.55;
}

.profile-settings-actions {
	display: flex;
	justify-content: flex-end;
	margin-top: 14px;
}

.profile-settings-shortcuts {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 10px;
}

.profile-settings-shortcut {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	border: 1px solid #e3ebf2;
	border-radius: 14px;
	background: #f9fbfd;
	color: var(--text-main);
	font-size: 0.76rem;
	font-weight: 800;
	text-align: start;
	transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.profile-settings-shortcut:hover {
	border-color: #cdd9e5;
	background: #fff;
	transform: translateY(-1px);
}

.profile-settings-shortcut.muted {
	color: var(--text-muted);
}

.admin-user-edit-side {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.admin-user-hero,
.admin-user-side-card {
	border: 1px solid var(--wp-border);
	border-radius: 16px;
	background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
	padding: 16px;
}

.admin-user-hero {
	text-align: center;
}

.admin-user-avatar-frame {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 12px;
	overflow: visible;
}

.admin-avatar-trigger {
	width: 100%;
	justify-content: center;
	margin-bottom: 12px;
}

.admin-user-name {
	font-size: 1rem;
	font-weight: 800;
	color: var(--text-main);
}

.admin-user-handle {
	margin-top: 4px;
	font-size: 0.72rem;
	color: var(--text-muted);
	direction: ltr;
}

.admin-user-role-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
	padding: 5px 10px;
	border-radius: 999px;
	background: #eff6ff;
	color: var(--wp-blue);
	font-size: 0.68rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.admin-user-side-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 8px 0;
	font-size: 0.78rem;
	color: var(--text-muted);
}

.admin-user-side-row + .admin-user-side-row {
	border-top: 1px solid #eef2f7;
}

.admin-user-side-row b {
	color: var(--text-main);
	font-size: 0.84rem;
}

.admin-user-edit-main {
	border: 1px solid var(--wp-border);
	border-radius: 16px;
	background: #fff;
	padding: 16px;
}

.admin-user-form-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.admin-user-full {
	grid-column: 1 / -1;
}

.admin-checkbox-line {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 0.78rem;
	font-weight: 700;
	color: var(--text-main);
}

.admin-checkbox-line input {
	margin: 0;
}

@media (max-width: 720px) {
	.admin-user-edit-shell,
	.admin-user-form-grid,
	.profile-edit-form-grid,
	.profile-settings-shell,
	.profile-settings-grid,
	.profile-settings-form-grid,
	.profile-settings-side-grid,
	.profile-settings-mini-stats {
		grid-template-columns: 1fr;
	}

	.archived-chat-admin-row,
	.archived-chat-admin-row--chat {
		grid-template-columns: 1fr;
	}

	.profile-edit-summary-main,
	.profile-edit-stat-grid {
		grid-template-columns: 1fr;
	}

	.profile-edit-avatar-block {
		align-items: center;
	}

	.profile-edit-summary-copy {
		text-align: center;
	}

	.profile-edit-meta-row {
		justify-content: center;
	}

	.profile-settings-bio,
	.profile-settings-shortcut {
		text-align: center;
	}

	.profile-settings-shortcut {
		justify-content: center;
	}
}

.plan-list {
	font-size: 0.7rem;
	color: #64748b;
	list-style: none;
	text-align: left;
	margin: 12px 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.plan-actions-stack {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.chat-list-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px;
	border-bottom: 1px solid #f0f0f1;
	width: 100%;
	text-align: left;
	color: var(--text-main);
	font: inherit;
	cursor: pointer;
}

.chat-list-item:hover {
	background: var(--surface-2, #f6f7f7);
}

.chat-list-item__main {
	flex: 1;
	min-width: 0;
}

.chat-list-item__top {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 12px;
	font-size: 0.8rem;
}

.chat-list-item__name {
	font-weight: 700;
	color: inherit;
}

.chat-list-item__time {
	flex-shrink: 0;
	color: var(--text-muted);
	font-size: 0.7rem;
	font-weight: 500;
}

.chat-list-item__preview {
	margin: 0;
	font-size: 0.75rem;
	color: var(--text-muted);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.chat-window {
	display: flex;
	flex-direction: column;
	height: 400px;
	background: #f9fafb;
}

.chat-messages {
	flex: 1;
	padding: 16px;
	overflow-y: auto;
}

.msg {
	max-width: 80%;
	padding: 10px;
	border-radius: 8px;
	font-size: 0.8rem;
	margin-bottom: 12px;
}

.msg-text {
	line-height: 1.5;
}

.msg-meta-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: 6px;
	font-size: 0.66rem;
	opacity: 0.8;
}

.msg-time {
	display: inline-block;
}

.msg-delete-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 999px;
	color: inherit;
	background: transparent;
	opacity: 0.75;
}

.msg-delete-btn:hover {
	background: rgba(0, 0, 0, 0.08);
	opacity: 1;
}

.msg.received {
	background: white;
	border: 1px solid var(--wp-border);
	align-self: flex-start;
}

.msg.sent {
	background: var(--wp-blue);
	color: white;
	align-self: flex-end;
	margin-left: auto;
}

.message-input-row {
	padding: 10px;
	border-top: 1px solid #f0f0f1;
	background: white;
	display: flex;
	gap: 8px;
}

.thread-jump-btn {
	align-self: center;
	margin-bottom: 8px;
	padding: 6px 12px;
	border-radius: 999px;
	background: #e9f3fc;
	color: var(--wp-blue);
	font-size: 0.72rem;
	font-weight: 700;
}

.message-input-row input,
.edit-post-field,
.admin-search-input,
.form-control,
.admin-select,
.admin-textarea {
	font-family: inherit;
}

.message-input-row input {
	flex: 1;
	border: none;
	background: #f3f4f6;
	padding: 6px 14px;
	border-radius: 20px;
	font-size: 0.75rem;
	outline: none;
}

.notif-actions {
	padding: 12px 16px 0;
	display: flex;
	justify-content: flex-end;
}

.notification-content-row {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	width: 100%;
	min-width: 0;
}

.notification-open-btn {
	flex: 1;
	border: none;
	background: transparent;
	padding: 0;
	text-align: inherit;
	color: inherit;
	min-width: 0;
	overflow: hidden;
}

.notification-open-btn:hover .notification-target-preview {
	color: var(--wp-blue);
}

.notification-content-row p {
	flex: 1;
	margin: 0;
	min-width: 0;
	word-break: break-word;
}

.notification-target-preview {
	margin-top: 4px;
	font-size: 0.72rem;
	color: var(--text-muted);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.notification-click-hint {
	display: inline-flex;
	align-items: center;
	margin-top: 6px;
	padding: 3px 8px;
	border-radius: 999px;
	font-size: 0.7rem;
	font-weight: 800;
	color: var(--primary);
	background: color-mix(in srgb, var(--primary) 12%, transparent);
}

.notification-open-btn:hover .notification-click-hint {
	background: color-mix(in srgb, var(--primary) 20%, transparent);
}

.notification-delete-btn {
	flex-shrink: 0;
	padding: 4px;
	color: var(--text-muted);
}

.post-option-wrap {
	padding: 6px;
}

.post-option-divider {
	height: 1px;
	margin: 6px 8px;
	background: var(--wp-border);
	border: 0;
	padding: 0;
}

.post-option-row {
	width: 100%;
	border: none;
	border-radius: 8px;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 9px 10px;
	font-size: 0.8rem;
	font-weight: 700;
	transition: background 0.12s ease;
}

.post-option-row:hover {
	background: var(--surface-2, #f6f7f7);
}

.post-option-row.danger {
	color: #ef4444;
}

.edit-post-shell {
	padding: 20px;
}

.edit-post-field {
	width: 100%;
	min-height: 180px;
	border: 1px solid var(--wp-border);
	border-radius: 12px;
	padding: 14px;
	resize: vertical;
	outline: none;
	font-size: 0.9rem;
}

.modal-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin-top: 14px;
}

#top_notify {
	position: fixed;
	top: 64px;
	left: 20px;
	z-index: 99999;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.top_notify_item {
	background: #fff;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: 12px 16px;
	display: flex;
	align-items: center;
	gap: 10px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
	font-size: 13px;
	min-width: 260px;
	max-width: 360px;
	border-right: 3px solid var(--primary);
}

.top_notify_item.notice_success {
	border-right-color: var(--success);
}

.top_notify_item.notice_error {
	border-right-color: var(--danger);
}

.top_notify_wrap {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
}

.top_notify_text {
	flex: 1;
}

.top_notify_btn {
	color: var(--text-muted);
	font-size: 13px;
	font-weight: 400;
	background: transparent;
	border: 0;
	cursor: pointer;
	padding: 2px 4px;
}

.top_notice_body {
	display: flex;
	align-items: center;
	gap: 8px;
}

.top_notice_body.notice_success {
	color: var(--success);
}

.top_notice_body.notice_error {
	color: var(--danger);
}

.top_notice_body.notice_default {
	color: var(--primary);
}

.topbar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	height: var(--topbar-height);
	background: var(--topbar-bg);
	display: flex;
	align-items: center;
	padding: 0 16px;
	gap: 12px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

.topbar-logo {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #fff;
	font-weight: 700;
	font-size: 15px;
	margin-left: auto;
}

.topbar-logo-mark {
	background: var(--primary);
	border-radius: 50%;
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	overflow: hidden;
	flex-shrink: 0;
}

.topbar-logo-mark--file {
	background: none;
	border-radius: 0;
	width: auto;
	height: 36px;
	overflow: visible;
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25));
}

.topbar-logo-mark img {
	height: 30px;
	width: auto;
	max-width: 140px;
	object-fit: contain;
	display: block;
}

.topbar-logo-mark--file img {
	height: 36px;
	max-width: 200px;
	mix-blend-mode: normal;
}

.topbar-actions {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-right: auto;
}

.topbar-btn {
	color: var(--sidebar-text);
	padding: 6px 10px;
	border-radius: var(--radius);
	font-size: 13px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: background var(--transition);
}

.topbar-btn:hover {
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
}

.topbar-divider {
	width: 1px;
	height: 20px;
	background: rgba(255, 255, 255, 0.12);
}

.notif-badge {
	background: var(--danger);
	color: #fff;
	border-radius: 10px;
	font-size: 10px;
	padding: 1px 5px;
	font-weight: 600;
}

.admin-avatar {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--primary);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 12px;
}

.hamburger {
	display: none;
	color: #fff;
	font-size: 18px;
	padding: 6px;
}

.layout {
	display: flex;
	margin-top: var(--topbar-height);
	min-height: calc(100vh - var(--topbar-height));
}

.sidebar {
	width: var(--sidebar-width);
	background: var(--sidebar-bg);
	flex-shrink: 0;
	position: fixed;
	top: var(--topbar-height);
	right: 0;
	bottom: 0;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 100;
	transition: transform var(--transition);
}

.sidebar-section {
	padding: 16px 0 8px;
}

.sidebar-label {
	color: #72777c;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 0 16px 6px;
}

.sidebar-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 16px;
	color: var(--sidebar-text);
	cursor: pointer;
	transition: background var(--transition), color var(--transition);
	position: relative;
	user-select: none;
	font-size: 13px;
	width: 100%;
	text-align: right;
}

.sidebar-item:hover {
	background: var(--sidebar-hover);
	color: #fff;
}

.sidebar-item.active {
	background: var(--sidebar-active);
	color: #fff;
	box-shadow: inset 3px 0 0 rgba(255, 255, 255, 0.3);
}

.sidebar-item i {
	width: 18px;
	text-align: center;
	font-size: 14px;
	flex-shrink: 0;
}

.sidebar-item .badge {
	margin-right: auto;
	background: rgba(255, 255, 255, 0.15);
	border-radius: 10px;
	font-size: 10px;
	padding: 1px 6px;
	font-weight: 600;
}
.md_full {
	width: 100%;
	box-sizing: border-box;
	max-width: 100%;
}
.sidebar-submenu {
	background: rgba(0, 0, 0, 0.15);
	display: none;
}

.sidebar-submenu.open {
	display: block;
}

.sidebar-submenu .sidebar-item {
	padding-right: 44px;
	font-size: 12.5px;
}

.sidebar-toggle-icon {
	margin-right: auto;
	font-size: 11px;
	transition: transform 0.2s;
}

.sidebar-parent.open .sidebar-toggle-icon {
	transform: rotate(90deg);
}

.sidebar-sep {
	height: 1px;
	background: rgba(255, 255, 255, 0.06);
	margin: 8px 0;
}

.main {
	flex: 1;
	margin-right: var(--sidebar-width);
	padding: 24px;
	min-width: 0;
}

.admin_body:not(.rtl_mode) .topbar-logo {
	margin-left: 0;
	margin-right: auto;
}

.admin_body:not(.rtl_mode) .topbar-actions {
	margin-right: 0;
	margin-left: auto;
}

.admin_body:not(.rtl_mode) .sidebar {
	left: 0;
	right: auto;
}

.admin_body:not(.rtl_mode) .main {
	margin-left: var(--sidebar-width);
	margin-right: 0;
}

.admin_body:not(.rtl_mode) .sidebar-item {
	text-align: left;
}

.admin_body:not(.rtl_mode) .sidebar-label {
	text-align: left;
}

.admin_body:not(.rtl_mode) .sidebar-item.active {
	box-shadow: inset -3px 0 0 rgba(255, 255, 255, 0.3);
}

.admin_body:not(.rtl_mode) .sidebar-item .badge,
.admin_body:not(.rtl_mode) .sidebar-toggle-icon {
	margin-right: 0;
	margin-left: auto;
}

.admin_body:not(.rtl_mode) .sidebar-submenu .sidebar-item {
	padding-left: 44px;
	padding-right: 16px;
}

.admin_body:not(.rtl_mode) .filter-bar > div[style*="margin-right:auto"] {
	margin-right: 0 !important;
	margin-left: auto !important;
}

.admin_body:not(.rtl_mode) .search-wrap i {
	right: auto;
	left: 10px;
}

.admin_body:not(.rtl_mode) .search-input {
	padding: 6px 10px 6px 32px;
}

.admin-section {
	display: none;
}

.admin-section.active {
	display: block;
}

.breadcrumb {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: var(--text-muted);
	margin-bottom: 4px;
}

.breadcrumb a {
	color: var(--primary);
}

.breadcrumb-sep {
	color: #bbb;
}

.page-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
	flex-wrap: wrap;
	gap: 12px;
}

.page-title {
	font-size: 22px;
	font-weight: 600;
	color: #1d2327;
}

.page-subtitle {
	color: var(--text-muted);
	font-size: 12px;
	margin-top: 2px;
}

.stats-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 16px;
	margin-bottom: 24px;
}

.stat-card {
	background: var(--card-bg);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: 18px 20px;
	display: flex;
	align-items: center;
	gap: 16px;
	box-shadow: var(--shadow);
}

.stat-icon {
	width: 48px;
	height: 48px;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	flex-shrink: 0;
}

.stat-icon.blue {
	background: #dbeafe;
	color: #1d4ed8;
}

.stat-icon.green {
	background: #dcfce7;
	color: #15803d;
}

.stat-icon.orange {
	background: #ffedd5;
	color: #c2410c;
}

.stat-icon.purple {
	background: #E8F5FD;
	color: #1A8CD8;
}

.stat-value {
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
}

.stat-label {
	color: var(--text-muted);
	font-size: 12px;
	margin-top: 4px;
}

.stat-change {
	font-size: 11px;
	margin-top: 4px;
	font-weight: 500;
}

.stat-change.up {
	color: var(--success);
}

.stat-change.down {
	color: var(--danger);
}

.admin-pending-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	padding: 12px 16px;
	margin-bottom: 20px;
	border-radius: var(--radius);
	border: 1px solid rgba(245, 158, 11, 0.45);
	background: linear-gradient(135deg, rgba(254, 243, 199, 0.95) 0%, rgba(255, 251, 235, 0.98) 100%);
	color: #78350f;
	font-size: 13px;
	line-height: 1.45;
}

.admin-pending-banner__text {
	flex: 1;
	min-width: 200px;
}

.site-admin-pending-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	padding: 14px 16px;
	margin-bottom: 24px;
	border: 1px solid rgba(245, 158, 11, 0.35);
	background: linear-gradient(135deg, rgba(254, 243, 199, 0.55) 0%, rgba(255, 255, 255, 0.96) 100%);
}

.site-admin-pending-banner__body {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	flex: 1;
	min-width: 0;
	color: var(--text-main);
}

.site-admin-pending-banner__text {
	font-size: 0.88rem;
	line-height: 1.45;
}

.admin-card {
	background: var(--card-bg);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	margin-bottom: 20px;
}

.card-header {
	padding: 14px 20px;
	border-bottom: 1px solid var(--border);
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
}

.card-title {
	font-size: 14px;
	font-weight: 600;
}

.card-body {
	padding: 20px;
}

.grid-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-bottom: 20px;
}

.content-list {
	display: flex;
	flex-direction: column;
}

.content-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 20px;
	border-bottom: 1px solid var(--border);
	transition: background var(--transition);
}

.content-item:last-child {
	border-bottom: none;
}

.content-item:hover {
	background: #f8f9fa;
}

.content-thumb {
	width: 44px;
	height: 44px;
	border-radius: var(--radius);
	background: var(--body-bg);
	border: 1px solid var(--border);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--text-muted);
	font-size: 18px;
	flex-shrink: 0;
}

.content-info {
	flex: 1;
	min-width: 0;
}

.content-name {
	font-weight: 500;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.content-meta {
	color: var(--text-muted);
	font-size: 11.5px;
	margin-top: 2px;
}

.content-actions {
	display: flex;
	gap: 4px;
	flex-shrink: 0;
}

.admin-page-row.dragging {
	opacity: 0.55;
}

.admin-media-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 16px;
}

.admin-media-card {
	border: 1px solid var(--border);
	border-radius: 10px;
	padding: 16px;
	background: #fff;
	text-align: center;
}

.admin-media-avatar {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}

.admin-media-name {
	font-weight: 700;
	font-size: 0.9rem;
}

.admin-media-meta {
	font-size: 0.72rem;
	color: var(--text-muted);
	margin-top: 4px;
	word-break: break-word;
}

.admin-pagination {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	padding: 16px 20px;
	border-top: 1px solid var(--border);
}

.admin-pagination-jump,
.admin-list-toolbar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.admin-pagination-jump {
	margin-inline-start: auto;
}

.admin-page-jump-input {
	width: 78px;
	padding: 6px 10px;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	background: #fff;
	font-size: 12.5px;
	outline: none;
	direction: ltr;
}

.admin-update-warning {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 14px 16px;
	border: 1px solid #fde68a;
	border-radius: 12px;
	background: #fffbeb;
	color: #92400e;
}

.admin-update-warning i {
	font-size: 18px;
	margin-top: 2px;
}

.admin-update-note {
	margin-top: 8px;
	padding: 8px 10px;
	border-radius: 8px;
	font-size: 12px;
	line-height: 1.55;
}

.admin-update-note strong {
	margin-inline-end: 6px;
}

.admin-update-note.before {
	background: #eff6ff;
	color: #1d4ed8;
}

.admin-update-note.after {
	background: #ecfdf5;
	color: #047857;
}

.admin-update-note.neutral {
	background: #f8fafc;
	color: #475569;
}

.badge-status {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 8px;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 500;
}

.badge-status::before {
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
}

.badge-status.published,
.badge-status.approved,
.badge-status.active {
	background: #dcfce7;
	color: #15803d;
}

.badge-status.published::before,
.badge-status.approved::before,
.badge-status.active::before {
	background: #15803d;
}

.badge-status.draft,
.badge-status.review {
	background: #f3f4f6;
	color: #6b7280;
}

.badge-status.draft::before,
.badge-status.review::before {
	background: #9ca3af;
}

.badge-status.pending,
.badge-status.open,
.badge-status.pinned {
	background: #fef9c3;
	color: #854d0e;
}

.badge-status.pending::before,
.badge-status.open::before,
.badge-status.pinned::before {
	background: #ca8a04;
}

.badge-status.reviewed {
	background: #dbeafe;
	color: #1d4ed8;
}

.badge-status.reviewed::before {
	background: #2563eb;
}

.badge-status.dismissed,
.badge-status.rejected {
	background: #fee2e2;
	color: #b91c1c;
}

.badge-status.dismissed::before,
.badge-status.rejected::before {
	background: #dc2626;
}

.quick-actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.quick-action {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	cursor: pointer;
	transition: all var(--transition);
	color: #1d2327;
	background: #fff;
}

.quick-action:hover {
	border-color: var(--primary);
	color: var(--primary);
	background: #f0f7ff;
}

.activity-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 12px 20px;
	border-bottom: 1px solid var(--border);
}

.activity-item:last-child {
	border-bottom: none;
}

.activity-dot {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	flex-shrink: 0;
	margin-top: 1px;
}

.activity-dot.user {
	background: #dbeafe;
	color: #1d4ed8;
}

.activity-dot.post {
	background: #dcfce7;
	color: #15803d;
}

.activity-dot.comment {
	background: #ffedd5;
	color: #c2410c;
}

.activity-body {
	flex: 1;
}

.activity-text {
	font-size: 12.5px;
	line-height: 1.5;
}

.activity-time {
	color: var(--text-muted);
	font-size: 11px;
	margin-top: 2px;
}

.chart-wrap {
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 10px 0;
}

.donut-legend {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.legend-item {
	display: flex;
	align-items: center;
	gap: 8px;
}

.legend-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	flex-shrink: 0;
}

.legend-label {
	font-size: 12px;
	color: var(--text-muted);
}

.legend-val {
	font-weight: 600;
	font-size: 12px;
	margin-right: auto;
}

.stats-year-form .admin-select {
	min-width: 96px;
}

.stats-legend {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
	margin-bottom: 14px;
}

.stats-bars {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 6px;
	height: 240px;
	padding-bottom: 22px;
	border-bottom: 1px solid var(--border);
	position: relative;
}

.stats-bars__month {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 0;
	position: relative;
}

.stats-bars__group {
	flex: 1;
	width: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 2px;
}

.stats-bars__bar {
	flex: 1;
	max-width: 14px;
	min-height: 2px;
	border-radius: 4px 4px 0 0;
	transition: opacity var(--transition);
}

.stats-bars__bar:hover {
	opacity: 0.75;
}

.stats-bars__label {
	position: absolute;
	bottom: -20px;
	font-size: 11px;
	font-weight: 600;
	color: var(--text-muted);
	text-transform: uppercase;
}

.stats-totals {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 16px;
	margin-top: 20px;
}

.stats-totals__val {
	font-size: 22px;
	font-weight: 800;
	color: var(--text-main);
}

.stats-totals__title {
	font-size: 12px;
	font-weight: 700;
	color: var(--text-main);
}

.stats-totals__sub {
	font-size: 11px;
	color: var(--text-muted);
}

.stats-icons {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
}

.stats-icons__item {
	display: flex;
	align-items: center;
	gap: 12px;
}

.stats-icons__icon {
	width: 42px;
	height: 42px;
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: color-mix(in srgb, var(--primary) 14%, transparent);
	color: var(--primary);
	font-size: 16px;
}

.stats-icons__val {
	font-size: 20px;
	font-weight: 800;
	color: var(--text-main);
	line-height: 1.1;
}

.stats-icons__label {
	font-size: 12px;
	color: var(--text-muted);
}

.stats-geo-note {
	font-size: 12px;
	color: var(--text-muted);
}

.stats-geo-pending {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 16px;
	padding: 10px 14px;
	border-radius: 8px;
	background: color-mix(in srgb, var(--primary) 10%, transparent);
	color: var(--text-main);
	font-size: 13px;
}

.stats-geo-pending.is-stopped .fa-spinner {
	display: none;
}

.stats-world {
	display: grid;
	grid-template-columns: minmax(0, 1.7fr) minmax(240px, 1fr);
	gap: 24px;
	align-items: start;
}

.stats-world__map {
	width: 100%;
	height: 320px;
}

.stats-world__map.is-failed {
	display: none;
}

.stats-world__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.stats-world__row {
	display: grid;
	grid-template-columns: auto 1fr auto;
	grid-template-rows: auto auto;
	align-items: center;
	column-gap: 10px;
	row-gap: 4px;
}

.stats-world__row .support-flag img {
	display: block;
	border-radius: 2px;
}

.stats-world__name {
	font-size: 13px;
	font-weight: 600;
	color: var(--text-main);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stats-world__count {
	font-size: 13px;
	font-weight: 700;
	color: var(--text-main);
}

.stats-world__meter {
	grid-column: 1 / -1;
	height: 4px;
	border-radius: 4px;
	background: var(--border);
	overflow: hidden;
}

.stats-world__meter span {
	display: block;
	height: 100%;
	background: var(--primary);
	border-radius: 4px;
}

.stats-world__empty {
	font-size: 13px;
	color: var(--text-muted);
}

@media (max-width: 900px) {
	.stats-world {
		grid-template-columns: 1fr;
	}

	.stats-world__map {
		height: 220px;
	}

	.stats-bars {
		height: 180px;
		gap: 3px;
	}

	.stats-bars__label {
		font-size: 9px;
	}
}

.filter-bar {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 20px;
	border-bottom: 1px solid var(--border);
	flex-wrap: wrap;
}

.filter-tabs {
	display: flex;
	gap: 0;
}

.filter-tab {
	padding: 5px 12px;
	font-size: 12.5px;
	cursor: pointer;
	border: 1px solid var(--border);
	background: #fff;
	color: var(--text-muted);
	transition: all var(--transition);
	font-family: inherit;
}

.filter-tab:first-child {
	border-radius: var(--radius) 0 0 var(--radius);
}

.filter-tab:last-child {
	border-radius: 0 var(--radius) var(--radius) 0;
}

.filter-tab + .filter-tab {
	border-right-width: 0;
}

.filter-tab.active {
	background: var(--primary);
	color: #fff;
	border-color: var(--primary);
}

.search-wrap {
	position: relative;
	display: flex;
	align-items: center;
}

.search-wrap i {
	position: absolute;
	right: 10px;
	color: var(--text-muted);
	font-size: 13px;
}

.search-input,
.admin-search-input {
	padding: 6px 32px 6px 10px;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	font-size: 12.5px;
	width: 220px;
	outline: none;
	background: var(--surface-2);
	color: var(--text-main);
}

.admin-form-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.settings-tab-pane {
	display: none;
}

.settings-tab-pane.active {
	display: block;
}

.form-group {
	margin-bottom: 16px;
}

.admin-metric-box {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 120px;
	padding: 12px 16px;
	background: #f8fafc;
	border: 1px solid var(--border);
	border-radius: 10px;
	font-size: 18px;
	font-weight: 700;
	color: var(--text-main);
}

.form-label {
	display: block;
	font-size: 12.5px;
	font-weight: 500;
	margin-bottom: 5px;
}

.form-control,
.admin-select,
.admin-textarea {
	width: 100%;
	padding: 8px 12px;
	border: 1px solid var(--border);
	border-radius: var(--radius);
	font-size: 13px;
	outline: none;
	background: var(--surface-2);
	color: var(--text-main);
}

.form-control::placeholder,
.admin-textarea::placeholder {
	color: var(--text-muted);
	opacity: 1;
}

.admin-select option {
	background: var(--surface-2);
	color: var(--text-main);
}

.admin-textarea {
	resize: vertical;
	min-height: 100px;
}

.form-hint {
	color: var(--text-muted);
	font-size: 11.5px;
	margin-top: 4px;
}

/* Neutral notice (modals, feed); login.css overrides on auth pages */
.admin_note_box {
	padding: 10px 12px;
	border-radius: var(--radius);
	border: 1px solid var(--wp-border);
	background: var(--surface-2);
	font-size: 0.85rem;
	line-height: 1.45;
	color: var(--text-main);
}

.feed-flash-card {
	margin-bottom: 16px;
	padding: 14px 16px;
	font-size: 0.9rem;
	line-height: 1.5;
	word-break: break-word;
}

.feed-flash-card--success {
	border-color: color-mix(in srgb, #16a34a 35%, var(--wp-border));
	background: color-mix(in srgb, #16a34a 10%, var(--card-bg, var(--surface-2)));
}

.feed-flash-card--error {
	border-color: color-mix(in srgb, #dc2626 35%, var(--wp-border));
	background: color-mix(in srgb, #dc2626 10%, var(--card-bg, var(--surface-2)));
}

.register-access__text {
	margin: 0 0 16px;
	line-height: 1.5;
	color: var(--text-main);
}

.register-access__label {
	margin: 0 0 8px;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--text-muted);
}

.register-access__key-row {
	display: flex;
	align-items: stretch;
	gap: 8px;
	flex-wrap: wrap;
}

.register-access__key {
	flex: 1 1 160px;
	display: block;
	padding: 12px 14px;
	border-radius: 12px;
	border: 1px solid var(--wp-border);
	background: var(--surface-2);
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 1.05rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	user-select: all;
	word-break: break-all;
}

.register-access__copy {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.comment-bubble .comment-text-html {
	display: block;
	font-size: 0.88rem;
	font-weight: 400;
	color: inherit;
	line-height: 1.4;
	margin: 2px 0 0;
	word-break: break-word;
}

.comment-text-html {
	word-break: break-word;
}

.comment-bubble .comment-text-html .mention-tag.mention-user {
	display: inline;
	padding: 0;
	margin: 0;
	border: none;
	background: transparent;
	color: #1877f2;
	font-weight: 600;
	cursor: pointer;
	font-size: inherit;
	font-family: inherit;
	line-height: inherit;
	text-decoration: none;
	border-radius: 2px;
}

.comment-bubble .comment-text-html .mention-tag.mention-user:hover {
	text-decoration: underline;
	color: #166fe5;
}

.admin-form-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	padding-top: 6px;
}

.sidebar-overlay {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99;
}

.sidebar-overlay.open {
	display: block;
}



.post-media-block {
	margin-top: 12px;
	max-width: 100%;
}
.post-media-shell {
	border-radius: 12px;
	border: 1px solid var(--wp-border);
	background: var(--white);
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.post-media-shell--video {
	background: #0c0c0f;
	border-color: rgba(0, 0, 0, 0.2);
	box-shadow: 0 6px 28px rgba(0, 0, 0, 0.1);
}
.post-media-shell__header {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 14px;
	background: linear-gradient(135deg, rgba(34, 113, 177, 0.1) 0%, rgba(34, 113, 177, 0.02) 100%);
	border-bottom: 1px solid var(--wp-border);
}
.post-media-shell__icon {
	display: inline-flex;
	width: 30px;
	height: 30px;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: rgba(34, 113, 177, 0.16);
	color: var(--wp-blue);
	flex-shrink: 0;
}
.post-media-shell__icon svg {
	width: 16px;
	height: 16px;
}
.post-media-shell__title {
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--text-muted);
}
.post-media-shell__body {
	padding: 12px 14px 14px;
}
.post-audio-el {
	width: 100%;
	max-width: 100%;
	height: 44px;
	accent-color: var(--text-main, #f1f1f2);
	border-radius: 8px;
}
.post-media-shell__vid {
	position: relative;
	aspect-ratio: 16 / 9;
	max-height: min(52vh, 460px);
	background: #000;
	border-radius: 12px 12px 0 0;
	overflow: hidden;
}
.post-media-shell__vid .post-video-el {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
	background: #000;
}
.post-media-shell__video-footer {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.72);
	background: linear-gradient(180deg, #15151a 0%, #0c0c0f 100%);
	border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.post-media-shell__vf-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--wp-blue);
	opacity: 0.95;
}
.post-media-shell__vf-icon svg {
	width: 14px;
	height: 14px;
}

/* Rich links / embeds (CodyChat-style: YouTube + direct images in posts, comments, DMs) */
.post-body-text {
	font-size: 0.95rem;
	line-height: 1.5;
	color: var(--text-main);
	word-wrap: break-word;
	overflow-wrap: anywhere;
}
.post-body-text .ts-rich {
	margin: 0.65rem 0;
}
.ts-rich__link {
	color: var(--wp-blue);
	text-decoration: underline;
	word-break: break-all;
}
.ts-rich__link:hover {
	color: var(--wp-blue-dark);
}
.ts-rich--video {
	position: relative;
	width: 100%;
	max-width: 100%;
	border-radius: var(--radius-lg);
	overflow: hidden;
	background: #000;
	aspect-ratio: 16 / 9;
}
.ts-rich__iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.ts-rich--image {
	max-width: 100%;
	border-radius: var(--radius-lg);
	overflow: hidden;
	background: var(--surface-2);
}
.ts-rich__imglink {
	display: block;
	line-height: 0;
}
.ts-rich__img {
	display: block;
	width: 100%;
	max-height: min(70vh, 520px);
	object-fit: contain;
	background: var(--surface-2);
}
.msg-text .ts-rich--video {
	max-width: min(100%, 360px);
	border-radius: 10px;
}
.msg-text .ts-rich__img {
	max-height: 220px;
}
.comment-text-html .ts-rich {
	margin: 0.45rem 0;
}
.comment-text-html .ts-rich--video {
	max-width: 100%;
}

.comment-bubble:has(.ts-rich--video) {
	width: min(100%, 440px);
	padding: 8px 8px 8px;
}

.comment-bubble:has(.ts-rich--video) .comment-text-html > :not(.ts-rich) {
	padding: 0 6px;
}

.comment-bubble .ts-rich--video {
	border-radius: 12px;
	margin: 0.4rem 0 0;
}

/* Custom audio player (post / comment) — one-row voice-note layout */
.ts-audio-player {
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	max-width: 100%;
	margin: 0.35rem 0 0.45rem;
	padding: 8px 10px;
	border-radius: 14px;
	background: var(--surface-2);
	border: 1px solid var(--border);
	box-sizing: border-box;
}
.ts-audio-player--compact {
	gap: 6px;
	padding: 6px 8px;
	border-radius: 12px;
}
.ts-audio-player__native {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
}
.ts-audio-player__transport {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: 1px;
}
.ts-audio-player__main {
	flex: 1 1 auto;
	min-width: 0;
}
.ts-audio-player__wave {
	padding: 0;
	cursor: pointer;
	touch-action: manipulation;
	user-select: none;
	border-radius: 8px;
}
.ts-audio-player__wave:focus-visible {
	outline: 2px solid var(--text-main, var(--text, #f1f1f2));
	outline-offset: 2px;
}
.ts-audio-player__bars {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	position: relative;
	gap: 2px;
	height: 36px;
	padding: 2px 0;
	box-sizing: border-box;
	background: transparent;
	border: 0;
}
.ts-audio-player--compact .ts-audio-player__bars {
	height: 30px;
	gap: 1px;
}
.ts-audio-player__bar {
	flex: 1 1 0;
	min-width: 2px;
	max-width: 4px;
	min-height: 4px;
	border-radius: 99px;
	background: rgba(138, 140, 148, 0.5);
	opacity: 1;
	align-self: flex-end;
	transition: background 0.12s ease;
}
.ts-audio-player__bar--played {
	background: var(--text-main, var(--text, #f1f1f2));
	opacity: 1;
}
.ts-audio-player__head {
	position: absolute;
	top: 1px;
	bottom: 1px;
	left: 0;
	width: 2px;
	margin-left: -1px;
	border-radius: 2px;
	background: #fff;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35);
	pointer-events: none;
	z-index: 1;
}
.ts-audio-player__times {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: 6px;
	padding: 0;
	font-size: 0.68rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.02em;
	color: var(--text-muted, var(--text-soft, #8a8b91));
	line-height: 1;
}
.ts-audio-player__time--now {
	color: var(--text-main, var(--text, #f1f1f2));
}
.ts-audio-player__rewind,
.ts-audio-player__forward,
.ts-audio-player__play,
.ts-audio-player__mute {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	border: 0;
	background: transparent;
	color: var(--text-main, var(--text, #f1f1f2));
	cursor: pointer;
	touch-action: manipulation;
	line-height: 0;
	padding: 0;
	border-radius: 50%;
}
.ts-audio-player__rewind:hover,
.ts-audio-player__forward:hover,
.ts-audio-player__play:hover,
.ts-audio-player__mute:hover {
	background: rgba(127, 127, 127, 0.12);
}
.ts-audio-player__rewind:focus-visible,
.ts-audio-player__forward:focus-visible,
.ts-audio-player__play:focus-visible,
.ts-audio-player__mute:focus-visible {
	outline: 2px solid var(--text-main, #f1f1f2);
	outline-offset: 2px;
}
.ts-audio-player__rewind,
.ts-audio-player__forward {
	width: 30px;
	height: 30px;
	color: var(--text-muted, var(--muted, #8a8b91));
}
.ts-audio-player__rewind:hover,
.ts-audio-player__forward:hover {
	color: var(--text-main, var(--text, #f1f1f2));
}
.ts-audio-player__skip-ring {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
}
.ts-audio-player__skip-arrow {
	position: absolute;
	inset: 0;
	width: 26px;
	height: 26px;
}
.ts-audio-player__skip-num {
	position: relative;
	z-index: 1;
	font-size: 0.55rem;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	line-height: 1;
	pointer-events: none;
}
.ts-audio-player__play {
	width: 40px;
	height: 40px;
	background: rgba(127, 127, 127, 0.18);
	color: var(--text-main, var(--text, #f1f1f2));
}
.ts-audio-player--compact .ts-audio-player__play {
	width: 36px;
	height: 36px;
}
.ts-audio-player__play:hover {
	background: rgba(127, 127, 127, 0.28);
}
.ts-audio-player__play-icon {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}
.ts-audio-player__play-icon--play {
	margin-inline-start: 2px;
}
.ts-audio-player__mute {
	width: 34px;
	height: 34px;
	color: var(--text-muted, var(--muted, #8a8b91));
}
.ts-audio-player__mute:hover {
	color: var(--text-main, var(--text, #f1f1f2));
}
.ts-audio-player__vol-icon {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

@media (max-width: 480px) {
	.ts-audio-player__rewind,
	.ts-audio-player__forward {
		display: none;
	}
}

.admin-emo-nav {
	display: flex;
	gap: 8px;
	margin-bottom: 16px;
}

.admin-emo-navbtn {
	border: 1px solid var(--border);
	background: var(--card-bg, #fff);
	color: var(--text-main);
	border-radius: 999px;
	padding: 8px 16px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
}

.admin-emo-navbtn.is-on {
	border-color: #1DA1F2;
	background: rgba(29, 161, 242, 0.12);
	color: #1DA1F2;
}

.admin-emo-drop {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 132px;
	padding: 20px 16px;
	border: 2px dashed color-mix(in srgb, #1DA1F2 45%, var(--border));
	border-radius: 14px;
	background: rgba(29, 161, 242, 0.06);
	cursor: pointer;
	text-align: center;
	margin-bottom: 16px;
}

.admin-emo-drop.is-over {
	border-color: #1DA1F2;
	background: rgba(29, 161, 242, 0.14);
}

.admin-emo-drop__input {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	z-index: 2;
}

.admin-emo-drop__icon {
	font-size: 22px;
	color: #1DA1F2;
}

.admin-emo-drop__text {
	font-weight: 600;
	font-size: 14px;
	color: var(--text-main);
}

.admin-emo-drop__sub,
.admin-emo-drop__picked {
	font-size: 12px;
	color: var(--text-muted);
	max-width: 520px;
	word-break: break-word;
}

.admin-emo-upload-row {
	display: flex;
	align-items: flex-end;
	gap: 12px;
	flex-wrap: wrap;
}

.admin-emo-tabs {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 16px 0;
	overflow-x: auto;
}

.admin-emo-tab {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	border: 1px solid transparent;
	background: var(--body-bg, #f8fafc);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	flex-shrink: 0;
	padding: 0;
	color: var(--text-main);
}

.admin-emo-tab img {
	width: 28px;
	height: 28px;
	object-fit: contain;
}

.admin-emo-tab__fall {
	font-size: 20px;
	line-height: 1;
}

.admin-emo-tab.is-on {
	border-color: #1DA1F2;
	background: rgba(29, 161, 242, 0.14);
}

.admin-emo-tab--add {
	border: 1px dashed var(--border);
	color: #1DA1F2;
	font-size: 16px;
}

.admin-emo-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
	gap: 12px;
}

.admin-emo-item {
	border: 1px solid var(--border);
	border-radius: 12px;
	padding: 10px;
	background: var(--card-bg, #fff);
	text-align: center;
}

.admin-emo-item__preview {
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 8px;
}

.admin-emo-item__preview img {
	max-height: 48px;
	max-width: 72px;
	object-fit: contain;
}

.admin-emo-item--sticker .admin-emo-item__preview {
	height: 72px;
}

.admin-emo-item--sticker .admin-emo-item__preview img {
	max-height: 64px;
}

.admin-emo-item__code {
	font-size: 11px;
	color: var(--text-muted);
	margin-bottom: 8px;
	word-break: break-all;
	direction: ltr;
}

.admin-emo-item__acts,
.admin-emo-pack__acts {
	display: flex;
	justify-content: center;
	gap: 6px;
}

.admin-emo-empty {
	grid-column: 1 / -1;
	padding: 24px 8px;
	text-align: center;
	color: var(--text-muted);
	font-size: 13px;
}

.admin-emo-packs {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.admin-emo-pack {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border: 1px solid var(--border);
	border-radius: 12px;
	background: var(--card-bg, #fff);
}

.admin-emo-pack__icon {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	background: var(--body-bg, #f8fafc);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	overflow: hidden;
}

.admin-emo-pack__icon img {
	width: 32px;
	height: 32px;
	object-fit: contain;
}

.admin-emo-pack__meta {
	flex: 1;
	min-width: 0;
}

.admin-emo-pack__meta strong {
	display: block;
	font-size: 14px;
}

.admin-emo-pack__meta span {
	font-size: 12px;
	color: var(--text-muted);
}

.admin-emo-edit-preview {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
}

.admin-emo-edit-preview img {
	max-height: 56px;
	max-width: 80px;
	object-fit: contain;
}

.admin-emo-edit-preview span {
	font-weight: 600;
	direction: ltr;
}

.admin-brand-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 16px;
}

.admin-brand-card {
	border: 1px solid var(--border);
	border-radius: 12px;
	padding: 16px;
	background: var(--card-bg, #fff);
}

.admin-brand-card__label {
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 10px;
}

.admin-brand-preview {
	min-height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 14px;
	padding: 12px;
	border-radius: 10px;
	background: var(--body-bg, #f8fafc);
	border: 1px solid var(--border);
}

.admin-brand-preview--favicon img {
	width: 32px;
	height: 32px;
	object-fit: contain;
}

.admin-brand-preview .logo-box img {
	max-width: 200px;
}

.admin-brand-card__acts {
	margin-top: 10px;
}

.admin-brand-preview--login-bg {
	min-height: 148px;
	padding: 0;
	overflow: hidden;
	margin-bottom: 14px;
}

.admin-brand-preview--login-bg img {
	display: block;
	width: 100%;
	height: 148px;
	object-fit: cover;
}

.admin-feed-bg-preview {
	position: relative;
}

.admin-feed-bg-preview__veil {
	position: absolute;
	inset: 0;
	background: #000;
	pointer-events: none;
}

.admin-feed-overlay {
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid var(--wp-border, #e5e7eb);
}

.admin-feed-overlay__row {
	display: flex;
	align-items: center;
	gap: 12px;
}

.admin-feed-overlay__row input[type='range'] {
	flex: 1;
	min-width: 0;
}

.admin-feed-overlay__pct {
	min-width: 3.2em;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.logo_box--file {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.logo_box--file img {
	height: 40px;
	width: auto;
	max-width: 160px;
	object-fit: contain;
}

.avatar-frames-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
	gap: 10px;
	padding: 8px 2px 4px;
}

.avatar-frames-pick {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 16px 8px 10px;
	border: 1px solid var(--wp-border, #e5e5e5);
	border-radius: 14px;
	background: var(--surface-2, #f6f7f7);
	color: inherit;
	cursor: pointer;
	overflow: visible;
}

.avatar-frames-pick:hover,
.avatar-frames-pick:focus-visible {
	border-color: color-mix(in srgb, var(--primary, #1DA1F2) 45%, var(--wp-border, #e5e5e5));
}

.avatar-frames-pick.is-on {
	border-color: var(--primary, #1DA1F2);
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary, #1DA1F2) 28%, transparent);
	background: color-mix(in srgb, var(--primary, #1DA1F2) 8%, var(--card-bg, #fff));
}

.avatar-frames-pick__preview {
	width: 58px;
	height: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: visible;
	position: relative;
}

.avatar-frames-pick__name {
	font-size: 0.7rem;
	font-weight: 700;
	color: var(--text-muted, #646970);
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.avatar-frames-admin-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	gap: 14px;
}

.avatar-frames-admin-item {
	border: 1px solid var(--border, #e5e5e5);
	border-radius: 12px;
	padding: 12px;
	background: var(--card-bg, #fff);
	text-align: center;
}

.avatar-frames-admin-item img {
	display: block;
	width: 100%;
	aspect-ratio: 1;
	object-fit: contain;
	border-radius: 12px;
	background: repeating-conic-gradient(#e5e7eb 0% 25%, #fff 0% 50%) 50% / 16px 16px;
}

.avatar-frames-admin-item__name {
	margin: 8px 0 10px;
	font-size: 12px;
	font-weight: 600;
	word-break: break-all;
}

.ts-blocked-body {
	min-height: 100vh;
	margin: 0;
	background: #0f172a;
	color: #f8fafc;
	font-family: 'Plus Jakarta Sans', var(--font-sans, sans-serif);
	-webkit-font-smoothing: antialiased;
}

.ts-blocked {
	position: relative;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 32px 18px 28px;
	overflow: hidden;
}

.ts-blocked__bg {
	position: fixed;
	inset: 0;
	z-index: 0;
	background-color: #0f172a;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.ts-blocked__bg::after {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse at 50% 46%, rgba(2, 6, 23, 0.28) 0%, rgba(2, 6, 23, 0.52) 48%, rgba(2, 6, 23, 0.78) 100%),
		linear-gradient(180deg, rgba(8, 47, 73, 0.18) 0%, rgba(2, 6, 23, 0.42) 100%);
	pointer-events: none;
}

.ts-blocked__panel {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 400px;
	text-align: center;
	padding: 28px 24px 22px;
	border-radius: 22px;
	background: rgba(15, 23, 42, 0.42);
	border: 1px solid rgba(29, 161, 242, 0.22);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
	backdrop-filter: blur(14px);
}

.ts-blocked__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 12px;
	filter: drop-shadow(0 8px 16px rgba(29, 161, 242, 0.32));
}

.ts-blocked__kicker {
	margin: 0 0 8px;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #1DA1F2;
}

.ts-blocked__title {
	margin: 0 0 10px;
	font-family: Outfit, 'Plus Jakarta Sans', sans-serif;
	font-size: clamp(1.55rem, 4vw, 1.95rem);
	font-weight: 800;
	letter-spacing: -0.03em;
	line-height: 1.15;
	color: #fff;
}

.ts-blocked__text {
	margin: 0 auto;
	max-width: 34ch;
	font-size: 0.95rem;
	line-height: 1.55;
	color: rgba(248, 250, 252, 0.78);
}

.ts-blocked__reason {
	margin: 16px 0 0;
	padding: 0;
	background: none;
	border: 0;
	text-align: center;
}

.ts-blocked__reason-label {
	display: block;
	margin-bottom: 4px;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #1DA1F2;
}

.ts-blocked__reason p {
	margin: 0 auto;
	max-width: 32ch;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.4;
	color: #fff;
	word-break: break-word;
}

.ts-blocked__ip {
	display: inline-block;
	margin: 16px 0 0;
	padding: 5px 10px;
	border-radius: 999px;
	font-size: 0.72rem;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	letter-spacing: 0.02em;
	color: rgba(248, 250, 252, 0.72);
	background: rgba(15, 23, 42, 0.45);
	border: 1px solid rgba(148, 163, 184, 0.16);
}

.ts-blocked__hint {
	margin: 14px 0 0;
	font-size: 0.78rem;
	color: rgba(186, 198, 214, 0.88);
}

.ts-blocked__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 10px;
}

.ts-blocked__logo img {
	display: block;
	max-width: 168px;
	max-height: 42px;
	object-fit: contain;
}

.ts-blocked__tools {
	pointer-events: none;
}

.ts-blocked__orbit {
	transform-box: fill-box;
	transform-origin: center;
	animation: ts-gate-spin 16s linear infinite;
}

.ts-blocked__staff {
	margin: 16px 0 0;
}

.ts-blocked__staff a {
	color: #1DA1F2;
	font-size: 0.82rem;
	font-weight: 700;
	text-decoration: none;
}

.ts-blocked__staff a:hover {
	text-decoration: underline;
}

@keyframes ts-gate-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.ts-blocked__orbit {
		animation: none;
		stroke-dasharray: none;
	}
}

/* ==========================================================================
   Composer — glass style (caja "¿Qué está pasando en los chats?")
   ========================================================================== */
.composer-card--glass {
	--cg-line: color-mix(in srgb, var(--text-main, #fff) 16%, transparent);
	--cg-line-soft: color-mix(in srgb, var(--text-main, #fff) 9%, transparent);
	--cg-fill: color-mix(in srgb, var(--text-main, #fff) 4%, transparent);
	padding: 18px 20px 18px 18px;
	gap: 16px;
	border-radius: 26px;
	border: 1px solid var(--cg-line);
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--text-main, #fff) 5%, transparent), transparent 55%),
		var(--card-bg, #0a0a0a);
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--text-main, #fff) 20%, transparent),
		inset 0 -1px 0 color-mix(in srgb, var(--text-main, #fff) 12%, transparent),
		0 10px 34px rgba(0, 0, 0, 0.28);
	align-items: flex-start;
}

.composer-card--glass .composer-lead {
	position: relative;
	padding-top: 2px;
}

.composer-lead__badge {
	position: absolute;
	right: -3px;
	bottom: -3px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #22c55e;
	color: #fff;
	border: 2px solid var(--card-bg, #0a0a0a);
	box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.35);
	pointer-events: none;
}

.composer-lead__badge i,
.composer-lead__badge svg {
	width: 10px;
	height: 10px;
	stroke-width: 3.2;
}

.composer-card--glass .composer-main {
	min-width: 0;
}

.composer-field {
	position: relative;
	display: flex;
	align-items: flex-start;
	padding: 6px 54px 6px 20px;
	border-radius: 22px;
	border: 1px solid var(--cg-line-soft);
	background: var(--cg-fill);
	box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.22);
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.composer-field:focus-within {
	border-color: color-mix(in srgb, var(--wp-blue, #1da1f2) 55%, transparent);
	box-shadow:
		inset 0 2px 8px rgba(0, 0, 0, 0.22),
		0 0 0 3px color-mix(in srgb, var(--wp-blue, #1da1f2) 16%, transparent);
}

.composer-field .composer-textarea {
	font-size: 1.12rem;
	line-height: 1.45;
	min-height: 52px;
	padding: 12px 0;
	display: block;
}

.composer-emoji-btn {
	position: absolute;
	top: 14px;
	right: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: transparent;
	color: var(--text-muted, #8a8b91);
	cursor: pointer;
	transition: color 0.15s ease, background 0.15s ease;
}

.composer-emoji-btn:hover {
	color: var(--wp-blue, #1da1f2);
	background: var(--cg-fill);
}

.composer-emoji-btn svg {
	width: 26px;
	height: 26px;
	display: block;
}

.composer-card--glass .composer-footer {
	border-top: none;
	padding-top: 14px;
	flex-wrap: nowrap;
	gap: 12px;
}

.composer-card--glass .composer-toolbar {
	gap: 10px;
}

.composer-card--glass .composer-tool-btn {
	width: 46px;
	height: 46px;
	border-radius: 14px;
	border: 1px solid var(--cg-line-soft);
	background: var(--cg-fill);
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--text-main, #fff) 10%, transparent),
		0 2px 6px rgba(0, 0, 0, 0.25);
	color: var(--text-main);
}

.composer-card--glass .composer-tool-btn:hover {
	background: color-mix(in srgb, var(--text-main, #fff) 9%, transparent);
	border-color: var(--cg-line);
	color: var(--wp-blue, #1da1f2);
}

.composer-card--glass .composer-tool-btn i,
.composer-card--glass .composer-tool-btn svg {
	width: 24px;
	height: 24px;
}

.composer-actions {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-shrink: 0;
	margin-inline-start: auto;
	padding-inline-start: 18px;
	border-inline-start: 1px solid var(--cg-line-soft);
}

.composer-count {
	font-size: 0.95rem;
	color: var(--text-muted, #8a8b91);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.composer-count.is-over {
	color: #ef4444;
}

.composer-card--glass .composer-submit-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	padding: 8px 26px;
	border-radius: 999px;
	font-size: 1.05rem;
	font-weight: 700;
	background: var(--cg-fill);
	color: var(--text-main);
	border: 1px solid var(--cg-line);
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--text-main, #fff) 18%, transparent),
		inset 0 -1px 0 color-mix(in srgb, var(--text-main, #fff) 10%, transparent),
		0 4px 14px rgba(0, 0, 0, 0.3);
	transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.composer-card--glass .composer-submit-btn:hover:not(:disabled) {
	background: color-mix(in srgb, var(--wp-blue, #1da1f2) 14%, transparent);
	border-color: var(--wp-blue, #1da1f2);
	color: var(--wp-blue, #1da1f2);
}

.composer-card--glass .composer-submit-btn i,
.composer-card--glass .composer-submit-btn svg {
	width: 22px;
	height: 22px;
	flex-shrink: 0;
}

/* Invitado: mismo marco, sin formulario */
.composer-card--glass.composer-card--guest .composer-guest-field {
	padding: 14px 20px;
	border-radius: 22px;
	border: 1px solid var(--cg-line-soft);
	background: var(--cg-fill);
}

@media (max-width: 640px) {
	.composer-card--glass {
		padding: 14px;
		gap: 12px;
		border-radius: 22px;
	}
	.composer-card--glass .composer-footer {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
	}
	.composer-card--glass .composer-tool-btn {
		width: 42px;
		height: 42px;
	}
	.composer-actions {
		border-inline-start: none;
		padding-inline-start: 0;
		gap: 12px;
	}
	.composer-card--glass .composer-submit-btn {
		padding: 8px 18px;
	}
}

/* ==========================================================================
   Composer glass — brillo / "rim light" para temas oscuros (Oscuro)
   Todos los pseudo-elementos llevan pointer-events:none (no interceptan el mouse).
   ========================================================================== */
body.theme_oscuro #composer_card.composer-card--glass {
	position: relative;
	overflow: visible;
	isolation: isolate;
	border: 1px solid rgba(255, 255, 255, 0.07);
	background:
		radial-gradient(120% 90% at 78% -10%, rgba(255, 255, 255, 0.075), transparent 55%),
		linear-gradient(180deg, #0f0f10 0%, #070708 100%);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.16),
		inset 0 -1px 0 rgba(255, 255, 255, 0.10),
		inset 0 0 26px rgba(255, 255, 255, 0.025),
		0 0 0 1px rgba(0, 0, 0, 0.9),
		0 0 22px rgba(255, 255, 255, 0.06),
		0 22px 54px rgba(0, 0, 0, 0.75);
}

/* Borde luminoso: fino aro blanco, fuerte arriba y abajo, tenue a los lados */
body.theme_oscuro #composer_card.composer-card--glass::before {
	content: '';
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	padding: 1.5px;
	pointer-events: none;
	z-index: 3;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 62%, rgba(255, 255, 255, 0) 100%) top / 100% 1.5px no-repeat,
		linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 45%, rgba(255, 255, 255, 0) 100%) bottom / 100% 1.5px no-repeat,
		linear-gradient(180deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.22) 30%, rgba(255, 255, 255, 0.22) 70%, rgba(255, 255, 255, 0.55));
	-webkit-mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
	mask-composite: exclude;
	filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.45));
}

/* Destello suave superior */
body.theme_oscuro #composer_card.composer-card--glass::after {
	content: '';
	position: absolute;
	left: 8%;
	right: 8%;
	top: -1px;
	height: 38%;
	border-radius: inherit;
	pointer-events: none;
	z-index: 0;
	background: radial-gradient(60% 100% at 65% 0%, rgba(255, 255, 255, 0.11), transparent 70%);
}

body.theme_oscuro #composer_card.composer-card--glass > * {
	position: relative;
	z-index: 1;
}

/* Campo de texto: hundido y oscuro, aro fino */
body.theme_oscuro #composer_card.composer-card--glass .composer-field {
	padding: 0 56px 0 22px;
	border-radius: 22px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.62), rgba(255, 255, 255, 0.018));
	box-shadow:
		inset 0 10px 22px rgba(0, 0, 0, 0.7),
		inset 0 1px 0 rgba(255, 255, 255, 0.06),
		inset 0 -1px 0 rgba(255, 255, 255, 0.10),
		0 1px 0 rgba(255, 255, 255, 0.05);
}

body.theme_oscuro #composer_card.composer-card--glass .composer-field:focus-within {
	border-color: rgba(255, 255, 255, 0.32);
	box-shadow:
		inset 0 10px 22px rgba(0, 0, 0, 0.7),
		inset 0 -1px 0 rgba(255, 255, 255, 0.14),
		0 0 0 3px rgba(255, 255, 255, 0.06),
		0 0 22px rgba(255, 255, 255, 0.07);
}

body.theme_oscuro #composer_card.composer-card--glass .composer-textarea {
	height: 112px;
	min-height: 112px;
	padding: 20px 0;
	color: #f4f4f5;
}

body.theme_oscuro #composer_card.composer-card--glass .composer-textarea::placeholder {
	color: rgba(255, 255, 255, 0.52);
}

body.theme_oscuro #composer_card.composer-card--glass .composer-emoji-btn {
	top: 15px;
	color: rgba(255, 255, 255, 0.78);
}

body.theme_oscuro #composer_card.composer-card--glass .composer-emoji-btn:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.08);
}

/* Botones cuadrados de cristal */
body.theme_oscuro #composer_card.composer-card--glass .composer-tool-btn {
	color: rgba(255, 255, 255, 0.86);
	border: 1px solid rgba(255, 255, 255, 0.17);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.012) 60%, rgba(0, 0, 0, 0.25));
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.26),
		inset 0 -1px 0 rgba(255, 255, 255, 0.07),
		0 0 0 1px rgba(0, 0, 0, 0.85),
		0 6px 14px rgba(0, 0, 0, 0.55);
	transition: color 0.15s ease, border-color 0.15s ease;
}

body.theme_oscuro #composer_card.composer-card--glass .composer-tool-btn:hover {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.4);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.03) 60%, rgba(0, 0, 0, 0.2));
}

/* Separador y contador */
body.theme_oscuro #composer_card.composer-card--glass .composer-actions {
	border-inline-start-color: rgba(255, 255, 255, 0.16);
}

body.theme_oscuro #composer_card.composer-card--glass .composer-count {
	color: rgba(255, 255, 255, 0.62);
}

/* Botón Trinar: píldora con aro blanco brillante */
body.theme_oscuro #composer_card.composer-card--glass .composer-submit-btn {
	position: relative;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.34);
	background:
		radial-gradient(90% 140% at 20% 0%, rgba(255, 255, 255, 0.12), transparent 60%),
		linear-gradient(180deg, #151516, #060607);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.55),
		inset 0 -1px 0 rgba(255, 255, 255, 0.28),
		inset 0 0 20px rgba(255, 255, 255, 0.07),
		0 0 0 1px rgba(0, 0, 0, 0.9),
		0 0 20px rgba(255, 255, 255, 0.10),
		0 8px 18px rgba(0, 0, 0, 0.6);
	transition: border-color 0.15s ease, color 0.15s ease;
}

body.theme_oscuro #composer_card.composer-card--glass .composer-submit-btn:hover:not(:disabled) {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.7);
	background:
		radial-gradient(90% 140% at 20% 0%, rgba(255, 255, 255, 0.18), transparent 60%),
		linear-gradient(180deg, #1b1b1d, #08080a);
}

/* Insignia verde con brillo */
body.theme_oscuro #composer_card.composer-card--glass .composer-lead__badge {
	background: radial-gradient(circle at 35% 30%, #4ade80, #16a34a);
	border-color: #0a0a0b;
	box-shadow: 0 0 10px rgba(74, 222, 128, 0.65);
}

/* Evita interceptar el mouse y repintados raros al pasar por los botones */
.composer-card--glass .composer-file-input {
	pointer-events: none;
}

.composer-card--glass .composer-tool-btn,
.composer-card--glass .composer-submit-btn,
.composer-card--glass .composer-emoji-btn {
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.composer-card--glass .composer-tool-btn svg,
.composer-card--glass .composer-tool-btn i,
.composer-card--glass .composer-submit-btn svg {
	pointer-events: none;
}

/* ==========================================================================
   Toque de cristal sutil en el resto del sitio (solo temas oscuros)
   Solo bordes finos + reflejo mínimo arriba. Sin brillos exteriores.
   ========================================================================== */
html body.theme_oscuro.site_body .card,
html body.theme_oscuro.site_body .explore-shell {
	border-color: rgba(255, 255, 255, 0.13);
	background:
		linear-gradient(90deg, transparent 4%, rgba(255, 255, 255, 0.55) 50%, transparent 96%) top / 100% 1px no-repeat,
		linear-gradient(90deg, transparent 10%, rgba(255, 255, 255, 0.22) 50%, transparent 90%) bottom / 100% 1px no-repeat,
		linear-gradient(180deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.015) 38%, rgba(255, 255, 255, 0) 100%),
		#0a0a0b;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.12),
		inset 0 -1px 0 rgba(255, 255, 255, 0.05),
		0 0 0 1px rgba(0, 0, 0, 0.85),
		0 10px 26px rgba(0, 0, 0, 0.5);
	transition: border-color 0.18s ease;
}

html body.theme_oscuro.site_body .post-card:hover,
html body.theme_oscuro.site_body .explore-shell:hover {
	border-color: rgba(255, 255, 255, 0.22);
}

html body.theme_oscuro.site_body .header-search-wrap {
	border-color: rgba(255, 255, 255, 0.2);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(255, 255, 255, 0.03));
	box-shadow:
		inset 0 8px 16px rgba(0, 0, 0, 0.7),
		inset 0 -1px 0 rgba(255, 255, 255, 0.14),
		0 1px 0 rgba(255, 255, 255, 0.05);
	transition: border-color 0.15s ease;
}

html body.theme_oscuro.site_body .header-search-wrap:focus-within {
	border-color: rgba(255, 255, 255, 0.3);
}

html body.theme_oscuro.site_body .site-header {
	border-bottom-color: rgba(255, 255, 255, 0.14);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.7), 0 10px 24px rgba(0, 0, 0, 0.5);
}

/* ==========================================================================
   Menú "..." del compositor + constructor de encuesta
   ========================================================================== */
.composer-more {
	position: relative;
	display: inline-flex;
}

.composer-tool-btn--more.is-open,
.composer-tool-btn--more.has-poll {
	color: var(--text-main);
	border-color: color-mix(in srgb, var(--text-main) 55%, transparent);
}

.composer-menu {
	position: absolute;
	left: 0;
	bottom: calc(100% + 10px);
	z-index: 60;
	width: min(330px, 80vw);
	padding: 6px;
	border-radius: 16px;
	border: 1px solid color-mix(in srgb, var(--text-main, #fff) 16%, transparent);
	background: var(--card-bg, #0a0a0a);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.55), inset 0 1px 0 color-mix(in srgb, var(--text-main, #fff) 10%, transparent);
}

.composer-menu.hidden {
	display: none;
}

.composer-menu__item {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 10px 12px;
	border: none;
	border-radius: 12px;
	background: transparent;
	color: var(--text-main);
	text-align: left;
	cursor: pointer;
	font-family: inherit;
}

.composer-menu__item:hover,
.composer-menu__item:focus-visible {
	background: color-mix(in srgb, var(--text-main, #fff) 8%, transparent);
	outline: none;
}

.composer-menu__ico {
	flex-shrink: 0;
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 11px;
	border: 1px solid color-mix(in srgb, var(--text-main, #fff) 14%, transparent);
	background: color-mix(in srgb, var(--text-main, #fff) 6%, transparent);
	color: var(--text-main);
}

.composer-menu__ico i,
.composer-menu__ico svg {
	width: 20px;
	height: 20px;
}

.composer-menu__txt {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.composer-menu__txt strong {
	font-size: 0.95rem;
	font-weight: 700;
}

.composer-menu__txt small {
	font-size: 0.78rem;
	color: var(--text-muted);
	line-height: 1.3;
}

.composer-poll {
	margin: 12px 0 2px;
	padding: 14px 14px 12px;
	border-radius: 18px;
	border: 1px solid color-mix(in srgb, var(--text-main, #fff) 14%, transparent);
	background: color-mix(in srgb, var(--text-main, #fff) 3.5%, transparent);
}

.composer-poll.hidden {
	display: none;
}

.composer-poll__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.composer-poll__title {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
	font-size: 0.95rem;
	color: var(--text-main);
}

.composer-poll__title i,
.composer-poll__title svg {
	width: 18px;
	height: 18px;
	color: var(--text-main);
}

.composer-poll__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border: none;
	border-radius: 50%;
	background: transparent;
	color: var(--text-muted);
	cursor: pointer;
}

.composer-poll__close:hover {
	background: color-mix(in srgb, var(--text-main, #fff) 10%, transparent);
	color: var(--text-main);
}

.composer-poll__close i,
.composer-poll__close svg {
	width: 18px;
	height: 18px;
}

.composer-poll__hint {
	margin: 4px 0 10px;
	font-size: 0.8rem;
	color: var(--text-muted);
}

.composer-poll__options {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.composer-poll__row {
	display: flex;
	align-items: center;
	gap: 6px;
}

.composer-poll__input,
.composer-poll__select {
	width: 100%;
	min-height: 42px;
	padding: 9px 14px;
	border-radius: 12px;
	border: 1px solid color-mix(in srgb, var(--text-main, #fff) 16%, transparent);
	background: color-mix(in srgb, #000 35%, transparent);
	color: var(--text-main);
	font: inherit;
	font-size: 0.95rem;
	outline: none;
}

.composer-poll__input:focus,
.composer-poll__select:focus {
	border-color: color-mix(in srgb, var(--text-main, #fff) 40%, transparent);
}

.composer-poll__rm {
	flex-shrink: 0;
	width: 34px;
	height: 34px;
	border: none;
	border-radius: 50%;
	background: transparent;
	color: var(--text-muted);
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
}

.composer-poll__rm:hover {
	background: color-mix(in srgb, var(--text-main, #fff) 10%, transparent);
	color: var(--text-main);
}

.composer-poll__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 12px;
}

.composer-poll__add {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 12px;
	border-radius: 999px;
	border: 1px solid color-mix(in srgb, var(--text-main, #fff) 16%, transparent);
	background: transparent;
	color: var(--text-main);
	font: inherit;
	font-size: 0.88rem;
	font-weight: 600;
	cursor: pointer;
}

.composer-poll__add.hidden {
	display: none;
}

.composer-poll__add i,
.composer-poll__add svg {
	width: 16px;
	height: 16px;
}

.composer-poll__duration {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--text-muted);
	font-size: 0.85rem;
}

.composer-poll__duration i,
.composer-poll__duration svg {
	width: 16px;
	height: 16px;
}

.composer-poll__select {
	width: auto;
	min-height: 36px;
	padding: 6px 10px;
}

html body .composer-poll :is(.composer-poll__input, .composer-poll__select):focus {
	border-color: color-mix(in srgb, var(--text-main) 55%, transparent);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--text-main) 12%, transparent);
}

/* ==========================================================================
   Encuesta dentro del trino
   ========================================================================== */
.post-poll {
	margin: 12px 0 4px;
	max-width: 560px;
}

.post-poll__options {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.post-poll__opt {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	min-height: 44px;
	padding: 10px 16px;
	border-radius: 12px;
	border: 1px solid color-mix(in srgb, var(--text-main, #111) 16%, transparent);
	background: var(--card-bg, #fff);
	isolation: isolate;
	color: var(--text-main);
	font: inherit;
	font-size: 0.95rem;
	text-align: left;
	overflow: hidden;
}

.post-poll__opt.is-vote {
	justify-content: flex-start;
	cursor: pointer;
	color: var(--text-main);
	font-weight: 600;
	transition: background 0.15s ease, border-color 0.15s ease;
}

.post-poll__opt.is-vote:hover {
	background: color-mix(in srgb, var(--text-main) 8%, transparent);
	border-color: color-mix(in srgb, var(--text-main) 55%, transparent);
}

.post-poll__bar {
	position: absolute;
	inset: 0 auto 0 0;
	background: var(--text-main);
	border-radius: inherit;
	transition: width 0.5s ease;
	pointer-events: none;
}



.post-poll__label,
.post-poll__pct {
	position: relative;
	z-index: 1;
}

.post-poll__opt.is-result .post-poll__label,
.post-poll__opt.is-result .post-poll__pct,
.post-poll__opt.is-result .post-poll__check {
	color: #fff;
	mix-blend-mode: difference;
}

.post-poll__opt.is-mine {
	border-color: color-mix(in srgb, var(--text-main) 70%, transparent);
	font-weight: 700;
}

.post-poll__pct {
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.post-poll__check {
	color: var(--text-main);
	margin-left: 4px;
}

.post-poll__meta {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 8px;
	font-size: 0.82rem;
	color: var(--text-muted);
	font-variant-numeric: tabular-nums;
}

.post-poll__num {
	font-weight: 800;
	color: var(--text-main);
	letter-spacing: 0.01em;
}

.post-poll.is-ending .post-poll__num {
	color: var(--text-main);
}

.post-poll.is-closed .post-poll__num {
	color: inherit;
	font-weight: 600;
}

.post-poll.is-closed .post-poll__time {
	color: var(--text-muted);
}

.post-poll.is-busy {
	opacity: 0.6;
	pointer-events: none;
}

/* ==========================================================================
   GIPHY — modal del selector + GIF fijado en el compositor
   ========================================================================== */
.composer-tool-btn--more.has-gif {
	color: var(--text-main);
}

.composer-previews--gif {
	grid-template-columns: minmax(0, 220px);
}

.composer-preview--gif {
	aspect-ratio: auto;
	max-height: 240px;
	border-radius: 14px;
	background: var(--surface-2);
}

.composer-preview--gif img {
	height: auto;
	max-height: 240px;
	object-fit: contain;
}

.composer-preview__tag {
	position: absolute;
	left: 8px;
	bottom: 8px;
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	color: #fff;
	background: rgba(15, 23, 42, 0.72);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

.small_modal_in:has(.giphy-modal) {
	display: flex;
	flex-direction: column;
	width: min(560px, calc(100vw - 24px));
	max-width: 560px !important;
	max-height: 94vh;
	overflow: hidden;
	border-radius: 20px;
	background: var(--card-bg, #fff);
	color: var(--text-main);
	border: 1px solid var(--wp-border);
}

.small_modal_in:has(.giphy-modal) > .modal-header {
	flex: 0 0 auto;
	background: transparent;
	border-bottom: 1px solid var(--wp-border);
}

.small_modal_in:has(.giphy-modal) .modal-title i,
.small_modal_in:has(.giphy-modal) .modal-title svg {
	width: 18px;
	height: 18px;
	color: var(--text-main);
}

.giphy-modal {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	padding: 14px 14px 0;
	gap: 12px;
}

.giphy-search {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0 14px;
	height: 44px;
	border-radius: 999px;
	background: var(--surface-2);
	border: 1px solid var(--wp-border);
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.giphy-search:focus-within {
	border-color: color-mix(in srgb, var(--text-main) 55%, transparent);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--text-main) 12%, transparent);
}

.giphy-search svg,
.giphy-search i {
	width: 18px;
	height: 18px;
	color: var(--text-muted);
	flex-shrink: 0;
}

.giphy-search__input {
	flex: 1;
	min-width: 0;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--text-main);
	font: inherit;
	font-size: 0.95rem;
}

.giphy-search__input::placeholder {
	color: var(--text-muted);
}

.giphy-chips {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	padding-bottom: 2px;
	scrollbar-width: none;
}

.giphy-chips::-webkit-scrollbar {
	display: none;
}

.giphy-chip {
	flex: 0 0 auto;
	padding: 6px 14px;
	border-radius: 999px;
	border: 1px solid var(--wp-border);
	background: transparent;
	color: var(--text-muted);
	font: inherit;
	font-size: 0.82rem;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.giphy-chip:hover {
	color: var(--text-main);
	background: var(--surface-2);
}

.giphy-chip.is-active {
	color: var(--card-bg, #fff);
	background: var(--text-main);
	border-color: var(--text-main);
}

body.theme_oscuro .giphy-chip.is-active {
	color: #000;
}

.giphy-scroll {
	flex: 0 0 auto;
	height: min(56vh, 520px);
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	margin: 0 -14px;
	padding: 0 14px 6px;
	overscroll-behavior: contain;
}

.giphy-grid {
	column-count: 2;
	column-gap: 8px;
}

.giphy-item {
	display: block;
	width: 100%;
	margin: 0 0 8px;
	padding: 0;
	border: 0;
	border-radius: 12px;
	overflow: hidden;
	cursor: pointer;
	break-inside: avoid;
	background: var(--surface-2);
	position: relative;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.giphy-item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.giphy-item:hover,
.giphy-item:focus-visible {
	transform: translateY(-1px);
	box-shadow: 0 0 0 2px var(--text-main), 0 8px 20px rgba(0, 0, 0, 0.25);
	outline: none;
}

.giphy-state {
	display: flex;
	justify-content: center;
	padding: 14px 0 8px;
	min-height: 8px;
}

.giphy-msg {
	margin: 0;
	color: var(--text-muted);
	font-size: 0.88rem;
	text-align: center;
}

.giphy-spin {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	border: 2px solid var(--wp-border);
	border-top-color: var(--text-main);
	animation: giphySpin 0.7s linear infinite;
}

@keyframes giphySpin {
	to { transform: rotate(360deg); }
}

.giphy-foot {
	flex: 0 0 auto;
	display: flex;
	justify-content: flex-end;
	padding: 8px 2px 12px;
	border-top: 1px solid var(--wp-border);
	margin: 0 -14px;
	padding-inline: 16px;
	font-size: 0.72rem;
	color: var(--text-muted);
}

.giphy-foot strong {
	color: var(--text-main);
	letter-spacing: 0.04em;
}

body.theme_oscuro .small_modal_in:has(.giphy-modal) {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0) 38%),
		#0a0a0a;
	box-shadow:
		0 28px 70px rgba(0, 0, 0, 0.75),
		inset 0 1px 0 rgba(255, 255, 255, 0.09);
}

body.theme_oscuro .giphy-search {
	background: rgba(255, 255, 255, 0.05);
}

#small_modal_content:has(.giphy-modal) {
	display: flex;
	flex-direction: column;
	max-height: 92vh;
	overflow: hidden;
}

.giphy-scroll::-webkit-scrollbar {
	width: 8px;
}

.giphy-scroll::-webkit-scrollbar-thumb {
	background: var(--wp-border);
	border-radius: 8px;
}

@media (max-width: 520px) {
	.giphy-scroll { height: 58vh; }
}

/* ==========================================================================
   Popover anclado — opciones del trino (⋯)
   ========================================================================== */
html body #top_modal.is-popover.modal_back {
	background: transparent;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0;
}

html body #top_modal.is-popover .top_modal_in.modal_in {
	position: fixed;
	margin: 0;
	border-radius: 20px;
	overflow: hidden;
	background: color-mix(in srgb, var(--card-bg, #fff) 88%, transparent);
	backdrop-filter: blur(22px) saturate(1.4);
	-webkit-backdrop-filter: blur(22px) saturate(1.4);
	border: 1px solid var(--wp-border);
	box-shadow: 0 18px 48px rgba(15, 23, 42, 0.22), 0 2px 8px rgba(15, 23, 42, 0.08);
	animation: tsPopIn 0.16s cubic-bezier(0.2, 0.9, 0.3, 1.1);
}

@keyframes tsPopIn {
	from { opacity: 0; transform: scale(0.94) translateY(-4px); }
	to { opacity: 1; transform: none; }
}

html body #top_modal.is-popover .modal_close {
	display: none;
}

html body #top_modal.is-popover .modal_content {
	background: transparent;
}

html body #top_modal.is-popover .post-option-wrap {
	padding: 8px;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

html body #top_modal.is-popover .post-option-row {
	gap: 12px;
	padding: 8px 10px;
	border-radius: 14px;
	font-size: 0.86rem;
	font-weight: 600;
	text-align: left;
	background: transparent;
	color: var(--text-main);
	cursor: pointer;
}

html body #top_modal.is-popover .post-option-row > i,
html body #top_modal.is-popover .post-option-row > svg {
	flex: 0 0 auto;
	box-sizing: border-box;
	width: 32px !important;
	height: 32px !important;
	padding: 8px;
	border-radius: 11px;
	background: color-mix(in srgb, currentColor 13%, transparent);
	stroke-width: 2;
}

html body #top_modal.is-popover .post-option-row:hover,
html body #top_modal.is-popover .post-option-row:focus-visible {
	background: color-mix(in srgb, var(--text-main) 7%, transparent);
	outline: none;
}

html body #top_modal.is-popover .post-option-row.danger {
	color: #ef4444;
}

html body #top_modal.is-popover .post-option-row.danger:hover {
	background: color-mix(in srgb, #ef4444 12%, transparent);
}

html body #top_modal.is-popover .post-option-row.danger > svg,
html body #top_modal.is-popover .post-option-row.danger > i {
	color: #ef4444 !important;
}

html body #top_modal.is-popover .post-option-divider {
	margin: 6px 10px;
}

html body.theme_oscuro.site_body #top_modal.is-popover .top_modal_in.modal_in {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0) 45%),
		rgba(14, 14, 16, 0.9);
	border-color: rgba(255, 255, 255, 0.12);
	box-shadow:
		0 24px 60px rgba(0, 0, 0, 0.7),
		inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

html body.theme_oscuro.site_body #top_modal.is-popover .modal_content {
	background: transparent;
}

/* GIPHY en comentarios */
.cmt-media-menu {
	position: fixed;
	z-index: 10100;
	min-width: 150px;
	padding: 6px;
	display: flex;
	flex-direction: column;
	gap: 2px;
	border-radius: 16px;
	background: color-mix(in srgb, var(--card-bg, #fff) 90%, transparent);
	backdrop-filter: blur(18px) saturate(1.4);
	-webkit-backdrop-filter: blur(18px) saturate(1.4);
	border: 1px solid var(--wp-border);
	box-shadow: 0 14px 38px rgba(15, 23, 42, 0.22);
	animation: tsPopIn 0.14s ease-out;
}

.cmt-media-menu button {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 7px 10px;
	border: 0;
	border-radius: 11px;
	background: transparent;
	color: var(--text-main);
	font: inherit;
	font-size: 0.86rem;
	font-weight: 600;
	cursor: pointer;
}

.cmt-media-menu button:hover {
	background: color-mix(in srgb, var(--text-main) 8%, transparent);
}

.cmt-media-menu button svg,
.cmt-media-menu button i {
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
	color: var(--text-main);
	opacity: 0.7;
}

.cmt-media-menu button:hover svg,
.cmt-media-menu button:hover i {
	opacity: 1;
}

body.theme_oscuro .cmt-media-menu {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0) 50%), rgba(14, 14, 16, 0.94);
	border-color: rgba(255, 255, 255, 0.12);
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.09);
}

.comment-image-previews--gif {
	grid-template-columns: minmax(0, 150px);
}

.comment-image-previews--gif .composer-preview--gif {
	max-height: 170px;
}

.comment-image-previews--gif .composer-preview--gif img {
	max-height: 170px;
}

/* Menú "..." del compositor — pulido (abre hacia abajo, hoja inferior en móvil) */
html body .composer-more .composer-menu {
	top: calc(100% + 10px);
	bottom: auto;
	left: 0;
	width: 304px;
	max-width: calc(100vw - 32px);
	padding: 6px;
	border-radius: 20px;
	background: color-mix(in srgb, var(--card-bg, #0a0a0a) 92%, transparent);
	backdrop-filter: blur(20px) saturate(1.4);
	-webkit-backdrop-filter: blur(20px) saturate(1.4);
	box-shadow: 0 20px 48px rgba(15, 23, 42, 0.28), 0 2px 8px rgba(15, 23, 42, 0.1), inset 0 1px 0 color-mix(in srgb, var(--text-main, #fff) 10%, transparent);
	transform-origin: top left;
	animation: tsPopIn 0.16s cubic-bezier(0.2, 0.9, 0.3, 1.1);
}

html body .composer-more .composer-menu.is-up {
	top: auto;
	bottom: calc(100% + 10px);
	transform-origin: bottom left;
}

html body .composer-menu .composer-menu__item {
	gap: 12px;
	padding: 8px 10px;
	border-radius: 14px;
}

html body .composer-menu .composer-menu__ico {
	width: 36px;
	height: 36px;
	border-radius: 12px;
	border: 0;
	background: color-mix(in srgb, var(--wp-blue, #1da1f2) 14%, transparent);
}

html body .composer-menu .composer-menu__ico i,
html body .composer-menu .composer-menu__ico svg {
	width: 18px;
	height: 18px;
}

html body .composer-menu .composer-menu__txt strong {
	white-space: nowrap;
	font-size: 0.9rem;
	font-weight: 650;
	line-height: 1.2;
}

html body .composer-menu .composer-menu__txt small {
	font-size: 0.74rem;
	line-height: 1.25;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.composer-menu-backdrop {
	position: fixed;
	inset: 0;
	z-index: 10090;
	background: rgba(0, 0, 0, 0.45);
	animation: tsFade 0.18s ease-out;
}

@keyframes tsFade {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes tsSheetUp {
	from { transform: translateY(24px); opacity: 0; }
	to { transform: none; opacity: 1; }
}

html body .composer-menu.is-sheet {
	position: fixed;
	z-index: 10100;
	left: 10px;
	right: 10px;
	top: auto;
	bottom: calc(10px + env(safe-area-inset-bottom, 0px));
	width: auto;
	padding: 18px 8px 8px;
	border-radius: 24px;
	background: var(--card-bg, #0a0a0a);
	transform-origin: bottom center;
	animation: tsSheetUp 0.22s cubic-bezier(0.2, 0.9, 0.3, 1);
}

html body .composer-menu.is-sheet::before {
	content: '';
	position: absolute;
	top: 7px;
	left: 50%;
	width: 36px;
	height: 4px;
	margin-left: -18px;
	border-radius: 4px;
	background: color-mix(in srgb, var(--text-main, #fff) 22%, transparent);
}

html body .composer-menu.is-sheet .composer-menu__item {
	padding: 12px;
}

html body .composer-menu.is-sheet .composer-menu__ico {
	width: 42px;
	height: 42px;
}

html body .composer-menu.is-sheet .composer-menu__txt strong {
	white-space: normal;
	font-size: 0.98rem;
}

html body .composer-menu.is-sheet .composer-menu__txt small {
	font-size: 0.8rem;
	white-space: normal;
}

/* Compositor — móvil: toolbar a ancho completo, acciones en segunda fila */
@media (max-width: 640px) {
	html body .composer-card--glass .composer-footer {
		flex-wrap: wrap;
		row-gap: 12px;
		padding-top: 12px;
	}
	html body .composer-card--glass .composer-toolbar {
		flex: 1 1 100%;
		width: 100%;
		gap: 8px;
	}
	html body .composer-card--glass .composer-tool-btn {
		flex: 0 0 auto;
		width: 44px;
		height: 44px;
	}
	html body .composer-card--glass .composer-actions {
		flex: 1 1 100%;
		width: 100%;
		margin-inline-start: 0;
		justify-content: space-between;
		gap: 12px;
	}
	html body .composer-card--glass .composer-submit-btn {
		min-height: 44px;
		padding: 8px 24px;
	}
}

/* El menú "..." debe quedar por encima del trino siguiente */
#composer_card:has(.composer-menu:not(.hidden)) {
	position: relative;
	z-index: 30;
}

/* Grabación de audio en vivo */
.audio-rec {
	position: fixed;
	z-index: 10100;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 7px 8px 7px 14px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--card-bg, #fff) 92%, transparent);
	backdrop-filter: blur(18px) saturate(1.4);
	-webkit-backdrop-filter: blur(18px) saturate(1.4);
	border: 1px solid var(--wp-border);
	box-shadow: 0 14px 38px rgba(15, 23, 42, 0.25);
	color: var(--text-main);
	animation: tsPopIn 0.16s ease-out;
}

.audio-rec__dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #ef4444;
	box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.6);
	animation: audioRecPulse 1.2s ease-out infinite;
}

@keyframes audioRecPulse {
	0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.55); }
	100% { box-shadow: 0 0 0 10px rgba(239, 68, 68, 0); }
}

.audio-rec__time {
	min-width: 40px;
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	font-size: 0.95rem;
}

.audio-rec__btn {
	width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	background: color-mix(in srgb, var(--text-main) 10%, transparent);
	color: var(--text-main);
}

.audio-rec__btn svg,
.audio-rec__btn i {
	width: 18px;
	height: 18px;
}

.audio-rec__btn--ok {
	background: var(--text-main, #f1f1f2);
	color: var(--card-bg, #0a0a0a);
}

body.theme_oscuro .audio-rec {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0) 55%), rgba(14, 14, 16, 0.94);
	border-color: rgba(255, 255, 255, 0.12);
}

#composer_audio_name.is-removable {
	cursor: pointer;
}

@media (prefers-reduced-motion: reduce) {
	.audio-rec__dot { animation: none; }
}

/* ==========================================================================
   Música del perfil — modal pro
   ========================================================================== */
#over_modal:has(.music-studio) .over_modal_in {
	border-radius: 24px;
	max-width: 520px;
	border: 1px solid var(--wp-border);
	background: var(--card-bg, #fff);
	box-shadow: 0 30px 80px rgba(15, 23, 42, 0.3);
}

html body #over_modal:has(.music-studio) .modal-header.music-head {
	min-height: 0;
	padding: 18px 56px 16px 20px;
	background: transparent;
	border-bottom: 1px solid var(--wp-border);
}

.music-head .modal-title {
	gap: 12px;
}

.music-head__ico {
	width: 40px;
	height: 40px;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 13px;
	color: var(--text-main, #f1f1f2);
	background: rgba(127, 127, 127, 0.16);
}

.music-head__ico svg {
	width: 20px;
	height: 20px;
}

.music-head__txt {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.music-head__txt strong {
	font-size: 1.02rem;
	font-weight: 750;
	line-height: 1.2;
}

.music-head__txt small {
	font-size: 0.76rem;
	font-weight: 500;
	color: var(--text-muted);
}

html body .music-studio.modal-body {
	padding: 20px;
	max-height: min(78vh, 700px);
}

/* Segmentado de origen */
html body .music-source-tabs {
	padding: 4px;
	gap: 4px;
	margin-bottom: 18px;
	border-radius: 16px;
	background: color-mix(in srgb, var(--text-main) 6%, transparent);
	border: 1px solid var(--wp-border);
}

html body .music-source-tab {
	min-height: 44px;
	border: 1px solid transparent;
	border-radius: 12px;
	font-weight: 700;
	color: var(--text-muted);
	transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

html body .music-source-tab[data-music-tab="youtube"] svg {
	fill: #ff0033;
}

html body .music-source-tab .yt-play {
	fill: #fff;
}

html body .music-source-tab[data-music-tab="mp3"] svg {
	color: #3b82f6;
}

html body .music-source-tab:hover {
	color: var(--text-main);
}

html body .music-source-tab.is-active[data-music-tab="youtube"] {
	color: #fff;
	background: #f0233f;
	border-color: transparent;
	box-shadow: none;
}

html body .music-source-tab.is-active[data-music-tab="youtube"] svg {
	fill: #fff;
}

html body .music-source-tab.is-active[data-music-tab="youtube"] .yt-play {
	fill: #e60026;
}

html body .music-source-tab.is-active[data-music-tab="mp3"] {
	color: #fff;
	background: #2f6fe4;
	box-shadow: none;
}

html body .music-source-tab.is-active[data-music-tab="mp3"] svg {
	color: #fff;
}

/* Interruptor */
html body .music-studio .profile-music-toggle {
	justify-content: space-between;
	gap: 14px;
	margin: 0 0 6px;
	padding: 12px 14px;
	border-radius: 14px;
	border: 1px solid var(--wp-border);
	background: color-mix(in srgb, var(--text-main) 4%, transparent);
	font-size: 0.95rem;
	font-weight: 700;
	cursor: pointer;
}

html body .music-studio .profile-music-toggle > span {
	order: 1;
}

html body .music-studio .profile-music-toggle input[type="checkbox"] {
	order: 2;
	appearance: none;
	-webkit-appearance: none;
	flex: 0 0 auto;
	position: relative;
	width: 44px;
	height: 26px;
	margin: 0;
	border-radius: 999px;
	background: color-mix(in srgb, var(--text-main) 22%, transparent);
	cursor: pointer;
	transition: background 0.2s ease;
}

html body .music-studio .profile-music-toggle input[type="checkbox"]::after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
	transition: transform 0.2s cubic-bezier(0.3, 0.9, 0.3, 1.2);
}

html body .music-studio .profile-music-toggle input[type="checkbox"]:checked {
	background: #22c55e;
}

html body .music-studio .profile-music-toggle input[type="checkbox"]:checked::after {
	transform: translateX(18px);
}

html body .music-studio .profile-music-toggle input[type="checkbox"]:focus-visible {
	outline: 2px solid var(--text-main, #f1f1f2);
	outline-offset: 2px;
}

html body .music-studio .form-hint {
	margin: 8px 2px 14px;
	font-size: 0.8rem;
	line-height: 1.45;
	color: var(--text-muted);
}

/* Campos */
html body .music-studio .profile-settings-field label {
	margin-bottom: 7px;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--text-muted);
}

html body .music-studio .edit-profile-input {
	height: 48px;
	padding: 0 14px;
	border-radius: 14px;
	border: 1px solid var(--wp-border);
	background: color-mix(in srgb, var(--text-main) 4%, transparent);
	color: var(--text-main);
	font-size: 0.95rem;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

html body .music-studio .edit-profile-input:focus {
	border-color: rgba(127, 127, 127, 0.7);
	box-shadow: 0 0 0 4px rgba(127, 127, 127, 0.2);
	background: transparent;
}

.music-url {
	position: relative;
}

.music-url svg {
	position: absolute;
	left: 14px;
	top: 50%;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	color: var(--text-muted);
	pointer-events: none;
}

html body .music-studio .music-url .edit-profile-input {
	padding-left: 42px;
}

html body .music-studio .profile-music-preview {
	margin: 14px 0 4px;
	border-radius: 16px;
	border: 1px solid var(--wp-border);
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);
}

/* Chips de acción */
html body .music-studio .profile-music-marks {
	gap: 8px;
	margin-top: 14px;
}

html body .music-studio .music-chip {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 38px;
	padding: 0 14px;
	border-radius: 999px;
	border: 1px solid var(--wp-border);
	background: color-mix(in srgb, var(--text-main) 5%, transparent);
	color: var(--text-main);
	font: inherit;
	font-size: 0.84rem;
	font-weight: 650;
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
}

html body .music-chip svg {
	width: 15px;
	height: 15px;
	flex: 0 0 auto;
}

html body .music-chip:hover {
	background: color-mix(in srgb, var(--text-main) 10%, transparent);
}

html body .music-chip:active {
	transform: scale(0.97);
}

html body .music-studio .music-chip.music-chip--play {
	color: #fff;
	border-color: transparent;
	background: #f0233f;
	box-shadow: none;
}

html body .music-studio .music-chip.music-chip--play:hover {
	background: #ff3652;
}

html body .music-studio .profile-music-times {
	gap: 12px;
	margin-top: 18px;
}

html body .music-studio .music-span {
	display: inline-flex;
	align-items: center;
	margin: 12px 0 0;
	padding: 6px 12px;
	border-radius: 999px;
	background: rgba(127, 127, 127, 0.16);
	color: var(--text-main, #f1f1f2);
	font-size: 0.78rem;
	font-weight: 650;
}

/* Zona MP3 */
html body .music-file-drop {
	position: relative;
	min-height: 168px;
	border: 1.5px dashed color-mix(in srgb, var(--text-main) 24%, transparent);
	border-radius: 18px;
	background: color-mix(in srgb, var(--text-main) 3%, transparent);
	transition: border-color 0.18s ease, background 0.18s ease;
}

html body .music-file-drop:hover,
html body .music-file-drop:focus-within {
	border-color: #3b82f6;
	background: color-mix(in srgb, #3b82f6 8%, transparent);
	color: var(--text-main);
}

html body .music-file-drop svg {
	width: 46px;
	height: 46px;
	color: #3b82f6;
}

html body .music-file-drop .music-file-drop__name {
	font-weight: 650;
	font-size: 0.92rem;
}

html body .music-file-drop input[type="file"] {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

/* Acciones */
html body .music-studio .profile-settings-actions {
	justify-content: space-between;
	flex-wrap: nowrap;
	gap: 10px;
	margin: 22px -20px -20px;
	padding: 14px 20px;
	border-top: 1px solid var(--wp-border);
	background: color-mix(in srgb, var(--text-main) 3%, transparent);
}

html body .music-btn-back,
html body .music-btn-save {
	height: 46px;
	padding: 0 22px;
	border-radius: 14px;
	font-weight: 700;
	font-size: 0.92rem;
	cursor: pointer;
}

html body .music-studio .music-btn-save {
	flex: 1 1 auto;
	max-width: 220px;
	margin-inline-start: auto;
	background: var(--text-main, #f1f1f2) !important;
	color: var(--card-bg, #0a0a0a) !important;
	border: 0;
	box-shadow: none;
}

html body .music-btn-save:hover {
	filter: brightness(1.08);
}

html body .music-studio .music-btn-back {
	border: 1px solid var(--wp-border);
	background: transparent;
	color: var(--text-main);
}

html body.theme_oscuro #over_modal:has(.music-studio) .over_modal_in {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0) 30%),
		#0a0a0a;
	border-color: rgba(255, 255, 255, 0.1);
	box-shadow: 0 34px 90px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

@media (max-width: 520px) {
	html body .music-studio.modal-body { padding: 16px; }
	html body .music-studio .profile-settings-actions {
		margin: 20px -16px -16px;
		padding: 12px 16px;
	}
	html body .music-btn-save { max-width: none; }
}

/* Botones del modal de música: sin sombras */
html body .music-studio .music-source-tab,
html body .music-studio .music-chip,
html body .music-studio .music-btn-back,
html body .music-studio .music-btn-save {
	box-shadow: none !important;
	text-shadow: none !important;
	filter: none;
}

/* Menú "..." del compositor: popover flotante sobre todo (también en tema claro) */
html body .composer-menu.is-pop {
	position: fixed;
	z-index: 10100;
	width: 304px;
	max-width: calc(100vw - 16px);
	padding: 6px;
	border-radius: 20px;
	border: 1px solid color-mix(in srgb, var(--text-main, #fff) 16%, transparent);
	background: var(--card-bg, #0a0a0a);
	box-shadow: 0 20px 48px rgba(15, 23, 42, 0.32), 0 2px 8px rgba(15, 23, 42, 0.12);
	transform-origin: top left;
	animation: tsPopIn 0.16s cubic-bezier(0.2, 0.9, 0.3, 1.1);
}
html body .composer-menu.is-pop.is-up {
	transform-origin: bottom left;
}

/* Video del trino: sin pie "Vídeo", esquinas redondeadas completas */
.post-media-shell--video .post-media-shell__vid {
	border-radius: 12px;
}
.post-media-shell__video-footer {
	display: none !important;
}

/* Fondo en mosaico (imagen cuadrada que se repite, estilo WhatsApp) */
.site-wallpaper.is-tile {
	background-color: #000;
	background-repeat: repeat;
	background-position: center top;
}

/* ==========================================================================
   Header — efecto cristal (igual que las tarjetas)
   ========================================================================== */
html body.theme_oscuro.site_body .site-header {
	border-bottom-color: transparent;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.55);
}

html body.theme_oscuro.site_body .site-header::before {
	background:
		linear-gradient(100deg, transparent 30%, rgba(255, 255, 255, 0.06) 44%, rgba(255, 255, 255, 0.015) 52%, transparent 66%),
		linear-gradient(180deg, #1f232b 0%, #0d0f14 42%, #030405 100%);
	backdrop-filter: blur(24px) saturate(1.5);
	-webkit-backdrop-filter: blur(20px) saturate(1.4);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.38), inset 0 -1px 0 rgba(255, 255, 255, 0.05), inset 0 16px 28px -18px rgba(255, 255, 255, 0.08);
}

html body.theme_oscuro.site_body .site-header::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.5) 18%, rgba(190, 205, 230, 0.2) 50%, rgba(255, 255, 255, 0.5) 82%, rgba(255, 255, 255, 0.04));
}

html body.theme_oscuro.site_body .logo-box--file img {
	filter: drop-shadow(0 0 10px rgba(220, 230, 245, 0.35)) drop-shadow(0 4px 8px rgba(0, 0, 0, 0.6));
}

html body.theme_oscuro.site_body .site-header .header-search-wrap {
	border-color: transparent;
	background: linear-gradient(160deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.02) 45%, rgba(8, 9, 13, 0.8)), #0a0b0f;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.26), inset 0 0 18px rgba(190, 205, 230, 0.05), 0 8px 22px rgba(0, 0, 0, 0.4);
	position: relative;
}

html body.theme_oscuro.site_body .site-header .header-search-wrap::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: 1px;
	background: linear-gradient(150deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.1) 32%, rgba(255, 255, 255, 0.05) 62%, rgba(190, 205, 230, 0.5));
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

html body.theme_oscuro.site_body .site-header .header-search-wrap:focus-within::before {
	background: linear-gradient(150deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.25) 40%, rgba(190, 205, 230, 0.8));
}

html body.theme_oscuro.site_body .site-header .icon-btn,
html body.theme_oscuro.site_body .site-header .profile-trigger {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

/* Tema claro: cristal blanco con brillo suave */
html body.theme_claro.site_body .site-header {
	background: linear-gradient(180deg, #ffffff, #f3f6fb) !important;
	border-bottom-color: transparent;
	box-shadow: inset 0 1px 0 #fff, 0 8px 24px rgba(15, 23, 42, 0.1);
}

html body.theme_claro.site_body .site-header::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(90deg, rgba(15, 23, 42, 0.03), rgba(15, 23, 42, 0.16) 20%, rgba(15, 23, 42, 0.06) 50%, rgba(15, 23, 42, 0.16) 80%, rgba(15, 23, 42, 0.03));
}

/* Header — acabado sobrio: casi negro, sin reflejos ni degradados llamativos */
html body.theme_oscuro.site_body .site-header {
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.6);
}

html body.theme_oscuro.site_body .site-header::before {
	background: linear-gradient(180deg, #0c0d11 0%, #050608 100%);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

html body.theme_oscuro.site_body .site-header::after {
	background: rgba(255, 255, 255, 0.1);
}

html body.theme_oscuro.site_body .logo-box--file img {
	filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.6));
}

html body.theme_oscuro.site_body .site-header .header-search-wrap {
	border-color: rgba(255, 255, 255, 0.1);
	background: #0a0b0e;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

html body.theme_oscuro.site_body .site-header .header-search-wrap::before {
	content: none;
}

html body.theme_oscuro.site_body .site-header .header-search-wrap:focus-within {
	border-color: rgba(255, 255, 255, 0.28);
}

/* Tema Claro — blanco perlado: el mismo blanco plateado del pájaro de la portada */
html body.theme_claro {
	--page-bg: #e9ecf1;
	--wp-bg: #e9ecf1;
	--body-bg: #e9ecf1;
	--surface-2: #eef0f4;
	--line: #cdd2db;
	--border: #cdd2db;
	--divider: #e1e5ec;
}

html body.theme_claro.site_body,
html body.theme_claro.site_body.has-feed-wallpaper {
	background: #e8ebf1 !important;
}

html body.theme_claro.site_body .site-header {
	background: linear-gradient(180deg, #ffffff 0%, #eceff4 100%) !important;
	box-shadow: inset 0 1px 0 #fff, 0 6px 20px rgba(24, 32, 50, 0.1);
}

html body.theme_claro.site_body .site-header::before {
	background: linear-gradient(180deg, #ffffff 0%, #eceff4 100%);
	box-shadow: inset 0 1px 0 #fff;
}

html body.theme_claro.site_body .site-header::after {
	background: linear-gradient(90deg, rgba(120, 130, 150, 0.12), rgba(120, 130, 150, 0.32) 50%, rgba(120, 130, 150, 0.12));
}

html body.theme_claro.site_body .site-header .header-search-wrap {
	background: #e8ebf0;
	border: 1px solid #d3d8e0;
	box-shadow: inset 0 1px 2px rgba(24, 32, 50, 0.06);
}

html body.theme_claro.site_body .site-header .header-search-wrap::before {
	content: none;
}

html body.theme_claro:is(.site_body) .card,
html body.theme_claro:is(.site_body) .post-card,
html body.theme_claro:is(.site_body) .composer-card,
html body.theme_claro:is(.site_body) .rang,
html body.theme_claro:is(.site_body) .feed-flash-card,
html body.theme_claro:is(.site_body) .feed-search-card {
	background: linear-gradient(180deg, #ffffff 0%, #f6f7fa 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.9) !important;
	box-shadow: 0 1px 2px rgba(24, 32, 50, 0.14), 0 10px 24px rgba(24, 32, 50, 0.06), inset 0 1px 0 #fff !important;
}

/* Claro: fondo de pantalla con capa blanca (equivale a la capa oscura del tema Oscuro) */
html body.theme_claro .site-wallpaper.is-tile {
	background-color: #e8ebf1;
}

html body.theme_claro .site-wallpaper::after {
	background: rgba(255, 255, 255, var(--feed-wallpaper-overlay, 0));
}

/* Tema Claro — header y barra inferior móvil en negro (mismo acabado sobrio que el tema Oscuro) */
html body.theme_claro.site_body .site-header {
	background: linear-gradient(180deg, #0c0d11 0%, #050608 100%) !important;
	border-bottom: 0;
	box-shadow: 0 10px 28px rgba(24, 32, 50, 0.28);
}

html body.theme_claro.site_body .site-header::before {
	content: none !important;
	display: none !important;
}

html body.theme_claro.site_body .site-header::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: rgba(255, 255, 255, 0.1);
	pointer-events: none;
}

html body.theme_claro.site_body .site-header .logo,
html body.theme_claro.site_body .site-header .header-guest__name {
	color: #f2f4f8;
}

html body.theme_claro.site_body .site-header .logo-box--file img {
	filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.6));
}

html body.theme_claro.site_body .site-header .header-search-wrap {
	background: #0a0b0e !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	box-shadow: none !important;
}

html body.theme_claro.site_body .site-header .header-search-wrap:focus-within {
	background: #0a0b0e !important;
	border-color: rgba(255, 255, 255, 0.28) !important;
	box-shadow: none !important;
}

html body.theme_claro.site_body .site-header .header-search-wrap i,
html body.theme_claro.site_body .site-header .header-search-wrap svg {
	color: #9aa1ad;
	stroke: #9aa1ad;
}

html body.theme_claro.site_body .site-header .header-search-input {
	color: #f2f4f8;
}

html body.theme_claro.site_body .site-header .header-search-input::placeholder {
	color: #8b919d;
}

html body.theme_claro.site_body .site-header .nav-actions .icon-btn {
	background: #14161b !important;
	color: #f2f4f8 !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html body.theme_claro.site_body .site-header .nav-actions .icon-btn:hover,
html body.theme_claro.site_body .site-header .nav-actions .icon-btn:focus-visible {
	background: #1d2027 !important;
	color: #ffffff !important;
}

html body.theme_claro.site_body .site-header .nav-actions .icon-btn__mark svg,
html body.theme_claro.site_body .site-header .nav-actions .icon-btn__mark i {
	color: #f2f4f8;
	stroke: #f2f4f8;
}

html body.theme_claro.site_body .site-header .header-guest__login {
	color: #aab0bb;
}

html body.theme_claro.site_body .site-header .header-guest__login:hover,
html body.theme_claro.site_body .site-header .header-guest__login:focus-visible {
	color: #ffffff;
}

html body.theme_claro.site_body .site-header .profile-trigger,
html body.theme_claro.site_body .site-header .profile-trigger * {
	color: #f2f4f8;
}

html body.theme_claro.site_body .site-header .profile-trigger .avatar-wrap.avatar-head .avatar {
	border-color: rgba(255, 255, 255, 0.18);
}

html body.theme_claro.site_body .mobile-dock {
	background: linear-gradient(180deg, #0c0d11 0%, #050608 100%) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

html body.theme_claro.site_body .mobile-dock__btn {
	color: #d9dde5;
}

html body.theme_claro.site_body .mobile-dock__btn:hover,
html body.theme_claro.site_body.explore-sheet-open .mobile-dock__btn--explore,
html body.theme_claro.site_body.archived-chats-open .mobile-dock__btn--archive {
	color: #ffffff;
}

/* Cada tema muestra solo su fondo (ambos están en la página para poder cambiar sin recargar) */
html body.theme_claro .site-wallpaper--dark,
html body:not(.theme_claro) .site-wallpaper--light {
	display: none !important;
}

/* Tema Claro: el buscador del header se distingue del fondo negro de la barra */
html body.theme_claro.site_body .site-header .header-search-wrap {
	background: #20232b !important;
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

html body.theme_claro.site_body .site-header .header-search-wrap:focus-within {
	background: #262a33 !important;
	border-color: rgba(255, 255, 255, 0.34) !important;
}

/* ==========================================================================
   Chat privado — apariencia elegida por cada usuario
   ========================================================================== */
#msg-root[data-chat-bubble="silver"] { --chat-sent-bg: linear-gradient(180deg, #f6f8fb 0%, #c9d0db 100%); --chat-sent-fg: #1b1f27; }
#msg-root[data-chat-bubble="green"] { --chat-sent-bg: #1f9d55; --chat-sent-fg: #fff; }
#msg-root[data-chat-bubble="violet"] { --chat-sent-bg: #7c4dff; --chat-sent-fg: #fff; }
#msg-root[data-chat-bubble="red"] { --chat-sent-bg: #e0434b; --chat-sent-fg: #fff; }
#msg-root[data-chat-bubble="orange"] { --chat-sent-bg: #f08a24; --chat-sent-fg: #fff; }
#msg-root[data-chat-bubble="pink"] { --chat-sent-bg: #e8559a; --chat-sent-fg: #fff; }
#msg-root[data-chat-bubble="black"] { --chat-sent-bg: #111318; --chat-sent-fg: #f2f4f8; }

#msg-root[data-chat-font="s"] { --chat-font: 0.72rem; }
#msg-root[data-chat-font="l"] { --chat-font: 0.95rem; }
#msg-root[data-chat-shape="round"] { --chat-radius: 18px; }
#msg-root[data-chat-shape="soft"] { --chat-radius: 11px; }
#msg-root[data-chat-shape="square"] { --chat-radius: 3px; }

html body #msg-root .msg {
	font-size: var(--chat-font, 0.8rem);
	border-radius: var(--chat-radius, 8px);
}

html body #msg-root .msg.sent {
	background: var(--chat-sent-bg, var(--wp-blue));
	color: var(--chat-sent-fg, #fff);
}

/* Fondos del chat */
html body #msg-root[data-chat-bg="tile"] .chat-window { background: #e4eaf0 url('images/chat-doodle-light.png') 0 0 / 420px 420px repeat !important; }
html body.theme_oscuro #msg-root[data-chat-bg="tile"] .chat-window { background: #16262f url('images/chat-doodle-dark.png') 0 0 / 420px 420px repeat !important; }
html body #msg-root[data-chat-bg="pearl"] .chat-window { background: linear-gradient(180deg, #f6f7fa 0%, #dfe3ea 100%) !important; }
html body #msg-root[data-chat-bg="sky"] .chat-window { background: linear-gradient(180deg, #e3eefc 0%, #c9dcf7 100%) !important; }
html body #msg-root[data-chat-bg="mint"] .chat-window { background: linear-gradient(180deg, #e2f4ea 0%, #c6e8d5 100%) !important; }
html body #msg-root[data-chat-bg="sunset"] .chat-window { background: linear-gradient(180deg, #fde6d8 0%, #f6c3cf 100%) !important; }
html body #msg-root[data-chat-bg="graphite"] .chat-window { background: linear-gradient(180deg, #1d2026 0%, #0c0d10 100%) !important; }
html body #msg-root[data-chat-bg="aurora"] .chat-window { background: linear-gradient(180deg, #14323d 0%, #0b1a2b 100%) !important; }
html body #msg-root[data-chat-bg="graphite"] .msg.received,
html body #msg-root[data-chat-bg="aurora"] .msg.received { background: #1b1e25; color: #e9ecf2; border-color: rgba(255, 255, 255, 0.1); }

/* Panel de ajustes del chat */
#msg-settings-view { padding-bottom: 14px; }
#msg-settings-view .chat-preview .chat-window { height: auto; min-height: 150px; }
#msg-settings-view .chat-preview .chat-messages { padding: 18px 16px 6px; overflow: visible; }
.chat-opt-group { padding: 14px 16px 0; }
.chat-opt-title { font-size: 0.78rem; font-weight: 700; margin-bottom: 8px; color: var(--text-main, inherit); }
.chat-opt-row { display: flex; flex-wrap: wrap; gap: 8px; }
.chat-opt-hint { margin: 8px 0 0; font-size: 0.72rem; color: var(--text-muted, #65676b); }
.chat-opt {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 6px 12px;
	border-radius: 999px;
	border: 1px solid var(--wp-border, #ced0d4);
	background: transparent;
	color: var(--text-main, inherit);
	font-size: 0.76rem;
	cursor: pointer;
}
.chat-opt.is-on { border-color: var(--text-main, #111); box-shadow: 0 0 0 1px var(--text-main, #111); font-weight: 700; }
.chat-opt--bubble { padding: 4px; }
.chat-opt__dot { width: 24px; height: 24px; border-radius: 50%; background: var(--wp-blue); display: block; }
.chat-opt__swatch { width: 18px; height: 18px; border-radius: 6px; border: 1px solid rgba(128, 128, 128, 0.35); display: block; background: transparent; }
.chat-opt--bubble[data-opt="silver"] .chat-opt__dot { background: linear-gradient(180deg, #f6f8fb, #c9d0db); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); }
.chat-opt--bubble[data-opt="green"] .chat-opt__dot { background: #1f9d55; }
.chat-opt--bubble[data-opt="violet"] .chat-opt__dot { background: #7c4dff; }
.chat-opt--bubble[data-opt="red"] .chat-opt__dot { background: #e0434b; }
.chat-opt--bubble[data-opt="orange"] .chat-opt__dot { background: #f08a24; }
.chat-opt--bubble[data-opt="pink"] .chat-opt__dot { background: #e8559a; }
.chat-opt--bubble[data-opt="black"] .chat-opt__dot { background: #111318; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25); }
.chat-opt--bg[data-opt="tile"] .chat-opt__swatch { background: #e8ebf1; }
.chat-opt--bg[data-opt="pearl"] .chat-opt__swatch { background: linear-gradient(180deg, #f6f7fa, #dfe3ea); }
.chat-opt--bg[data-opt="sky"] .chat-opt__swatch { background: linear-gradient(180deg, #e3eefc, #c9dcf7); }
.chat-opt--bg[data-opt="mint"] .chat-opt__swatch { background: linear-gradient(180deg, #e2f4ea, #c6e8d5); }
.chat-opt--bg[data-opt="sunset"] .chat-opt__swatch { background: linear-gradient(180deg, #fde6d8, #f6c3cf); }
.chat-opt--bg[data-opt="graphite"] .chat-opt__swatch { background: linear-gradient(180deg, #1d2026, #0c0d10); }
.chat-opt--bg[data-opt="aurora"] .chat-opt__swatch { background: linear-gradient(180deg, #14323d, #0b1a2b); }

/* Chat privado estilo CodyChat: avatar arriba, burbuja ajustada, hora debajo */
html body #msg-root .chat-messages { display: flex; flex-direction: column; gap: 14px; padding: 18px 16px; }
html body #msg-root .msg {
	display: grid; max-width: 86%; width: fit-content; margin: 0; padding: 0;
	background: transparent !important; border: 0 !important; box-shadow: none; border-radius: 0;
	column-gap: 10px; row-gap: 3px; align-items: start; color: inherit;
}
html body #msg-root .msg.received { align-self: flex-start; margin-right: auto; grid-template-columns: 36px minmax(0, auto); }
html body #msg-root .msg.sent { align-self: flex-end; margin-left: auto; grid-template-columns: minmax(0, auto) 36px; }
html body #msg-root .msg:not(:has(> .msg-av)).received { grid-template-columns: minmax(0, auto); }
html body #msg-root .msg:not(:has(> .msg-av)).sent { grid-template-columns: minmax(0, auto); }
html body #msg-root .msg > .msg-av { position: static; width: 36px; height: 36px; line-height: 0; grid-row: 1 / span 2; }
html body #msg-root .msg.received > .msg-av { grid-column: 1; }
html body #msg-root .msg.sent > .msg-av { grid-column: 2; }
html body #msg-root .msg > .msg-av .avatar-wrap { width: 36px; height: 36px; }
html body #msg-root .msg > .msg-av .avatar { width: 36px; height: 36px; font-size: 14px; }
html body #msg-root .msg > .msg-text {
	grid-row: 1; padding: 10px 16px; line-height: 1.45; word-break: break-word;
	border-radius: var(--chat-radius, 18px); font-size: var(--chat-font, 0.85rem);
}
html body #msg-root .msg.received > .msg-text { grid-column: 2; background: #f1f1f2; color: #23262d; justify-self: start; }
html body #msg-root .msg.sent > .msg-text { grid-column: 1; background: var(--chat-sent-bg, var(--wp-blue)); color: var(--chat-sent-fg, #fff); justify-self: end; }
html body #msg-root .msg:not(:has(> .msg-av)) > .msg-text { grid-column: 1; }
html body #msg-root .msg > .msg-meta-row { grid-row: 2; margin: 0; padding: 0 6px; gap: 6px; justify-content: flex-start; font-size: 0.68rem; color: #8a8f98; opacity: 1; }
html body #msg-root .msg.received > .msg-meta-row { grid-column: 2; }
html body #msg-root .msg.sent > .msg-meta-row { grid-column: 1; justify-content: flex-end; }
html body #msg-root .msg:not(:has(> .msg-av)) > .msg-meta-row { grid-column: 1; }
html body #msg-root .msg-delete-btn { color: #9aa0aa; width: 18px; height: 18px; }
html body #msg-root[data-chat-bg="graphite"] .msg.received > .msg-text,
html body #msg-root[data-chat-bg="aurora"] .msg.received > .msg-text,
html body.theme_oscuro #msg-root .msg.received > .msg-text { background: #23262d; color: #e9ecf2; }
html body #msg-root[data-chat-bg="graphite"] .msg-meta-row,
html body #msg-root[data-chat-bg="aurora"] .msg-meta-row,
html body.theme_oscuro #msg-root .msg-meta-row { color: #9aa0aa; }

/* Cabecera y envio estilo CodyChat */
html body .modal-header:has(#msg-title) { background: #202020 !important; color: #fff !important; border-bottom: 0 !important; padding: 12px 16px; }
html body .modal-header:has(#msg-title) #msg-title { color: #fff !important; font-size: 1rem !important; font-weight: 600; }
html body .modal-header:has(#msg-title) .icon-btn, html body .modal-header:has(#msg-title) .icon-btn i, html body .modal-header:has(#msg-title) .modal-close { color: #fff !important; }
html body .modal-header:has(#msg-title) .icon-btn:hover { background: rgba(255,255,255,.14) !important; }
.msg-title-av:empty { display: none; }
.msg-title-av { display: inline-flex; line-height: 0; }
.msg-title-av .avatar-wrap, .msg-title-av .avatar { width: 34px !important; height: 34px !important; }
html body #msg-root .message-input-row { padding: 10px 12px; gap: 10px; align-items: center; background: #fff; border-top: 1px solid #ececec; }
html body #msg-root .message-input-row input { flex: 1; height: 42px; border: 0; border-radius: 999px; background: #f1f1f2; padding: 0 18px; font-size: .9rem; outline: none; }
html body #msg-root .message-input-row button.click_run { width: 46px !important; height: 46px !important; border-radius: 50% !important; background: #202020 !important; color: #fff !important; border: 0; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
html body #msg-root .message-input-row button.click_run i, html body #msg-root .message-input-row button.click_run svg { color: #fff; stroke: #fff; fill: #fff; width: 18px !important; height: 18px !important; }

/* Mensajes: ventana flotante sin bloquear la pagina */
html body #small_modal.ts-float { background: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; pointer-events: none; }
html body #small_modal.ts-float .small_modal_in { pointer-events: auto; box-shadow: 0 18px 50px rgba(0,0,0,.35), 0 0 0 1px rgba(0,0,0,.08); border-radius: 10px; }
html body #small_modal.ts-float .modal-header:has(#msg-title) { cursor: grab; touch-action: none; user-select: none; }
html body #small_modal.ts-float .modal-header:has(#msg-title):active { cursor: grabbing; }
html body #small_modal.ts-float .modal_close, html body #small_modal.ts-float .modal_close * { color: #fff !important; }

/* Adjuntos y nota de voz en el chat */
html body #msg-root .message-input-row { gap: 6px; }
html body #msg-root .chat-tool-btn { width: 36px; height: 36px; border: 0; background: transparent; color: #8a8f98; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; cursor: pointer; padding: 0; }
html body #msg-root .chat-tool-btn:hover { background: #f1f1f2; color: #23262d; }
html body #msg-root .chat-tool-btn i, html body #msg-root .chat-tool-btn svg { width: 20px; height: 20px; }
html body #msg-root .chat-tool-btn.is-rec { color: #fff; background: #e03131; animation: tsChatRec 1.1s ease-in-out infinite; }
@keyframes tsChatRec { 50% { opacity: .55; } }
html body #msg-root .message-input-row.is-uploading { opacity: .6; pointer-events: none; }
html body .chat-send-btn i, html body .chat-send-btn svg, html body #msg-root .chat-send-btn i, html body #msg-root .chat-send-btn svg { width: 28px !important; height: 28px !important; min-width: 28px; fill: none !important; stroke-width: 2; }
.ts-chat-media video { display: block; max-width: min(100%, 300px); max-height: 260px; border-radius: 10px; background: #000; }
html body #msg-root .msg-text:has(.ts-chat-media), html body #msg-root .msg-text:has(.ts-rich--image) { padding: 6px; }

/* Grabacion de nota de voz */
html body #msg-root .message-input-row { position: relative; }
html body #msg-root .message-input-row.is-recording > :not(.chat-rec) { visibility: hidden; }
.chat-rec { position: absolute; inset: 0; display: flex; align-items: center; gap: 10px; padding: 0 12px; background: #fff; z-index: 2; }
.chat-rec button { width: 42px; height: 42px; border: 0; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; flex: 0 0 auto; padding: 0; }
.chat-rec__cancel { background: #f1f1f2; color: #e03131; }
.chat-rec__send { background: #202020; color: #fff; }
.chat-rec button i, .chat-rec button svg { width: 18px; height: 18px; }
.chat-rec__dot { width: 11px; height: 11px; border-radius: 50%; background: #e03131; flex: 0 0 auto; animation: tsRecDot 1s ease-in-out infinite; box-shadow: 0 0 0 0 rgba(224,49,49,.55); }
@keyframes tsRecDot { 0% { box-shadow: 0 0 0 0 rgba(224,49,49,.55); } 70% { box-shadow: 0 0 0 9px rgba(224,49,49,0); } 100% { box-shadow: 0 0 0 0 rgba(224,49,49,0); } }
.chat-rec__time { font-variant-numeric: tabular-nums; font-weight: 600; font-size: .9rem; color: #23262d; min-width: 34px; }
.chat-rec__wave { flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 3px; height: 30px; overflow: hidden; }
.chat-rec__wave i { display: block; width: 3px; height: 4px; border-radius: 3px; background: #202020; transition: height .08s linear; }
html body.theme_oscuro .chat-rec { background: #15171c; }
html body.theme_oscuro .chat-rec__time { color: #e9ecf2; }
html body.theme_oscuro .chat-rec__wave i { background: #e9ecf2; }

/* Burbuja propia negra */
html body #msg-root .msg.sent > .msg-text { background: #202020 !important; color: #fff !important; }

/* Privados en tema oscuro: todo negro */
html body.theme_oscuro #small_modal.ts-float .small_modal_in,
html body.theme_oscuro #small_modal.ts-float #small_modal_content { background: #0c0d10; color: #e9ecf2; }
html body.theme_oscuro #msg-root, html body.theme_oscuro #msg-root #msg-list-view, html body.theme_oscuro #msg-root #msg-chat-view { background: #0c0d10 !important; color: #e9ecf2; }
html body.theme_oscuro #msg-root .chat-list-item { background: transparent; color: #e9ecf2; border-bottom-color: rgba(255,255,255,.08); }
html body.theme_oscuro #msg-root .chat-list-item:hover { background: #17191f; }
html body.theme_oscuro #msg-root .chat-list-item__preview, html body.theme_oscuro #msg-root .chat-list-item__time { color: #9aa0aa; }
html body.theme_oscuro #msg-root .card-body { color: #9aa0aa !important; }
html body.theme_oscuro #msg-root .chat-window { background-color: #000; }
html body.theme_oscuro #msg-root .message-input-row { background: #111318; border-top-color: #23262d; }
html body.theme_oscuro #msg-root .message-input-row input { background: #1d2026; color: #f1f3f7; }
html body.theme_oscuro #msg-root .message-input-row input::placeholder { color: #8a8f98; }
html body.theme_oscuro #msg-root .chat-tool-btn { color: #9aa0aa; }
html body.theme_oscuro #msg-root .chat-tool-btn:hover { background: #1d2026; color: #fff; }
html body.theme_oscuro #msg-root .message-input-row button.click_run { background: #f1f3f7 !important; color: #0c0d10 !important; }
html body.theme_oscuro #msg-root .message-input-row button.click_run i, html body.theme_oscuro #msg-root .message-input-row button.click_run svg { color: #0c0d10; stroke: #0c0d10; fill: #0c0d10; }
html body.theme_oscuro #msg-root .msg.sent > .msg-text { background: #000 !important; box-shadow: 0 0 0 1px rgba(255,255,255,.22); }
html body.theme_oscuro #msg-root .chat-rec__send { background: #f1f3f7; color: #0c0d10; }
html body.theme_oscuro #msg-root .chat-rec__cancel { background: #1d2026; }
html body.theme_oscuro #msg-root .thread-jump-btn { background: #f1f3f7; color: #0c0d10; }
html body.theme_oscuro #msg-root .chat-messages::-webkit-scrollbar-thumb { background: #2b2e36; }
html body.theme_oscuro #small_modal.ts-float .small_modal_in { box-shadow: 0 18px 50px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.12); }

/* Audio del privado: mismo reproductor de los feeds, mas corto */
html body #msg-root .msg-text:has(.ts-chat-media--audio) { background: transparent !important; box-shadow: none !important; padding: 0 !important; }
.ts-chat-media--audio .ts-audio-player { width: 270px; max-width: 100%; margin: 0; }
.ts-chat-media--audio .ts-audio-player__mute { display: none; }
.ts-chat-media--audio .ts-audio-player__bars { height: 26px; }

/* Notificaciones: tarjetas curvas */
html body .small_modal_in:has(.notif-header) { border-radius: 24px; overflow: hidden; box-shadow: 0 24px 60px rgba(15,18,26,.28), 0 0 0 1px rgba(15,18,26,.06); }
html body .notif-header { background: #fff !important; border-bottom: 0 !important; padding: 20px 22px 10px !important; }
html body .notif-header .modal-title { font-size: 1.25rem; font-weight: 800; letter-spacing: -.01em; }
html body .notif-header .icon-btn { width: 38px; height: 38px; border-radius: 50%; background: #f1f2f5; display: inline-flex; align-items: center; justify-content: center; color: #3a3f4a; }
html body .notif-header .icon-btn:hover { background: #e4e6eb; }
html body .small_modal_in:has(.notif-header) .modal_close { top: 20px; right: 18px; }
html body .notif-list { padding: 6px 14px 16px !important; background: #fff; display: flex; flex-direction: column; gap: 8px; }
html body .notif-list .card-body { padding: 28px 12px; text-align: center; border-radius: 16px; background: #f6f7f9; }
html body .notif-list .notification-row { border: 0 !important; padding: 12px 14px !important; border-radius: 18px; background: #f6f7f9; align-items: flex-start; gap: 12px; transition: background .15s ease; }
html body .notif-list .notification-row:hover { background: #eef0f4; }
html body .notif-list .notification-row.unread { background: #eaf1ff; }
html body .notif-list .notification-row.unread:hover { background: #dfe9fd; }
html body .notif-list .notif-line { font-size: .86rem; line-height: 1.35; color: #1b1e25; }
html body .notif-list .notif-time { display: block; margin-top: 2px; font-size: .72rem; color: #8a93a6; }
html body .notif-list .notification-target-preview { margin-top: 8px; padding: 8px 12px; border-radius: 12px; background: #fff; color: #4a4f5b; font-size: .78rem; box-shadow: 0 0 0 1px rgba(15,18,26,.06); }
html body .notif-list .notification-delete-btn { width: 28px; height: 28px; border-radius: 50%; padding: 0; display: inline-flex; align-items: center; justify-content: center; background: rgba(15,18,26,.06); color: #5a6070; }
html body .notif-list .notification-delete-btn:hover { background: rgba(15,18,26,.13); }
html body.theme_oscuro .small_modal_in:has(.notif-header) { box-shadow: 0 24px 60px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.1); }
html body.theme_oscuro .notif-header, html body.theme_oscuro .notif-list { background: #0c0d10 !important; color: #f1f3f7; }
html body.theme_oscuro .notif-header .icon-btn { background: #1d2026; color: #e9ecf2; }
html body.theme_oscuro .notif-header .icon-btn:hover { background: #272b33; }
html body.theme_oscuro .notif-list .card-body, html body.theme_oscuro .notif-list .notification-row { background: #16181d; }
html body.theme_oscuro .notif-list .notification-row:hover { background: #1d2026; }
html body.theme_oscuro .notif-list .notification-row.unread { background: #1c2433; }
html body.theme_oscuro .notif-list .notif-line { color: #f1f3f7; }
html body.theme_oscuro .notif-list .notification-target-preview { background: #0c0d10; color: #aab0bd; box-shadow: 0 0 0 1px rgba(255,255,255,.08); }
html body.theme_oscuro .notif-list .notification-delete-btn { background: rgba(255,255,255,.08); color: #c5cad5; }

/* Denuncia: formulario moderno */
html body .small_modal_in:has(.report-header) { border-radius: 24px; overflow: hidden; box-shadow: 0 24px 60px rgba(15,18,26,.28), 0 0 0 1px rgba(15,18,26,.06); }
html body .report-header { background: #fff !important; border-bottom: 0 !important; padding: 20px 24px 6px !important; }
html body .report-header .modal-title { font-size: 1.25rem; font-weight: 800; letter-spacing: -.01em; }
html body .small_modal_in:has(.report-header) .modal_close { top: 18px; right: 18px; }
html body .report-form { display: flex; flex-direction: column; gap: 18px; padding: 8px 6px 6px; }
html body .report-target { padding: 14px 16px; border-radius: 18px; background: #f6f7f9; }
html body .report-target__chip { display: inline-block; padding: 3px 11px; border-radius: 999px; background: #e7e9ee; color: #4a4f5b; font-size: .72rem; font-weight: 700; }
html body .report-target__text { margin-top: 9px; font-size: .95rem; color: #1b1e25; word-break: break-word; max-height: 4.6em; overflow: hidden; }
html body .report-field__label { font-size: .8rem; font-weight: 700; color: #4a4f5b; margin: 0 4px 8px; }
html body .report-chips { display: flex; flex-wrap: wrap; gap: 8px; }
html body .report-chip { position: relative; cursor: pointer; }
html body .report-chip input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }
html body .report-chip span { display: inline-block; padding: 8px 14px; border-radius: 999px; background: #f1f2f5; color: #2b2f38; font-size: .84rem; font-weight: 600; transition: background .15s, color .15s; }
html body .report-chip:hover span { background: #e4e6eb; }
html body .report-chip input:checked + span { background: #202020; color: #fff; }
html body .report-chip input:focus-visible + span { outline: 2px solid #4a8cff; outline-offset: 2px; }
html body .report-textarea { width: 100%; min-height: 110px; padding: 14px 16px; border: 0; border-radius: 18px; background: #f1f2f5; color: #1b1e25; font: inherit; font-size: .92rem; resize: vertical; outline: none; box-sizing: border-box; }
html body .report-textarea:focus { box-shadow: 0 0 0 2px rgba(32,32,32,.35); }
html body .report-actions { display: flex; justify-content: flex-end; padding-bottom: 8px; }
html body .report-submit { border: 0; cursor: pointer; padding: 13px 24px; border-radius: 999px; background: #e03131; color: #fff; font: inherit; font-weight: 700; display: inline-flex; align-items: center; gap: 8px; transition: filter .15s; }
html body .report-submit:hover { filter: brightness(1.08); }
html body.theme_oscuro .small_modal_in:has(.report-header) { box-shadow: 0 24px 60px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.1); }
html body.theme_oscuro .report-header, html body.theme_oscuro .small_modal_in:has(.report-header) .modal-body { background: #0c0d10 !important; color: #f1f3f7; }
html body.theme_oscuro .report-target { background: #16181d; }
html body.theme_oscuro .report-target__chip { background: #272b33; color: #c5cad5; }
html body.theme_oscuro .report-target__text { color: #f1f3f7; }
html body.theme_oscuro .report-field__label { color: #aab0bd; }
html body.theme_oscuro .report-chip span { background: #1d2026; color: #e9ecf2; }
html body.theme_oscuro .report-chip:hover span { background: #272b33; }
html body.theme_oscuro .report-chip input:checked + span { background: #f1f3f7; color: #0c0d10; }
html body.theme_oscuro .report-textarea { background: #16181d; color: #f1f3f7; }
html body.theme_oscuro .report-textarea:focus { box-shadow: 0 0 0 2px rgba(255,255,255,.3); }

/* Avisos (mensajes y campana) en oscuro: mismo estilo con aro blanco que en claro */
html body.theme_oscuro:is(.site_body, .admin_body) .notify-pip,
html body.theme_oscuro:is(.site_body, .admin_body) .dot { min-width: 18px; height: 18px; line-height: 18px; font-size: 10.5px; top: -6px; right: -7px; box-shadow: 0 0 0 2px #ffffff; }

/* Aviso lateral: solo un punto; numeros dentro de la lista de privados */
html body .side-rail .notify-pip { min-width: 0; width: 11px; height: 11px; padding: 0; font-size: 0; line-height: 0; color: transparent; top: -2px; right: -3px; box-shadow: 0 0 0 2px #ffffff; }
html body.theme_oscuro:is(.site_body, .admin_body) .side-rail .notify-pip { min-width: 0; width: 11px; height: 11px; line-height: 0; font-size: 0; top: -2px; right: -3px; box-shadow: 0 0 0 2px #000; }
.chat-list-item__bottom { display: flex; align-items: center; gap: 10px; }
.chat-list-item__bottom .chat-list-item__preview { flex: 1; min-width: 0; }
.chat-list-item__unread { flex: 0 0 auto; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: #1d9bf0; color: #fff; font-size: .7rem; font-weight: 800; line-height: 20px; text-align: center; }

/* Campana mas grande */
html body .site-header button[data-run="openNotificationsBox"] svg, html body .site-header button[data-run="openNotificationsBox"] i { width: 26px; height: 26px; }
html body .site-header button[data-run="openNotificationsBox"] .notify-pip { top: -7px; right: -9px; }

/* Sobre del header (movil): tambien solo un punto */
html body .site-header .header-notify-private.notify-pip { min-width: 0; width: 11px; height: 11px; padding: 0; font-size: 0; line-height: 0; color: transparent; top: -2px; right: -3px; box-shadow: 0 0 0 2px var(--header-pip-ring, #fff); }

/* Reacciones del trino: pulgar arriba y risa */
html body .post-react-btn--heart:hover, html body .post-react-btn--heart:focus-visible { background: rgba(29,155,240,.10); color: #1d9bf0; }
html body .post-react-btn--heart.has-likes, html body .post-react-btn--heart.has-likes:hover, html body .post-react-btn--heart.active, html body .post-react-btn--heart.active:hover { color: #1d9bf0; background: rgba(29,155,240,.14); }
html body .post-react-btn--heart.like-animating::before { box-shadow: 0 0 0 0 rgba(29,155,240,.55); }
html body .post-react-btn--laugh:hover, html body .post-react-btn--laugh:focus-visible { background: rgba(245,158,11,.12); color: #d97706; }
html body .post-react-btn--laugh.has-likes, html body .post-react-btn--laugh.has-likes:hover, html body .post-react-btn--laugh.active, html body .post-react-btn--laugh.active:hover { color: #d97706; background: rgba(245,158,11,.16); }
html body .post-react-btn--laugh.like-animating::before { box-shadow: 0 0 0 0 rgba(245,158,11,.55); }
html body .post-react-btn--laugh.active .comment-react-svg circle { fill: #fbbf24; stroke: #d97706; }
html body .post-react-btn--laugh.active .comment-react-svg path { stroke: #7c2d12; fill: none; }
html body .post-react-btn--laugh.active .comment-react-svg .laugh-mouth { fill: #7c2d12; }

/* Reacciones con imagen propia: normales, sin fondos ni grises */
html body .post-react-btn .post-react-img { width: 26px; height: 26px; display: block; flex-shrink: 0; object-fit: contain; filter: none; transition: transform .18s ease; user-select: none; }
html body .post-react-btn:hover .post-react-img { transform: scale(1.1); }
html body .post-react-btn--heart, html body .post-react-btn--laugh,
html body .post-react-btn--heart:hover, html body .post-react-btn--laugh:hover,
html body .post-react-btn--heart:focus-visible, html body .post-react-btn--laugh:focus-visible,
html body .post-react-btn--heart.active, html body .post-react-btn--laugh.active,
html body .post-react-btn--heart.has-likes, html body .post-react-btn--laugh.has-likes,
html body .post-react-btn--heart.active:hover, html body .post-react-btn--laugh.active:hover,
html body .post-react-btn--heart.has-likes:hover, html body .post-react-btn--laugh.has-likes:hover { background: transparent; color: var(--text-muted); }
html body .post-react-btn .post-react-count:empty { display: inline; }
.post-likers-list__rx .post-react-img { width: 20px; height: 20px; }

/* Reacciones: ningun efecto de fondo en ningun estado ni tema */
html body .post-react-btn--heart, html body .post-react-btn--laugh,
html body .post-react-btn--heart:hover, html body .post-react-btn--laugh:hover,
html body .post-react-btn--heart:focus, html body .post-react-btn--laugh:focus,
html body .post-react-btn--heart:focus-visible, html body .post-react-btn--laugh:focus-visible,
html body .post-react-btn--heart:active, html body .post-react-btn--laugh:active,
html body .post-react-btn--heart.active, html body .post-react-btn--laugh.active,
html body .post-react-btn--heart.has-likes, html body .post-react-btn--laugh.has-likes,
html body.theme_oscuro .post-react-btn--heart, html body.theme_oscuro .post-react-btn--laugh,
html body.theme_oscuro .post-react-btn--heart:hover, html body.theme_oscuro .post-react-btn--laugh:hover,
html body.theme_oscuro .post-react-btn--heart:active, html body.theme_oscuro .post-react-btn--laugh:active,
html body.theme_oscuro .post-react-btn--heart.active, html body.theme_oscuro .post-react-btn--laugh.active { background: transparent !important; box-shadow: none !important; outline: none; color: var(--text-muted) !important; }
html body .post-react-btn.like-animating::before { display: none; }

/* Corazon de comentarios: imagen premium, sin pintar ni fondo */
html body .comment-react-btn .comment-react-img { width: 22px; height: 22px; display: block; flex-shrink: 0; object-fit: contain; transition: transform .18s ease; user-select: none; }
html body .comment-react-btn:hover .comment-react-img { transform: scale(1.1); }
html body .comment-react-btn .comment-react-count:empty { display: inline; }
html body .comment-react-btn, html body .comment-react-btn:hover, html body .comment-react-btn:focus, html body .comment-react-btn:focus-visible, html body .comment-react-btn:active,
html body .comment-react-btn.active, html body .comment-react-btn--heart.active,
html body.theme_oscuro .comment-react-btn, html body.theme_oscuro .comment-react-btn:hover, html body.theme_oscuro .comment-react-btn.active { background: transparent !important; box-shadow: none !important; outline: none; color: var(--text-muted, #65676b) !important; }

/* Boton de comentarios del trino: icono premium, sin fondos */
html body .post-comment-btn .post-react-img { width: 26px; height: 26px; display: block; flex-shrink: 0; object-fit: contain; transition: transform .18s ease; user-select: none; }
html body .post-comment-btn:hover .post-react-img { transform: scale(1.1); }
html body .post-comment-btn, html body .post-comment-btn:hover, html body .post-comment-btn:focus, html body .post-comment-btn:active, html body.theme_oscuro .post-comment-btn, html body.theme_oscuro .post-comment-btn:hover { background: transparent !important; box-shadow: none !important; outline: none; }

html body .post-likers-list__rx { display:inline-flex; align-items:center; gap:8px; }
html body .post-likers-list__rx-label { font-size:.78rem; font-weight:600; color:var(--text-muted); white-space:nowrap; }

/* ==========================================================================
   Compositor — tema Claro: mismo botón Trinar negro y píldora que el Oscuro
   ========================================================================== */
html body.theme_claro #composer_card.composer-card--glass {
	padding: 18px 20px 16px 18px !important;
	gap: 16px;
	border-radius: 26px;
}

html body.theme_claro #composer_card.composer-card--glass .composer-field {
	padding: 6px 54px 6px 20px;
	border-radius: 22px;
	border: 1px solid #dfe3ea !important;
	background: #f7f8fa !important;
	box-shadow: none !important;
	transition: border-color .15s ease, background .15s ease;
}

html body.theme_claro #composer_card.composer-card--glass .composer-field:focus-within {
	background: #fff !important;
	border-color: #0b0b0c !important;
	box-shadow: none !important;
}

html body.theme_claro #composer_card.composer-card--glass .composer-textarea {
	color: #0b0b0c;
	background: transparent !important;
}

html body.theme_claro #composer_card.composer-card--glass .composer-textarea::placeholder {
	color: #7b8290;
}

html body.theme_claro #composer_card.composer-card--glass .composer-emoji-btn {
	color: #6b7280;
	background: transparent !important;
	box-shadow: none !important;
}

html body.theme_claro #composer_card.composer-card--glass .composer-emoji-btn:hover {
	color: #0b0b0c;
	background: transparent !important;
}

html body.theme_claro #composer_card.composer-card--glass .composer-footer {
	padding-top: 14px;
	gap: 12px;
}

html body.theme_claro #composer_card.composer-card--glass .composer-toolbar {
	gap: 10px;
}

html body.theme_claro #composer_card.composer-card--glass .composer-tool-btn {
	width: 46px;
	height: 46px;
	border-radius: 14px;
	color: #0b0b0c;
	background: #fff !important;
	border: 1px solid #dfe3ea !important;
	box-shadow: 0 1px 2px rgba(24, 32, 50, 0.06) !important;
	transition: border-color .15s ease, background .15s ease;
}

html body.theme_claro #composer_card.composer-card--glass .composer-tool-btn:hover {
	color: #0b0b0c;
	background: #f2f4f7 !important;
	border-color: #0b0b0c !important;
}

html body.theme_claro #composer_card.composer-card--glass .composer-actions {
	gap: 16px;
	padding-inline-start: 18px;
	border-inline-start: 1px solid #e3e6ec;
}

html body.theme_claro #composer_card.composer-card--glass .composer-count {
	color: #7b8290;
}

html body.theme_claro #composer_card.composer-card--glass .composer-submit-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	padding: 8px 26px;
	border-radius: 999px !important;
	font-size: 1.05rem;
	font-weight: 700;
	color: #fff !important;
	border: 1px solid rgba(255, 255, 255, 0.34) !important;
	background:
		radial-gradient(90% 140% at 20% 0%, rgba(255, 255, 255, 0.12), transparent 60%),
		linear-gradient(180deg, #151516, #060607) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.55),
		inset 0 -1px 0 rgba(255, 255, 255, 0.28),
		0 0 0 1px rgba(0, 0, 0, 0.9),
		0 8px 18px rgba(0, 0, 0, 0.28) !important;
	transition: border-color .15s ease, background .15s ease;
}

html body.theme_claro #composer_card.composer-card--glass .composer-submit-btn:hover:not(:disabled) {
	color: #fff !important;
	border-color: rgba(255, 255, 255, 0.7) !important;
	background:
		radial-gradient(90% 140% at 20% 0%, rgba(255, 255, 255, 0.18), transparent 60%),
		linear-gradient(180deg, #1b1b1d, #08080a) !important;
}

html body.theme_claro #composer_card.composer-card--glass .composer-submit-btn:disabled {
	opacity: .55;
}

html body.theme_claro #composer_card.composer-card--glass .composer-submit-btn svg,
html body.theme_claro #composer_card.composer-card--glass .composer-submit-btn i {
	color: #fff;
	width: 22px;
	height: 22px;
}

@media (max-width: 640px) {
	html body.theme_claro #composer_card.composer-card--glass .composer-actions {
		border-inline-start: none;
		padding-inline-start: 0;
	}
}

/* ==========================================================================
   Ajustes de cuenta — estilo CodyChat: portada, avatar superpuesto,
   secciones agrupadas con filas redondeadas e iconos en baldosa
   ========================================================================== */
html body .edit-pro { padding-bottom: 18px; }

html body .edit-pro__hero {
	height: 150px;
	background-color: #1b2330;
	background-image: linear-gradient(165deg, #2b3646 0%, #131a24 80%);
}

html body .edit-pro__cover-ctrl { top: auto; bottom: 12px; right: 14px; gap: 8px; }

html body .edit-pro__mini {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.6);
	border: 1px solid rgba(255, 255, 255, 0.22);
	backdrop-filter: blur(6px);
	transition: background .15s ease, transform .15s ease;
}
html body .edit-pro__mini:hover { background: rgba(0, 0, 0, 0.82); transform: scale(1.06); }
html body .edit-pro__mini i, html body .edit-pro__mini svg { font-size: 14px; }

html body .edit-pro__avatar { width: 104px; height: 104px; margin: -52px auto 0; }
html body .edit-pro__av-ctrl {
	left: auto;
	right: 0;
	bottom: 2px;
	transform: none;
	gap: 6px;
}
html body .edit-pro__av-ctrl .edit-pro__mini {
	width: 30px;
	height: 30px;
	border: 2px solid var(--card-bg, #fff);
	background: #0b0b0c;
}

html body .edit-pro__id { margin: 14px 0 6px; }
html body .edit-pro__name { font-size: 1.3rem; font-weight: 800; letter-spacing: -0.01em; }

html body .edit-pro__group { padding: 14px 16px 0; }
html body .edit-pro__group-title {
	padding: 0 6px 8px;
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--text-muted, #8a8b91);
}

html body .edit-pro__list {
	margin-top: 0;
	border: 1px solid var(--wp-border, #e3e6ec);
	border-radius: 18px;
	overflow: hidden;
	background: var(--card-bg, #fff);
}

html body .edit-pro__row {
	gap: 14px;
	padding: 12px 14px;
	font-size: .95rem;
	font-weight: 600;
	border-bottom: 1px solid var(--wp-border, #ececec);
	transition: background .15s ease;
}
html body .edit-pro__row:last-child { border-bottom: 0; }
html body .edit-pro__row:hover { background: color-mix(in srgb, var(--text-main, #000) 5%, transparent); }

html body .edit-pro__ico {
	width: 38px;
	height: 38px;
	border-radius: 12px;
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: color-mix(in srgb, var(--text-main, #000) 7%, transparent);
	color: var(--text-main);
}
html body .edit-pro__ico i { width: auto; font-size: 16px; color: inherit; }

html body .edit-pro__label { flex: 1; min-width: 0; }

html body .edit-pro__row .edit-pro__chev {
	width: auto;
	font-size: 12px;
	color: var(--text-muted, #9aa1ad);
	flex-shrink: 0;
}

html body.theme_oscuro .edit-pro__list { background: #0a0a0b; border-color: rgba(255, 255, 255, 0.1); }
html body.theme_oscuro .edit-pro__row { border-bottom-color: rgba(255, 255, 255, 0.08); }
html body.theme_oscuro .edit-pro__ico { background: rgba(255, 255, 255, 0.08); color: #fff; }
html body.theme_oscuro .edit-pro__hero { background-image: linear-gradient(165deg, #1f2937 0%, #0b0f16 80%); }
html body.theme_oscuro .edit-pro__av-ctrl .edit-pro__mini { border-color: #000; }

/* ==========================================================================
   Pastilla de música del perfil — armada como CodyChat: píldora gris
   translúcida 105x45, botón circular de 36px con el SVG de play/pause a
   tamaño completo y 4 barras (animación calcada del GIF de referencia)
   ========================================================================== */
html body .proplayer {
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
	width: 105px;
	height: 45px;
	zoom: 0.8;
	padding: 4px 18px 4px 8px;
	gap: 11px;
	border-radius: 999px;
	background: rgba(83, 90, 92, 0.5);
	box-shadow: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}

html body .proplayer_play,
html body .proplayer--yt .proplayer_play {
	position: relative;
	width: 36px;
	height: 36px;
	flex: 0 0 36px;
	border-radius: 50%;
	background: #03add8;
	box-shadow: none;
	display: block;
}

html body.theme_oscuro .proplayer_play,
html body.theme_oscuro .proplayer--yt .proplayer_play {
	background: linear-gradient(180deg, #2c2c2f, #0a0a0b);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}

html body .proplayer_icon {
	position: absolute;
	inset: 0;
	width: 36px;
	height: 36px;
	fill: #fff;
	display: block;
}
html body .proplayer_icon--pause { display: none; }
html body .proplayer.is-playing .proplayer_icon--play { display: none; }
html body .proplayer.is-playing .proplayer_icon--pause { display: block; }

html body .proplayer_beat {
	flex: 0 0 33px;
	width: 33px;
	height: 26px;
	margin: 0;
	padding: 0;
	gap: 4.8px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

html body .proplayer_beat span {
	width: 4.7px;
	height: 4.7px;
	flex: 0 0 4.7px;
	border-radius: 4.7px;
	background: #fff;
	opacity: 1;
	transform: none;
}

html body .proplayer_beat span:nth-child(n+5) { display: none; }

html body .proplayer.is-playing .proplayer_beat span {
	animation-duration: 1.98s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
html body .proplayer.is-playing .proplayer_beat span:nth-child(1) { animation-name: ts-pro-b1; }
html body .proplayer.is-playing .proplayer_beat span:nth-child(2) { animation-name: ts-pro-b2; }
html body .proplayer.is-playing .proplayer_beat span:nth-child(3) { animation-name: ts-pro-b3; }
html body .proplayer.is-playing .proplayer_beat span:nth-child(4) { animation-name: ts-pro-b4; }

@keyframes ts-pro-b1{0.0%{height:4.9px}1.54%{height:4.9px}3.08%{height:4.9px}4.62%{height:4.9px}6.15%{height:4.9px}7.69%{height:4.9px}9.23%{height:4.9px}10.77%{height:6.4px}12.31%{height:10.4px}13.85%{height:10.4px}15.38%{height:14.8px}16.92%{height:18.6px}18.46%{height:20.5px}20.0%{height:18.1px}21.54%{height:12.6px}23.08%{height:12.6px}24.62%{height:7.4px}26.15%{height:4.9px}27.69%{height:8.9px}29.23%{height:16.3px}30.77%{height:20.5px}32.31%{height:20.5px}33.85%{height:18.6px}35.38%{height:16.6px}36.92%{height:18.6px}38.46%{height:20.5px}40.0%{height:18.6px}41.54%{height:18.6px}43.08%{height:16.6px}44.62%{height:15.8px}46.15%{height:14.1px}47.69%{height:11.9px}49.23%{height:9.4px}50.77%{height:9.4px}52.31%{height:6.9px}53.85%{height:5.4px}55.38%{height:4.9px}56.92%{height:4.9px}58.46%{height:20.5px}60.0%{height:20.5px}61.54%{height:18.1px}63.08%{height:12.6px}64.62%{height:7.4px}66.15%{height:4.9px}67.69%{height:8.9px}69.23%{height:8.9px}70.77%{height:16.3px}72.31%{height:20.5px}73.85%{height:18.6px}75.38%{height:16.6px}76.92%{height:18.6px}78.46%{height:18.6px}80.0%{height:20.5px}81.54%{height:18.6px}83.08%{height:16.6px}84.62%{height:15.3px}86.15%{height:12.4px}87.69%{height:12.4px}89.23%{height:8.9px}90.77%{height:5.9px}92.31%{height:4.9px}93.85%{height:4.9px}95.38%{height:4.9px}96.92%{height:4.9px}98.46%{height:4.9px}100.0%{height:4.9px}}
@keyframes ts-pro-b2{0.0%{height:4.9px}1.54%{height:4.9px}3.08%{height:4.9px}4.62%{height:4.9px}6.15%{height:4.9px}7.69%{height:4.9px}9.23%{height:4.9px}10.77%{height:4.9px}12.31%{height:4.9px}13.85%{height:4.9px}15.38%{height:5.9px}16.92%{height:7.9px}18.46%{height:10.9px}20.0%{height:13.6px}21.54%{height:15.8px}23.08%{height:15.8px}24.62%{height:16.8px}26.15%{height:10.9px}27.69%{height:4.9px}29.23%{height:5.9px}30.77%{height:9.2px}32.31%{height:9.2px}33.85%{height:12.6px}35.38%{height:15.6px}36.92%{height:16.8px}38.46%{height:15.3px}40.0%{height:13.9px}41.54%{height:13.9px}43.08%{height:15.3px}44.62%{height:16.8px}46.15%{height:15.3px}47.69%{height:13.9px}49.23%{height:11.4px}50.77%{height:11.4px}52.31%{height:7.2px}53.85%{height:4.9px}55.38%{height:4.9px}56.92%{height:4.9px}58.46%{height:7.9px}60.0%{height:7.9px}61.54%{height:13.6px}63.08%{height:16.8px}64.62%{height:10.9px}66.15%{height:4.9px}67.69%{height:5.9px}69.23%{height:5.9px}70.77%{height:9.2px}72.31%{height:12.6px}73.85%{height:15.6px}75.38%{height:16.8px}76.92%{height:15.3px}78.46%{height:15.3px}80.0%{height:13.9px}81.54%{height:15.3px}83.08%{height:16.8px}84.62%{height:15.3px}86.15%{height:13.9px}87.69%{height:13.9px}89.23%{height:9.2px}90.77%{height:4.9px}92.31%{height:4.9px}93.85%{height:4.9px}95.38%{height:4.9px}96.92%{height:4.9px}98.46%{height:4.9px}100.0%{height:4.9px}}
@keyframes ts-pro-b3{0.0%{height:4.9px}1.54%{height:4.9px}3.08%{height:4.9px}4.62%{height:4.9px}6.15%{height:4.9px}7.69%{height:4.9px}9.23%{height:4.9px}10.77%{height:4.9px}12.31%{height:4.9px}13.85%{height:4.9px}15.38%{height:4.9px}16.92%{height:7.9px}18.46%{height:14.1px}20.0%{height:20.5px}21.54%{height:23.3px}23.08%{height:23.3px}24.62%{height:20.5px}26.15%{height:14.1px}27.69%{height:7.9px}29.23%{height:4.9px}30.77%{height:9.6px}32.31%{height:9.6px}33.85%{height:18.6px}35.38%{height:23.3px}36.92%{height:21.0px}38.46%{height:18.8px}40.0%{height:21.0px}41.54%{height:21.0px}43.08%{height:23.3px}44.62%{height:21.0px}46.15%{height:18.8px}47.69%{height:17.3px}49.23%{height:13.9px}50.77%{height:13.9px}52.31%{height:9.6px}53.85%{height:6.4px}55.38%{height:4.9px}56.92%{height:4.9px}58.46%{height:14.1px}60.0%{height:14.1px}61.54%{height:23.3px}63.08%{height:20.5px}64.62%{height:14.1px}66.15%{height:7.9px}67.69%{height:4.9px}69.23%{height:4.9px}70.77%{height:9.6px}72.31%{height:18.6px}73.85%{height:23.3px}75.38%{height:21.0px}76.92%{height:18.8px}78.46%{height:18.8px}80.0%{height:21.0px}81.54%{height:23.3px}83.08%{height:21.0px}84.62%{height:18.8px}86.15%{height:16.6px}87.69%{height:16.6px}89.23%{height:11.9px}90.77%{height:6.9px}92.31%{height:4.9px}93.85%{height:4.9px}95.38%{height:4.9px}96.92%{height:4.9px}98.46%{height:4.9px}100.0%{height:4.9px}}
@keyframes ts-pro-b4{0.0%{height:4.9px}1.54%{height:4.9px}3.08%{height:4.9px}4.62%{height:4.9px}6.15%{height:4.9px}7.69%{height:4.9px}9.23%{height:4.9px}10.77%{height:4.9px}12.31%{height:4.9px}13.85%{height:4.9px}15.38%{height:4.9px}16.92%{height:4.9px}18.46%{height:8.4px}20.0%{height:15.3px}21.54%{height:18.8px}23.08%{height:18.8px}24.62%{height:17.3px}26.15%{height:13.9px}27.69%{height:9.9px}29.23%{height:6.4px}30.77%{height:4.9px}32.31%{height:4.9px}33.85%{height:8.4px}35.38%{height:15.3px}36.92%{height:18.8px}38.46%{height:16.6px}40.0%{height:14.3px}41.54%{height:14.3px}43.08%{height:16.6px}44.62%{height:18.8px}46.15%{height:16.6px}47.69%{height:14.3px}49.23%{height:11.9px}50.77%{height:11.9px}52.31%{height:7.4px}53.85%{height:4.9px}55.38%{height:4.9px}56.92%{height:4.9px}58.46%{height:11.9px}60.0%{height:11.9px}61.54%{height:18.8px}63.08%{height:17.3px}64.62%{height:13.9px}66.15%{height:9.9px}67.69%{height:6.4px}69.23%{height:6.4px}70.77%{height:4.9px}72.31%{height:8.4px}73.85%{height:15.3px}75.38%{height:18.8px}76.92%{height:16.6px}78.46%{height:16.6px}80.0%{height:14.3px}81.54%{height:16.6px}83.08%{height:18.8px}84.62%{height:16.6px}86.15%{height:14.3px}87.69%{height:14.3px}89.23%{height:9.4px}90.77%{height:4.9px}92.31%{height:4.9px}93.85%{height:4.9px}95.38%{height:4.9px}96.92%{height:4.9px}98.46%{height:4.9px}100.0%{height:4.9px}}

@media (prefers-reduced-motion: reduce) {
	html body .proplayer.is-playing .proplayer_beat span { animation: none; }
}

/* ==========================================================================
   Perfil, pestaña Info — alineación como CodyChat: icono + etiqueta a la
   izquierda y valor alineado a la izquierda en la mitad derecha, filas
   de ~61px con línea fina y márgenes laterales de 36px
   ========================================================================== */
html body .profile_wrap #probio.modal_zone {
	padding: 14px 36px 22px;
}

html body .profile_wrap #probio .tpad10 { padding-top: 0; }

html body .profile_wrap .proitem {
	display: table;
	width: 100%;
	table-layout: fixed;
	padding: 0;
	height: 61px;
	border-bottom: 1px solid var(--wp-border, #e6e6e6);
}

html body .profile_wrap .proitem .bcell_mid {
	height: 61px;
	vertical-align: middle;
}

html body .profile_wrap .proitem .bold {
	width: 50%;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--text-main);
	white-space: nowrap;
}

html body .profile_wrap .proicon {
	width: 24px;
	margin-right: 14px;
	font-size: 19px;
	text-align: center;
	color: var(--text-main);
	opacity: .85;
}

html body .profile_wrap .prodata {
	width: 50%;
	text-align: start;
	font-size: 17px;
	font-weight: 400;
	color: var(--text-main);
}

html body .profile_wrap .proitem:last-child { border-bottom: 0; }

@media (max-width: 520px) {
	html body .profile_wrap #probio.modal_zone { padding: 10px 18px 18px; }
	html body .profile_wrap .proitem .bold, html body .profile_wrap .proitem .bcell_mid { font-size: 15px; }
}

/* Perfil — barra de pestañas con las medidas de CodyChat (relleno 10px, pestañas 8px 12px, 13px negrita) */
html body .pro_menu_wrap .modal_menu { padding: 10px 15px; }
html body .pro_menu_wrap .modal_menu ul li {
	padding: 8px 12px;
	font-size: 13px;
	line-height: normal;
	margin: 0 5px 0 0;
	border-radius: 5px;
}
html body .pro_menu_wrap .modal_selected { background: rgba(0, 0, 0, 0.08); }

html body .profile_wrap .proicon--svg {
	width: 24px;
	height: 22px;
	margin-right: 14px;
	vertical-align: middle;
	opacity: .85;
}

/* Pastillas like / seguidores (estilo CodyChat) */
html body .plike_item {
	gap: 12px;
	height: 45px;
	padding: 4px 20px 4px 4px;
	border-radius: 100px;
	background: rgba(83, 90, 92, 0.5);
	zoom: 0.8;
}
html body .plike_item img {
	width: 36px;
	height: 36px;
}
html body .plike_item .plike_count {
	min-width: 0;
	padding: 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
}
html body.theme_oscuro .plike_item { background: rgba(14, 58, 64, 0.85); }

/* Fila única: seguir | música (si hay) | like */
html body #profile_like {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
}
html body #profile_like .profile-players { margin: 0; gap: 10px; }

/* Cabecera del perfil: menos aire entre nombre, mood y pastillas */
html body .cover_text .pro_name { line-height: 1.15; }
html body .cover_text .pro_name_row { margin-top: -2px; }
html body .cover_text .pro_rank .rank-badge__img { width: 44px; height: 44px; }
html body .cover_text .pdetails_text.pro_mood { line-height: 1.2; margin-top: -4px; }
html body .cover_text #profile_like { margin-top: 2px; }
html body .profile_wrap .cover_text.bpad15 { padding-bottom: 12px; }

/* Visor de imágenes: fondo más claro, se transparenta la página */
html body .fancybox__container { --fancybox-bg: rgba(30, 34, 40, 0.55); --fancybox-backdrop-bg: rgba(30, 34, 40, 0.55); }
html body .fancybox__backdrop { background: rgba(30, 34, 40, 0.55) !important; opacity: 1 !important; }
html body .fancybox__container.is-animated .fancybox__backdrop { opacity: 1; }
html body.theme_claro .fancybox__backdrop { background: rgba(70, 78, 90, 0.5) !important; }

/* Selector de estilos de perfil */
.pstyle_picker { max-width: 420px; margin: 0 auto; }
.pstyle_nav { display: flex; align-items: center; justify-content: center; gap: 18px; margin-bottom: 14px; }
.pstyle_arrow { width: 36px; height: 36px; border: 0; border-radius: 50%; background: rgba(120, 128, 140, 0.18); color: inherit; cursor: pointer; }
.pstyle_count { font-weight: 700; font-size: 15px; min-width: 56px; text-align: center; }
.pstyle_container { display: none; }
.pstyle_container.is-active { display: block; }
.pstyle_wrap { border-radius: 20px; overflow: hidden; background: #fff; }
.pstyle_top { position: relative; min-height: 150px; background-size: cover; background-position: 50% 50%; background-color: #3a3f4a; padding: 10px 12px 14px; }
.pstyle_olay_item { display: inline-block; padding: 5px 9px; border-radius: 6px; font-size: 13px; background: rgba(0, 0, 0, 0.45); color: #fff; }
.pstyle_data { position: absolute; left: 0; right: 0; bottom: 14px; text-align: center; color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8); }
.pstyle_avatar > span { display: inline-block; border: 2px solid #fff; border-radius: 50%; line-height: 0; }
.pstyle_avatar .avatar, .pstyle_avatar img { width: 60px !important; height: 60px !important; border-radius: 50%; }
.pstyle_name { font-weight: 700; font-size: 15px; margin-top: 4px; }
.pstyle_menu { padding: 8px 6px; text-align: center; background: #f3f3f3; }
.pstyle_menu ul { margin: 0; padding: 0; list-style: none; display: flex; justify-content: center; gap: 4px; }
.pstyle_menu li { padding: 6px 12px; border-radius: 8px; font-size: 14px; font-weight: 600; }
.pstyle_bottom { padding: 14px 24px; }
.pstyle_bottom .proitem { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 15px; }
.pstyle_bottom .proitem:last-child { border-bottom: 0; }
.pstyle_bottom .bold { font-weight: 700; }
.pstyle_bottom .proicon { margin-right: 10px; }
.pstyle_choice { text-align: center; padding: 16px 0 4px; }
.pstyle_current { display: inline-block; padding: 8px 16px; border-radius: 999px; font-weight: 700; background: rgba(120, 128, 140, 0.18); }
.pstyle_remove { text-align: center; padding-top: 6px; }
.pstyle_remove_btn { border: 0; background: none; color: inherit; opacity: 0.7; cursor: pointer; padding: 8px 12px; font: inherit; }

/* Colores de nick de CodyChat: sólido, neón y degradado */
.bcolor1 { color:#ff3333; }
.bcolor2 { color:#ff6633; }
.bcolor3 { color:#ff9933; }
.bcolor4 { color:#ffcc33; }
.bcolor5 { color:#cccc00; }
.bcolor6 { color:#99cc00; }
.bcolor7 { color:#59b300; }
.bcolor8 { color:#829356; }
.bcolor9 { color:#008000; }
.bcolor10 { color:#00e639; }
.bcolor11 { color:#00e673; }
.bcolor12 { color:#00e6ac; }
.bcolor13 { color:#00cccc; }
.bcolor14 { color:#03add8; }
.bcolor15 { color:#3366ff; }
.bcolor16 { color:#107896; }
.bcolor17 { color:#004d99; }
.bcolor18 { color:#6633ff; }
.bcolor19 { color:#9933ff; }
.bcolor20 { color:#cc33ff; }
.bcolor21 { color:#ff33ff; }
.bcolor22 { color:#ff33cc; }
.bcolor23 { color:#ff3399; }
.bcolor24 { color:#ff3366; }
.bcolor25 { color:#604439; }
.bcolor26 { color:#795548; }
.bcolor27 { color:#a97f70; }
.bcolor28 { color:#bc9b8f; }
.bcolor29 { color:#9E9E9E; }
.bcolor30 { color:#879fab; }
.bcolor31 { color:#698796; }
.bcolor32 { color:#495f69; }
.bcback1 { background:#ff3333; }
.bcback2 { background:#ff6633; }
.bcback3 { background:#ff9933; }
.bcback4 { background:#ffcc33; }
.bcback5 { background:#cccc00; }
.bcback6 { background:#99cc00; }
.bcback7 { background:#59b300; }
.bcback8 { background:#829356; }
.bcback9 { background:#008000; }
.bcback10 { background:#00e639; }
.bcback11 { background:#00e673; }
.bcback12 { background:#00e6ac; }
.bcback13 { background:#00cccc; }
.bcback14 { background:#03add8; }
.bcback15 { background:#3366ff; }
.bcback16 { background:#107896; }
.bcback17 { background:#004d99; }
.bcback18 { background:#6633ff; }
.bcback19 { background:#9933ff; }
.bcback20 { background:#cc33ff; }
.bcback21 { background:#ff33ff; }
.bcback22 { background:#ff33cc; }
.bcback23 { background:#ff3399; }
.bcback24 { background:#ff3366; }
.bcback25 { background:#604439; }
.bcback26 { background:#795548; }
.bcback27 { background:#a97f70; }
.bcback28 { background:#bc9b8f; }
.bcback29 { background:#9E9E9E; }
.bcback30 { background:#879fab; }
.bcback31 { background:#698796; }
.bcback32 { background:#495f69; }
.bneon1 { color:#fff; text-shadow:1px 1px 1px #e60000, 1px 1px 3px #ff3333, 1px 1px 5px #ff3333; }
.bneon2 { color:#fff; text-shadow:1px 1px 1px #e63900, 1px 1px 3px #ff6633, 1px 1px 5px #ff6633; }
.bneon3 { color:#fff; text-shadow:1px 1px 1px #e67300, 1px 1px 3px #ff9933, 1px 1px 5px #ff9933; }
.bneon4 { color:#fff; text-shadow:1px 1px 1px #b38600, 1px 1px 3px #ffcc33, 1px 1px 5px #ffcc33; }
.bneon5 { color:#fff; text-shadow:1px 1px 1px #808000, 1px 1px 3px #cccc00, 1px 1px 5px #cccc00; }
.bneon6 { color:#fff; text-shadow:1px 1px 1px #739900, 1px 1px 3px #99cc00, 1px 1px 5px #99cc00; }
.bneon7 { color:#fff; text-shadow:1px 1px 1px #408000, 1px 1px 3px #59b300, 1px 1px 5px #59b300; }
.bneon8 { color:#fff; text-shadow:1px 1px 1px #637042, 1px 1px 3px #829356, 1px 1px 5px #829356; }
.bneon9 { color:#fff; text-shadow:1px 1px 1px #004d00, 1px 1px 3px #008000, 1px 1px 5px #008000; }
.bneon10 { color:#fff; text-shadow:1px 1px 1px #009926, 1px 1px 3px #00e639, 1px 1px 5px #00e639; }
.bneon11 { color:#fff; text-shadow:1px 1px 1px #00994d, 1px 1px 3px #00e673, 1px 1px 5px #00e673; }
.bneon12 { color:#fff; text-shadow:1px 1px 1px #009973, 1px 1px 3px #00e6ac, 1px 1px 5px #00e6ac; }
.bneon13 { color:#fff; text-shadow:1px 1px 1px #008080, 1px 1px 3px #00cccc, 1px 1px 5px #00cccc; }
.bneon14 { color:#fff; text-shadow:1px 1px 1px #027997, 1px 1px 3px #03add8, 1px 1px 5px #03add8; }
.bneon15 { color:#fff; text-shadow:1px 1px 1px #0040ff, 1px 1px 3px #3366ff, 1px 1px 5px #3366ff; }
.bneon16 { color:#fff; text-shadow:1px 1px 1px #0c5d73, 1px 1px 3px #107896, 1px 1px 5px #107896; }
.bneon17 { color:#fff; text-shadow:1px 1px 1px #003366, 1px 1px 3px #004d99, 1px 1px 5px #004d99; }
.bneon18 { color:#fff; text-shadow:1px 1px 1px #2d00b3, 1px 1px 3px #6633ff, 1px 1px 5px #6633ff; }
.bneon19 { color:#fff; text-shadow:1px 1px 1px #7300e6, 1px 1px 3px #9933ff, 1px 1px 5px #9933ff; }
.bneon20 { color:#fff; text-shadow:1px 1px 1px #ac00e6, 1px 1px 3px #cc33ff, 1px 1px 5px #cc33ff; }
.bneon21 { color:#fff; text-shadow:1px 1px 1px #cc00cc, 1px 1px 3px #ff33ff, 1px 1px 5px #ff33ff; }
.bneon22 { color:#fff; text-shadow:1px 1px 1px #e600ac, 1px 1px 3px #ff33cc, 1px 1px 5px #ff33cc; }
.bneon23 { color:#fff; text-shadow:1px 1px 1px #cc0066, 1px 1px 3px #ff3399, 1px 1px 5px #ff3399; }
.bneon24 { color:#fff; text-shadow:1px 1px 1px #e60039, 1px 1px 3px #ff3366, 1px 1px 5px #ff3366; }
.bneon25 { color:#fff; text-shadow:1px 1px 1px #503930, 1px 1px 3px #604439, 1px 1px 5px #604439; }
.bneon26 { color:#fff; text-shadow:1px 1px 1px #604439, 1px 1px 3px #795548, 1px 1px 5px #795548; }
.bneon27 { color:#fff; text-shadow:1px 1px 1px #805a4d, 1px 1px 3px #a97f70, 1px 1px 5px #a97f70; }
.bneon28 { color:#fff; text-shadow:1px 1px 1px #9f7160, 1px 1px 3px #bc9b8f, 1px 1px 5px #bc9b8f; }
.bneon29 { color:#fff; text-shadow:1px 1px 1px #808080, 1px 1px 3px #9E9E9E, 1px 1px 5px #9E9E9E; }
.bneon30 { color:#fff; text-shadow:1px 1px 1px #5e7a87, 1px 1px 3px #879fab, 1px 1px 5px #879fab; }
.bneon31 { color:#fff; text-shadow:1px 1px 1px #495f69, 1px 1px 3px #698796, 1px 1px 5px #698796; }
.bneon32 { color:#fff; text-shadow:1px 1px 1px #2a363c, 1px 1px 3px #495f69, 1px 1px 5px #495f69; }
.bnback1 { background:#ff3333; }
.bnback2 { background:#ff6633; }
.bnback3 { background:#ff9933; }
.bnback4 { background:#ffcc33; }
.bnback5 { background:#cccc00; }
.bnback6 { background:#99cc00; }
.bnback7 { background:#59b300; }
.bnback8 { background:#829356; }
.bnback9 { background:#008000; }
.bnback10 { background:#00e639; }
.bnback11 { background:#00e673; }
.bnback12 { background:#00e6ac; }
.bnback13 { background:#00cccc; }
.bnback14 { background:#03add8; }
.bnback15 { background:#3366ff; }
.bnback16 { background:#107896; }
.bnback17 { background:#004d99; }
.bnback18 { background:#6633ff; }
.bnback19 { background:#9933ff; }
.bnback20 { background:#cc33ff; }
.bnback21 { background:#ff33ff; }
.bnback22 { background:#ff33cc; }
.bnback23 { background:#ff3399; }
.bnback24 { background:#ff3366; }
.bnback25 { background:#604439; }
.bnback26 { background:#795548; }
.bnback27 { background:#a97f70; }
.bnback28 { background:#bc9b8f; }
.bnback29 { background:#9E9E9E; }
.bnback30 { background:#879fab; }
.bnback31 { background:#698796; }
.bnback32 { background:#495f69; }
.backgrad1,.bgrad1 { background: linear-gradient(to right,#40e0d0,#ff8c00, #ff0080);}
.backgrad2,.bgrad2 { background: linear-gradient(to right,#11998e,#38ef7d);}
.backgrad3,.bgrad3 { background: linear-gradient(to right,#fc466b,#3f5efb);}
.backgrad4,.bgrad4 { background: linear-gradient(to right,#00f260,#0575e6); }
.backgrad5,.bgrad5 { background: linear-gradient(to right,#fc4a1a,#f7b733); }
.backgrad6,.bgrad6 { background: linear-gradient(to right,#22c1c3,#fdbb2d);}
.backgrad7,.bgrad7 { background: linear-gradient(to right,#7f00ff,#e100ff);}
.backgrad8,.bgrad8 { background: linear-gradient(to right,#ee0979,#ff6a00); }
.backgrad9,.bgrad9 { background: linear-gradient(to right,#00c3ff,#ffff1c); }
.backgrad10,.bgrad10 { background: linear-gradient(to right,#fc00ff,#00dbde); }
.backgrad11,.bgrad11 { background: linear-gradient(to right,#833ab4,#fd1d1d, #fcb045);}
.backgrad12,.bgrad12 { background: linear-gradient(to right,#bdc3c7,#2c3e50);}
.backgrad13,.bgrad13 { background: linear-gradient(to right,#373B44,#4286f4);}
.backgrad14,.bgrad14 { background: linear-gradient(to right,#FF0099,#493240);}
.backgrad15,.bgrad15 { background: linear-gradient(to right,#f953c6,#b91d73);}
.backgrad16,.bgrad16 { background: linear-gradient(to right,#dd3e54,#6be585);}
.backgrad17,.bgrad17 { background: linear-gradient(to right,#8360c3,#2ebf91);}
.backgrad18,.bgrad18 { background: linear-gradient(to right,#544a7d,#ffd452);}
.backgrad19,.bgrad19 { background: linear-gradient(to right,#009FFF,#ec2F4B);}
.backgrad20,.bgrad20 { background: linear-gradient(to right,#59C173,#a17fe0,#5D26C1);}
.backgrad21,.bgrad21 { background: linear-gradient(to right,#a8c0ff,#3f2b96);}
.backgrad22,.bgrad22 { background: linear-gradient(45deg, #FF0000 0%, #FFA600 50%, #ff0000 100%);}
.backgrad23,.bgrad23 { background: linear-gradient(to right,#108dc7,#ef8e38);}
.backgrad24,.bgrad24 { background: linear-gradient(to right,#FF0099,#0575E6); }
.backgrad25,.bgrad25 { background: linear-gradient(to right,#667db6,#0082c8,#ec38bc,#fdeff9); }
.backgrad26,.bgrad26 { background: linear-gradient(to right,#03001e,#7303c0,#ec38bc,#fdeff9); }
.backgrad27,.bgrad27 { background: linear-gradient(to right,#1a2a6c,#b21f1f,#fdbb2d);}
.backgrad28,.bgrad28 { background: linear-gradient(to right,#3A1C71,#D76D77,#FFAF7B); }
.backgrad29,.bgrad29 { background: linear-gradient(to right,#EB5757,#333); }
.backgrad30,.bgrad30 { background: linear-gradient(to right,#20002c,#cbb4d4); }
.backgrad31,.bgrad31 { background: linear-gradient(to right,#34e89e,#0f3443); }
.backgrad32,.bgrad32 { background: linear-gradient(to right,#bdc3c7,#2c3e50); }
.backgrad33,.bgrad33 { background: linear-gradient(to right,#a80077,#66ff00); }
.backgrad34,.bgrad34 { background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);}
.backgrad35,.bgrad35 { background: linear-gradient(to top, #a241b7, #7f68d7, #5186e9, #1b9eef, #12b2eb);}
.backgrad36,.bgrad36 { background: linear-gradient(to bottom, #845EC2 0%, #D65DB1 0%, #FF6F91 51%, #FF9671 100%);}
.backgrad37,.bgrad37 { background: linear-gradient(to right, #FF0000, #FFF200, #1E9600); color: transparent; }
.backgrad38,.bgrad38 { background: linear-gradient(330deg, #e05252 0%, #99e052 25%, #52e0e0 50%, #9952e0 75%, #e05252 100%); }
.backgrad39,.bgrad39 { background: linear-gradient(to bottom, #051937, #004d7a, #008793, #00bf72, #a8eb12);}
.backgrad40,.bgrad40 { background: linear-gradient(45deg, #222 0%, #FFA600 50%, #222 100%);}
.bgrad1,.bgrad2,.bgrad3,.bgrad4,.bgrad5,.bgrad6,.bgrad7,.bgrad8,.bgrad9,.bgrad10,.bgrad11,.bgrad12,.bgrad13,.bgrad14,.bgrad15,.bgrad16,.bgrad17,.bgrad18,.bgrad19,.bgrad20,.bgrad21,.bgrad22,.bgrad23,.bgrad24,.bgrad25,.bgrad26,.bgrad27,.bgrad28,.bgrad29,.bgrad30,.bgrad31,.bgrad32,.bgrad33,.bgrad34,.bgrad35,.bgrad36,.bgrad37,.bgrad38,.bgrad39,.bgrad40 { color:transparent; -webkit-background-clip:text; background-clip:text; }
/* mismos colores aplicados al nick en feed, posts y comentarios */
html body .user-link.bcolor1 { color:#ff3333; }
html body .user-link.bcolor2 { color:#ff6633; }
html body .user-link.bcolor3 { color:#ff9933; }
html body .user-link.bcolor4 { color:#ffcc33; }
html body .user-link.bcolor5 { color:#cccc00; }
html body .user-link.bcolor6 { color:#99cc00; }
html body .user-link.bcolor7 { color:#59b300; }
html body .user-link.bcolor8 { color:#829356; }
html body .user-link.bcolor9 { color:#008000; }
html body .user-link.bcolor10 { color:#00e639; }
html body .user-link.bcolor11 { color:#00e673; }
html body .user-link.bcolor12 { color:#00e6ac; }
html body .user-link.bcolor13 { color:#00cccc; }
html body .user-link.bcolor14 { color:#03add8; }
html body .user-link.bcolor15 { color:#3366ff; }
html body .user-link.bcolor16 { color:#107896; }
html body .user-link.bcolor17 { color:#004d99; }
html body .user-link.bcolor18 { color:#6633ff; }
html body .user-link.bcolor19 { color:#9933ff; }
html body .user-link.bcolor20 { color:#cc33ff; }
html body .user-link.bcolor21 { color:#ff33ff; }
html body .user-link.bcolor22 { color:#ff33cc; }
html body .user-link.bcolor23 { color:#ff3399; }
html body .user-link.bcolor24 { color:#ff3366; }
html body .user-link.bcolor25 { color:#604439; }
html body .user-link.bcolor26 { color:#795548; }
html body .user-link.bcolor27 { color:#a97f70; }
html body .user-link.bcolor28 { color:#bc9b8f; }
html body .user-link.bcolor29 { color:#9E9E9E; }
html body .user-link.bcolor30 { color:#879fab; }
html body .user-link.bcolor31 { color:#698796; }
html body .user-link.bcolor32 { color:#495f69; }
html body .user-link.bneon1 { color:#fff; text-shadow:1px 1px 1px #e60000, 1px 1px 3px #ff3333, 1px 1px 5px #ff3333; }
html body .user-link.bneon2 { color:#fff; text-shadow:1px 1px 1px #e63900, 1px 1px 3px #ff6633, 1px 1px 5px #ff6633; }
html body .user-link.bneon3 { color:#fff; text-shadow:1px 1px 1px #e67300, 1px 1px 3px #ff9933, 1px 1px 5px #ff9933; }
html body .user-link.bneon4 { color:#fff; text-shadow:1px 1px 1px #b38600, 1px 1px 3px #ffcc33, 1px 1px 5px #ffcc33; }
html body .user-link.bneon5 { color:#fff; text-shadow:1px 1px 1px #808000, 1px 1px 3px #cccc00, 1px 1px 5px #cccc00; }
html body .user-link.bneon6 { color:#fff; text-shadow:1px 1px 1px #739900, 1px 1px 3px #99cc00, 1px 1px 5px #99cc00; }
html body .user-link.bneon7 { color:#fff; text-shadow:1px 1px 1px #408000, 1px 1px 3px #59b300, 1px 1px 5px #59b300; }
html body .user-link.bneon8 { color:#fff; text-shadow:1px 1px 1px #637042, 1px 1px 3px #829356, 1px 1px 5px #829356; }
html body .user-link.bneon9 { color:#fff; text-shadow:1px 1px 1px #004d00, 1px 1px 3px #008000, 1px 1px 5px #008000; }
html body .user-link.bneon10 { color:#fff; text-shadow:1px 1px 1px #009926, 1px 1px 3px #00e639, 1px 1px 5px #00e639; }
html body .user-link.bneon11 { color:#fff; text-shadow:1px 1px 1px #00994d, 1px 1px 3px #00e673, 1px 1px 5px #00e673; }
html body .user-link.bneon12 { color:#fff; text-shadow:1px 1px 1px #009973, 1px 1px 3px #00e6ac, 1px 1px 5px #00e6ac; }
html body .user-link.bneon13 { color:#fff; text-shadow:1px 1px 1px #008080, 1px 1px 3px #00cccc, 1px 1px 5px #00cccc; }
html body .user-link.bneon14 { color:#fff; text-shadow:1px 1px 1px #027997, 1px 1px 3px #03add8, 1px 1px 5px #03add8; }
html body .user-link.bneon15 { color:#fff; text-shadow:1px 1px 1px #0040ff, 1px 1px 3px #3366ff, 1px 1px 5px #3366ff; }
html body .user-link.bneon16 { color:#fff; text-shadow:1px 1px 1px #0c5d73, 1px 1px 3px #107896, 1px 1px 5px #107896; }
html body .user-link.bneon17 { color:#fff; text-shadow:1px 1px 1px #003366, 1px 1px 3px #004d99, 1px 1px 5px #004d99; }
html body .user-link.bneon18 { color:#fff; text-shadow:1px 1px 1px #2d00b3, 1px 1px 3px #6633ff, 1px 1px 5px #6633ff; }
html body .user-link.bneon19 { color:#fff; text-shadow:1px 1px 1px #7300e6, 1px 1px 3px #9933ff, 1px 1px 5px #9933ff; }
html body .user-link.bneon20 { color:#fff; text-shadow:1px 1px 1px #ac00e6, 1px 1px 3px #cc33ff, 1px 1px 5px #cc33ff; }
html body .user-link.bneon21 { color:#fff; text-shadow:1px 1px 1px #cc00cc, 1px 1px 3px #ff33ff, 1px 1px 5px #ff33ff; }
html body .user-link.bneon22 { color:#fff; text-shadow:1px 1px 1px #e600ac, 1px 1px 3px #ff33cc, 1px 1px 5px #ff33cc; }
html body .user-link.bneon23 { color:#fff; text-shadow:1px 1px 1px #cc0066, 1px 1px 3px #ff3399, 1px 1px 5px #ff3399; }
html body .user-link.bneon24 { color:#fff; text-shadow:1px 1px 1px #e60039, 1px 1px 3px #ff3366, 1px 1px 5px #ff3366; }
html body .user-link.bneon25 { color:#fff; text-shadow:1px 1px 1px #503930, 1px 1px 3px #604439, 1px 1px 5px #604439; }
html body .user-link.bneon26 { color:#fff; text-shadow:1px 1px 1px #604439, 1px 1px 3px #795548, 1px 1px 5px #795548; }
html body .user-link.bneon27 { color:#fff; text-shadow:1px 1px 1px #805a4d, 1px 1px 3px #a97f70, 1px 1px 5px #a97f70; }
html body .user-link.bneon28 { color:#fff; text-shadow:1px 1px 1px #9f7160, 1px 1px 3px #bc9b8f, 1px 1px 5px #bc9b8f; }
html body .user-link.bneon29 { color:#fff; text-shadow:1px 1px 1px #808080, 1px 1px 3px #9E9E9E, 1px 1px 5px #9E9E9E; }
html body .user-link.bneon30 { color:#fff; text-shadow:1px 1px 1px #5e7a87, 1px 1px 3px #879fab, 1px 1px 5px #879fab; }
html body .user-link.bneon31 { color:#fff; text-shadow:1px 1px 1px #495f69, 1px 1px 3px #698796, 1px 1px 5px #698796; }
html body .user-link.bneon32 { color:#fff; text-shadow:1px 1px 1px #2a363c, 1px 1px 3px #495f69, 1px 1px 5px #495f69; }
html body .user-link.bgrad1 { background: linear-gradient(to right,#40e0d0,#ff8c00, #ff0080);}
html body .user-link.bgrad2 { background: linear-gradient(to right,#11998e,#38ef7d);}
html body .user-link.bgrad3 { background: linear-gradient(to right,#fc466b,#3f5efb);}
html body .user-link.bgrad4 { background: linear-gradient(to right,#00f260,#0575e6); }
html body .user-link.bgrad5 { background: linear-gradient(to right,#fc4a1a,#f7b733); }
html body .user-link.bgrad6 { background: linear-gradient(to right,#22c1c3,#fdbb2d);}
html body .user-link.bgrad7 { background: linear-gradient(to right,#7f00ff,#e100ff);}
html body .user-link.bgrad8 { background: linear-gradient(to right,#ee0979,#ff6a00); }
html body .user-link.bgrad9 { background: linear-gradient(to right,#00c3ff,#ffff1c); }
html body .user-link.bgrad10 { background: linear-gradient(to right,#fc00ff,#00dbde); }
html body .user-link.bgrad11 { background: linear-gradient(to right,#833ab4,#fd1d1d, #fcb045);}
html body .user-link.bgrad12 { background: linear-gradient(to right,#bdc3c7,#2c3e50);}
html body .user-link.bgrad13 { background: linear-gradient(to right,#373B44,#4286f4);}
html body .user-link.bgrad14 { background: linear-gradient(to right,#FF0099,#493240);}
html body .user-link.bgrad15 { background: linear-gradient(to right,#f953c6,#b91d73);}
html body .user-link.bgrad16 { background: linear-gradient(to right,#dd3e54,#6be585);}
html body .user-link.bgrad17 { background: linear-gradient(to right,#8360c3,#2ebf91);}
html body .user-link.bgrad18 { background: linear-gradient(to right,#544a7d,#ffd452);}
html body .user-link.bgrad19 { background: linear-gradient(to right,#009FFF,#ec2F4B);}
html body .user-link.bgrad20 { background: linear-gradient(to right,#59C173,#a17fe0,#5D26C1);}
html body .user-link.bgrad21 { background: linear-gradient(to right,#a8c0ff,#3f2b96);}
html body .user-link.bgrad22 { background: linear-gradient(45deg, #FF0000 0%, #FFA600 50%, #ff0000 100%);}
html body .user-link.bgrad23 { background: linear-gradient(to right,#108dc7,#ef8e38);}
html body .user-link.bgrad24 { background: linear-gradient(to right,#FF0099,#0575E6); }
html body .user-link.bgrad25 { background: linear-gradient(to right,#667db6,#0082c8,#ec38bc,#fdeff9); }
html body .user-link.bgrad26 { background: linear-gradient(to right,#03001e,#7303c0,#ec38bc,#fdeff9); }
html body .user-link.bgrad27 { background: linear-gradient(to right,#1a2a6c,#b21f1f,#fdbb2d);}
html body .user-link.bgrad28 { background: linear-gradient(to right,#3A1C71,#D76D77,#FFAF7B); }
html body .user-link.bgrad29 { background: linear-gradient(to right,#EB5757,#333); }
html body .user-link.bgrad30 { background: linear-gradient(to right,#20002c,#cbb4d4); }
html body .user-link.bgrad31 { background: linear-gradient(to right,#34e89e,#0f3443); }
html body .user-link.bgrad32 { background: linear-gradient(to right,#bdc3c7,#2c3e50); }
html body .user-link.bgrad33 { background: linear-gradient(to right,#a80077,#66ff00); }
html body .user-link.bgrad34 { background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);}
html body .user-link.bgrad35 { background: linear-gradient(to top, #a241b7, #7f68d7, #5186e9, #1b9eef, #12b2eb);}
html body .user-link.bgrad36 { background: linear-gradient(to bottom, #845EC2 0%, #D65DB1 0%, #FF6F91 51%, #FF9671 100%);}
html body .user-link.bgrad37 { background: linear-gradient(to right, #FF0000, #FFF200, #1E9600); color: transparent; }
html body .user-link.bgrad38 { background: linear-gradient(330deg, #e05252 0%, #99e052 25%, #52e0e0 50%, #9952e0 75%, #e05252 100%); }
html body .user-link.bgrad39 { background: linear-gradient(to bottom, #051937, #004d7a, #008793, #00bf72, #a8eb12);}
html body .user-link.bgrad40 { background: linear-gradient(45deg, #222 0%, #FFA600 50%, #222 100%);}
html body .user-link[class*="bgrad"] { color:transparent; -webkit-background-clip:text; background-clip:text; }

/* Selector de color de nick */
.ncolor_preview { text-align: center; padding: 16px 0 12px; }
.ncolor_preview_label { display: block; font-size: 12px; opacity: .7; margin-bottom: 6px; }
.ncolor_preview_name { display: inline-block; font-size: 22px; font-weight: 800; padding: 2px 4px; }
.ncolor_tabs { display: flex; justify-content: center; gap: 6px; margin-bottom: 12px; }
.ncolor_tab { border: 0; padding: 8px 14px; border-radius: 8px; background: rgba(120, 128, 140, 0.16); color: inherit; font: inherit; font-weight: 700; cursor: pointer; }
.ncolor_tab.is-active { background: rgba(120, 128, 140, 0.36); }
.ncolor_grid { display: none; grid-template-columns: repeat(8, 1fr); gap: 6px; }
.ncolor_grid.is-active { display: grid; }
.ncolor_swatch { min-height: 38px; border: 0; border-radius: 8px; cursor: pointer; color: #fff; font-size: 18px; text-align: center; }
.ncolor_clear { border: 0; background: none; color: inherit; opacity: .7; cursor: pointer; padding: 8px 12px; font: inherit; }
@media (max-width: 520px) { .ncolor_grid { grid-template-columns: repeat(6, 1fr); } }

/* ==== Destacados: badges y filas ==== */
html body .hot-marks { gap: 6px; margin-top: 6px; }
html body .hot-mark {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	height: 22px;
	padding: 0 9px 0 7px;
	border-radius: 999px;
	border: 1px solid transparent;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1;
}
html body .hot-mark__ico { width: 18px; height: 18px; flex-shrink: 0; margin: 0 -1px 0 -3px; }
html body .hot-mark__count {
	padding-left: 6px;
	margin-left: 1px;
	border-left: 1px solid currentColor;
	font-variant-numeric: tabular-nums;
	font-weight: 800;
	line-height: 1.15;
}
html body .hot-mark__count { border-left-color: color-mix(in srgb, currentColor 35%, transparent); }
html body .hot-mark--debate {
	color: #8a4a05;
	background: linear-gradient(180deg, #fff6dc 0%, #fbe3a1 100%);
	border-color: #ecc15b;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
html body .hot-mark--likes {
	color: #0b6a8f;
	background: linear-gradient(180deg, #e9f9fd 0%, #bfeaf6 100%);
	border-color: #86d3ea;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
html body.theme_oscuro .hot-mark--debate,
html body.theme_azuloscuro .hot-mark--debate {
	color: #f5c451;
	background: linear-gradient(180deg, rgba(245, 190, 70, 0.2) 0%, rgba(245, 190, 70, 0.1) 100%);
	border-color: rgba(245, 190, 70, 0.45);
	box-shadow: inset 0 1px 0 rgba(255, 235, 180, 0.18);
}
html body.theme_oscuro .hot-mark--likes,
html body.theme_azuloscuro .hot-mark--likes {
	color: #5fd6f0;
	background: linear-gradient(180deg, rgba(34, 211, 234, 0.2) 0%, rgba(34, 211, 234, 0.1) 100%);
	border-color: rgba(34, 211, 234, 0.42);
	box-shadow: inset 0 1px 0 rgba(200, 245, 255, 0.16);
}

html body .explore-panel__title {
	padding: 18px 18px 8px;
	font-size: 1.12rem;
	font-weight: 800;
	letter-spacing: -0.035em;
}
html body .explore-row--hot,
html body .explore-row--trend { padding: 13px 18px; }
html body .explore-row__kicker { font-weight: 600; letter-spacing: 0.005em; }
html body .explore-row__title { font-size: 0.94rem; font-weight: 700; line-height: 1.3; }
html body .explore-thumb {
	width: 58px;
	height: 58px;
	border-radius: 13px;
	box-shadow: 0 4px 12px rgba(15, 23, 42, 0.14);
}
html body .explore-row--hot:has(.explore-thumb) { grid-template-columns: 28px minmax(0, 1fr) 58px; }
html body .explore-row__rank { font-size: 0.95rem; color: var(--text-muted); }

/* ==== Menu de cuenta: orden y estado de animo ==== */
html body .oly-account__status-list {
	position: static;
	left: auto;
	right: auto;
	bottom: auto;
	max-height: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
	opacity: 1;
	visibility: visible;
	transform: none;
	transition: max-height 0.2s ease;
}
html body .oly-account__status-list.is-open { max-height: 320px; }
html body .oly-account__status-list .oly-account__item { padding: 10px 20px 10px 52px; }
html body .oly-account__status-list .oly-account__item .oly-account__status { margin-left: -32px; }
html body .oly-account__status-toggle .oly-account__status-label,
html body .oly-account__mood-toggle .oly-account__mood-label { flex: 1; text-align: left; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body .oly-account__mood-toggle > i[data-lucide="smile"],
html body .oly-account__mood-toggle > svg:first-child { width: 20px; height: 20px; flex-shrink: 0; color: var(--text-muted, #888); }
html body .oly-account__chevron--side { transform: none !important; }
html body .oly-account__mood-label.bgrad1, html body .oly-account__mood-label[class*="bgrad"] { display: inline-block; flex: 0 1 auto; }

.mood_pane { display: none; }
.mood_pane.is-active { display: block; margin-bottom: 4px; }
.mood_input { width: 100%; box-sizing: border-box; }
.mood_box .ncolor_preview { padding: 6px 0 14px; text-align: left; }
.mood_box .ncolor_tabs { justify-content: flex-start; flex-wrap: wrap; }
.mood_box .ncolor_preview_name { max-width: 100%; overflow-wrap: anywhere; }
html body .oly-account__mood-toggle .oly-account__mood-label { padding: 0; margin: 0; }
html body .oly-account__handle {
	margin-top: 2px;
	font-size: 13px;
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0;
	color: var(--text-muted, #8b93a1);
}

/* ==== Menu de cuenta: acabado tipo tarjeta ==== */
html body.theme_oscuro.site_body .profile-menu:has(.oly-account) {
	border-color: rgba(255, 255, 255, 0.13);
	border-radius: 18px;
	overflow: hidden;
	background:
		linear-gradient(90deg, transparent 4%, rgba(255, 255, 255, 0.5) 50%, transparent 96%) top / 100% 1px no-repeat,
		linear-gradient(180deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.015) 38%, rgba(255, 255, 255, 0) 100%),
		#0a0a0b;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.1),
		0 0 0 1px rgba(0, 0, 0, 0.85),
		0 18px 44px rgba(0, 0, 0, 0.6);
}
html body:is(.theme_oscuro, .theme_azuloscuro):is(.site_body, .admin_body) .oly-account__head {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.015) 100%);
	border-bottom-color: rgba(255, 255, 255, 0.09);
	padding: 18px 20px 16px;
}
html body.theme_oscuro:is(.site_body, .admin_body) .oly-account__block { border-bottom-color: rgba(255, 255, 255, 0.08); }
html body.theme_oscuro:is(.site_body, .admin_body) .oly-account__item:hover,
html body.theme_oscuro:is(.site_body, .admin_body) .oly-account__item.is-active { background: rgba(255, 255, 255, 0.05); }
html body.theme_claro:is(.site_body, .admin_body) .oly-account__head {
	background: linear-gradient(180deg, #f6f8fb 0%, #ffffff 100%);
	border-bottom-color: #e4e7ec;
	padding: 18px 20px 16px;
}
html body .oly-account__name { font-size: 15px; letter-spacing: -0.01em; }

/* ==== Ajustes: hub y submenus ==== */
html body .set-hub { padding: 6px 18px 20px; }
html body .set-hub__id { display: flex; align-items: center; gap: 14px; padding: 14px 4px 18px; }
html body .set-hub__meta { min-width: 0; }
html body .set-hub__name { font-size: 16px; font-weight: 800; letter-spacing: -0.01em; color: var(--text-main); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body .set-hub__handle { margin-top: 2px; font-size: 13px; font-weight: 500; color: var(--text-muted, #8b93a1); }
html body .set-hub__list { border-radius: 16px; overflow: hidden; }
html body .set-hub__row { padding: 16px 16px; gap: 16px; }
html body .set-hub__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; text-align: left; }
html body .set-hub__text .edit-pro__label { flex: none; font-size: 1rem; font-weight: 700; }
html body .set-hub__sub { font-size: 12.5px; font-weight: 500; color: var(--text-muted, #8b93a1); }
html body .set-head { display: flex; align-items: center; gap: 10px; }
html body .set-head .modal-title { margin: 0; }
html body .set-back { width: 32px; height: 32px; border: 0; border-radius: 10px; background: transparent; color: var(--text-main); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; margin-left: -6px; }
html body .set-back:hover { background: color-mix(in srgb, var(--text-main, #000) 8%, transparent); }

/* ==== Noticias ==== */
.news-panel { display: none; }
.news-panel.is-open {
	display: block;
	position: fixed;
	z-index: 130;
	left: 8px;
	right: 8px;
	bottom: calc(64px + env(safe-area-inset-bottom, 0px));
	top: calc(var(--header-h, 64px) + 8px);
	background: transparent;
}
@media (min-width: 960px) {
	body.site_body .news-panel.is-open {
		top: calc(var(--header-h, 64px) + 8px);
		bottom: auto;
		left: calc(var(--side-rail-w, 56px) + 10px);
		right: auto;
		width: min(440px, calc(100vw - var(--side-rail-w, 56px) - 24px));
	}
	body.site_body .news-panel.is-open .news-panel__inner { max-height: min(78vh, 680px); }
}
.news-panel__inner {
	display: flex;
	flex-direction: column;
	max-height: 100%;
	background: var(--card-bg);
	border: 1px solid var(--wp-border);
	border-radius: 16px;
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.18);
	overflow: hidden;
}
.news-panel__bar {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 10px 8px 16px;
	border-bottom: 1px solid color-mix(in srgb, var(--wp-border) 88%, transparent);
	flex-shrink: 0;
}
.news-panel__title { margin: 0; flex: 1; font-size: 0.95rem; font-weight: 800; letter-spacing: -0.02em; }
.news-panel__add {
	display: inline-flex; align-items: center; gap: 6px;
	height: 32px; padding: 0 12px;
	border: 0; border-radius: 999px;
	background: var(--wp-blue, #1d9bf0); color: #fff;
	font: inherit; font-size: 13px; font-weight: 700; cursor: pointer;
}
.news-panel__add i, .news-panel__add svg { width: 15px; height: 15px; }
.news-compose { padding: 12px 16px; border-bottom: 1px solid color-mix(in srgb, var(--wp-border) 88%, transparent); flex-shrink: 0; }
.news-compose textarea {
	width: 100%; box-sizing: border-box; resize: vertical; min-height: 72px;
	padding: 10px 12px; border-radius: 12px;
	border: 1px solid var(--wp-border); background: var(--surface-2, transparent); color: inherit; font: inherit;
}
.news-compose__row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 10px; }
.news-compose__file { position: relative; display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--text-muted); cursor: pointer; min-width: 0; }
.news-compose__file i, .news-compose__file svg { width: 18px; height: 18px; flex-shrink: 0; }
.news-compose__fname { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 190px; }
.news-compose__file input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.news-panel__list { overflow-y: auto; overscroll-behavior: contain; padding: 4px 0 8px; }
.news-empty { margin: 0; padding: 22px 16px; text-align: center; font-size: 0.85rem; color: var(--text-muted); }
.news-card { padding: 14px 16px 6px; }
.news-card + .news-card { border-top: 1px solid color-mix(in srgb, var(--wp-border) 88%, transparent); }
.news-card__head { display: flex; align-items: center; gap: 10px; }
.news-card__who { flex: 1; min-width: 0; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.news-card__name { font-size: 14px; font-weight: 800; letter-spacing: -0.01em; }
.news-card__time { font-size: 12px; color: var(--text-muted); }
.news-card__del, .news-comment__del { border: 0; background: transparent; color: var(--text-muted); cursor: pointer; width: 28px; height: 28px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; }
.news-card__del:hover, .news-comment__del:hover { color: #d92d3a; }
.news-card__del i, .news-card__del svg, .news-comment__del i, .news-comment__del svg { width: 15px; height: 15px; }
.news-card__body { margin-top: 10px; font-size: 14.5px; line-height: 1.5; overflow-wrap: anywhere; }
.news-card__img { display: block; margin-top: 10px; border-radius: 12px; overflow: hidden; }
.news-card__img img { display: block; width: 100%; max-height: 320px; object-fit: cover; }
.news-card__actions { display: flex; align-items: center; gap: 14px; margin-top: 10px; padding: 0; border: 0; }
.news-card__comments { padding: 8px 0 10px; }
.news-comment { display: flex; align-items: flex-start; gap: 8px; padding: 6px 0; }
.news-comment__main { flex: 1; min-width: 0; }
.news-comment__line { display: flex; align-items: baseline; gap: 8px; }
.news-comment__name { font-size: 13px; font-weight: 700; }
.news-comment__time { font-size: 11.5px; color: var(--text-muted); }
.news-comment__text { font-size: 13.5px; line-height: 1.45; overflow-wrap: anywhere; }
.news-comment-form { display: flex; align-items: center; gap: 8px; margin-top: 8px; }
.news-comment-form input {
	flex: 1; min-width: 0; height: 36px; padding: 0 12px;
	border-radius: 999px; border: 1px solid var(--wp-border);
	background: var(--surface-2, transparent); color: inherit; font: inherit; font-size: 13.5px;
}
.news-comment-form__send { width: 36px; height: 36px; border: 0; border-radius: 50%; background: var(--wp-blue, #1d9bf0); color: #fff; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.news-comment-form__send i, .news-comment-form__send svg { width: 16px; height: 16px; }
html body.theme_oscuro.site_body .news-panel__inner {
	border-color: rgba(255, 255, 255, 0.13);
	background:
		linear-gradient(90deg, transparent 4%, rgba(255, 255, 255, 0.5) 50%, transparent 96%) top / 100% 1px no-repeat,
		linear-gradient(180deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.015) 38%, rgba(255, 255, 255, 0) 100%),
		#0a0a0b;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.85), 0 18px 44px rgba(0, 0, 0, 0.6);
}
html body.theme_oscuro.site_body .news-card + .news-card,
html body.theme_oscuro.site_body .news-panel__bar,
html body.theme_oscuro.site_body .news-compose { border-color: rgba(255, 255, 255, 0.08); }
html body .news-card .news-card__actions { border: 0; padding: 0; }

/* Noticias: panel lateral pegado al borde, a altura completa (como CodyChat) */
html body .news-panel.is-open {
	position: fixed;
	top: var(--header-h, 64px);
	bottom: 0;
	left: 0;
	right: 0;
	width: auto;
	z-index: 130;
	background: transparent;
}
html body.site_body .news-panel__inner,
html body.theme_oscuro.site_body .news-panel__inner {
	height: 100%;
	max-height: none;
	border-radius: 0;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: var(--wp-border);
	box-shadow: 10px 0 30px rgba(15, 23, 42, 0.12);
}
html body.theme_oscuro.site_body .news-panel__inner {
	border-color: rgba(255, 255, 255, 0.12);
	background: #0a0a0b;
	box-shadow: 10px 0 30px rgba(0, 0, 0, 0.55);
}
.news-panel__list { flex: 1; min-height: 0; }
@media (min-width: 960px) {
	html body.site_body .news-panel.is-open {
		left: var(--side-rail-w, 56px);
		right: auto;
		width: min(440px, calc(100vw - var(--side-rail-w, 56px)));
		bottom: 0;
		top: var(--header-h, 64px);
	}
	html body.site_body .news-panel.is-open .news-panel__inner { max-height: none; }
}
@media (max-width: 959px) {
	html body .news-panel.is-open { bottom: calc(64px + env(safe-area-inset-bottom, 0px)); }
}
.news-panel__add { border-radius: 8px; }

/* Noticias: comentarios con las opciones del feed */
.news-card__comments .comment-thread-node { margin: 0; }
.news-card__comments .news-reply-form, .news-card__comments .news-edit-form { margin: 6px 0 4px 46px; }
.news-card__comments .news-reply-form.hidden, .news-card__comments .news-edit-form.hidden { display: none; }
.news-card__comments > .news-comment-form { margin-top: 10px; }
.news-card__comments .show-more-comments { display: block; margin: 6px 0 2px 52px; }
.news-card__comments .news-comments-more.hidden { display: none; }
/* Noticias: formulario de publicar igual al de trinos */
.news-compose__field.comment-composer { display: block; position: relative; padding: 0; margin: 0; background: none; border: 0; }
.news-compose__field textarea { padding-right: 44px; }
.news-compose__field .composer-emoji-btn { position: absolute; top: 8px; right: 8px; }
.news-compose__row { justify-content: flex-start; }
.news-compose__tools.comment-composer__toolbar { display: flex; align-items: center; gap: 2px; padding: 0; border: 0; margin: 0; }
.news-compose__row .composer-count { margin-left: auto; font-size: 12px; color: var(--text-muted); }
.news-compose__row .composer-submit-btn { flex-shrink: 0; }
.news-compose .comment-image-previews { margin-top: 8px; }
.news-card__gallery { margin: 8px 0 4px; }
.news-card .comment-attach-audio, .news-card .comment-attach-video { margin: 8px 0 4px; }

.news-closed-note { margin: 10px 0 2px; font-size: 13px; color: var(--text-muted); }
.news-card__head .icon-btn { margin-left: auto; }

/* Panel Cementerio */
.gy-list { padding: 14px 16px 18px; }
.gy-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.gy-card { border: 1px solid color-mix(in srgb, var(--wp-border) 88%, transparent); border-radius: 14px; overflow: hidden; background: color-mix(in srgb, var(--wp-surface, #fff) 94%, transparent); display: flex; flex-direction: column; }
.gy-card__img { aspect-ratio: 16 / 10; background: #2a2d34; overflow: hidden; }
.gy-card__img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.gy-card__body { padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 6px; }
.gy-card__head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.gy-card__title { font-size: 13.5px; font-weight: 800; letter-spacing: -0.01em; }
.gy-card__date { font-size: 11.5px; color: var(--text-muted); white-space: nowrap; }
.gy-card__text { margin: 0; font-size: 13px; line-height: 1.45; color: var(--text-muted); overflow-wrap: anywhere; }
html body.theme_oscuro.site_body .gy-card { background: rgba(255, 255, 255, 0.03); border-color: rgba(255, 255, 255, 0.08); }
@media (max-width: 420px) { .gy-grid { grid-template-columns: 1fr; } }

.gy-admin-row { display: flex; gap: 14px; padding: 14px 0; border-top: 1px solid var(--wp-border, rgba(128,128,128,.25)); }
.gy-admin-row:first-of-type { border-top: 0; }
.gy-admin-row__img { width: 120px; height: 75px; object-fit: cover; border-radius: 8px; background: #2a2d34; flex-shrink: 0; }
.gy-admin-row__fields { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.gy-admin-row__two { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.gy-admin-row__foot { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.gy-admin-row__order { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; }
.gy-admin-row__order input { width: 80px; }
.gy-admin-row__vis { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; margin-right: auto; }
@media (max-width: 640px) { .gy-admin-row { flex-direction: column; } .gy-admin-row__img { width: 100%; height: 140px; } .gy-admin-row__two { grid-template-columns: 1fr; } }

a.oly-account__item { text-decoration: none; color: inherit; box-sizing: border-box; width: 100%; }

.gy-grid { align-items: start; }
.gy-card__text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; line-clamp: 6; overflow: hidden; }
.gy-card.is-open .gy-card__text { -webkit-line-clamp: unset; line-clamp: unset; display: block; overflow: visible; }
.gy-card__more { align-self: flex-start; border: 0; background: transparent; padding: 0; font-size: 12.5px; font-weight: 700; color: var(--wp-blue, #1d9bf0); cursor: pointer; }
.gy-card__more.hidden { display: none; }

/* Chats archivados y Top radios: mismo panel lateral que Noticias y Cementerio */
html body .archived-chats-panel.is-open,
html body.site_body .archived-chats-panel.is-open {
	display: block;
	position: fixed;
	top: var(--header-h, 64px);
	bottom: calc(64px + env(safe-area-inset-bottom, 0px));
	left: 0;
	right: 0;
	width: auto;
	z-index: 130;
	background: transparent;
	overflow: visible;
	pointer-events: none;
}
html body.site_body .archived-chats-panel.is-open .archived-chats-panel__inner {
	pointer-events: auto;
	position: relative;
	left: auto;
	right: auto;
	bottom: auto;
	display: flex;
	flex-direction: column;
	height: 100%;
	max-height: none;
	padding-bottom: 0;
	overflow: hidden;
	border-radius: 0;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: var(--wp-border);
	background: var(--card-bg);
	box-shadow: 10px 0 30px rgba(15, 23, 42, 0.12);
}
html body.theme_oscuro.site_body .archived-chats-panel.is-open .archived-chats-panel__inner {
	border-color: rgba(255, 255, 255, 0.12);
	background: #0a0a0b;
	box-shadow: 10px 0 30px rgba(0, 0, 0, 0.55);
}
html body.theme_oscuro.site_body .archived-chats-panel__bar { border-color: rgba(255, 255, 255, 0.08); }
html body.site_body .archived-chats-panel.is-open .archived-chats-panel__bar,
html body.site_body .archived-chats-panel.is-open .archived-chats-tabs,
html body.site_body .archived-chats-panel.is-open .archived-chats-risk-note,
html body.site_body .archived-chats-panel.is-open .archived-chats-filter-empty { flex-shrink: 0; }
html body.site_body .archived-chats-panel.is-open .archived-chats-list,
html body.site_body .archived-chats-panel.is-open .archived-chats-empty {
	flex: 1;
	min-height: 0;
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
}
@media (min-width: 960px) {
	html body.site_body .archived-chats-panel.is-open {
		left: var(--side-rail-w, 56px);
		right: auto;
		bottom: 0;
		top: var(--header-h, 64px);
		width: min(440px, calc(100vw - var(--side-rail-w, 56px)));
	}
	html body.site_body .archived-chats-panel.is-open .archived-chats-panel__inner { max-height: none; border-radius: 0; }
	html body.site_body.rtl_mode .archived-chats-panel.is-open { left: auto; right: var(--side-rail-w, 56px); }
}

/* Top radios: botones play/pausa iguales a los del reproductor del perfil */
html body .top-radio-item { grid-template-columns: minmax(0, 1fr) 36px; }
html body .top-radio-row { grid-template-columns: 40px minmax(0, 1fr) 36px; }
html body .top-radio-row__ctrl {
	position: relative;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #03add8;
	color: #fff;
	box-shadow: none;
}
html body.theme_oscuro .top-radio-row__ctrl {
	background: linear-gradient(180deg, #2c2c2f, #0a0a0b);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}
html body .top-radio-row__play,
html body .top-radio-row__pause { position: absolute; inset: 0; display: block; }
html body .top-radio-row__play.hidden,
html body .top-radio-row__pause.hidden { display: none; }
html body .top-radio-row__ctrl .radio-ico {
	position: absolute;
	inset: 0;
	width: 36px;
	height: 36px;
	fill: #fff;
	stroke: none;
	display: block;
}
html body .top-radio-row.is-playing .top-radio-row__ctrl { background: #03add8; color: #fff; }
html body.theme_oscuro .top-radio-row.is-playing .top-radio-row__ctrl { background: linear-gradient(180deg, #2c2c2f, #0a0a0b); }
html body .top-radio-row.is-playing { background: color-mix(in srgb, #03add8 13%, transparent); }

/* ==========================================================================
   UX v2 — sistema de navegación y componentes comunes (ambos temas)
   Todo se apoya en los tokens de cada tema (--text-main, --text-muted, --card-bg,
   --wp-border, --wp-blue): no hay colores propios por tema salvo las superficies.
   ========================================================================== */
:root {
	--ui-r-sm: 8px;
	--ui-r-md: 12px;
	--ui-r-lg: 16px;
	--ui-r-xl: 20px;
	--ui-h-sm: 32px;
	--ui-h-md: 40px;
	--ui-h-lg: 44px;
	--ui-gap-1: 4px;
	--ui-gap-2: 8px;
	--ui-gap-3: 12px;
	--ui-gap-4: 16px;
	--ui-fs-title: 1.1875rem;
	--ui-fs-section: 1rem;
	--ui-fs-text: 0.9375rem;
	--ui-fs-meta: 0.8125rem;
	--ui-fs-label: 0.75rem;
	--ui-ease: 0.16s ease;
	--ui-pop-shadow: 0 12px 32px rgba(15, 23, 42, 0.16), 0 2px 6px rgba(15, 23, 42, 0.08);
}
body.theme_oscuro {
	--ui-pop-shadow: 0 14px 36px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.04);
}

/* --- Ítem de navegación (rail, dock y «Más» comparten el mismo lenguaje) --- */
.nav-item {
	position: relative;
	display: inline-flex;
	align-items: center;
	border: 0;
	background: transparent;
	color: var(--text-muted);
	font: inherit;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
	transition: background var(--ui-ease), color var(--ui-ease);
}
.nav-item__mark {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.nav-item__mark i,
.nav-item__mark svg {
	width: 22px;
	height: 22px;
	stroke-width: 1.9;
	display: block;
}
.nav-item .notify-pip {
	top: -6px;
	right: -9px;
	min-width: 17px;
	height: 17px;
	line-height: 17px;
	font-size: 10px;
	box-shadow: 0 0 0 2px var(--nav-ring, var(--card-bg, #fff));
}
.nav-item .notify-pip:not(.is-on) { display: none; }
.nav-item:focus-visible,
.more-menu__item:focus-visible {
	outline: 2px solid var(--wp-blue);
	outline-offset: -2px;
}
.nav-item.is-current,
.nav-item[aria-expanded="true"],
.nav-item.is-open {
	color: var(--text-main);
}
.nav-item.is-current .nav-item__mark svg,
.nav-item[aria-expanded="true"] .nav-item__mark svg,
.nav-item.is-open .nav-item__mark svg {
	stroke-width: 2.4;
}
body:has(.nav-item[aria-expanded="true"]:not(.nav-item--more)) .nav-item--home.is-current:not([aria-expanded="true"]) {
	color: var(--text-muted);
}
body:has(.nav-item[aria-expanded="true"]:not(.nav-item--more)) .nav-item--home.is-current:not([aria-expanded="true"]) .nav-item__mark svg {
	stroke-width: 1.9;
}
.nav-item--radio.is-playing,
.nav-item--radio.is-playing:hover { color: var(--text-main); }
.nav-item--more.is-live .nav-item__mark::after {
	content: '';
	position: absolute;
	top: -2px;
	right: -4px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--text-main);
	box-shadow: 0 0 0 2px var(--nav-ring, var(--card-bg, #fff));
}

/* --- Rail de escritorio ---------------------------------------------------- */
@media (min-width: 960px) {
	body.site_body { --side-rail-w: 64px; }
	body.site_body .side-rail__inner { --nav-ring: var(--card-bg, #fff); padding: 12px 0 10px; }
	body.theme_oscuro.site_body .side-rail__inner { --nav-ring: #000; }
	body.site_body .side-rail__nav {
		gap: 4px;
		padding: 0 10px;
		box-sizing: border-box;
		align-items: stretch;
	}
	.side-rail__nav .nav-item {
		height: var(--ui-h-lg);
		min-width: 44px;
		justify-content: center;
		gap: 14px;
		padding: 0 10px;
		border-radius: var(--ui-r-md);
	}
	.side-rail__nav .nav-item__label { display: none; }
	.side-rail__nav .nav-item:hover { background: color-mix(in srgb, var(--text-main) 7%, transparent); color: var(--text-main); }
	.side-rail__nav .nav-item.is-current,
	.side-rail__nav .nav-item[aria-expanded="true"],
	.side-rail__nav .nav-item.is-open { background: color-mix(in srgb, var(--wp-blue) 12%, transparent); color: var(--wp-blue); }
	body:has(.nav-item[aria-expanded="true"]:not(.nav-item--more)) .side-rail__nav .nav-item--home.is-current:not([aria-expanded="true"]) { background: transparent; }
	.side-rail__nav .nav-item--more { margin-top: 4px; }
	.nav-item--only-sheet { display: inline-flex; }
	/* Tooltip rápido del rail compacto */
	.side-rail__nav .nav-item::after {
		content: attr(aria-label);
		position: absolute;
		left: calc(100% + 10px);
		top: 50%;
		transform: translateY(-50%) translateX(-4px);
		padding: 5px 9px;
		border-radius: 8px;
		background: var(--text-main);
		color: var(--card-bg, #fff);
		font-size: 12px;
		font-weight: 600;
		line-height: 1.2;
		white-space: nowrap;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity var(--ui-ease), transform var(--ui-ease);
		z-index: 130;
	}
	.side-rail__nav .nav-item:hover::after,
	.side-rail__nav .nav-item:focus-visible::after { opacity: 1; visibility: visible; transform: translateY(-50%) translateX(0); }
	body.more-menu-open .side-rail__nav .nav-item::after { display: none; }
}
@media (min-width: 1280px) {
	body.site_body { --side-rail-w: 224px; }
	body.site_body .side-rail__nav { padding: 0 12px; }
	.side-rail__nav .nav-item { justify-content: flex-start; padding: 0 14px; }
	.side-rail__nav .nav-item__label {
		display: block;
		font-size: var(--ui-fs-text);
		font-weight: 600;
		letter-spacing: -0.005em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.side-rail__nav .nav-item.is-current .nav-item__label,
	.side-rail__nav .nav-item[aria-expanded="true"] .nav-item__label { font-weight: 700; }
	.side-rail__nav .nav-item::after { display: none; }
	.nav-item--only-sheet { display: none !important; }
	.side-rail__nav .nav-item .notify-pip { right: -8px; }
	body.site_body .side-rail .live-rail { padding: 0 12px; box-sizing: border-box; }
}
@media (min-width: 960px) {
	.mobile-dock { display: none; }
}

/* --- «Más»: popover en escritorio, hoja inferior en móvil -------------------- */
.more-menu {
	position: fixed;
	z-index: 140;
	box-sizing: border-box;
	min-width: 232px;
	padding: 6px;
	border: 1px solid var(--wp-border);
	border-radius: var(--ui-r-lg);
	background: var(--card-bg, #fff);
	box-shadow: var(--ui-pop-shadow);
	pointer-events: auto;
}
.more-menu[hidden] { display: none; }
.more-menu__item {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	height: var(--ui-h-lg);
	padding: 0 12px;
	border: 0;
	border-radius: var(--ui-r-md);
	background: transparent;
	color: var(--text-main);
	font: inherit;
	font-size: var(--ui-fs-text);
	font-weight: 600;
	text-align: start;
	cursor: pointer;
	transition: background var(--ui-ease);
}
.more-menu__item i,
.more-menu__item svg { width: 20px; height: 20px; flex-shrink: 0; color: var(--text-muted); stroke-width: 1.9; }
.more-menu__item span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.more-menu__item:hover { background: color-mix(in srgb, var(--text-main) 7%, transparent); }
.more-menu__item.is-playing svg { color: var(--text-main); }
.more-menu__sep { height: 1px; margin: 6px 4px; background: var(--wp-border); }
.more-menu.is-open { animation: ui-pop-in 0.14s ease-out; }
@keyframes ui-pop-in { from { opacity: 0; transform: translateY(4px) scale(0.98); } to { opacity: 1; transform: none; } }
.more-backdrop { display: none; }

/* --- Dock móvil ---------------------------------------------------------------- */
@media (max-width: 959px) {
	body.site_body .mobile-dock { --nav-ring: var(--card-bg, #fff); }
	body.theme_oscuro.site_body .mobile-dock { --nav-ring: #0a0a0a; }
	body.site_body .mobile-dock__btn.nav-item {
		flex: 1 1 0;
		min-width: 0;
		height: 48px;
		padding: 0 2px;
		flex-direction: column;
		justify-content: center;
		gap: 3px;
		border-radius: var(--ui-r-md);
	}
	body.site_body .mobile-dock__btn .nav-item__mark i,
	body.site_body .mobile-dock__btn .nav-item__mark svg { width: 22px; height: 22px; }
	body.site_body .mobile-dock__btn .nav-item__label {
		font-size: 11px;
		font-weight: 600;
		letter-spacing: 0;
		line-height: 1.1;
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	body.site_body .mobile-dock__btn.nav-item.is-current,
	body.site_body .mobile-dock__btn.nav-item[aria-expanded="true"],
	body.site_body .mobile-dock__btn.nav-item.is-open { color: var(--wp-blue); }
	body:has(.nav-item[aria-expanded="true"]:not(.nav-item--more)) .mobile-dock__btn.nav-item--home.is-current:not([aria-expanded="true"]) { color: var(--text-muted); }
	body.site_body .mobile-dock .nav-item .notify-pip { top: -4px; right: -8px; }
	.nav-item--only-wide { display: none; }

	.more-menu {
		left: 0 !important;
		right: 0;
		top: auto !important;
		bottom: var(--mobile-dock-h, 58px);
		width: auto;
		min-width: 0;
		padding: 8px 10px 10px;
		border-width: 1px 0 0;
		border-radius: var(--ui-r-xl) var(--ui-r-xl) 0 0;
		z-index: 112;
	}
	.more-menu.is-open { animation: ui-sheet-in 0.18s ease-out; }
	.more-menu__item { height: 52px; }
	.more-backdrop {
		display: block;
		position: fixed;
		inset: 0;
		z-index: 108;
		background: rgba(8, 10, 14, 0.45);
	}
}
@keyframes ui-sheet-in { from { transform: translateY(16px); opacity: 0; } to { transform: none; opacity: 1; } }

/* --- Cabecera: acciones a la derecha con el mismo molde ---------------------- */
.site-header .nav-actions { gap: 6px; }
.site-header .nav-actions .icon-btn,
.site-header .nav-actions .theme-switch {
	width: 40px;
	height: 40px;
	padding: 0;
	border-radius: 50%;
}
.theme-switch .theme-switch__ico { width: 20px; height: 20px; stroke-width: 1.9; }
.theme-switch .theme-switch__ico--sun { display: none; }
.theme-switch.is-dark .theme-switch__ico--moon { display: none; }
.theme-switch.is-dark .theme-switch__ico--sun { display: block; }
.topbar-actions .theme-switch { width: 36px; height: 36px; justify-content: center; padding: 0; }

/* --- Menú de cuenta: compacto --------------------------------------------------- */
html body .oly-account__head {
	width: 100%;
	box-sizing: border-box;
	border: 0;
	border-bottom: 1px solid var(--wp-border);
	font: inherit;
	text-align: start;
	color: inherit;
	padding: 14px 16px;
}
html body .oly-account__head .oly-account__meta { display: block; min-width: 0; flex: 1; }
html body .oly-account__head .oly-account__name,
html body .oly-account__head .oly-account__handle { display: block; }
html body .oly-account__head .oly-account__mood-label { display: inline-block; max-width: 100%; margin-top: 4px; vertical-align: top; font-size: var(--ui-fs-meta); color: var(--text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body .oly-account__item { padding: 10px 16px; gap: 12px; font-size: var(--ui-fs-text); }
html body .oly-account__block { padding: 4px 0; }
/* --- Pie del panel derecho (sin separadores decorativos) ---------------------- */
.explore-foot {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 14px;
}
.explore-foot a { color: var(--text-muted); font-size: var(--ui-fs-label); text-decoration: none; }
.explore-foot a:hover { color: var(--text-main); text-decoration: underline; }
.explore-foot__dot { display: none; }

/* --- Listas de ajustes / edición (iconos Lucide) ------------------------------ */
html body .edit-pro__ico svg,
html body .edit-pro__ico i { width: 18px; height: 18px; stroke-width: 1.9; }
html body .edit-pro__row .edit-pro__chev { width: 16px; height: 16px; stroke-width: 2; }
html body .edit-pro__row svg.edit-pro__chev { color: var(--text-muted); }
html body .set-back { display: inline-flex; align-items: center; justify-content: center; }
html body .set-back svg { width: 20px; height: 20px; }
html body .edit-pro__group-title { margin-top: 4px; }
html body .set-hub .edit-pro__group-title { padding: 14px 6px 8px; }

/* --- Menús contextuales: filas neutras, solo «eliminar» en rojo --------------- */
html body .post-option-row { gap: 12px; color: var(--text-main); }
html body .post-option-row i,
html body .post-option-row svg { width: 18px; height: 18px; flex-shrink: 0; color: var(--text-muted); stroke-width: 1.9; }
html body .post-option-row.danger,
html body .post-option-row.danger i,
html body .post-option-row.danger svg { color: #dc2626; }
body.theme_oscuro .post-option-row.danger,
body.theme_oscuro .post-option-row.danger svg { color: #f87171; }

/* --- Cierre de modales con icono Lucide -------------------------------------- */
html body .modal_close svg,
html body .modal_close i { width: 18px; height: 18px; }
html body .modal_top_item svg { width: 18px; height: 18px; }
html body .proicon { width: 16px; height: 16px; margin-right: 10px; vertical-align: -3px; }
.site-header .nav-actions .divider-v { display: none; }
.more-menu__item[aria-expanded="true"] { background: color-mix(in srgb, var(--wp-blue) 12%, transparent); color: var(--wp-blue); }
.more-menu__item[aria-expanded="true"] svg { color: var(--wp-blue); }
html body .oly-account__item svg { width: 18px; height: 18px; flex-shrink: 0; color: var(--text-muted, #888); stroke-width: 1.9; }
html body .oly-account__item--danger svg { color: #c0392b; }
html body.theme_oscuro .oly-account__item--danger,
html body.theme_oscuro .oly-account__item--danger svg { color: #f87171; }
html body .oly-account__item .oly-account__chevron,
html body .oly-account__head .oly-account__chevron { width: 16px; height: 16px; color: var(--text-muted, #888); }

/* ==========================================================================
   UX v2 — capa común de componentes: botones, campos, modales, estados vacíos
   ========================================================================== */
html body :is(.btn-primary, .btn-primary-soft, .btn-secondary-soft, .btn-outline, .btn-danger, .btn-success, .btn-sm, .cc-pro-btn) {
	min-height: var(--ui-h-md);
	padding: 0 18px;
	border-radius: var(--ui-r-md);
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.2;
	gap: 8px;
	box-sizing: border-box;
	transition: background var(--ui-ease), border-color var(--ui-ease), color var(--ui-ease), opacity var(--ui-ease);
}
html body .btn-sm { min-height: var(--ui-h-sm); padding: 0 12px; font-size: 0.8125rem; border-radius: var(--ui-r-sm); }
html body :is(.btn-primary, .btn-primary-soft) { background: color-mix(in srgb, var(--wp-blue) 78%, #000); border: 1px solid color-mix(in srgb, var(--wp-blue) 78%, #000); color: #fff; }
html body :is(.btn-primary, .btn-primary-soft):hover:not(:disabled) { background: color-mix(in srgb, var(--wp-blue) 66%, #000); border-color: color-mix(in srgb, var(--wp-blue) 66%, #000); color: #fff; }
html body :is(.btn-secondary-soft, .btn-outline) { background: transparent; border: 1px solid var(--wp-border); color: var(--text-main); }
html body :is(.btn-secondary-soft, .btn-outline):hover:not(:disabled) { background: color-mix(in srgb, var(--text-main) 7%, transparent); }
html body .btn-danger { background: #dc2626; border: 1px solid #dc2626; color: #fff; }
html body .btn-danger:hover:not(:disabled) { background: #b91c1c; border-color: #b91c1c; }
html body :is(.btn-primary, .btn-primary-soft, .btn-secondary-soft, .btn-outline, .btn-danger, .btn-success, .btn-sm, .cc-pro-btn):disabled,
html body :is(.btn-primary, .btn-primary-soft, .btn-secondary-soft, .btn-outline, .btn-danger, .btn-success, .btn-sm, .cc-pro-btn)[aria-disabled="true"] { opacity: 0.5; cursor: not-allowed; }
html body :is(.btn-primary, .btn-primary-soft, .btn-secondary-soft, .btn-outline, .btn-danger, .btn-success, .btn-sm, .cc-pro-btn, .icon-btn, .more-menu__item, .oly-account__item, .edit-pro__row, .post-option-row, .nav-item):focus-visible {
	outline: 2px solid var(--wp-blue);
	outline-offset: 2px;
}
html body :is(.btn-primary, .btn-primary-soft, .btn-secondary-soft, .btn-outline, .btn-danger, .btn-success, .btn-sm, .cc-pro-btn) svg { width: 16px; height: 16px; }

/* Campos de formulario */
html body :is(.form-control, .edit-profile-input, .edit-profile-textarea, .admin-select, .composer-poll__input, .composer-poll__select, .edit-post-field, .report-textarea) {
	box-sizing: border-box;
	width: 100%;
	min-height: var(--ui-h-md);
	padding: 9px 12px;
	border: 1px solid var(--wp-border);
	border-radius: var(--ui-r-md);
	background: var(--card-bg, #fff);
	color: var(--text-main);
	font-family: inherit;
	font-size: var(--ui-fs-text);
	line-height: 1.4;
	transition: border-color var(--ui-ease), box-shadow var(--ui-ease);
}
html body :is(.edit-profile-textarea, .report-textarea, textarea.form-control, textarea.edit-post-field) { min-height: 92px; resize: vertical; }
html body :is(.form-control, .edit-profile-input, .edit-profile-textarea, .admin-select, .composer-poll__input, .composer-poll__select, .edit-post-field, .report-textarea)::placeholder { color: var(--text-muted); opacity: 1; }
html body :is(.form-control, .edit-profile-input, .edit-profile-textarea, .admin-select, .composer-poll__input, .composer-poll__select, .edit-post-field, .report-textarea):focus {
	outline: 0;
	border-color: var(--wp-blue);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--wp-blue) 20%, transparent);
}
html body :is(.form-control, .edit-profile-input, .edit-profile-textarea, .admin-select):disabled { opacity: 0.55; cursor: not-allowed; }
html body :is(.form-control, .edit-profile-input, .edit-profile-textarea).is-invalid { border-color: #dc2626; box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.14); }
html body :is(input[type="checkbox"], input[type="radio"]) { accent-color: var(--wp-blue); }

/* Modales: cabecera, título, cierre y cuerpo comunes */
html body .modal-header {
	min-height: 52px;
	padding: 0 56px 0 18px;
	background: color-mix(in srgb, var(--text-main) 4%, var(--card-bg, #fff));
	border-bottom: 1px solid var(--wp-border);
}
html body .modal-title { font-size: var(--ui-fs-section); font-weight: 700; letter-spacing: -0.01em; }
html body .modal_close { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; transition: background var(--ui-ease); }
html body .modal_close:hover { background: color-mix(in srgb, var(--text-main) 8%, transparent); }
html body .modal-body { padding: 20px 18px; }

/* Estados vacíos y de fin de lista: mismo tono en todo el producto */
html body :is(.news-empty, .archived-chats-empty, .explore-hot-empty, .support-thread__empty, .support-inbox-dialog__empty, .profile-followers-empty, .profile-about-empty, .feed-empty-card) {
	padding: 24px 16px;
	color: var(--text-muted);
	font-size: var(--ui-fs-meta);
	line-height: 1.5;
	text-align: center;
}
html body .explore-hot-empty { padding: 4px 18px 18px; text-align: left; }
html body .end_feed_title { color: var(--text-muted); font-size: var(--ui-fs-meta); }

/* Metadatos: sin separadores decorativos, solo espacio */
html body :is(.post-byline__dot, .explore-row__dot) { display: none; }
html body .post-byline__time, html body .explore-row__kicker .explore-row__time { margin-left: 8px; }

/* Notificaciones emergentes (éxito/error) con el mismo molde que las tarjetas */
html body .top_notify_item { border-radius: var(--ui-r-md); font-size: var(--ui-fs-meta); font-weight: 600; }

/* La hoja de «Explorar» deja visible el dock móvil (mismo modelo mental: se abre y se cierra desde el mismo botón). */
@media (max-width: 1279px) {
	body.site_body .explore-rail.is-sheet-open { z-index: 105; }
}


/* ==========================================================================
   Sidebar: navegación -> usuarios activos (componente compacto)
   ========================================================================== */
.live-rail__section { display: none; }
@media (min-width: 960px) {
	html body.site_body .side-rail__sep { width: calc(100% - 28px); height: 1px; margin: 10px 14px 6px; align-self: center; }
	html body.site_body .side-rail .live-rail {
		display: flex;
		flex-direction: column;
		flex: 0 1 auto;
		height: auto;
		min-height: 0;
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}
	html body.site_body .side-rail .live-rail__bar {
		display: flex;
		flex-direction: column;
		height: auto;
		min-height: 0;
		flex: 0 1 auto;
		padding: 0;
	}
	html body.site_body .side-rail .live-rail__head { display: none !important; }
	html body.site_body .side-rail .live-rail__section {
		display: none;
		padding: 6px 14px 6px;
		font-size: var(--ui-fs-meta);
		font-weight: 700;
		letter-spacing: 0.04em;
		text-transform: uppercase;
		color: var(--text-muted);
		white-space: nowrap;
	}
	html body.site_body .side-rail .live-rail__stack {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		flex: 0 1 auto;
		gap: 2px;
		min-height: 0;
		max-height: 224px;
		padding: 0;
		overflow-x: hidden;
		overflow-y: auto;
		scrollbar-width: none;
	}
	html body.site_body .side-rail .live-rail.is-scrollable .live-rail__stack {
		-webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
		mask-image: linear-gradient(to bottom, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
	}
	html body.site_body .side-rail .live-rail__btn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 44px;
		border-radius: var(--ui-r-md);
		transition: background var(--ui-ease);
	}
	html body.site_body .side-rail .live-rail__btn:hover,
	html body.site_body .side-rail .live-rail__btn:focus-visible { background: color-mix(in srgb, var(--text-main) 7%, transparent); }
	html body.site_body .side-rail .live-rail__face { width: 32px; height: 32px; margin: 0; flex-shrink: 0; }
	html body.site_body .side-rail .live-rail__btn:hover .live-rail__face { transform: none; }
	html body.site_body .side-rail .live-rail__status { right: auto; left: 50%; margin-left: 5px; bottom: 6px; width: 12px; height: 12px; }
	html body.site_body .side-rail .live-rail__name { display: none !important; }
	html body.site_body .side-rail .live-rail__tip { display: none !important; }
}
@media (min-width: 1280px) {
	html body.site_body .side-rail .live-rail { padding: 0 12px; }
	html body.site_body .side-rail .live-rail__section { display: block; }
	html body.site_body .side-rail .live-rail__btn { justify-content: flex-start; gap: 12px; padding: 0 14px; }
	html body.site_body .side-rail .live-rail__status { left: 14px; margin-left: 21px; bottom: 7px; }
	html body.site_body .side-rail .live-rail__name {
		display: block !important;
		flex: 1;
		min-width: 0;
		text-align: start;
		font-size: var(--ui-fs-text);
		font-weight: 500;
		color: var(--text-main);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}
@media (prefers-reduced-motion: reduce) {
	html body.site_body .side-rail .live-rail__btn { transition: none; }
}


/* ==========================================================================
   Explorar (móvil/tablet): panel lateral desde la izquierda, mismo patrón que
   Chats archivados, Top radios y Cementerio
   ========================================================================== */
.explore-sheet-back { display: none; }
@keyframes ts-panel-in-left { from { transform: translateX(-24px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (max-width: 1279px) {
	html body.site_body .explore-rail.is-sheet-open {
		display: block;
		position: fixed;
		inset: auto;
		top: var(--header-h, 64px);
		left: 0;
		right: 0;
		bottom: var(--mobile-dock-h, 0px);
		width: auto;
		z-index: 130;
		background: transparent;
		overflow: visible;
		pointer-events: none;
	}
	html body.site_body .explore-rail.is-sheet-open .explore-rail__inner {
		pointer-events: auto;
		position: relative;
		inset: auto;
		display: flex;
		flex-direction: column;
		gap: 0;
		height: 100%;
		max-height: none;
		padding: 0;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
		border-radius: 0;
		border: 0 solid var(--wp-border);
		border-right-width: 1px;
		background: var(--card-bg);
		box-shadow: 10px 0 30px rgba(15, 23, 42, 0.12);
		animation: ts-panel-in-left 0.22s ease-out;
	}
	html body.theme_oscuro.site_body .explore-rail.is-sheet-open .explore-rail__inner {
		background: #0a0a0b;
		border-color: rgba(255, 255, 255, 0.12);
		box-shadow: 10px 0 30px rgba(0, 0, 0, 0.55);
	}
	html body.site_body .explore-rail.is-sheet-open .explore-sheet-bar {
		position: sticky;
		top: 0;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 8px;
		flex-shrink: 0;
		padding: 10px 10px 8px 8px;
		background: inherit;
		border-bottom: 1px solid color-mix(in srgb, var(--wp-border) 88%, transparent);
	}
	html body.site_body .explore-rail.is-sheet-open .explore-sheet-bar__title { flex: 1; min-width: 0; }
	html body.site_body .explore-rail.is-sheet-open .explore-sheet-back { display: inline-flex; }
	html body.site_body .explore-rail.is-sheet-open .explore-sheet-bar .explore-sheet-close { order: 3; }
	html body.site_body .explore-rail.is-sheet-open .explore-shell { padding: 12px; }
}
@media (min-width: 960px) and (max-width: 1279px) {
	html body.site_body .explore-rail.is-sheet-open {
		left: var(--side-rail-w, 64px);
		right: auto;
		bottom: 0;
		width: min(440px, calc(100vw - var(--side-rail-w, 64px)));
	}
}
@media (prefers-reduced-motion: reduce) {
	html body.site_body .explore-rail.is-sheet-open .explore-rail__inner { animation: none; }
}

/* ==========================================================================
   Perfil: el cover es solo fondo (sin ampliar) + fondo propio de la sección Información
   ========================================================================== */
.profile-tw__cover-zoom { display: none !important; pointer-events: none; }
html body .modal_wrap_top.pro_top { cursor: default; }

.profile-tw__panel--info-bg {
	position: relative;
	isolation: isolate;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
}
.profile-tw__panel--info-bg::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(8, 10, 16, 0.70) 0%, rgba(8, 10, 16, 0.80) 100%);
}
body.theme_oscuro .profile-tw__panel--info-bg::before { background: linear-gradient(180deg, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0.78) 100%); }
body.theme_azuloscuro .profile-tw__panel--info-bg::before { background: linear-gradient(180deg, rgba(3, 8, 22, 0.70) 0%, rgba(3, 8, 22, 0.80) 100%); }
html body .profile-tw__panel--info-bg .proitem { border-color: rgba(255, 255, 255, 0.16); }
html body .profile-tw__panel--info-bg .proitem .bcell_mid.bold {
	color: color-mix(in srgb, var(--pro-accent, #fff) 62%, #fff);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7), 0 0 1px rgba(0, 0, 0, 0.6);
}
html body .profile-tw__panel--info-bg .proitem .prodata,
html body .profile-tw__panel--info-bg .proitem .prodata a {
	color: rgba(255, 255, 255, 0.95);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7), 0 0 1px rgba(0, 0, 0, 0.55);
}
html body .profile-tw__panel--info-bg .proicon { color: color-mix(in srgb, var(--pro-accent, #fff) 55%, #fff); filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.6)); }

/* Editor del fondo de información (Editar perfil) */
.info-bg-preview {
	position: relative;
	height: 140px;
	border-radius: var(--ui-r-md, 12px);
	border: 1px solid var(--wp-border);
	background: var(--surface-2, #f1f5f9) center / cover no-repeat;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--text-muted);
	font-size: var(--ui-fs-meta, 0.8125rem);
}
.info-bg-preview[data-has-bg="1"]::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(8, 10, 16, 0.58), rgba(8, 10, 16, 0.68));
}
.info-bg-preview > span { position: relative; z-index: 1; }
.info-bg-preview[data-has-bg="1"] > span { color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); }
.info-bg-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.info-bg-hint { margin: 10px 0 0; color: var(--text-muted); font-size: var(--ui-fs-meta, 0.8125rem); }

/* ==========================================================================
   Perfil: pestañas Info | Sobre mí | Seguidores | Más + tarjeta Info moderna
   ========================================================================== */
/* Pestañas: se conserva el aspecto original (píldora compacta; la activa con caja suave del estilo). Solo se ocultan los sub-tabs. */
html body .pro_menu_wrap .modal_menu ul li[hidden],
html body .pro_menu_wrap .modal_menu ul li.profile-tab--sub { display: none !important; }

/* Info como tarjeta: filas compactas, separadores finos */
html body .profile_wrap .proitem {
	display: grid;
	grid-template-columns: minmax(0, 46%) minmax(0, 1fr);
	align-items: center;
	height: auto;
	min-height: 46px;
	padding: 0;
	border-bottom: 1px solid var(--wp-border);
}
html body .profile_wrap .proitem .bcell_mid {
	display: block;
	height: auto;
	min-width: 0;
	padding: 10px 0;
	width: auto;
	font-size: var(--ui-fs-body, 0.9375rem);
	line-height: 1.3;
}
html body .profile_wrap .proitem .bold {
	display: flex;
	align-items: center;
	gap: 10px;
	width: auto;
	font-size: var(--ui-fs-meta, 0.875rem);
	font-weight: 700;
	letter-spacing: .01em;
}
html body .profile_wrap .proitem .prodata { width: auto; font-size: var(--ui-fs-body, 0.9375rem); overflow-wrap: anywhere; }
html body .profile_wrap .proitem .proicon,
html body .profile_wrap .proitem .proicon--svg { width: 16px; height: 16px; margin: 0; flex: 0 0 16px; opacity: .9; }
html body .profile_wrap #probio.modal_zone { padding: 4px 18px 8px; }
html body .profile_wrap #probio .proitem:last-child { border-bottom: 0; }

/* Etiquetas: relleno blanco con halo neón del color del estilo del perfil */
html body .profile-tw #probio { --info-edge: var(--pro-accent, #000); }
html body .profile-tw #probio .proitem .bold {
	color: #fff;
	font-weight: 800;
	-webkit-text-stroke: 0;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55), 0 0 3px var(--info-edge), 0 0 8px color-mix(in srgb, var(--info-edge) 75%, transparent), 0 0 14px color-mix(in srgb, var(--info-edge) 40%, transparent);
}
html body .profile-tw:not(.has-pstyle-accent) #probio .proitem .bold {
	text-shadow: 0 0 2px #000, 0 1px 3px rgba(0, 0, 0, 0.65);
}
/* Claro sin fondo propio: la tarjeta es clara; relleno del tema y halo suave */
body.theme_claro .profile-tw #probio:not(.profile-tw__panel--info-bg) .proitem .bold {
	color: var(--text-main);
	text-shadow: 0 0 6px color-mix(in srgb, var(--info-edge) 35%, transparent);
}
body.theme_claro .profile-tw:not(.has-pstyle-accent) #probio:not(.profile-tw__panel--info-bg) .proitem .bold { text-shadow: none; }
html body .profile-tw.has-pstyle-accent #probio .proitem .bold .proicon:not(.proicon--svg) { stroke-width: 2.3; filter: drop-shadow(0 0 4px color-mix(in srgb, var(--info-edge) 70%, transparent)); }
body.theme_claro .profile-tw #probio:not(.profile-tw__panel--info-bg) .proitem .bold .proicon { filter: none; }
/* Iconos: tono de la etiqueta, sin brillo */
html body .profile-tw #probio .proitem .bold .proicon { color: inherit; text-shadow: none; }
/* Valores limpios y neutros */
html body .profile-tw #probio .proitem .prodata,
html body .profile-tw #probio .proitem .prodata a { color: var(--text-main); text-shadow: none; font-weight: 500; }
body.theme_oscuro.site_body .profile-tw #probio .proitem .prodata,
body.theme_azuloscuro.site_body .profile-tw #probio .proitem .prodata { color: #fff; }
html body .profile-tw #probio.profile-tw__panel--info-bg .proitem .prodata,
html body .profile-tw #probio.profile-tw__panel--info-bg .proitem .prodata a { color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6), 0 0 6px color-mix(in srgb, var(--pro-accent, #000) 35%, transparent); }

/* Fondo de información: cubre toda la zona bajo las pestañas, de borde a borde */
html body .profile_wrap #probio.profile-tw__panel--info-bg {
	margin: 0;
	border: 0;
	border-radius: 0;
	overflow: hidden;
	padding: 10px 24px 14px;
}
html body .profile_wrap #probio.profile-tw__panel--info-bg .proitem { border-color: rgba(255, 255, 255, 0.18); }
html body .profile_wrap #probio.profile-tw__panel--info-bg .proitem .proicon { filter: none; }

/* Más: accesos a Publicaciones y Fotos */
.profile-more-nav { display: flex; flex-direction: column; margin-bottom: 8px; }
.profile-more-nav__item,
.profile-back {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 12px 2px;
	border: 0;
	background: transparent;
	color: var(--text-main);
	font: inherit;
	font-size: var(--ui-fs-body, 0.9375rem);
	font-weight: 600;
	text-align: left;
	cursor: pointer;
}
.profile-more-nav__item { border-bottom: 1px solid var(--wp-border); }
.profile-more-nav__item > span { flex: 1 1 auto; }
.profile-more-nav__item i[data-lucide], .profile-back i[data-lucide], .profile-more-nav__item svg, .profile-back svg { width: 18px; height: 18px; flex: 0 0 18px; }
.profile-more-nav__chev { color: var(--text-muted); }
.profile-more-nav__item:hover, .profile-back:hover { color: var(--pro-accent, var(--text-main)); }
.profile-back { width: auto; padding: 0 0 12px; font-size: var(--ui-fs-meta, 0.875rem); color: var(--text-muted); }
@media (max-width: 520px) {
	html body .profile_wrap .proitem .bold, html body .profile_wrap .proitem .bcell_mid { font-size: var(--ui-fs-meta, 0.875rem); }
	html body .profile_wrap #probio.profile-tw__panel--info-bg { padding: 8px 16px 12px; }
}

/* Música del perfil: aviso de fuente única */
html body .music-studio .music-one-source { margin: -6px 2px 14px; font-size: var(--ui-fs-meta, 0.8125rem); color: var(--text-muted); }

/* Usuarios activos (escritorio): ocupa todo el espacio libre de la barra; solo se desplaza al llegar al final */
@media (min-width: 960px) {
	html body.site_body .side-rail .live-rail { flex: 1 1 auto; min-height: 0; padding-bottom: 6px; }
	html body.site_body .side-rail .live-rail__bar { flex: 1 1 auto; height: auto; min-height: 0; }
	html body.site_body .side-rail .live-rail__stack { flex: 1 1 auto; max-height: none; min-height: 0; }
}

/* Dock móvil: el punto de aviso no se recorta y mide lo mismo que en la barra de escritorio */
@media (max-width: 959px) {
	html body.site_body .mobile-dock .nav-item__mark { position: relative; display: inline-flex; overflow: visible; max-width: none; text-overflow: clip; }
	html body.site_body .mobile-dock .nav-item .notify-pip {
		min-width: 0;
		width: 11px;
		height: 11px;
		padding: 0;
		font-size: 0;
		line-height: 0;
		color: transparent;
		overflow: visible;
		top: -2px;
		right: -3px;
		box-shadow: 0 0 0 2px var(--nav-ring, var(--card-bg, #fff));
	}
	html body.theme_oscuro.site_body .mobile-dock .nav-item .notify-pip { box-shadow: 0 0 0 2px #000; }
}

/* Explorar: en escritorio ancho es columna fija, sin cabecera de panel; sin enlaces legales al pie */
.explore-foot { display: none !important; }
@media (min-width: 1280px) {
	html body.site_body .explore-rail .explore-sheet-bar { display: none !important; }
}

/* Rangos personalizados */
.rank-badge--custom:not(.rank-badge--icon) { background: color-mix(in srgb, var(--text-main) 10%, transparent); color: var(--text-main); }
.rank-badge--custom.rank-badge--icon { background: transparent; }
.admin-rank-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; margin-bottom: 12px; }
.rank-badge--icon.rank-badge--espectador,
.rank-badge--icon.rank-badge--owner { background: transparent; color: inherit; }
.rank-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px; }
.rank-card { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; padding: 22px 14px 16px; border: 1px solid var(--wp-border); border-radius: var(--ui-r-lg, 16px); background: var(--card-bg); transition: border-color .15s ease, transform .15s ease; }
.rank-card:hover { border-color: color-mix(in srgb, var(--text-main) 28%, var(--wp-border)); transform: translateY(-1px); }
.rank-card--owner { border-color: color-mix(in srgb, #fbbf24 55%, var(--wp-border)); }
.rank-card__tools { position: absolute; top: 8px; right: 8px; display: flex; gap: 4px; }
.rank-card__tool { width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 999px; background: transparent; color: var(--text-muted); cursor: pointer; font-size: 13px; transition: background .15s ease, color .15s ease; }
.rank-card__tool:hover { background: color-mix(in srgb, var(--text-main) 10%, transparent); color: var(--text-main); }
.rank-card__tool--danger:hover { background: color-mix(in srgb, #f4212e 16%, transparent); color: #f4212e; }
.rank-card__img { width: 72px; height: 72px; margin-bottom: 8px; display: flex; align-items: center; justify-content: center; border-radius: 18px; background: color-mix(in srgb, var(--text-main) 6%, transparent); color: var(--text-muted); font-size: 26px; }
.rank-card__img img { max-width: 52px; max-height: 52px; object-fit: contain; }
.rank-card__name { font-weight: 800; font-size: 1rem; color: var(--text-main); overflow-wrap: anywhere; }
.rank-card__tag { font-size: .72rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--text-muted); }
.rank-card__meta { margin-top: 6px; font-size: var(--ui-fs-meta, 0.8125rem); color: var(--text-muted); }
.rank-edit { display: flex; gap: 18px; align-items: flex-start; margin-bottom: 16px; }
.rank-edit__preview { flex: 0 0 84px; width: 84px; height: 84px; display: flex; align-items: center; justify-content: center; border-radius: 20px; background: color-mix(in srgb, var(--text-main) 6%, transparent); color: var(--text-muted); font-size: 28px; }
.rank-edit__preview img { max-width: 60px; max-height: 60px; object-fit: contain; }
.rank-edit__fields { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.rank-edit__actions { display: flex; justify-content: flex-end; gap: 8px; }
@media (max-width: 520px) { .rank-edit { flex-direction: column; align-items: stretch; } .rank-edit__preview { align-self: center; } }

/* --- Iconos del rail de escritorio: más grandes y nítidos ------------------- */
@media (min-width: 960px) {
	.side-rail__nav .nav-item { height: 52px; }
	.side-rail__nav .nav-item__mark i,
	.side-rail__nav .nav-item__mark svg {
		width: 27px;
		height: 27px;
		stroke-width: 1.75;
		stroke-linecap: round;
		stroke-linejoin: round;
		shape-rendering: geometricPrecision;
	}
	.side-rail__nav .nav-item.is-current .nav-item__mark svg,
	.side-rail__nav .nav-item[aria-expanded="true"] .nav-item__mark svg,
	.side-rail__nav .nav-item.is-open .nav-item__mark svg { stroke-width: 2.3; }
	body:has(.nav-item[aria-expanded="true"]:not(.nav-item--more)) .side-rail__nav .nav-item--home.is-current:not([aria-expanded="true"]) .nav-item__mark svg { stroke-width: 1.75; }
	.side-rail__nav .nav-item .notify-pip { top: -4px; right: -6px; }
}
@media (min-width: 1280px) {
	.side-rail__nav .nav-item { gap: 18px; }
	.side-rail__nav .nav-item__label { font-size: 17px; font-weight: 500; }
	.side-rail__nav .nav-item.is-current .nav-item__label,
	.side-rail__nav .nav-item[aria-expanded="true"] .nav-item__label { font-weight: 700; }
}

/* ==== Destacados: insignias tipo cinta (cola de golondrina) y filas ==== */
html body .hot-marks { gap: 8px 10px; margin-top: 8px; }
html body .hot-mark {
	display: inline-flex;
	align-items: stretch;
	gap: 0;
	height: 24px;
	padding: 0 0 0 9px;
	border: 0;
	border-radius: 5px 0 0 5px;
	box-shadow: none;
	font-size: 0.64rem;
	font-weight: 800;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	line-height: 1;
	clip-path: polygon(0 0, 100% 0, calc(100% - 8px) 50%, 100% 100%, 0 100%);
	filter: none;
}
html body .hot-mark__ico { display: none; }
html body .hot-mark__label { align-self: center; padding-right: 9px; }
html body .hot-mark__count {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0 17px 0 9px;
	border: 0;
	background: rgba(0, 0, 0, 0.17);
	font-size: 0.74rem;
	font-weight: 800;
	letter-spacing: 0;
}
html body .hot-mark--debate { background: #f3b43a; color: #38230a; border: 0; }
html body .hot-mark--likes { background: #4cc4ea; color: #06303f; border: 0; }
html body.theme_oscuro .hot-mark--debate,
html body.theme_azuloscuro .hot-mark--debate { background: #f3b43a; color: #38230a; border: 0; box-shadow: none; }
html body.theme_oscuro .hot-mark--likes,
html body.theme_azuloscuro .hot-mark--likes { background: #4cc4ea; color: #06303f; border: 0; box-shadow: none; }

html body .explore-row--hot { padding: 15px 18px; border-top: 1px solid color-mix(in srgb, var(--wp-border) 70%, transparent); }
html body .explore-list > li:first-child .explore-row--hot { border-top: 0; }
html body .explore-row--hot .explore-row__kicker { font-size: 0.74rem; color: var(--text-muted); }
html body .explore-row--hot .explore-row__title { font-size: 0.97rem; font-weight: 700; line-height: 1.32; }
html body .explore-row--hot .explore-thumb { border-radius: 12px; box-shadow: none; }
html body.site_body .hot-mark--debate,
html body.theme_oscuro.site_body .hot-mark--debate,
html body.theme_azuloscuro.site_body .hot-mark--debate { color: #38230a; }
html body.site_body .hot-mark--likes,
html body.theme_oscuro.site_body .hot-mark--likes,
html body.theme_azuloscuro.site_body .hot-mark--likes { color: #06303f; }

/* ==== Destacados: cabecera y filas con más detalle ==== */
html body .explore-block:has(.explore-row--hot) { padding-bottom: 6px; }
html body .explore-panel__sub {
	margin: -4px 0 6px;
	padding: 0 18px 12px;
	font-size: 0.78rem;
	line-height: 1.35;
	color: var(--text-muted);
}
html body .explore-row--hot,
html body .explore-row--hot:has(.explore-thumb) { grid-template-columns: 40px minmax(0, 1fr); column-gap: 12px; }
html body .explore-row--hot:has(.explore-thumb) { grid-template-columns: 40px minmax(0, 1fr) 64px; }
html body .explore-row--hot .explore-row__face .avatar-wrap .avatar { width: 40px; height: 40px; font-size: 14px; }
html body .explore-row--hot .explore-row__kicker {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
	overflow: visible;
}
html body .explore-row--hot .explore-row__name {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 0.84rem;
	font-weight: 700;
	color: var(--text-main);
}
html body .explore-row--hot .explore-row__time {
	flex-shrink: 0;
	margin: 0;
	font-size: 0.72rem;
	font-weight: 500;
	color: var(--text-muted);
}
html body .explore-row--hot .explore-row__title {
	font-size: 0.95rem;
	font-weight: 500;
	line-height: 1.38;
	letter-spacing: -0.01em;
	-webkit-line-clamp: 3;
}
html body .explore-row--hot .explore-thumb {
	width: 64px;
	height: 64px;
	border-radius: 12px;
	outline: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent);
	outline-offset: -1px;
	overflow: hidden;
}
html body .explore-row--hot .explore-thumb img { transition: transform .25s ease; }
html body .explore-row--hot:hover .explore-thumb img { transform: scale(1.06); }
html body .explore-row--hot:hover .explore-row__title { color: var(--text-main); }
html body .explore-row--hot { transition: background-color .15s ease; }

/* Destacados: la vista previa pasa debajo del texto para que el nick y todo quepa */
html body .explore-row--hot:has(.explore-thumb) { grid-template-columns: 40px minmax(0, 1fr); }
html body .explore-row--hot .explore-row__kicker { flex-wrap: wrap; row-gap: 0; }
html body .explore-row--hot .explore-row__name { flex: 1 1 auto; max-width: 100%; }
html body .explore-row--hot .explore-thumb {
	grid-column: 2;
	grid-row: 2;
	width: 100%;
	height: 148px;
	margin-top: 10px;
	border-radius: 14px;
}
html body .explore-row--hot .explore-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
html body .explore-row--hot .explore-thumb--icon {
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: color-mix(in srgb, var(--text-main) 7%, transparent);
	color: var(--text-muted);
}
html body .explore-row--hot .explore-thumb--icon svg { width: 26px; height: 26px; }

/* Destacados: tipo de contenido (foto, vídeo, audio) */
html body .explore-row--hot .explore-thumb { position: relative; }
html body .explore-kind {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	height: 22px;
	padding: 0 9px 0 7px;
	border-radius: 6px;
	background: rgba(8, 10, 14, 0.66);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	color: #fff;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1;
}
html body .explore-kind i,
html body .explore-kind svg { width: 13px; height: 13px; stroke-width: 2.2; }
html body .explore-row--hot .explore-thumb > .explore-kind:not(.explore-kind--solo) { position: absolute; left: 8px; top: 8px; }
html body .explore-kind--solo {
	height: auto;
	padding: 0;
	background: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	gap: 8px;
	color: var(--text-muted);
	font-size: 0.8rem;
	font-weight: 600;
}
html body .explore-kind--solo i,
html body .explore-kind--solo svg { width: 22px; height: 22px; }

/* Destacados: vista previa más baja y texto más discreto */
html body .explore-row--hot .explore-thumb { height: 110px; margin-top: 8px; }
html body .explore-row--hot .explore-thumb--icon { height: 52px; }
html body .explore-row--hot .explore-row__title {
	font-size: 0.88rem;
	font-weight: 400;
	line-height: 1.4;
	color: color-mix(in srgb, var(--text-main) 88%, transparent);
}
html body .explore-row--hot .explore-row__name { font-size: 0.88rem; }

/* ==== YouTube: buscador del compositor ==== */
.yt-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px 12px;
	padding-bottom: 8px;
}
.yt-item {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
	padding: 0;
	border: 0;
	background: none;
	color: var(--text-main);
	font: inherit;
	text-align: left;
	cursor: pointer;
}
.yt-item__thumb {
	display: block;
	position: relative;
	aspect-ratio: 16 / 9;
	border-radius: 12px;
	overflow: hidden;
	background: var(--surface-2);
	outline: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent);
	outline-offset: -1px;
}
.yt-item__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .25s ease; }
.yt-item:hover .yt-item__thumb img,
.yt-item:focus-visible .yt-item__thumb img { transform: scale(1.05); }
.yt-item:focus-visible { outline: 2px solid var(--wp-blue); outline-offset: 3px; border-radius: 10px; }
.yt-item__title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 0.84rem;
	font-weight: 600;
	line-height: 1.3;
}
.yt-item__chan {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 0.74rem;
	color: var(--text-muted);
}
@media (max-width: 480px) {
	.yt-grid { grid-template-columns: minmax(0, 1fr); }
}

/* ==== Destacados: vídeo de YouTube a tamaño 16:9 con botón de reproducir ==== */
html body .explore-row--hot .explore-thumb--yt { height: auto; aspect-ratio: 16 / 9; }
html body .explore-row--hot .explore-thumb--yt img { width: 100%; height: 100%; object-fit: cover; }
html body .explore-play {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 46px;
	height: 32px;
	margin: -16px 0 0 -23px;
	border-radius: 10px;
	background: rgba(255, 0, 0, 0.92);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
	pointer-events: none;
}
html body .explore-play::after {
	content: '';
	position: absolute;
	left: 18px;
	top: 9px;
	border-style: solid;
	border-width: 7px 0 7px 12px;
	border-color: transparent transparent transparent #fff;
}

/* YouTube: logo real dibujado con CSS y acentos en negro */
.yt-logo {
	display: inline-block;
	position: relative;
	flex: 0 0 auto;
	width: 28px;
	height: 20px;
	margin-right: 8px;
	border-radius: 6px;
	background: #8a8f98;
	vertical-align: -4px;
}
.yt-logo::after {
	content: '';
	position: absolute;
	left: 11px;
	top: 5px;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #fff;
}
.small_modal_in:has(.yt-modal) .modal-title { display: flex; align-items: center; }
.yt-modal .giphy-chip.is-active,
.yt-modal .giphy-chip.is-active:hover {
	background: var(--text-main);
	border-color: var(--text-main);
	color: var(--card-bg, #fff);
}
.yt-modal .giphy-search:focus-within {
	border-color: color-mix(in srgb, var(--text-main) 55%, transparent);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--text-main) 12%, transparent);
}
.yt-modal .yt-item:focus-visible { outline-color: var(--text-main); }

/* ==== Destacados: el panel se desplaza por dentro, con barra fina y desvanecido inferior ==== */
@media (min-width: 1280px) {
	body.site_body .site-rightcol .explore-rail__inner { padding-bottom: 0; overflow: hidden; }
	body.site_body .site-rightcol .explore-shell {
		flex: 0 1 auto;
		min-height: 0;
		max-height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		scrollbar-width: thin;
		scrollbar-color: color-mix(in srgb, var(--text-main) 28%, transparent) transparent;
	}
	body.site_body .site-rightcol .explore-shell::-webkit-scrollbar { width: 8px; }
	body.site_body .site-rightcol .explore-shell::-webkit-scrollbar-track { background: transparent; margin: 14px 0; }
	body.site_body .site-rightcol .explore-shell::-webkit-scrollbar-thumb {
		border-radius: 8px;
		border: 2px solid transparent;
		background: color-mix(in srgb, var(--text-main) 26%, transparent) padding-box;
	}
	body.site_body .site-rightcol .explore-shell::-webkit-scrollbar-thumb:hover { background: color-mix(in srgb, var(--text-main) 45%, transparent) padding-box; }
	body.site_body .site-rightcol .explore-shell::after {
		content: '';
		position: sticky;
		bottom: 0;
		display: block;
		height: 34px;
		margin-top: -34px;
		background: linear-gradient(to bottom, transparent, var(--card-bg, #fff));
		pointer-events: none;
	}
	html body.theme_oscuro.site_body .site-rightcol .explore-shell::after { background: linear-gradient(to bottom, transparent, #0a0a0b); }
}

/* ==== Títulos del panel Explorar: cinta negra inclinada ==== */
html body .explore-panel__title {
	position: relative;
	display: block;
	width: calc(100% - 20px);
	margin: 16px 0 10px 14px;
	padding: 11px 38px 11px 26px;
	background: #000;
	color: #fff;
	font-size: 1.08rem;
	font-weight: 800;
	font-style: italic;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	line-height: 1.1;
	-webkit-clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
	clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
}
html body .explore-panel__title::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 54px;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.55) 0.9px, transparent 1.2px) 0 0 / 5px 5px;
	-webkit-mask-image: linear-gradient(to left, #000 0%, transparent 100%);
	mask-image: linear-gradient(to left, #000 0%, transparent 100%);
	pointer-events: none;
}
html body.theme_oscuro .explore-panel__title,
html body.theme_azuloscuro .explore-panel__title { box-shadow: none; }
html body .explore-panel__sub { padding-top: 2px; }

/* ==== Cuentas afiliadas: avatar de la cuenta principal junto al nombre ==== */
html body .aff-badge {
	display: inline-flex;
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	margin: 0 2px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	overflow: hidden;
	vertical-align: middle;
	line-height: 0;
	cursor: pointer;
	transition: border-color 0.15s ease, transform 0.15s ease;
}
html body span.aff-badge { cursor: default; }
html body button.aff-badge:hover { transform: scale(1.12); }
html body button.aff-badge:focus-visible { outline: 2px solid var(--wp-blue); outline-offset: 2px; }
html body .aff-badge .avatar-wrap { width: 100%; height: 100%; }
html body .aff-badge .avatar-wrap .avatar { width: 100%; height: 100%; border-radius: 0; font-size: 8px; }
html body .comment-byline .aff-badge { width: 16px; height: 16px; flex-basis: 16px; }

.aff-card { padding: 16px; display: flex; flex-direction: column; gap: 4px; }
.aff-card__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 6px; }
.aff-card__btn {
	flex: 0 0 auto;
	padding: 8px 18px;
	border: 0;
	border-radius: 999px;
	background: var(--text-main);
	color: var(--card-bg, #fff);
	font: inherit;
	font-size: 0.84rem;
	font-weight: 800;
	cursor: pointer;
}
.aff-card__btn:hover { opacity: 0.88; }
.aff-card__name { display: flex; align-items: center; gap: 4px; font-size: 1.05rem; font-weight: 800; line-height: 1.2; color: var(--text-main); }
.aff-card__handle { font-size: 0.84rem; color: var(--text-muted); }
.aff-card__bio { margin: 6px 0 0; font-size: 0.86rem; line-height: 1.4; color: var(--text-main); }
.aff-card__note {
	margin-top: 12px;
	padding-top: 10px;
	border-top: 1px solid var(--wp-border);
	font-size: 0.76rem;
	line-height: 1.35;
	color: var(--text-muted);
}

/* Explorar/Destacados en móvil y tablet: la hoja hace scroll completa y nada se recorta */
@media (max-width: 1279px) {
	html body.site_body .explore-rail.is-sheet-open .explore-rail__inner {
		min-width: 0;
		max-width: 100%;
		padding-bottom: 88px;
	}
	html body.site_body .explore-rail.is-sheet-open .explore-shell {
		flex: 0 0 auto;
		width: 100%;
		min-width: 0;
		max-width: 100%;
		height: auto;
		overflow: visible;
		border-width: 0;
		border-radius: 0;
		box-shadow: none;
		box-sizing: border-box;
	}
	html body.site_body .explore-rail.is-sheet-open .explore-shell::after { display: none; }
	html body.site_body .explore-rail.is-sheet-open .explore-row,
	html body.site_body .explore-rail.is-sheet-open .explore-row__main,
	html body.site_body .explore-rail.is-sheet-open .explore-thumb { min-width: 0; max-width: 100%; box-sizing: border-box; }
	html body.site_body .explore-rail.is-sheet-open .explore-row__title { overflow-wrap: anywhere; }
}

/* Tarjeta de cuenta afiliada: portada, y apertura al pasar el ratón */
.aff-card.has-cover { padding-top: 0; }
.aff-card__cover { height: 84px; margin: 0 -16px; background-size: cover; background-position: center; background-color: var(--wp-border); }
.aff-card.has-cover .aff-card__top { margin-top: -34px; align-items: flex-end; }
.aff-card.has-cover .aff-card__top .avatar-wrap { box-shadow: 0 0 0 3px var(--card-bg, #fff); border-radius: 50%; }
html body #top_modal.is-popover.aff-hover.modal_back { pointer-events: none; }
html body #top_modal.is-popover.aff-hover .top_modal_in.modal_in { pointer-events: auto; }

.aff-card__stats { display: flex; gap: 14px; margin-top: 10px; font-size: 0.82rem; color: var(--text-muted); }
.aff-card__stats strong { color: var(--text-main); font-weight: 800; }
html body [data-hover-user] { cursor: pointer; }
html body .explore-row__name[data-hover-user]:hover { text-decoration: underline; }

/* La tarjeta hover sustituye al tooltip antiguo de la barra de conectados */
html body .live-rail__btn[data-hover-user] .live-rail__tip { display: none !important; }

/* Reproductor de vídeo: chip de tiempo, volumen y pantalla completa */
.vplayer { position: relative; display: block; width: 100%; height: 100%; background: #000; overflow: hidden; border-radius: inherit; }
.vplayer > video { display: block; width: 100%; height: 100%; object-fit: contain; cursor: pointer; }
.comment-media-shell--video .vplayer { height: auto; }
.comment-media-shell--video .vplayer > video { height: auto; max-height: 180px; }
.vplayer__ui { position: absolute; inset: 0; pointer-events: none; }
.vplayer__ui > * { pointer-events: auto; }
.vplayer__big {
	position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
	width: 56px; height: 56px; border: 0; border-radius: 50%; padding: 0;
	display: flex; align-items: center; justify-content: center;
	background: rgba(0, 0, 0, 0.55); color: #fff; cursor: pointer;
	transition: opacity 0.18s ease, transform 0.18s ease;
}
.vplayer__big svg { width: 24px; height: 24px; margin-left: 3px; }
.vplayer__big:hover { transform: translate(-50%, -50%) scale(1.06); }
.vplayer.is-playing .vplayer__big { opacity: 0; pointer-events: none; }
.vplayer__chip {
	position: absolute; left: 10px; bottom: 12px;
	padding: 3px 9px; border-radius: 999px;
	background: rgba(0, 0, 0, 0.62); color: #fff;
	font-size: 0.78rem; font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1.4;
	pointer-events: none; transition: opacity 0.25s ease;
}
.vplayer__btns { position: absolute; right: 10px; bottom: 10px; display: flex; gap: 6px; transition: opacity 0.25s ease; }
.vplayer__btn {
	width: 30px; height: 30px; padding: 0; border: 0; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	background: rgba(0, 0, 0, 0.62); color: #fff; cursor: pointer;
}
.vplayer__btn svg { width: 16px; height: 16px; }
.vplayer__btn:hover { background: rgba(0, 0, 0, 0.85); }
.vplayer__bar { position: absolute; left: 0; right: 0; bottom: 0; height: 12px; cursor: pointer; display: flex; align-items: flex-end; }
.vplayer__bar::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: rgba(255, 255, 255, 0.25); }
.vplayer__fill { position: relative; display: block; height: 3px; width: 0; background: #fff; }
.vplayer:fullscreen { border-radius: 0; }
.vplayer:fullscreen > video { object-fit: contain; }

/* Barra izquierda: título «En línea» en cinta negra inclinada, más fina */
@media (min-width: 1280px) {
	html body.site_body .side-rail .live-rail__section {
		display: inline-block;
		margin: 8px 0 8px 6px;
		padding: 5px 26px 5px 18px;
		background: #000;
		color: #fff;
		font-size: 0.74rem;
		font-weight: 800;
		font-style: italic;
		letter-spacing: 0.02em;
		line-height: 1.1;
		-webkit-clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
		clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
	}
	html body.theme_claro.site_body .side-rail .live-rail__section,
	html body.site_body .side-rail .live-rail__section { color: #fff; }
}
@media (min-width: 1280px) {
	html body.theme_oscuro.site_body .side-rail .live-rail__section,
	html body.theme_azuloscuro.site_body .side-rail .live-rail__section { background: #2a2a30; }
}

/* Menú izquierdo (escritorio): ítem activo en cinta negra inclinada */
@media (min-width: 1280px) {
	html body.site_body .side-rail__nav .nav-item.is-current,
	html body.site_body .side-rail__nav .nav-item[aria-expanded="true"]:not(.nav-item--more),
	html body.site_body .side-rail__nav .nav-item.is-open:not(.nav-item--more) {
		background: #000;
		color: #fff;
		border-radius: 0;
		-webkit-clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
		clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
	}
	html body.site_body .side-rail__nav .nav-item.is-current .nav-item__label,
	html body.site_body .side-rail__nav .nav-item[aria-expanded="true"]:not(.nav-item--more) .nav-item__label,
	html body.site_body .side-rail__nav .nav-item.is-current .nav-item__mark,
	html body.site_body .side-rail__nav .nav-item[aria-expanded="true"]:not(.nav-item--more) .nav-item__mark { color: #fff; }
	html body.theme_oscuro.site_body .side-rail__nav .nav-item.is-current,
	html body.theme_azuloscuro.site_body .side-rail__nav .nav-item.is-current,
	html body.theme_oscuro.site_body .side-rail__nav .nav-item[aria-expanded="true"]:not(.nav-item--more),
	html body.theme_azuloscuro.site_body .side-rail__nav .nav-item[aria-expanded="true"]:not(.nav-item--more) { background: #2a2a30; }
	html body.site_body:has(.nav-item[aria-expanded="true"]:not(.nav-item--more)) .side-rail__nav .nav-item--home.is-current:not([aria-expanded="true"]) {
		background: transparent;
		color: var(--text-muted);
		-webkit-clip-path: none;
		clip-path: none;
	}
	html body.site_body:has(.nav-item[aria-expanded="true"]:not(.nav-item--more)) .side-rail__nav .nav-item--home.is-current:not([aria-expanded="true"]) .nav-item__label,
	html body.site_body:has(.nav-item[aria-expanded="true"]:not(.nav-item--more)) .side-rail__nav .nav-item--home.is-current:not([aria-expanded="true"]) .nav-item__mark { color: inherit; }
	html body.site_body .side-rail .live-rail__section { margin-bottom: 14px; }
}

/* Ajuste fino: menú y «En línea» más compactos y alineados */
@media (min-width: 1280px) {
	html body.site_body .side-rail__nav .nav-item { height: 46px; }
	html body.site_body .side-rail .live-rail__btn { height: 40px; }
	html body.site_body .side-rail .live-rail__section { margin-left: 0; margin-top: 10px; align-self: flex-start; }
}

/* Icono de comentarios: borde negro plateado (claro) / plata clara (oscuro) */
html body .post-react-svg { --cm-1: #111114; --cm-2: #5a5e66; --cm-3: #aeb3bc; --cm-fill: rgba(90, 94, 102, 0.1); }
html body.theme_oscuro .post-react-svg,
html body.theme_azuloscuro .post-react-svg { --cm-1: #f4f6f9; --cm-2: #c3c8d0; --cm-3: #868c96; --cm-fill: rgba(255, 255, 255, 0.07); }
html body .post-react-svg .cm-s1 { stop-color: var(--cm-1); }
html body .post-react-svg .cm-s2 { stop-color: var(--cm-2); }
html body .post-react-svg .cm-s3 { stop-color: var(--cm-3); }
html body .post-react-svg .cm-fill { fill: var(--cm-fill); }
html body .post-comment-btn .post-react-svg { filter: drop-shadow(0 1px 1.5px rgba(0, 0, 0, 0.25)); }

/* Icono de me gusta: algo más grande que el resto */
html body .post-react-btn--heart .post-react-img { width: 30px; height: 30px; margin: -2px 2px -2px -2px; }

/* Check de verificado pulsable y tarjeta informativa */
html body button.vf-badge { padding: 0; border: 0; background: transparent; cursor: pointer; font: inherit; }
html body button.vf-badge:hover { transform: scale(1.1); }
.vf-card { padding: 16px; display: flex; flex-direction: column; gap: 10px; }
.vf-card__title { font-size: 1.1rem; font-weight: 800; line-height: 1.2; color: var(--text-main); }
.vf-card__row { display: flex; align-items: flex-start; gap: 10px; }
.vf-card__ico { flex: 0 0 22px; width: 22px; height: 22px; color: #1d9bf0; line-height: 0; }
.vf-card__ico.is-gold { color: #c88a04; }
.vf-card__ico svg { width: 100%; height: 100%; display: block; }
.vf-card__text { margin: 0; font-size: 0.88rem; line-height: 1.4; color: var(--text-muted); }

html body:is(.theme_oscuro, .theme_claro):is(.site_body, .admin_body) :is(.btn-primary:not(.composer-submit-btn), .btn-primary-soft, .cc-pro-btn, .comment-composer__send.icon-btn, .audio-rec__btn--ok, .news-comment-form__send, .profile-tw__follow:not(.profile-tw__follow--following):not(.profile-tw__follow--outline)),
html body:is(.theme_oscuro, .theme_claro):is(.site_body, .admin_body) .music-studio .music-btn-save,
html body.theme_claro.login_gateway :is(.btn-login-accent, .btn-hero-primary) {
	color: #fff !important;
	border: 1px solid rgba(255, 255, 255, 0.34) !important;
	background:
		radial-gradient(90% 140% at 20% 0%, rgba(255, 255, 255, 0.12), transparent 60%),
		linear-gradient(180deg, #151516, #060607) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.55),
		inset 0 -1px 0 rgba(255, 255, 255, 0.28),
		inset 0 0 20px rgba(255, 255, 255, 0.07),
		0 0 0 1px rgba(0, 0, 0, 0.9),
		0 6px 14px rgba(0, 0, 0, 0.35) !important;
	transition: border-color 0.15s ease, background 0.15s ease;
}

html body:is(.theme_oscuro, .theme_claro):is(.site_body, .admin_body) :is(.btn-primary:not(.composer-submit-btn), .btn-primary-soft, .cc-pro-btn, .comment-composer__send.icon-btn, .audio-rec__btn--ok, .news-comment-form__send, .profile-tw__follow:not(.profile-tw__follow--following):not(.profile-tw__follow--outline)):hover:not(:disabled),
html body:is(.theme_oscuro, .theme_claro):is(.site_body, .admin_body) .music-studio .music-btn-save:hover:not(:disabled),
html body.theme_claro.login_gateway :is(.btn-login-accent, .btn-hero-primary):hover {
	color: #fff !important;
	border-color: rgba(255, 255, 255, 0.7) !important;
	background:
		radial-gradient(90% 140% at 20% 0%, rgba(255, 255, 255, 0.18), transparent 60%),
		linear-gradient(180deg, #1b1b1d, #08080a) !important;
}

html body:is(.theme_oscuro, .theme_claro) .comment-composer__send.icon-btn :is(svg, i, .comment-composer__send-icon) {
	color: #fff;
	stroke: #fff;
}

html body #top_notify {
	pointer-events: none;
}

html body #top_notify .top_notify_item {
	pointer-events: auto;
	position: relative;
	min-width: 260px;
	padding: 11px 14px 11px 16px;
	border-width: 1px;
	border-style: solid;
	border-radius: 18px;
	font-weight: 600;
	-webkit-backdrop-filter: blur(14px) saturate(160%);
	backdrop-filter: blur(14px) saturate(160%);
}

html body #top_notify .top_notify_item .top_notice_body,
html body #top_notify .top_notify_item .top_notice_body.notice_success,
html body #top_notify .top_notify_item .top_notice_body.notice_error,
html body #top_notify .top_notify_item .top_notice_body.notice_default {
	color: inherit;
	gap: 10px;
}

html body #top_notify .top_notify_item .top_notice_body svg {
	flex: 0 0 auto;
	width: 18px !important;
	height: 18px;
	stroke-width: 2;
}

html body #top_notify .top_notify_btn {
	color: inherit;
	opacity: 0.55;
	transition: opacity 0.15s ease;
}

html body #top_notify .top_notify_btn:hover {
	opacity: 1;
}

html body:is(.theme_oscuro, .theme_azuloscuro, .theme_claro) #top_notify .top_notify_item,
html body:is(.theme_oscuro, .theme_azuloscuro, .theme_claro):is(.site_body, .admin_body) .top_notify_item {
	color: #f1f1f2;
	border-color: rgba(255, 255, 255, 0.13);
	border-right-color: rgba(255, 255, 255, 0.13);
	background:
		linear-gradient(90deg, transparent 6%, rgba(255, 255, 255, 0.5) 50%, transparent 94%) top / 100% 1px no-repeat,
		radial-gradient(120% 160% at 82% -40%, rgba(255, 255, 255, 0.09), transparent 60%),
		linear-gradient(180deg, rgba(20, 20, 22, 0.94), rgba(8, 8, 10, 0.94));
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.12),
		inset 0 -1px 0 rgba(255, 255, 255, 0.05),
		0 0 0 1px rgba(0, 0, 0, 0.85),
		0 16px 36px rgba(0, 0, 0, 0.55);
}

html body:is(.theme_oscuro, .theme_azuloscuro, .theme_claro) #top_notify .notice_success .top_notice_body svg { color: #8fe3b0; }
html body:is(.theme_oscuro, .theme_azuloscuro, .theme_claro) #top_notify .notice_error .top_notice_body svg { color: #ff9a9a; }
html body:is(.theme_oscuro, .theme_azuloscuro, .theme_claro) #top_notify .notice_default .top_notice_body svg { color: #c9ccd3; }

html body .post-react-btn--heart .post-react-img { content: url(images/react-like-line.svg); width: 26px; height: 26px; margin: 0; opacity: .6; transition: transform .18s ease, opacity .18s ease; }
html body .post-react-btn--heart:hover .post-react-img { opacity: .9; }
html body .post-react-btn--heart.active .post-react-img { content: url(images/react-like-fill.svg); opacity: 1; }
html body:is(.theme_oscuro, .theme_azuloscuro) .post-react-btn--heart .post-react-img { filter: invert(1); }
html body .comment-react-btn--thumb .comment-react-img { content: url(images/react-like-line.svg); margin: 0; opacity: .6; transition: transform .18s ease, opacity .18s ease; }
html body .comment-react-btn--thumb:hover .comment-react-img { opacity: .9; }
html body .comment-react-btn--thumb.active .comment-react-img { content: url(images/react-like-fill.svg); opacity: 1; }
html body:is(.theme_oscuro, .theme_azuloscuro) .comment-react-btn--thumb .comment-react-img { filter: invert(1); }

html:has(body:is(.theme_oscuro, .theme_azuloscuro, .theme_claro):is(.site_body, .admin_body)) { color-scheme: dark; scrollbar-width: thin; scrollbar-color: #5a5d65 #0a0a0b; }
html:has(body:is(.theme_oscuro, .theme_azuloscuro, .theme_claro):is(.site_body, .admin_body))::-webkit-scrollbar { width: 12px; height: 12px; background: #0a0a0b; }
html:has(body:is(.theme_oscuro, .theme_azuloscuro, .theme_claro):is(.site_body, .admin_body))::-webkit-scrollbar-track { background: #0a0a0b; }
html:has(body:is(.theme_oscuro, .theme_azuloscuro, .theme_claro):is(.site_body, .admin_body))::-webkit-scrollbar-thumb { background: #4a4d55; border-radius: 8px; border: 3px solid #0a0a0b; }
html:has(body:is(.theme_oscuro, .theme_azuloscuro, .theme_claro):is(.site_body, .admin_body))::-webkit-scrollbar-thumb:hover { background: #6b6e77; }

html body .explore-row--type { grid-template-columns: auto minmax(0, 1fr); align-items: center; cursor: default; gap: 12px; }
html body .explore-type-badge { flex: 0 0 auto; width: 78px; text-align: center; padding: 4px 10px; border-radius: 999px; font-size: .72rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; border: 1px solid transparent; }
html body .explore-type-badge--image { color: #6f93b8; background: rgba(111, 147, 184, .14); border-color: rgba(111, 147, 184, .32); }
html body .explore-type-badge--video { color: #9a82b8; background: rgba(154, 130, 184, .14); border-color: rgba(154, 130, 184, .32); }
html body .explore-type-badge--audio { color: #7aa68a; background: rgba(122, 166, 138, .14); border-color: rgba(122, 166, 138, .32); }
html body .explore-type-badge--youtube { color: #b87a7a; background: rgba(184, 122, 122, .14); border-color: rgba(184, 122, 122, .32); }

html body .explore-row--type .explore-row__main { gap: 2px; }
html body .explore-row__top { display: block; margin-top: 3px; font-size: .78rem; line-height: 1.35; color: var(--text-muted); opacity: .8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body .explore-row--type { cursor: pointer; align-items: flex-start; }
html body .explore-row--type .explore-type-badge { margin-top: 1px; }

html body .explore-row__media { display: inline-flex; vertical-align: -3px; margin-right: 6px; }
html body .explore-row__media svg, html body .explore-row__media i { width: 14px; height: 14px; }
html body .explore-row__media--image { color: #6f93b8; }
html body .explore-row__media--video { color: #9a82b8; }
html body .explore-row__media--audio { color: #7aa68a; }
html body .explore-row__media--youtube { color: #b87a7a; }

html body .explore-block--trends .explore-row__top { display: none; }
html body .explore-block--trends .explore-row--trend { padding-top: 6px; padding-bottom: 6px; }

html body .post-card .post-content { padding-top: 4px; }

html body .post-card .post-debate-pill { display: inline-flex; align-items: stretch; flex: 0 0 auto; height: 28px; border-radius: 9px; overflow: hidden; color: #38230a; text-transform: uppercase; background: linear-gradient(180deg, #f8c455 0%, #e8a22a 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), 0 1px 2px rgba(0, 0, 0, .2); }
html body .post-card .post-debate-pill__label { display: flex; align-items: center; padding: 0 10px; font-size: .66rem; font-weight: 800; letter-spacing: .06em; line-height: 1; }
html body .post-card .post-debate-pill__count { display: flex; align-items: center; padding: 0 10px; font-size: .76rem; font-weight: 800; line-height: 1; background: rgba(56, 35, 10, .2); border-left: 1px solid rgba(56, 35, 10, .16); }
html body .post-card:has(.post-debate-pill) .post-header .user-info { min-width: 0; }
html body .post-card:has(.post-debate-pill) .post-header .post-byline { flex-wrap: wrap; row-gap: 0; }
html body .post-card:has(.post-debate-pill) .post-header .user-info { flex: 1 1 0; }
html body .post-card:has(.post-debate-pill) .post-header .post-byline__handle { min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body .post-card:has(.post-debate-pill) .post-header .user-link { max-width: 100%; overflow-wrap: break-word; text-align: left; }
@media (max-width: 480px) {
	html body .post-card .post-debate-pill { height: 24px; border-radius: 8px; }
	html body .post-card .post-debate-pill__label { padding: 0 7px; font-size: .6rem; letter-spacing: .05em; }
	html body .post-card .post-debate-pill__count { padding: 0 7px; font-size: .7rem; }
}
@media (max-width: 480px) {
	html body .post-card:has(.post-debate-pill) .post-header { flex-wrap: wrap; row-gap: 2px; }
	html body .post-card:has(.post-debate-pill) .post-header .user-info { flex: 1 1 0; min-width: 7rem; }
	html body .post-card:has(.post-debate-pill) .post-header .header-right { margin-left: auto; }
}
@media (max-width: 420px) {
	html body.site_body .post-card .post-actions { gap: 2px; }
	html body.site_body .post-card .post-actions .action-btn { padding-left: 5px; padding-right: 5px; }
	html body.site_body .post-card .post-actions .post-react-btn { padding-left: 4px; padding-right: 4px; }
	html body.site_body .post-card .post-like-actions { flex: 0 0 auto; }
}
@media (max-width: 350px) {
	html body.site_body .post-card .post-actions { flex-wrap: wrap; row-gap: 2px; }
	html body.site_body .post-card .post-actions .post-share { margin-left: auto; }
}
.ts-field-meta { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-top: 6px; font-size: .72rem; line-height: 1.4; color: var(--text-muted); }
.ts-field-count { flex: 0 0 auto; font-variant-numeric: tabular-nums; }
.ts-field-error { margin-top: 4px; font-size: .76rem; line-height: 1.4; color: #d92d3f; }
.ts-field-error[hidden] { display: none; }
html body input.ts-field-invalid { border-color: #d92d3f; }
body:is(.theme_oscuro, .theme_azuloscuro) .ts-field-error { color: #ff6b78; }
body:is(.theme_oscuro, .theme_azuloscuro) input.ts-field-invalid { border-color: #ff6b78; }
.post-body-text > .ts-rich:first-child { margin-top: 0; }
.composer-preview--yt { background: #000; }
.composer-preview--yt::before { content: ''; position: absolute; left: 50%; top: 50%; width: 38px; height: 27px; margin: -13px 0 0 -19px; border-radius: 8px; background: #f00; box-shadow: 0 1px 6px rgba(0, 0, 0, .45); z-index: 1; pointer-events: none; }
.composer-preview--yt::after { content: ''; position: absolute; left: 50%; top: 50%; margin: -6px 0 0 -3px; border-style: solid; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #fff; z-index: 1; pointer-events: none; }
.composer-preview--yt .composer-preview__x { z-index: 2; }

html body.site_body .pinned-badge:not([style]) {
	position: relative;
	overflow: hidden;
	color: #f1f3f6;
	background: #050506;
	border-color: rgba(255, 255, 255, 0.2);
	padding-right: 18px;
}
html body.site_body .pinned-badge:not([style])::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 42%;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.55) 0.8px, transparent 1.1px) 0 0 / 4px 4px;
	-webkit-mask-image: linear-gradient(to left, #000 0%, transparent 100%);
	mask-image: linear-gradient(to left, #000 0%, transparent 100%);
	pointer-events: none;
}
html body.site_body .pinned-badge:not([style]) > * {
	position: relative;
	z-index: 1;
}
html body.site_body .pinned-badge:not([style]) svg {
	width: 14px !important;
	height: 14px !important;
	fill: currentColor;
	stroke: currentColor;
	stroke-width: 1.2;
}

html body .comment-react-btn--thumb, html body .comment-react-btn--laugh { gap: 6px; padding: 7px 11px; min-width: 46px; min-height: 40px; justify-content: center; border-radius: 8px; }
html body .comment-react-btn--thumb .comment-react-img, html body .comment-react-btn--laugh .comment-react-img { width: 26px; height: 26px; }
html body .comment-react-btn--thumb .comment-react-count, html body .comment-react-btn--laugh .comment-react-count { font-size: 0.95rem; font-weight: 650; }
html body .comment-reactions:has(.comment-react-btn--thumb) { gap: 2px; flex-wrap: nowrap; }
@media (max-width: 420px) {
	html body .comment-react-btn--thumb, html body .comment-react-btn--laugh { padding: 7px 8px; min-width: 0; gap: 4px; }
	html body .comment-foot:has(.comment-react-btn--thumb) { gap: 0 2px; padding: 0 2px; }
}

.ts-emoji-panel--dock {
	position: static;
	left: auto;
	top: auto;
	z-index: auto;
	flex: 0 0 auto;
	width: auto;
	max-height: none;
	border-width: 1px 0 0;
	border-radius: 0;
	box-shadow: none;
}
.ts-emoji-panel--dock .ts-emoji-panel__grid {
	max-height: clamp(120px, 30vh, 210px);
	justify-content: flex-start;
}
html body #msg-root .chat-tool-btn.is-on { color: #1d9bf0; background: rgba(29, 155, 240, 0.12); }
@media (max-width: 420px) {
	html body #msg-root .message-input-row { gap: 2px; padding: 8px; }
	html body #msg-root .chat-tool-btn { width: 32px; height: 32px; }
	html body #msg-root .message-input-row input { padding: 0 12px; min-width: 0; }
	.ts-emoji-panel--dock .ts-emoji-panel__grid { gap: 2px; padding: 6px; max-height: clamp(110px, 26vh, 180px); }
	.ts-emoji-panel--dock .ts-emoji-cell { width: 38px; height: 38px; }
}

html body .notif-list { gap: 0; padding: 0 22px 12px !important; }
html body .notif-list .notification-row { padding: 14px 0 !important; border-radius: 0; background: transparent; border-bottom: 1px solid #eceef2 !important; }
html body .notif-list .notification-row:last-child { border-bottom: 0 !important; }
html body .notif-list .notification-row:hover { background: transparent; }
html body .notif-list .notification-row.unread, html body .notif-list .notification-row.unread:hover { background: transparent; }
html body .notif-list .notification-row.unread .notif-line { font-weight: 600; }
html body .notif-list .notification-target-preview { margin-top: 4px; padding: 0; border-radius: 0; background: transparent; box-shadow: none; color: #6b7280; font-size: .8rem; line-height: 1.4; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html body .notif-list .notification-delete-btn { background: transparent; color: #8a93a6; }
html body .notif-list .notification-delete-btn:hover { background: #f1f2f5; color: #3a3f4a; }
html body.theme_oscuro .notif-list .card-body, html body.theme_oscuro .notif-list .notification-row { background: transparent; border-bottom-color: #1d2026 !important; }
html body.theme_oscuro .notif-list .notification-row:hover, html body.theme_oscuro .notif-list .notification-row.unread { background: transparent; }
html body.theme_oscuro .notif-list .notification-target-preview { background: transparent; box-shadow: none; color: #8f96a3; }
html body.theme_oscuro .notif-list .notification-delete-btn { background: transparent; color: #8f96a3; }
html body.theme_oscuro .notif-list .notification-delete-btn:hover { background: #1d2026; color: #e9ecf2; }

.ts-blocked--maintenance .ts-blocked__bg {
	background-color: #000;
}

.ts-blocked--maintenance .ts-blocked__bg::after {
	background: rgba(0, 0, 0, 0.9);
}

.ts-blocked--maintenance .ts-blocked__panel {
	max-width: 420px;
	padding: 32px 32px 0;
	border-radius: 16px;
	background: #0a0a0a;
	border: 1px solid #1f1f1f;
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6);
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

.ts-blocked--maintenance .ts-blocked__logo {
	margin: 0 auto 24px;
}

.ts-blocked--maintenance .ts-blocked__logo img {
	max-height: 34px;
	max-width: 150px;
}

.ts-blocked--maintenance .ts-blocked__icon {
	width: 48px;
	height: 48px;
	margin: 0 auto 20px;
	border-radius: 12px;
	border: 1px solid #262626;
	background: #111;
	color: #c9cbd1;
	filter: none;
}

.ts-blocked--maintenance .ts-blocked__kicker {
	display: inline-block;
	margin: 0 0 14px;
	padding: 4px 11px;
	border-radius: 999px;
	border: 1px solid #262626;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	color: #9a9ca3;
}

.ts-blocked--maintenance .ts-blocked__title {
	margin: 0 0 10px;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: #f1f1f2;
}

.ts-blocked--maintenance .ts-blocked__text {
	max-width: 36ch;
	font-size: 0.92rem;
	line-height: 1.6;
	color: #a8a8a8;
}

.ts-blocked--maintenance .ts-blocked__hint {
	margin: 10px 0 0;
	font-size: 0.82rem;
	color: #6f7178;
}

.ts-blocked--maintenance .ts-blocked__foot {
	margin: 28px -32px 0;
	padding: 16px 32px;
	border-top: 1px solid #1f1f1f;
}

.ts-blocked--maintenance .ts-blocked__staff-link {
	display: inline-block;
	padding: 8px 18px;
	border-radius: 999px;
	border: 1px solid #2a2a2a;
	font-size: 0.82rem;
	font-weight: 600;
	color: #d4d6db;
	text-decoration: none;
	transition: background 0.15s ease, border-color 0.15s ease;
}

.ts-blocked--maintenance .ts-blocked__staff-link:hover {
	background: #141414;
	border-color: #3a3a3a;
}

.ts-blocked--maintenance .ts-blocked__staff-link:focus-visible {
	outline: 2px solid #1DA1F2;
	outline-offset: 2px;
}

@media (max-width: 420px) {
	.ts-blocked--maintenance .ts-blocked__panel {
		padding: 26px 22px 0;
	}
	.ts-blocked--maintenance .ts-blocked__foot {
		margin: 24px -22px 0;
		padding: 14px 22px;
	}
}


.logo-wordmark {
	display: none;
	margin-left: -15.5px;
	font-family: 'Great Vibes', 'Playfair Display', Georgia, serif;
	font-style: normal;
	font-weight: 400;
	font-size: 2.1rem;
	letter-spacing: 0.015em;
	line-height: 1;
	color: #fff;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
	white-space: nowrap;
}

.logo:has(.logo-box--file) .logo-wordmark {
	display: inline-block;
}

@media (max-width: 760px) {
	.logo:has(.logo-box--file) .logo-wordmark {
		display: none;
	}
}


.composer-previews--media,
.comment-image-previews--media {
	grid-template-columns: minmax(0, 1fr);
	gap: 8px;
}

.composer-preview--media {
	aspect-ratio: auto;
	max-width: 280px;
	background: #000;
	border-color: var(--wp-border);
}

.composer-preview--video {
	aspect-ratio: 16 / 9;
	width: 100%;
}

.composer-preview--video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.composer-preview__playbadge {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 44px;
	height: 44px;
	margin: -22px 0 0 -22px;
	border-radius: 50%;
	background: rgba(12, 13, 16, 0.72);
	border: 1px solid rgba(255, 255, 255, 0.35);
	pointer-events: none;
}

.composer-preview__playbadge::after {
	content: '';
	position: absolute;
	left: 17px;
	top: 13px;
	border-style: solid;
	border-width: 9px 0 9px 14px;
	border-color: transparent transparent transparent #fff;
}

.composer-preview__dur {
	position: absolute;
	left: 8px;
	bottom: 8px;
	padding: 2px 7px;
	border-radius: 999px;
	background: rgba(12, 13, 16, 0.78);
	color: #fff;
	font-size: 0.72rem;
	font-weight: 700;
	pointer-events: none;
}

.composer-preview__dur:empty {
	display: none;
}

.composer-preview--audio {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	max-width: 340px;
	padding: 9px 40px 9px 10px;
	background: var(--surface-2);
}

.composer-preview__play {
	flex: 0 0 auto;
	width: 38px;
	height: 38px;
	border: 0;
	border-radius: 50%;
	background: #111;
	cursor: pointer;
	position: relative;
}

.composer-preview__play-ico {
	position: absolute;
	left: 15px;
	top: 11px;
	border-style: solid;
	border-width: 8px 0 8px 12px;
	border-color: transparent transparent transparent #fff;
}

.composer-preview--audio.is-playing .composer-preview__play-ico {
	left: 12px;
	top: 11px;
	width: 14px;
	height: 16px;
	border: 0;
	border-left: 4px solid #fff;
	border-right: 4px solid #fff;
}

body.theme_oscuro .composer-preview__play {
	background: #f1f3f7;
}

body.theme_oscuro .composer-preview__play-ico {
	border-color: transparent transparent transparent #0c0d10;
}

body.theme_oscuro .composer-preview--audio.is-playing .composer-preview__play-ico {
	border-color: #0c0d10;
	border-top-color: transparent;
	border-bottom-color: transparent;
}

.composer-preview__atxt {
	display: flex;
	flex-direction: column;
	min-width: 0;
	gap: 2px;
}

.composer-preview__aname {
	font-size: 0.86rem;
	font-weight: 700;
	color: var(--text-main);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.composer-preview__ameta {
	font-size: 0.74rem;
	color: var(--text-muted);
}

.composer-preview__x--inline {
	top: 50%;
	margin-top: -12px;
}


.ts-upload {
	margin: 8px 0 4px;
	padding: 11px 12px 10px;
	border-radius: 14px;
	background: var(--surface-2);
	border: 1px solid var(--wp-border);
	max-width: 360px;
}

.ts-upload.hidden {
	display: none;
}

.ts-upload__row {
	display: flex;
	align-items: center;
	gap: 8px;
}

.ts-upload__ico {
	flex: 0 0 auto;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 2px solid color-mix(in srgb, var(--text-main) 22%, transparent);
	border-top-color: var(--text-main);
	animation: tsUploadSpin 0.8s linear infinite;
}

.ts-upload__label {
	flex: 1 1 auto;
	font-size: 0.82rem;
	font-weight: 700;
	color: var(--text-main);
}

.ts-upload__pct {
	font-size: 0.9rem;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	color: var(--text-main);
}

.ts-upload__cancel {
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	border: 0;
	border-radius: 50%;
	background: color-mix(in srgb, var(--text-main) 10%, transparent);
	color: var(--text-main);
	font-size: 15px;
	line-height: 1;
	cursor: pointer;
}

.ts-upload__cancel:hover {
	background: color-mix(in srgb, var(--text-main) 20%, transparent);
}

.ts-upload__bar {
	margin-top: 9px;
	height: 6px;
	border-radius: 999px;
	overflow: hidden;
	background: color-mix(in srgb, var(--text-main) 12%, transparent);
}

.ts-upload__fill {
	position: relative;
	display: block;
	height: 100%;
	width: 0;
	border-radius: 999px;
	background: var(--text-main);
	transition: width 0.25s ease-out;
	overflow: hidden;
}

.ts-upload__fill::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--card-bg, #fff) 55%, transparent), transparent);
	transform: translateX(-100%);
	animation: tsUploadShine 1.4s ease-in-out infinite;
}

.ts-upload__meta {
	margin-top: 6px;
	font-size: 0.72rem;
	color: var(--text-muted);
	font-variant-numeric: tabular-nums;
}

.ts-upload.is-processing .ts-upload__fill {
	animation: tsUploadPulse 1.1s ease-in-out infinite;
}

@keyframes tsUploadSpin {
	to { transform: rotate(360deg); }
}

@keyframes tsUploadShine {
	to { transform: translateX(100%); }
}

@keyframes tsUploadPulse {
	50% { opacity: 0.55; }
}

/* ===== En el aire: radios + eventos ===== */
html body .more-menu__item.nav-item--only-mobile { }
@media (min-width: 960px) {
	html body .more-menu__item.nav-item--only-mobile { display: none; }
}
.air-title { display: inline-flex; align-items: center; gap: 9px; letter-spacing: -0.02em; }
.air-title__dot { width: 8px; height: 8px; border-radius: 50%; background: #ef4444; box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.55); animation: air-pulse 2s ease-out infinite; }
body.radio-is-playing .air-title__dot { background: var(--text-main); box-shadow: 0 0 0 0 color-mix(in srgb, var(--text-main) 55%, transparent); }
@keyframes air-pulse { 0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.5); } 70% { box-shadow: 0 0 0 8px rgba(239, 68, 68, 0); } 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); } }
html body.site_body .air-panel.is-open .air-body { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.air-tabs { display: flex; gap: 4px; padding: 10px 12px 0; border-bottom: 1px solid var(--wp-border); flex-shrink: 0; }
.air-tab { position: relative; flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 10px 8px 11px; border: 0; background: transparent; color: var(--text-muted); font: inherit; font-size: 13.5px; font-weight: 700; letter-spacing: -0.01em; cursor: pointer; border-radius: 10px 10px 0 0; transition: color .18s ease; }
.air-tab i, .air-tab svg { width: 16px; height: 16px; stroke-width: 2; }
.air-tab:hover { color: var(--text-main); }
.air-tab.is-active { color: var(--text-main); }
.air-tab.is-active::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: -1px; height: 2px; border-radius: 2px; background: var(--text-main); }
.air-tab__n { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: #ef4444; color: #fff; font-size: 11px; font-weight: 800; line-height: 18px; text-align: center; }
.air-pane { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 12px 0 18px; }
.air-pane.hidden { display: none; }
html body.site_body .air-pane .archived-chats-list { flex: none; overflow: visible; }
.air-item { display: flex; align-items: center; gap: 2px; padding-right: 8px; }
.air-item .top-radio-row { flex: 1; min-width: 0; grid-template-columns: 40px minmax(0, 1fr) 32px; }
.air-item__name { display: block; font-size: 14px; font-weight: 700; color: var(--text-main); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.air-item__sub { display: block; margin-top: 2px; font-size: 12px; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.air-del { width: 36px; height: 36px; border: 0; padding: 0; border-radius: 10px; background: transparent; color: var(--text-muted); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; transition: color .15s, background .15s; }
.air-del svg { width: 16px; height: 16px; }
.air-del:hover { color: #ef4444; background: color-mix(in srgb, #ef4444 12%, transparent); }
.air-cta { padding: 0 14px 10px; }
.air-cta__btn { width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 14px; border-radius: 12px; border: 1px dashed color-mix(in srgb, var(--text-main) 28%, transparent); background: transparent; color: var(--text-main); font: inherit; font-size: 13.5px; font-weight: 700; cursor: pointer; transition: background .15s, border-color .15s; }
.air-cta__btn i, .air-cta__btn svg { width: 17px; height: 17px; stroke-width: 2.2; }
.air-cta__btn:hover { background: var(--surface-2); border-color: var(--text-main); }
.air-form { margin: 0 14px 14px; padding: 14px; border: 1px solid var(--wp-border); border-radius: 14px; background: var(--surface-2); display: flex; flex-direction: column; gap: 12px; }
.air-form.hidden { display: none; }
.air-field { display: flex; flex-direction: column; gap: 6px; margin: 0; }
.air-field > span { font-size: 11.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--text-muted); }
.air-field input[type=text], .air-field input[type=url], .air-field input[type=datetime-local], .air-field select, .air-field textarea { width: 100%; box-sizing: border-box; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--wp-border); background: var(--card-bg); color: var(--text-main); font: inherit; font-size: 14px; outline: none; transition: border-color .15s, box-shadow .15s; }
.air-field textarea { resize: vertical; min-height: 70px; }
.air-field input:focus, .air-field select:focus, .air-field textarea:focus { border-color: var(--text-main); box-shadow: 0 0 0 3px color-mix(in srgb, var(--text-main) 12%, transparent); }
.air-hint { margin: 0; font-size: 12px; line-height: 1.45; color: var(--text-muted); }
.air-hint--warn { color: #b45309; }
.air-drop { position: relative; display: block; border: 1px dashed color-mix(in srgb, var(--text-main) 28%, transparent); border-radius: 12px; background: var(--card-bg); overflow: hidden; cursor: pointer; min-height: 84px; transition: border-color .15s; }
.air-drop:hover { border-color: var(--text-main); }
.air-drop input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%; }
.air-drop__ph { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 84px; color: var(--text-muted); }
.air-drop__ph i, .air-drop__ph svg { width: 22px; height: 22px; stroke-width: 1.75; }
.air-drop__ph em { font-style: normal; font-size: 12px; }
.air-drop__img { display: block; width: 100%; aspect-ratio: 16 / 7; object-fit: cover; }
.air-drop__img.hidden { display: none; }
.air-drop.has-img .air-drop__ph { display: none; }
.air-form__actions { display: flex; justify-content: flex-end; gap: 8px; }
.air-btn { padding: 9px 16px; border-radius: 10px; font: inherit; font-size: 13.5px; font-weight: 700; cursor: pointer; border: 1px solid transparent; transition: opacity .15s, background .15s; }
.air-btn--ghost { background: transparent; border-color: var(--wp-border); color: var(--text-main); }
.air-btn--ghost:hover { background: var(--card-bg); }
.air-btn--solid { background: var(--text-main); color: var(--card-bg); }
.air-btn--solid:hover { opacity: .88; }
.air-btn.is-busy, .air-btn:disabled { opacity: .55; cursor: progress; }
.air-empty { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 38px 24px; text-align: center; color: var(--text-muted); }
.air-empty i, .air-empty svg { width: 30px; height: 30px; stroke-width: 1.5; opacity: .7; }
.air-empty p { margin: 0; font-size: 13.5px; }
.air-events { display: flex; flex-direction: column; gap: 14px; padding: 0 14px; }
.air-ev { border: 1px solid var(--wp-border); border-radius: 16px; overflow: hidden; background: var(--card-bg); box-shadow: 0 1px 2px rgba(15, 23, 42, .04); transition: box-shadow .2s, transform .2s; }
.air-ev:hover { box-shadow: 0 8px 24px rgba(15, 23, 42, .1); }
.air-ev.is-live { border-color: color-mix(in srgb, #ef4444 55%, var(--wp-border)); }
.air-ev__banner { position: relative; aspect-ratio: 16 / 7; background: linear-gradient(135deg, #18181b, #3f3f46); overflow: hidden; }
.air-ev__banner img { width: 100%; height: 100%; object-fit: cover; display: block; }
.air-ev__ph { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, .5); }
.air-ev__ph i, .air-ev__ph svg { width: 44px; height: 44px; stroke-width: 1.25; }
.air-ev__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .65) 100%); }
.air-ev__when { position: absolute; left: 12px; bottom: 10px; padding: 5px 10px; border-radius: 999px; background: rgba(0, 0, 0, .55); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .01em; }
.air-ev__live { display: none; position: absolute; left: 12px; top: 10px; align-items: center; gap: 6px; padding: 4px 10px 4px 8px; border-radius: 999px; background: #ef4444; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.air-ev__live i { width: 6px; height: 6px; border-radius: 50%; background: #fff; animation: air-blink 1.2s ease-in-out infinite; }
.air-ev.is-live .air-ev__live { display: inline-flex; }
@keyframes air-blink { 50% { opacity: .25; } }
.air-ev__main { padding: 14px 16px 14px; display: flex; flex-direction: column; gap: 6px; }
.air-ev__title { margin: 0 0 2px; font-size: 16px; font-weight: 800; letter-spacing: -0.02em; color: var(--text-main); }
.air-ev__meta { margin: 0; display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--text-muted); }
.air-ev__meta i, .air-ev__meta svg { width: 15px; height: 15px; stroke-width: 1.9; flex-shrink: 0; }
.air-ev__meta a { color: var(--text-main); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, var(--text-main) 30%, transparent); }
.air-ev__desc { margin: 4px 0 0; font-size: 13px; line-height: 1.5; color: var(--text-main); opacity: .85; word-break: break-word; }
.air-ev__foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 8px; padding-top: 10px; border-top: 1px solid color-mix(in srgb, var(--wp-border) 80%, transparent); }
.air-ev__by { font-size: 12px; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.air-ev__btns { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; }
.air-listen { display: inline-flex; align-items: center; gap: 8px; padding: 5px 14px 5px 5px; border: 0; border-radius: 999px; background: var(--text-main); color: var(--card-bg); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; transition: opacity .15s; }
.air-listen:hover { opacity: .88; }
.air-listen .top-radio-row__ctrl { width: 26px; height: 26px; background: var(--card-bg); color: var(--text-main); }
.air-listen .top-radio-row__ctrl svg { width: 12px; height: 12px; }
.air-listen.is-playing { background: var(--text-main); color: var(--card-bg, #000); }
.air-listen.is-playing .top-radio-row__ctrl { background: var(--card-bg, #000); color: var(--text-main); }
html body.theme_oscuro .air-ev { background: #111113; border-color: rgba(255, 255, 255, .1); box-shadow: none; }
html body.theme_oscuro .air-ev.is-live { border-color: rgba(239, 68, 68, .6); }
html body.theme_oscuro .air-form { background: #141416; border-color: rgba(255, 255, 255, .1); }
html body.theme_oscuro .air-field input, html body.theme_oscuro .air-field select, html body.theme_oscuro .air-field textarea, html body.theme_oscuro .air-drop { background: #0a0a0b; border-color: rgba(255, 255, 255, .14); }
html body.theme_oscuro .air-tabs { border-color: rgba(255, 255, 255, .08); }

html body .air-item .top-radio-row__ctrl,
html body .air-listen .top-radio-row__ctrl {
	position: relative;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--text-main);
	color: var(--card-bg);
	box-shadow: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
html body.theme_oscuro .air-item .top-radio-row__ctrl { background: #f4f4f5; color: #0a0a0b; box-shadow: none; }
html body .air-item .top-radio-row__play,
html body .air-item .top-radio-row__pause,
html body .air-listen .top-radio-row__play,
html body .air-listen .top-radio-row__pause { position: static; inset: auto; display: inline-flex; align-items: center; justify-content: center; }
html body .air-item .top-radio-row__play.hidden,
html body .air-item .top-radio-row__pause.hidden,
html body .air-listen .top-radio-row__play.hidden,
html body .air-listen .top-radio-row__pause.hidden { display: none; }
html body .air-item .top-radio-row__ctrl .radio-ico,
html body .air-listen .top-radio-row__ctrl .radio-ico { position: static; inset: auto; width: 14px; height: 14px; fill: currentColor; stroke: none; display: block; }
html body .air-item .top-radio-row__play .radio-ico { transform: translateX(1px); }
html body .air-item .top-radio-row.is-playing .top-radio-row__ctrl,
html body.theme_oscuro .air-item .top-radio-row.is-playing .top-radio-row__ctrl { background: var(--text-main); color: var(--card-bg, #000); }
html body .air-item .top-radio-row.is-playing,
html body .air-listen.is-playing { background: transparent; }
html body .air-item .top-radio-row.is-playing { background: color-mix(in srgb, var(--text-main) 7%, transparent); }
html body .air-listen { background: var(--text-main); color: var(--card-bg); }
html body.theme_oscuro .air-listen { background: #f4f4f5; color: #0a0a0b; }
html body .air-listen .top-radio-row__ctrl { width: 26px; height: 26px; background: var(--card-bg); color: var(--text-main); }
html body.theme_oscuro .air-listen .top-radio-row__ctrl { background: #0a0a0b; color: #f4f4f5; }
html body .air-listen .top-radio-row__ctrl .radio-ico { width: 11px; height: 11px; }
html body .air-listen.is-playing { background: #f59e0b; color: #fff; }
html body .air-listen.is-playing .top-radio-row__ctrl { background: #fff; color: #f59e0b; }
.air-avatar { border-radius: 12px; object-fit: cover; }
.air-avatar-pick { position: relative; display: flex; align-items: center; gap: 12px; cursor: pointer; }
.air-avatar-pick input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%; }
.air-avatar-pick__ph, .air-avatar-pick .air-drop__img { width: 56px; height: 56px; border-radius: 14px; flex-shrink: 0; }
.air-avatar-pick__ph { display: inline-flex; align-items: center; justify-content: center; border: 1px dashed color-mix(in srgb, var(--text-main) 30%, transparent); background: var(--card-bg); color: var(--text-muted); }
.air-avatar-pick__ph i, .air-avatar-pick__ph svg { width: 20px; height: 20px; stroke-width: 1.75; }
.air-avatar-pick .air-drop__img { aspect-ratio: 1; object-fit: cover; }
.air-avatar-pick em { font-style: normal; font-size: 12px; color: var(--text-muted); }
.air-avatar-pick.has-img .air-avatar-pick__ph { display: none; }
@media (min-width: 960px) {
	html body .air-pip--more { display: none !important; }
}

.air-by__img { width: 18px; height: 18px; border-radius: 50%; object-fit: cover; flex-shrink: 0; vertical-align: middle; }
.air-item__sub { display: flex; align-items: center; gap: 6px; }
.air-item__sub span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.air-ev__by { display: inline-flex; align-items: center; gap: 8px; }
.air-ev__by .air-by__img { width: 22px; height: 22px; }
.air-tab__n.hidden { display: none; }

html body .archived-chats-tabs { gap: 4px; padding: 10px 12px 0; overflow: hidden; border-bottom: 1px solid var(--wp-border); flex-shrink: 0; }
html body.theme_oscuro .archived-chats-tabs { border-color: rgba(255, 255, 255, .08); }
html body .archived-chats-tab { position: relative; flex: 1 1 0; justify-content: center; gap: 7px; min-width: 0; padding: 10px 6px 11px; border: 0; border-radius: 10px 10px 0 0; background: transparent; color: var(--text-muted); font-size: 13px; font-weight: 700; letter-spacing: -0.01em; transition: color .18s ease; }
html body .archived-chats-tab:hover { color: var(--text-main); }
html body .archived-chats-tab i, html body .archived-chats-tab svg { width: 15px; height: 15px; stroke-width: 2; }
html body .archived-chats-tab.is-active, html body .archived-chats-tab--safe.is-active, html body .archived-chats-tab--risk.is-active, html body.theme_oscuro .archived-chats-tab--safe.is-active, html body.theme_oscuro .archived-chats-tab--risk.is-active { color: var(--text-main); background: transparent; }
html body .archived-chats-tab.is-active::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: -1px; height: 2px; border-radius: 2px; background: var(--text-main); }
html body .archived-chats-tab--safe i, html body .archived-chats-tab--safe svg { color: #16a34a; }
html body .archived-chats-tab--risk i, html body .archived-chats-tab--risk svg { color: #ef4444; }
html body .archived-chats-tab__count { min-width: 18px; padding: 0 6px; height: 18px; line-height: 18px; border-radius: 9px; background: var(--surface-2); color: var(--text-muted); font-size: 11px; font-weight: 800; }
html body .archived-chats-tab.is-active .archived-chats-tab__count { background: var(--text-main); color: var(--card-bg); }
html body .archived-chats-risk-note { margin: 12px 14px 4px; padding: 12px 14px; border-radius: 14px; background: color-mix(in srgb, #ef4444 7%, var(--card-bg)); border: 1px solid color-mix(in srgb, #ef4444 22%, var(--wp-border)); }
html body .archived-chats-risk-note__title { margin: 0 0 6px; font-size: 12.5px; font-weight: 800; letter-spacing: -0.01em; }
html body .archived-chats-risk-note li { font-size: 12.5px; line-height: 1.45; color: var(--text-muted); }
html body .archived-chat__grade { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px 2px 6px; border-radius: 999px; border: 1px solid transparent; font-size: 11px; font-weight: 700; letter-spacing: .01em; line-height: 1.3; }
html body .archived-chat__grade-ico { width: 12px; height: 12px; flex-shrink: 0; }
html body .archived-chat__grade--safe { color: #15803d; background: color-mix(in srgb, #16a34a 9%, transparent); border-color: color-mix(in srgb, #16a34a 30%, transparent); }
html body .archived-chat__grade--mid { color: #b45309; background: color-mix(in srgb, #f59e0b 9%, transparent); border-color: color-mix(in srgb, #f59e0b 32%, transparent); }
html body .archived-chat__grade--risk { color: #b91c1c; background: color-mix(in srgb, #ef4444 9%, transparent); border-color: color-mix(in srgb, #ef4444 30%, transparent); }
html body.theme_oscuro .archived-chat__grade--safe { color: #4ade80; }
html body.theme_oscuro .archived-chat__grade--mid { color: #fbbf24; }
html body.theme_oscuro .archived-chat__grade--risk { color: #f87171; }

html body { --thread-line: rgba(15, 23, 42, .14); --thread-line-hi: rgba(15, 23, 42, .38); }
html body.theme_oscuro, html body.theme_azuloscuro { --thread-line: rgba(255, 255, 255, .13); --thread-line-hi: rgba(255, 255, 255, .42); }
.comment-thread-node__row { position: relative; }
.comment-replies-list { --tl: 27px; --tl-more: 32px; }
.comment-thread-node--nested .comment-replies-list { --tl: 23px; --tl-more: 28px; }
.comment-thread-node:has(> .comment-thread-node__branch > .comment-replies-list:not(.hidden) > .reply-thread) > .comment-thread-node__row::after {
	content: "";
	position: absolute;
	left: 14.25px;
	top: 34px;
	bottom: -22px;
	border-left: 1.5px solid var(--thread-line);
	border-radius: 2px;
	pointer-events: none;
	transition: border-color .2s ease;
}
.comment-thread-node--nested:has(> .comment-thread-node__branch > .comment-replies-list:not(.hidden) > .reply-thread) > .comment-thread-node__row::after {
	left: 12.25px;
	top: 30px;
	bottom: -10px;
}
.comment-replies-list .comment-thread-node--reply { position: relative; }
.comment-replies-list .comment-thread-node--reply::before {
	content: "";
	position: absolute;
	left: calc(var(--tl) * -1);
	top: -2px;
	width: calc(var(--tl) - 5px);
	height: 15px;
	border-left: 1.5px solid var(--thread-line);
	border-bottom: 1.5px solid var(--thread-line);
	border-bottom-left-radius: 12px;
	pointer-events: none;
	transition: border-color .2s ease;
}
.reply-thread:not(:last-child) > .comment-thread-node--reply::after {
	content: "";
	position: absolute;
	left: calc(var(--tl) * -1);
	top: 13px;
	bottom: -10px;
	border-left: 1.5px solid var(--thread-line);
	pointer-events: none;
	transition: border-color .2s ease;
}
.comment-replies-list .comment-show-more-replies { position: relative; }
.comment-replies-list .comment-show-more-replies::before {
	content: "";
	position: absolute;
	left: calc((var(--tl) + var(--tl-more)) * -1);
	top: -10px;
	width: calc(var(--tl) + var(--tl-more) - 5px);
	height: 19px;
	border-left: 1.5px solid var(--thread-line);
	border-bottom: 1.5px solid var(--thread-line);
	border-bottom-left-radius: 12px;
	pointer-events: none;
}
.comment-thread-node--reply:hover::before,
.comment-thread-node--reply:hover::after,
.comment-thread-node:hover > .comment-thread-node__row::after { border-color: var(--thread-line-hi); }
.comment-thread-node--root:hover > .comment-thread-node__row::after { border-color: var(--thread-line); }
@media (max-width: 600px) {
	.comment-replies-list { margin-left: 34px; --tl: 19px; --tl-more: 26px; }
	.comment-thread-node--nested .comment-replies-list { margin-left: 30px; --tl: 17px; --tl-more: 24px; }
}
body.site_body.rtl_mode .comment-thread-node__row::after,
body.site_body.rtl_mode .comment-replies-list .comment-thread-node--reply::before,
body.site_body.rtl_mode .comment-replies-list .comment-thread-node--reply::after,
body.site_body.rtl_mode .comment-replies-list .comment-show-more-replies::before { display: none; }

html:has(body.theme_oscuro), html:has(body.theme_oscuro) * { scrollbar-color: #26262b #040405; }

html body.theme_oscuro.site_body .site-header { border-bottom-color: transparent; border-top: 0; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.7); }
html body.theme_oscuro.site_body .site-header::before {
	background:
		linear-gradient(112deg, transparent 18%, rgba(255, 255, 255, 0.05) 30%, rgba(255, 255, 255, 0.012) 38%, transparent 46%, transparent 60%, rgba(255, 255, 255, 0.032) 70%, transparent 80%),
		linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.04) 22%, rgba(255, 255, 255, 0.012) 48%, rgba(255, 255, 255, 0) 52%),
		linear-gradient(180deg, #08090b 0%, #030304 100%);
	backdrop-filter: blur(18px) saturate(1.2);
	-webkit-backdrop-filter: blur(18px) saturate(1.2);
	box-shadow: none;
}
html body.theme_oscuro.site_body .site-header::after { background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.09) 50%, transparent); }
html body.theme_oscuro.site_body .site-header .header-search-wrap { border-color: rgba(255, 255, 255, 0.09); background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0) 55%), #08090b; box-shadow: none; }
.logo-wordmark { margin-left: -4px; }

html:has(body.theme_oscuro), html:has(body.theme_oscuro) * { scrollbar-width: auto; scrollbar-color: auto; }
html:has(body.theme_oscuro)::-webkit-scrollbar, html:has(body.theme_oscuro) *::-webkit-scrollbar { width: 13px; height: 13px; background: #030304; }
html:has(body.theme_oscuro)::-webkit-scrollbar-track, html:has(body.theme_oscuro) *::-webkit-scrollbar-track { background: linear-gradient(90deg, #020203, #070708); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.035); }
html:has(body.theme_oscuro)::-webkit-scrollbar-thumb, html:has(body.theme_oscuro) *::-webkit-scrollbar-thumb { min-height: 48px; border: 3px solid transparent; border-radius: 999px; background: linear-gradient(90deg, #1c1d22 0%, #0b0b0e 50%, #17181c 100%) padding-box; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.09); }
html:has(body.theme_oscuro)::-webkit-scrollbar-thumb:hover, html:has(body.theme_oscuro) *::-webkit-scrollbar-thumb:hover { background: linear-gradient(90deg, #2a2b31 0%, #121216 50%, #202228 100%) padding-box; }
html:has(body.theme_oscuro)::-webkit-scrollbar-corner { background: #030304; }
@supports not selector(::-webkit-scrollbar) {
	html:has(body.theme_oscuro), html:has(body.theme_oscuro) * { scrollbar-width: thin; scrollbar-color: #1a1b1f #030304; }
}

html body.theme_claro.site_body .site-header { background: #030304 !important; border-top: 0; border-bottom: 0; box-shadow: 0 18px 40px rgba(24, 32, 50, 0.38); }
html body.theme_claro.site_body .site-header::before {
	content: '' !important;
	display: block !important;
	background:
		linear-gradient(112deg, transparent 18%, rgba(255, 255, 255, 0.05) 30%, rgba(255, 255, 255, 0.012) 38%, transparent 46%, transparent 60%, rgba(255, 255, 255, 0.032) 70%, transparent 80%),
		linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.04) 22%, rgba(255, 255, 255, 0.012) 48%, rgba(255, 255, 255, 0) 52%),
		linear-gradient(180deg, #08090b 0%, #030304 100%);
	backdrop-filter: blur(18px) saturate(1.2);
	-webkit-backdrop-filter: blur(18px) saturate(1.2);
	box-shadow: none;
}
html body.theme_claro.site_body .site-header::after { background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.09) 50%, transparent); }
html body.theme_claro.site_body .site-header .header-search-wrap { border-color: rgba(255, 255, 255, 0.09) !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0) 55%), #08090b !important; box-shadow: none !important; }

html body { --ribbon-mirror: linear-gradient(112deg, transparent 20%, rgba(255, 255, 255, 0.07) 34%, rgba(255, 255, 255, 0.015) 42%, transparent 50%), linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.02) 50%, rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, #0b0c0f, #020203); }
html body.theme_oscuro, html body.theme_azuloscuro { --ribbon-mirror: linear-gradient(112deg, transparent 20%, rgba(255, 255, 255, 0.08) 34%, rgba(255, 255, 255, 0.02) 42%, transparent 50%), linear-gradient(180deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.02) 50%, rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, #2b2c32, #131418); }
html body .explore-panel__title { background: var(--ribbon-mirror); margin: 14px 0 8px 14px; padding: 8px 32px 8px 22px; font-size: 0.86rem; font-weight: 800; letter-spacing: 0.01em; -webkit-clip-path: polygon(9px 0, 100% 0, calc(100% - 9px) 100%, 0 100%); clip-path: polygon(9px 0, 100% 0, calc(100% - 9px) 100%, 0 100%); }
html body .explore-panel__title::after { content: none; }
html body.site_body .pinned-badge:not([style])::after { content: none; }
@media (min-width: 1280px) {
	html body.site_body .side-rail .live-rail__section,
	html body.theme_oscuro.site_body .side-rail .live-rail__section,
	html body.theme_azuloscuro.site_body .side-rail .live-rail__section { background: var(--ribbon-mirror); -webkit-clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%); clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%); }
	html body.site_body .side-rail__nav .nav-item.is-current,
	html body.site_body .side-rail__nav .nav-item[aria-expanded="true"]:not(.nav-item--more),
	html body.site_body .side-rail__nav .nav-item.is-open:not(.nav-item--more),
	html body.theme_oscuro.site_body .side-rail__nav .nav-item.is-current,
	html body.theme_azuloscuro.site_body .side-rail__nav .nav-item.is-current,
	html body.theme_oscuro.site_body .side-rail__nav .nav-item[aria-expanded="true"]:not(.nav-item--more),
	html body.theme_azuloscuro.site_body .side-rail__nav .nav-item[aria-expanded="true"]:not(.nav-item--more) { background: var(--ribbon-mirror); -webkit-clip-path: polygon(14px 0, 100% 0, calc(100% - 14px) 100%, 0 100%); clip-path: polygon(14px 0, 100% 0, calc(100% - 14px) 100%, 0 100%); }
}

html body.theme_oscuro, html body.theme_azuloscuro { --ribbon-mirror: linear-gradient(112deg, transparent 20%, rgba(255, 255, 255, 0.08) 34%, rgba(255, 255, 255, 0.02) 42%, transparent 50%), linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.015) 50%, rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, #24252a, #0f1013); }
html body.theme_oscuro .explore-panel__title, html body.theme_azuloscuro .explore-panel__title { color: #fff; }
html body.theme_claro { --ribbon-mirror: linear-gradient(112deg, transparent 16%, rgba(255, 255, 255, 0.2) 32%, rgba(255, 255, 255, 0.05) 42%, transparent 52%), linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.05) 48%, rgba(255, 255, 255, 0) 52%), linear-gradient(180deg, #1a1b20, #050506); }

html body .post-card .post-debate-pill { background: var(--ribbon-mirror); color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.25); }
html body .post-card .post-debate-pill__count { background: rgba(255, 255, 255, 0.09); border-left: 1px solid rgba(255, 255, 255, 0.14); color: #f3b43a; }
html body .hot-mark--debate,
html body.site_body .hot-mark--debate,
html body.theme_oscuro .hot-mark--debate,
html body.theme_azuloscuro .hot-mark--debate,
html body.theme_oscuro.site_body .hot-mark--debate,
html body.theme_azuloscuro.site_body .hot-mark--debate { background: var(--ribbon-mirror); color: #fff; border: 0; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
html body .hot-mark--debate .hot-mark__count { background: rgba(255, 255, 255, 0.09); border-left-color: rgba(255, 255, 255, 0.14); color: #f3b43a; }

html body .hot-mark { height: 26px; padding: 0; border-radius: 9px; overflow: hidden; clip-path: none; }
html body .hot-mark__label { padding: 0 10px; }
html body .hot-mark__count { padding: 0 10px; border-left: 1px solid rgba(255, 255, 255, 0.14); }

html body.theme_claro.site_body .site-header { background: rgba(4, 5, 7, 0.66) !important; -webkit-backdrop-filter: blur(24px) saturate(1.7); backdrop-filter: blur(24px) saturate(1.7); box-shadow: 0 18px 40px rgba(24, 32, 50, 0.32); }
html body.theme_claro.site_body .site-header::before {
	background:
		linear-gradient(112deg, transparent 14%, rgba(255, 255, 255, 0.14) 28%, rgba(255, 255, 255, 0.035) 38%, transparent 48%, transparent 58%, rgba(255, 255, 255, 0.08) 68%, transparent 80%),
		linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.07) 24%, rgba(255, 255, 255, 0.02) 48%, rgba(255, 255, 255, 0) 52%),
		linear-gradient(180deg, rgba(10, 11, 14, 0.5) 0%, rgba(3, 3, 4, 0.34) 100%);
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}
html body.theme_claro.site_body .site-header::after { background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22) 50%, transparent); }

html body.theme_claro.site_body .site-header { background: rgba(4, 5, 7, 0.8) !important; -webkit-backdrop-filter: blur(26px) saturate(1.9) brightness(0.9); backdrop-filter: blur(26px) saturate(1.9) brightness(0.9); }
html body.theme_claro.site_body .site-header::before { background:
		linear-gradient(112deg, transparent 14%, rgba(255, 255, 255, 0.16) 28%, rgba(255, 255, 255, 0.04) 38%, transparent 48%, transparent 58%, rgba(255, 255, 255, 0.09) 68%, transparent 80%),
		linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.06) 24%, rgba(255, 255, 255, 0.015) 48%, rgba(255, 255, 255, 0) 52%),
		linear-gradient(180deg, rgba(8, 9, 12, 0.35) 0%, rgba(3, 3, 4, 0.2) 100%); }

html body .hot-mark--likes,
html body.site_body .hot-mark--likes,
html body.theme_oscuro .hot-mark--likes,
html body.theme_azuloscuro .hot-mark--likes,
html body.theme_oscuro.site_body .hot-mark--likes,
html body.theme_azuloscuro.site_body .hot-mark--likes { background: var(--ribbon-mirror); color: #fff; border: 0; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
html body .hot-mark--likes .hot-mark__count { background: rgba(255, 255, 255, 0.09); border-left-color: rgba(255, 255, 255, 0.14); color: #1d9bf0; }

html body .music-head__ico { color: #fff; background: var(--ribbon-mirror); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
html body .music-source-tab[data-music-tab="youtube"] svg { fill: currentColor; }
html body .music-source-tab .yt-play { fill: var(--card-bg, #fff); }
html body .music-source-tab[data-music-tab="mp3"] svg { color: currentColor; }
html body .music-source-tab.is-active[data-music-tab="youtube"],
html body .music-source-tab.is-active[data-music-tab="mp3"] { color: #fff; background: var(--ribbon-mirror); border-color: rgba(255, 255, 255, 0.1); }
html body .music-source-tab.is-active[data-music-tab="youtube"] svg { fill: #fff; }
html body .music-source-tab.is-active[data-music-tab="youtube"] .yt-play { fill: #0f1013; }
html body .music-source-tab.is-active[data-music-tab="mp3"] svg { color: #fff; }
html body .music-studio .profile-music-toggle input[type="checkbox"]:checked { background: var(--text-main); }
html body .music-studio .profile-music-toggle input[type="checkbox"]:checked::after { background: var(--card-bg, #fff); }
html body .music-studio .profile-music-toggle input[type="checkbox"]:focus-visible { outline-color: var(--text-main); }
html body .music-studio .music-chip.music-chip--play { color: #fff; background: var(--ribbon-mirror); border: 1px solid rgba(255, 255, 255, 0.1); }
html body .music-studio .music-chip.music-chip--play:hover { filter: brightness(1.25); }
html body .music-studio .music-span { background: color-mix(in srgb, var(--text-main) 8%, transparent); color: var(--text-main); }
html body .music-file-drop:hover,
html body .music-file-drop:focus-within { border-color: var(--text-main); background: color-mix(in srgb, var(--text-main) 6%, transparent); }
html body .music-file-drop svg { color: var(--text-muted); }

html body .music-results { margin: 8px 0 0; max-height: 292px; overflow-y: auto; border: 1px solid var(--wp-border); border-radius: 14px; background: var(--card-bg, #fff); padding: 4px; }
html body .music-results[hidden] { display: none; }
html body .music-result { display: flex; align-items: center; gap: 12px; width: 100%; padding: 6px; border: 0; border-radius: 10px; background: transparent; color: var(--text-main); text-align: left; cursor: pointer; }
html body .music-result:hover, html body .music-result:focus-visible { background: color-mix(in srgb, var(--text-main) 7%, transparent); outline: 0; }
html body .music-result__thumb { flex: 0 0 auto; width: 96px; aspect-ratio: 16 / 9; border-radius: 8px; overflow: hidden; background: #0f1013; }
html body .music-result__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
html body .music-result__txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
html body .music-result__title { font-size: 0.86rem; font-weight: 700; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html body .music-result__chan { font-size: 0.76rem; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body .music-results__msg { margin: 0; padding: 12px; font-size: 0.84rem; color: var(--text-muted); }
html body .music-results .giphy-spin { display: block; margin: 14px auto; }

html body .profile_wrap.pstyle-dark { --text-main: #f4f4f5; --text-muted: rgba(244, 244, 245, 0.64); --wp-border: rgba(255, 255, 255, 0.14); color: #f4f4f5; }
html body .profile_wrap.pstyle-light { --text-main: #14161a; --text-muted: rgba(20, 22, 26, 0.62); --wp-border: rgba(0, 0, 0, 0.12); color: #14161a; }
html body .profile_wrap.pstyle-dark :is(.proitem, .proitem .bold, .proitem .bcell_mid, .proitem .prodata, .proitem code, .profile-more-nav__item, .profile-more-nav__item > span, .profile-back, .profile-alts__head, .cc-pro-hint, .profile-alts__list, .profile-alts__list *) { color: #f4f4f5 !important; text-shadow: none; }
html body .profile_wrap.pstyle-dark :is(.cc-pro-hint, .profile-more-nav__chev, .proitem .proicon) { color: rgba(244, 244, 245, 0.64) !important; }
html body .profile_wrap.pstyle-dark :is(.profile-more-nav__item, .proitem) { border-color: rgba(255, 255, 255, 0.14); }
html body .profile_wrap.pstyle-light :is(.proitem, .proitem .bold, .proitem .bcell_mid, .proitem .prodata, .proitem code, .profile-more-nav__item, .profile-more-nav__item > span, .profile-back, .profile-alts__head) { color: #14161a !important; text-shadow: none; }
html body .profile_wrap.pstyle-light :is(.cc-pro-hint, .profile-more-nav__chev, .proitem .proicon) { color: rgba(20, 22, 26, 0.62) !important; }
html body .profile_wrap.pstyle-light :is(.profile-more-nav__item, .proitem) { border-color: rgba(0, 0, 0, 0.12); }

html body .profile_wrap .cover_text .pdetails_text.pro_mood { margin-top: 2px; margin-bottom: 14px; }

html body .profile_wrap .cover_text .pdetails:has(.pro_mood) { margin-bottom: 12px; padding-bottom: 2px; }
html body .profile_wrap .cover_text #profile_like { margin-top: 8px; }

html body .live-rail__mood { display: none; }
@media (min-width: 1280px) {
	html body.site_body .side-rail .live-rail__btn.has-mood { height: 52px; }
	html body.site_body .side-rail .live-rail__name { line-height: 1.25; }
	html body.site_body .side-rail .live-rail__nick,
	html body.site_body .side-rail .live-rail__mood { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	html body.site_body .side-rail .live-rail__mood { margin-top: 1px; font-size: 0.74rem; font-weight: 400; color: var(--text-muted); }
}

.nav-item--radio.is-playing,
.nav-item--radio.is-playing:hover { color: inherit; }
.nav-item--more.is-live .nav-item__mark::after { content: none; }
html body .air-pip, html body .air-pip.notify-pip--mail { background: var(--text-main); box-shadow: 0 0 0 2px var(--nav-ring, var(--card-bg, #fff)); }
.air-title__dot, body.radio-is-playing .air-title__dot { background: var(--text-main); box-shadow: 0 0 0 0 color-mix(in srgb, var(--text-main) 45%, transparent); animation-name: air-pulse-mono; }
@keyframes air-pulse-mono { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--text-main) 40%, transparent); } 70% { box-shadow: 0 0 0 8px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } }
html body .air-tab__n { background: var(--ribbon-mirror); color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12); }
html body .air-del:hover { color: var(--text-main); background: color-mix(in srgb, var(--text-main) 9%, transparent); }
html body .air-hint--warn { color: var(--text-muted); }
html body .air-ev.is-live,
html body.theme_oscuro .air-ev.is-live { border-color: var(--text-main); }
html body .air-ev__live { background: var(--ribbon-mirror); color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14); }
html body .top-radio-row.is-playing,
html body .air-item .top-radio-row.is-playing { background: color-mix(in srgb, var(--text-main) 7%, transparent); }
html body .top-radio-row.is-playing .top-radio-row__ctrl,
html body .air-item .top-radio-row.is-playing .top-radio-row__ctrl,
html body.theme_oscuro .top-radio-row.is-playing .top-radio-row__ctrl,
html body.theme_oscuro .air-item .top-radio-row.is-playing .top-radio-row__ctrl { background: var(--ribbon-mirror); color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16); }
html body.theme_oscuro .air-item .top-radio-row.is-playing .top-radio-row__ctrl { background: #f4f4f5; color: #0a0a0b; }
html body .air-item .top-radio-row__ctrl { background: var(--ribbon-mirror); color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14); }
html body.theme_oscuro .air-item .top-radio-row__ctrl { background: #f4f4f5; color: #0a0a0b; box-shadow: none; }
html body .air-listen.is-playing { background: var(--text-main); color: var(--card-bg); }
html body .air-listen.is-playing .top-radio-row__ctrl { background: var(--card-bg); color: var(--text-main); }
html body.theme_oscuro .air-listen.is-playing { background: #f4f4f5; color: #0a0a0b; }
html body.theme_oscuro .air-listen.is-playing .top-radio-row__ctrl { background: #0a0a0b; color: #f4f4f5; }

.air-title__dot { display: none !important; }
.air-title i, .air-title svg { width: 18px; height: 18px; flex: 0 0 auto; animation: none !important; }
html body.site_body .mobile-dock__btn.nav-item.is-current,
html body.site_body .mobile-dock__btn.nav-item[aria-expanded="true"],
html body.site_body .mobile-dock__btn.nav-item.is-open { color: var(--text-main); }
html body.site_body .mobile-dock__btn.nav-item.is-current .nav-item__label,
html body.site_body .mobile-dock__btn.nav-item[aria-expanded="true"] .nav-item__label { font-weight: 800; }
html body .side-rail__nav .nav-item.is-open { background: color-mix(in srgb, var(--text-main) 10%, transparent); color: var(--text-main); }
html body .more-menu__item[aria-expanded="true"] { background: color-mix(in srgb, var(--text-main) 10%, transparent); color: var(--text-main); }
html body .more-menu__item[aria-expanded="true"] svg { color: var(--text-main); }

html body .news-panel__actions { padding: 10px 16px; border-bottom: 1px solid color-mix(in srgb, var(--wp-border) 88%, transparent); flex-shrink: 0; display: flex; justify-content: flex-start; }
html body .news-panel__add { background: var(--ribbon-mirror); color: #fff; border-radius: 10px; height: 34px; padding: 0 14px; }
html body .news-compose { border-bottom: 0; padding: 0; }
html body .news-compose__card { margin: 0; box-shadow: none; }
html body .news-compose__field.comment-composer { display: block; padding: 0; margin: 0; background: none; border: 0; }

body.theme_oscuro #news_compose .composer-card--glass {
	position: relative;
	overflow: visible;
	isolation: isolate;
	border: 1px solid rgba(255, 255, 255, 0.07);
	background:
		radial-gradient(120% 90% at 78% -10%, rgba(255, 255, 255, 0.075), transparent 55%),
		linear-gradient(180deg, #0f0f10 0%, #070708 100%);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.16),
		inset 0 -1px 0 rgba(255, 255, 255, 0.10),
		inset 0 0 26px rgba(255, 255, 255, 0.025),
		0 0 0 1px rgba(0, 0, 0, 0.9),
		0 0 22px rgba(255, 255, 255, 0.06),
		0 22px 54px rgba(0, 0, 0, 0.75);
}
body.theme_oscuro #news_compose .composer-card--glass::before {
	content: '';
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	padding: 1.5px;
	pointer-events: none;
	z-index: 3;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 62%, rgba(255, 255, 255, 0) 100%) top / 100% 1.5px no-repeat,
		linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 45%, rgba(255, 255, 255, 0) 100%) bottom / 100% 1.5px no-repeat,
		linear-gradient(180deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.22) 30%, rgba(255, 255, 255, 0.22) 70%, rgba(255, 255, 255, 0.55));
	-webkit-mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
	mask-composite: exclude;
	filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.45));
}
body.theme_oscuro #news_compose .composer-card--glass::after {
	content: '';
	position: absolute;
	left: 8%;
	right: 8%;
	top: -1px;
	height: 38%;
	border-radius: inherit;
	pointer-events: none;
	z-index: 0;
	background: radial-gradient(60% 100% at 65% 0%, rgba(255, 255, 255, 0.11), transparent 70%);
}
body.theme_oscuro #news_compose .composer-card--glass > * {
	position: relative;
	z-index: 1;
}
body.theme_oscuro #news_compose .composer-card--glass .composer-field {
	padding: 0 56px 0 22px;
	border-radius: 22px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.62), rgba(255, 255, 255, 0.018));
	box-shadow:
		inset 0 10px 22px rgba(0, 0, 0, 0.7),
		inset 0 1px 0 rgba(255, 255, 255, 0.06),
		inset 0 -1px 0 rgba(255, 255, 255, 0.10),
		0 1px 0 rgba(255, 255, 255, 0.05);
}
body.theme_oscuro #news_compose .composer-card--glass .composer-field:focus-within {
	border-color: rgba(255, 255, 255, 0.32);
	box-shadow:
		inset 0 10px 22px rgba(0, 0, 0, 0.7),
		inset 0 -1px 0 rgba(255, 255, 255, 0.14),
		0 0 0 3px rgba(255, 255, 255, 0.06),
		0 0 22px rgba(255, 255, 255, 0.07);
}
body.theme_oscuro #news_compose .composer-card--glass .composer-textarea {
	height: 112px;
	min-height: 112px;
	padding: 20px 0;
	color: #f4f4f5;
}
body.theme_oscuro #news_compose .composer-card--glass .composer-textarea::placeholder {
	color: rgba(255, 255, 255, 0.52);
}
body.theme_oscuro #news_compose .composer-card--glass .composer-emoji-btn {
	top: 15px;
	color: rgba(255, 255, 255, 0.78);
}
body.theme_oscuro #news_compose .composer-card--glass .composer-emoji-btn:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.08);
}
body.theme_oscuro #news_compose .composer-card--glass .composer-tool-btn {
	color: rgba(255, 255, 255, 0.86);
	border: 1px solid rgba(255, 255, 255, 0.17);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.012) 60%, rgba(0, 0, 0, 0.25));
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.26),
		inset 0 -1px 0 rgba(255, 255, 255, 0.07),
		0 0 0 1px rgba(0, 0, 0, 0.85),
		0 6px 14px rgba(0, 0, 0, 0.55);
	transition: color 0.15s ease, border-color 0.15s ease;
}
body.theme_oscuro #news_compose .composer-card--glass .composer-tool-btn:hover {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.4);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.03) 60%, rgba(0, 0, 0, 0.2));
}
body.theme_oscuro #news_compose .composer-card--glass .composer-actions {
	border-inline-start-color: rgba(255, 255, 255, 0.16);
}
body.theme_oscuro #news_compose .composer-card--glass .composer-count {
	color: rgba(255, 255, 255, 0.62);
}
body.theme_oscuro #news_compose .composer-card--glass .composer-submit-btn {
	position: relative;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.34);
	background:
		radial-gradient(90% 140% at 20% 0%, rgba(255, 255, 255, 0.12), transparent 60%),
		linear-gradient(180deg, #151516, #060607);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.55),
		inset 0 -1px 0 rgba(255, 255, 255, 0.28),
		inset 0 0 20px rgba(255, 255, 255, 0.07),
		0 0 0 1px rgba(0, 0, 0, 0.9),
		0 0 20px rgba(255, 255, 255, 0.10),
		0 8px 18px rgba(0, 0, 0, 0.6);
	transition: border-color 0.15s ease, color 0.15s ease;
}
body.theme_oscuro #news_compose .composer-card--glass .composer-submit-btn:hover:not(:disabled) {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.7);
	background:
		radial-gradient(90% 140% at 20% 0%, rgba(255, 255, 255, 0.18), transparent 60%),
		linear-gradient(180deg, #1b1b1d, #08080a);
}
body.theme_oscuro #news_compose .composer-card--glass .composer-lead__badge {
	background: radial-gradient(circle at 35% 30%, #4ade80, #16a34a);
	border-color: #0a0a0b;
	box-shadow: 0 0 10px rgba(74, 222, 128, 0.65);
}
html body.theme_claro #news_compose .composer-card--glass {
	padding: 18px 20px 16px 18px !important;
	gap: 16px;
	border-radius: 26px;
}
html body.theme_claro #news_compose .composer-card--glass .composer-field {
	padding: 6px 54px 6px 20px;
	border-radius: 22px;
	border: 1px solid #dfe3ea !important;
	background: #f7f8fa !important;
	box-shadow: none !important;
	transition: border-color .15s ease, background .15s ease;
}
html body.theme_claro #news_compose .composer-card--glass .composer-field:focus-within {
	background: #fff !important;
	border-color: #0b0b0c !important;
	box-shadow: none !important;
}
html body.theme_claro #news_compose .composer-card--glass .composer-textarea {
	color: #0b0b0c;
	background: transparent !important;
}
html body.theme_claro #news_compose .composer-card--glass .composer-textarea::placeholder {
	color: #7b8290;
}
html body.theme_claro #news_compose .composer-card--glass .composer-emoji-btn {
	color: #6b7280;
	background: transparent !important;
	box-shadow: none !important;
}
html body.theme_claro #news_compose .composer-card--glass .composer-emoji-btn:hover {
	color: #0b0b0c;
	background: transparent !important;
}
html body.theme_claro #news_compose .composer-card--glass .composer-footer {
	padding-top: 14px;
	gap: 12px;
}
html body.theme_claro #news_compose .composer-card--glass .composer-toolbar {
	gap: 10px;
}
html body.theme_claro #news_compose .composer-card--glass .composer-tool-btn {
	width: 46px;
	height: 46px;
	border-radius: 14px;
	color: #0b0b0c;
	background: #fff !important;
	border: 1px solid #dfe3ea !important;
	box-shadow: 0 1px 2px rgba(24, 32, 50, 0.06) !important;
	transition: border-color .15s ease, background .15s ease;
}
html body.theme_claro #news_compose .composer-card--glass .composer-tool-btn:hover {
	color: #0b0b0c;
	background: #f2f4f7 !important;
	border-color: #0b0b0c !important;
}
html body.theme_claro #news_compose .composer-card--glass .composer-actions {
	gap: 16px;
	padding-inline-start: 18px;
	border-inline-start: 1px solid #e3e6ec;
}
html body.theme_claro #news_compose .composer-card--glass .composer-count {
	color: #7b8290;
}
html body.theme_claro #news_compose .composer-card--glass .composer-submit-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	padding: 8px 26px;
	border-radius: 999px !important;
	font-size: 1.05rem;
	font-weight: 700;
	color: #fff !important;
	border: 1px solid rgba(255, 255, 255, 0.34) !important;
	background:
		radial-gradient(90% 140% at 20% 0%, rgba(255, 255, 255, 0.12), transparent 60%),
		linear-gradient(180deg, #151516, #060607) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.55),
		inset 0 -1px 0 rgba(255, 255, 255, 0.28),
		0 0 0 1px rgba(0, 0, 0, 0.9),
		0 8px 18px rgba(0, 0, 0, 0.28) !important;
	transition: border-color .15s ease, background .15s ease;
}
html body.theme_claro #news_compose .composer-card--glass .composer-submit-btn:hover:not(:disabled) {
	color: #fff !important;
	border-color: rgba(255, 255, 255, 0.7) !important;
	background:
		radial-gradient(90% 140% at 20% 0%, rgba(255, 255, 255, 0.18), transparent 60%),
		linear-gradient(180deg, #1b1b1d, #08080a) !important;
}
html body.theme_claro #news_compose .composer-card--glass .composer-submit-btn:disabled {
	opacity: .55;
}
html body.theme_claro #news_compose .composer-card--glass .composer-submit-btn svg,
html body.theme_claro #news_compose .composer-card--glass .composer-submit-btn i {
	color: #fff;
	width: 22px;
	height: 22px;
}
@media (max-width: 640px) {
html body.theme_claro #news_compose .composer-card--glass .composer-actions {
		border-inline-start: none;
		padding-inline-start: 0;
	}
}
.news-card__comments .reply-form-wrap { margin: 8px 0 4px; }
@media (max-width: 959px) {
	html body.site_body .mobile-dock .mobile-dock__btn.nav-item { color: rgba(255, 255, 255, 0.58); background: transparent; }
	html body.site_body .mobile-dock .mobile-dock__btn.nav-item:hover { color: rgba(255, 255, 255, 0.85); }
	html body.site_body .mobile-dock .mobile-dock__btn.nav-item.is-current,
	html body.site_body .mobile-dock .mobile-dock__btn.nav-item[aria-expanded="true"]:not(.nav-item--more),
	html body.site_body .mobile-dock .mobile-dock__btn.nav-item.is-open { color: #fff; background: rgba(255, 255, 255, 0.12); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14); }
	html body.site_body .mobile-dock .mobile-dock__btn.nav-item.is-current .nav-item__label,
	html body.site_body .mobile-dock .mobile-dock__btn.nav-item[aria-expanded="true"]:not(.nav-item--more) .nav-item__label { color: #fff; font-weight: 800; }
	html body:has(.nav-item[aria-expanded="true"]:not(.nav-item--more)) .mobile-dock .mobile-dock__btn.nav-item--home.is-current:not([aria-expanded="true"]) { color: rgba(255, 255, 255, 0.58); background: transparent; box-shadow: none; }
	html body:has(.nav-item[aria-expanded="true"]:not(.nav-item--more)) .mobile-dock .mobile-dock__btn.nav-item--home.is-current:not([aria-expanded="true"]) .nav-item__label { color: rgba(255, 255, 255, 0.58); font-weight: 600; }
}

html body .archived-chats-tab--safe i, html body .archived-chats-tab--safe svg, html body .archived-chats-tab--risk i, html body .archived-chats-tab--risk svg { color: currentColor; }
html body .archived-chats-risk-note { background: var(--surface-2); border: 1px solid var(--wp-border); }
html body .archived-chat__grade, html body.theme_oscuro .archived-chat__grade { color: var(--text-main); background: transparent; border: 1px solid color-mix(in srgb, var(--text-main) 28%, transparent); }
html body .archived-chat__grade--risk, html body.theme_oscuro .archived-chat__grade--risk { background: var(--ribbon-mirror); color: #fff; border-color: rgba(255, 255, 255, 0.14); }
html body .archived-chat__grade--mid, html body.theme_oscuro .archived-chat__grade--mid { color: var(--text-muted); }
html body .archived-chats-list { padding: 8px 10px 14px; display: flex; flex-direction: column; gap: 4px; }
html body .archived-chat-row { position: relative; border-radius: 14px; padding: 10px 12px; transition: background 0.15s ease, transform 0.15s ease; }
html body .archived-chat-row:hover, html body .archived-chat-row:focus-visible { background: color-mix(in srgb, var(--text-main) 6%, transparent); }
html body .archived-chat__mark { border-radius: 12px; box-shadow: 0 0 0 1px color-mix(in srgb, var(--text-main) 14%, transparent); overflow: hidden; }
html body .archived-chat__go { width: 16px; height: 16px; margin-left: auto; flex-shrink: 0; color: var(--text-muted); opacity: 0; transform: translate(-3px, 3px); transition: opacity 0.15s ease, transform 0.15s ease; }
html body .archived-chat-row:hover .archived-chat__go, html body .archived-chat-row:focus-visible .archived-chat__go { opacity: 1; transform: none; }
html body .gy-list { padding: 14px 14px 20px; }
html body .gy-grid { gap: 14px; }
html body .gy-card { border-radius: 18px; transition: transform 0.18s ease, box-shadow 0.18s ease; }
html body .gy-card:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(0, 0, 0, 0.16); }
html body .gy-card__img { position: relative; aspect-ratio: 16 / 11; }
html body .gy-card__img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.35)); pointer-events: none; }
html body .gy-card__img img { filter: grayscale(0.2) contrast(1.02); transition: transform 0.4s ease; }
html body .gy-card:hover .gy-card__img img { transform: scale(1.04); }
html body .gy-card__body { padding: 12px 14px 14px; gap: 8px; }
html body .gy-card__head { flex-direction: column; align-items: flex-start; gap: 6px; }
html body .gy-card__title { font-size: 14.5px; }
html body .gy-card__date { display: inline-flex; align-items: center; padding: 2px 9px; border-radius: 999px; background: var(--ribbon-mirror); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 0.02em; }
html body .gy-card__more { color: var(--text-main); text-decoration: underline; text-underline-offset: 3px; }
html body.site_body .archived-chats-panel .archived-chats-list { max-height: none; flex: 1 1 auto; min-height: 0; overflow-y: auto; }
html body.site_body .archived-chats-panel .archived-chat-row { grid-template-columns: 44px minmax(0, 1fr) 16px; gap: 12px; padding: 11px 12px; min-height: 0; }
html body.site_body .archived-chats-panel .archived-chat__mark { width: 44px; height: 44px; }
html body.site_body .archived-chats-panel .archived-chat__go { margin: 0; justify-self: end; }
html body.site_body .archived-chats-panel .archived-chat__host > i, html body.site_body .archived-chats-panel .archived-chat__host > svg { color: var(--text-muted); }
html body.site_body .archived-chats-panel .archived-chat__grade svg, html body.site_body .archived-chats-panel .archived-chat__grade i { color: currentColor; }
html body.site_body .archived-chats-panel .archived-chats-tab { background: transparent; color: var(--text-muted); }
html body.site_body .archived-chats-panel .archived-chats-tab:hover { background: color-mix(in srgb, var(--text-main) 6%, transparent); color: var(--text-main); }
html body.site_body .archived-chats-panel .archived-chats-tab.is-active { background: color-mix(in srgb, var(--text-main) 8%, transparent); color: var(--text-main); }
html body.site_body .archived-chats-panel .archived-chats-tab.is-active .archived-chats-tab__count { background: var(--ribbon-mirror); color: #fff; }
html body.site_body .archived-chats-panel .archived-chats-tab__count { background: color-mix(in srgb, var(--text-main) 10%, transparent); }
html body.site_body .archived-chats-panel .archived-chat-row:hover { background: color-mix(in srgb, var(--text-main) 6%, transparent); }
html body.site_body .archived-chats-panel .archived-chats-list > li + li { border-top: 1px solid color-mix(in srgb, var(--wp-border) 70%, transparent); }
html body.site_body .archived-chats-panel .archived-chats-list > li.is-filtered-out { display: none; }
html body.site_body .archived-chats-panel .archived-chats-empty a { color: var(--text-main); text-decoration: underline; text-underline-offset: 3px; }
.archived-chat-admin-icon { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.archived-chat-admin-icon__img { width: 44px; height: 44px; border-radius: 12px; object-fit: cover; box-shadow: 0 0 0 1px var(--wp-border); }
.archived-chat-admin-icon__img.hidden, .archived-chat-admin-icon .hidden { display: none; }
.archived-chat-admin-icon input[type=file] { flex: 1; min-width: 180px; }
.profile-gift-btn { display: inline-flex; align-items: center; justify-content: center; }
.profile-gift-btn i, .profile-gift-btn svg { width: 22px; height: 22px; }
html body .top_modal_in:has(.gift-box), html body .top_modal_in:has(.gift-list) { max-width: 420px !important; }
.gift-box__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.gift-box__to { font-size: 14px; color: var(--text-muted); }
.gift-box__to strong { color: var(--text-main); }
.gift-balance { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: 999px; background: var(--ribbon-mirror); color: #fff; font-size: 13px; font-weight: 800; }
.gift-balance i, .gift-balance svg { width: 15px; height: 15px; }
.gift-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; max-height: 320px; overflow-y: auto; padding: 2px; }
.gift-item { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 10px 6px 9px; border: 1px solid var(--wp-border); border-radius: 14px; background: transparent; color: var(--text-main); cursor: pointer; font: inherit; transition: border-color 0.15s ease, background 0.15s ease, transform 0.15s ease; }
.gift-item:hover:not(:disabled) { background: color-mix(in srgb, var(--text-main) 6%, transparent); transform: translateY(-1px); }
.gift-item.is-on { border-color: var(--text-main); box-shadow: 0 0 0 1px var(--text-main); background: color-mix(in srgb, var(--text-main) 8%, transparent); }
.gift-item.is-locked, .gift-item:disabled { opacity: 0.4; cursor: not-allowed; }
.gift-item__img { width: 56px; height: 56px; display: grid; place-items: center; }
.gift-item__img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.gift-item__name { font-size: 12px; font-weight: 700; text-align: center; line-height: 1.2; overflow-wrap: anywhere; }
.gift-item__price { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 800; color: var(--text-muted); }
.gift-item__price i, .gift-item__price svg { width: 12px; height: 12px; }
.gift-box__msg { width: 100%; box-sizing: border-box; margin-top: 12px; }
#gift_send_btn { display: inline-flex; align-items: center; gap: 8px; }
#gift_send_btn:disabled { opacity: 0.5; cursor: not-allowed; }
.gift-list__row { display: flex; align-items: center; gap: 12px; padding: 10px 0; }
.gift-list__row + .gift-list__row { border-top: 1px solid color-mix(in srgb, var(--wp-border) 70%, transparent); }
.gift-list__img { width: 44px; height: 44px; flex-shrink: 0; display: grid; place-items: center; }
.gift-list__img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.gift-list__txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; font-size: 13px; }
.gift-list__txt span, .gift-list__txt em { color: var(--text-muted); overflow-wrap: anywhere; }
.gift-list__time { font-size: 11.5px; color: var(--text-muted); white-space: nowrap; }
.profile-gifts { display: flex; flex-wrap: wrap; gap: 6px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.profile-gifts:disabled { cursor: default; }
.profile-gifts__chip { position: relative; width: 34px; height: 34px; display: grid; place-items: center; }
.profile-gifts__chip img { max-width: 100%; max-height: 100%; object-fit: contain; }
.profile-gifts__chip b { position: absolute; right: -4px; bottom: -4px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px; background: var(--ribbon-mirror); color: #fff; font-size: 10px; font-weight: 800; line-height: 16px; text-align: center; }
.gift-admin-img { object-fit: contain; }

.gift-bulk__drop { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 28px 16px; margin-bottom: 14px; border: 1.5px dashed var(--wp-border, rgba(128,128,128,.45)); border-radius: 14px; text-align: center; cursor: pointer; transition: background .15s, border-color .15s; }
.gift-bulk__drop.is-over { background: rgba(128,128,128,.14); border-color: var(--text-main, currentColor); }
.gift-bulk__title { font-weight: 700; }
.gift-bulk__hint { font-size: 12px; opacity: .65; }
.gift-bulk__list { max-height: 260px; overflow-y: auto; margin-bottom: 12px; }
.gift-bulk__row { display: flex; justify-content: space-between; gap: 10px; padding: 6px 2px; border-bottom: 1px solid var(--wp-border, rgba(128,128,128,.25)); font-size: 13px; }
.gift-bulk__row[data-state="wait"] { opacity: .6; }
.gift-bulk__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gift-bulk__state { flex-shrink: 0; font-weight: 700; }
.gift-bulk__foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.gift-bulk__count { font-size: 12px; opacity: .7; }

html body .top_modal_in:has(.gift-view) { max-width: 340px !important; }
.gift-showcase__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.gift-tile { position: relative; aspect-ratio: 1 / 1; display: grid; place-items: center; padding: 14px; border: 1px solid color-mix(in srgb, var(--wp-border) 80%, transparent); border-radius: 14px; background: transparent; cursor: pointer; transition: background .15s; }
.gift-tile:hover:not(:disabled) { background: color-mix(in srgb, var(--text-main) 8%, transparent); }
.gift-tile:disabled { cursor: default; }
.gift-tile[hidden] { display: none; }
.gift-tile img { max-width: 100%; max-height: 100%; object-fit: contain; }
.gift-tile b { position: absolute; left: -6px; bottom: -6px; min-width: 24px; height: 24px; padding: 0 7px; border-radius: 12px; background: #000; color: #fff; border: 1px solid rgba(255,255,255,.35); font-size: 13px; font-weight: 800; line-height: 22px; text-align: center; box-sizing: border-box; }
.gift-showcase__pager { display: flex; justify-content: center; gap: 12px; margin-top: 18px; }
.gift-pg { width: 62px; height: 46px; border: 0; border-radius: 12px; background: color-mix(in srgb, var(--text-main) 10%, transparent); color: var(--text-main); font-size: 18px; font-weight: 800; cursor: pointer; }
.gift-pg:hover { background: color-mix(in srgb, var(--text-main) 18%, transparent); }
.gift-view { position: relative; display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 28px 20px 24px; text-align: center; }
.gift-view__img { width: 150px; height: 150px; object-fit: contain; }
.gift-view__name { font-size: 20px; font-weight: 800; }
.gift-view__close { min-width: 130px; padding: 11px 22px; border: 0; border-radius: 10px; background: #000; color: #fff; font-weight: 700; cursor: pointer; }
html[data-theme="dark"] .gift-view__close, html body.theme_oscuro .gift-view__close, html body.theme_azuloscuro .gift-view__close { background: #fff; color: #000; }
html[data-theme="dark"] .gift-tile b, html body.theme_oscuro .gift-tile b, html body.theme_azuloscuro .gift-tile b { background: #fff; color: #000; border-color: rgba(0,0,0,.25); }
@media (max-width: 480px) { .gift-showcase__grid { gap: 8px; } .gift-tile { padding: 8px; border-radius: 12px; } .gift-tile b { min-width: 20px; height: 20px; line-height: 18px; font-size: 11px; left: -4px; bottom: -4px; padding: 0 5px; } }

.profile-gift-send { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px; padding: 10px 18px; border: 0; border-radius: 10px; background: #000; color: #fff; font-weight: 700; cursor: pointer; }
.profile-gift-send i, .profile-gift-send svg { width: 18px; height: 18px; }
html[data-theme="dark"] .profile-gift-send, html body.theme_oscuro .profile-gift-send, html body.theme_azuloscuro .profile-gift-send { background: #fff; color: #000; }

.air-by__lbl { font-weight: 400; color: var(--text-muted); }
.air-by__nick { font-weight: 700; color: var(--text-main); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.air-item__sub, .air-ev__by { display: flex; align-items: center; gap: 5px; min-width: 0; }

.profile-alts__head { margin-top: 18px; }
.profile-iphist { display: flex; flex-direction: column; margin-top: 6px; }
.profile-iphist__row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 9px 0; border-top: 1px solid color-mix(in srgb, var(--wp-border) 70%, transparent); font-size: 13px; }
.profile-iphist__row:first-child { border-top: 0; }
.profile-iphist__row span { color: var(--text-muted); white-space: nowrap; }

html body .top_modal_in:has(.profile-ips) { max-width: 460px !important; }
.profile-ips .profile-alts__head:first-of-type { margin-top: 0; }
.profile-ips .profile-alts__list { max-height: 320px; overflow-y: auto; }

html body #msg-root .msg.sent:has(> .msg-acts) { grid-template-columns: auto minmax(0, auto) 36px; }
html body #msg-root .msg.received:has(> .msg-acts) { grid-template-columns: 36px minmax(0, auto) auto; }
html body #msg-root .msg.sent:has(> .msg-acts) > .msg-av { grid-column: 3; }
html body #msg-root .msg.sent:has(> .msg-acts) > .msg-text,
html body #msg-root .msg.sent:has(> .msg-acts) > .msg-meta-row { grid-column: 2; }
html body #msg-root .msg > .msg-acts { grid-row: 1; align-self: center; display: inline-flex; align-items: center; gap: 2px; opacity: 0; transition: opacity .15s; }
html body #msg-root .msg.sent > .msg-acts { grid-column: 1; }
html body #msg-root .msg.received > .msg-acts { grid-column: 3; flex-direction: row-reverse; }
html body #msg-root .msg:hover > .msg-acts, html body #msg-root .msg:focus-within > .msg-acts { opacity: 1; }
@media (hover: none) { html body #msg-root .msg > .msg-acts { opacity: .7; } }
html body #msg-root .msg-acts .msg-act { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 0; border-radius: 50%; background: transparent; color: #9aa0aa; cursor: pointer; }
html body #msg-root .msg-acts .msg-act:hover { color: inherit; background: color-mix(in srgb, currentColor 14%, transparent); }
html body #msg-root .msg-quote { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; max-width: 100%; margin: 0 0 6px; padding: 7px 9px; border: 0; border-radius: 12px; background: rgba(127,127,127,.2); color: inherit; text-align: left; font: inherit; cursor: pointer; }
html body #msg-root .msg-quote.is-gone { cursor: default; font-style: italic; opacity: .7; }
html body #msg-root .msg-quote__name { font-size: .72rem; font-weight: 800; }
html body #msg-root .msg-quote__text { font-size: .76rem; opacity: .8; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
html body #msg-root .msg.is-flash > .msg-text { animation: msgFlash 1.4s ease; }
@keyframes msgFlash { 0%, 60% { box-shadow: 0 0 0 3px rgba(127,127,127,.55); } 100% { box-shadow: 0 0 0 0 rgba(127,127,127,0); } }
html body #msg-root .chat-reply-bar { display: flex; align-items: center; gap: 10px; padding: 8px 14px; border-top: 1px solid var(--wp-border, rgba(127,127,127,.25)); background: color-mix(in srgb, var(--text-main, #000) 5%, transparent); }
html body #msg-root .chat-reply-bar__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
html body #msg-root .chat-reply-bar__body strong { font-size: .76rem; font-weight: 800; }
html body #msg-root .chat-reply-bar__body span { font-size: .78rem; opacity: .75; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body #msg-root .chat-reply-bar__x { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; }
html body #msg-root .chat-reply-bar__x:hover { background: rgba(127,127,127,.2); }
html body #msg-root .chat-reply-bar__x i, html body #msg-root .chat-reply-bar__x svg { width: 16px; height: 16px; }

html body #msg-root .msg-quote__media { position: relative; display: inline-flex; max-width: 150px; max-height: 110px; border-radius: 9px; overflow: hidden; line-height: 0; }
html body #msg-root .msg-quote__media img, html body #msg-root .msg-quote__media video { display: block; max-width: 150px; max-height: 110px; width: auto; height: auto; object-fit: cover; border-radius: 9px; }
html body #msg-root .msg-quote__media--video i, html body #msg-root .msg-quote__media--video svg { position: absolute; inset: 0; margin: auto; width: 22px; height: 22px; padding: 8px; box-sizing: content-box; border-radius: 50%; background: rgba(0,0,0,.55); color: #fff; }
html body #msg-root .msg-quote__audio { display: inline-flex; align-items: center; gap: 8px; min-width: 150px; }
html body #msg-root .msg-quote__audio i, html body #msg-root .msg-quote__audio svg { width: 16px; height: 16px; flex-shrink: 0; }
html body #msg-root .msg-quote__wave { display: inline-flex; align-items: center; gap: 2px; height: 18px; flex: 1; }
html body #msg-root .msg-quote__wave b { display: block; width: 2px; border-radius: 2px; background: currentColor; opacity: .6; height: 40%; }
html body #msg-root .msg-quote__wave b:nth-child(3n) { height: 85%; }
html body #msg-root .msg-quote__wave b:nth-child(3n+1) { height: 55%; }
html body #msg-root .msg-quote__wave b:nth-child(4n) { height: 100%; }
html body #msg-root .chat-reply-bar__thumb { position: relative; flex-shrink: 0; width: 44px; height: 44px; border-radius: 9px; overflow: hidden; display: grid; place-items: center; background: rgba(127,127,127,.2); }
html body #msg-root .chat-reply-bar__thumb img, html body #msg-root .chat-reply-bar__thumb video { width: 100%; height: 100%; object-fit: cover; display: block; }
html body #msg-root .chat-reply-bar__thumb--video i, html body #msg-root .chat-reply-bar__thumb--video svg { position: absolute; inset: 0; margin: auto; width: 16px; height: 16px; padding: 6px; box-sizing: content-box; border-radius: 50%; background: rgba(0,0,0,.55); color: #fff; }
html body #msg-root .chat-reply-bar__thumb--audio i, html body #msg-root .chat-reply-bar__thumb--audio svg { width: 20px; height: 20px; }

html body #msg-root .message-input-row input { color: #1b1d22; caret-color: #1b1d22; }
html body #msg-root .message-input-row input::placeholder { color: #8a8f98; opacity: 1; }
html body.theme_oscuro #msg-root .message-input-row input, html body.theme_azuloscuro #msg-root .message-input-row input { color: #f1f3f7; caret-color: #f1f3f7; }

html body #msg-root .msg-quote__head { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
html body #msg-root .msg-quote__av, html body #msg-root .msg-quote__av .avatar-wrap, html body #msg-root .msg-quote__av .avatar, html body #msg-root .msg-quote__av img { width: 18px; height: 18px; border-radius: 50%; flex-shrink: 0; }
html body #msg-root .msg-quote__av { display: inline-flex; line-height: 0; }
html body #msg-root .msg-quote__av .avatar { font-size: 9px; }

html body .live-rail__face .avatar.avatar-letter,
html body.site_body .live-rail__face .avatar.avatar-letter { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; aspect-ratio: 1 / 1; border-radius: 50%; font-size: 15px; line-height: 1; padding: 0; background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; }
html body .live-rail__face .avatar-wrap { display: block; line-height: 0; overflow: hidden; border-radius: 50%; }

/* Privado: minimizar y modo largo (solo escritorio) */
.msg-win-ctl { display: none; align-items: center; gap: 2px; }
@media (min-width: 960px) {
	html body #small_modal.ts-float .msg-win-ctl { display: flex; }
}
html body .msg-win-ctl .icon-btn { width: 32px; height: 32px; padding: 0; border: 0; background: transparent; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff; cursor: pointer; }
html body .msg-win-ctl .icon-btn svg { color: #fff; pointer-events: none; }
html body .msg-win-ctl .icon-btn:hover { background: rgba(255,255,255,.14); }
.msg-win-wide .ico-shrink { display: none; }
#small_modal.ts-wide .msg-win-wide .ico-shrink { display: block; }
#small_modal.ts-wide .msg-win-wide .ico-expand { display: none; }
.msg-title-av { position: relative; }

html body #small_modal.ts-wide .small_modal_in { position: fixed; top: var(--header-h, 64px); right: 0; bottom: 0; left: auto; width: clamp(340px, 26vw, 430px); height: auto; margin: 0; max-width: none !important; transform: none !important; animation: none; border-radius: 0; display: flex; flex-direction: column; box-shadow: -1px 0 0 rgba(0,0,0,.14); }
html body.theme_oscuro #small_modal.ts-wide .small_modal_in { box-shadow: -1px 0 0 rgba(255,255,255,.14); }
html body #small_modal.ts-wide .small_modal_in > .modal_close { top: 0; }
html body #small_modal.ts-wide #small_modal_content { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
html body #small_modal.ts-wide .modal-header:has(#msg-title) { cursor: default; min-height: 56px; }
html body #msg-root .message-input-row input { min-width: 0; }
html body #msg-root .message-input-row > * { flex-shrink: 0; }
html body #msg-root .message-input-row > input { flex-shrink: 1; }
html body #small_modal.ts-wide #msg-root { flex: 1 1 auto; min-height: 0; max-height: none; display: flex; flex-direction: column; overflow: hidden; }
html body #small_modal.ts-wide #msg-list-view:not(.hidden),
html body #small_modal.ts-wide #msg-settings-view:not(.hidden) { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
html body #small_modal.ts-wide #msg-chat-view:not(.hidden) { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
html body #small_modal.ts-wide .message-thread:not(.hidden) { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
html body #small_modal.ts-wide #msg-root .chat-window { height: auto; flex: 1 1 auto; min-height: 0; }
html body #small_modal.ts-wide #msg-root .chat-messages { flex: 1 1 auto; min-height: 0; overflow-y: auto; }

@media (min-width: 960px) {
	html body.site_body .side-rail .ts-msg-dock { animation: tsDockIn .18s ease-out; color: var(--text-main); }
	html body.site_body .side-rail .ts-msg-dock .nav-item__label { font-weight: 700; }
	html body.site_body .side-rail .ts-msg-dock__face { position: relative; width: 30px; height: 30px; line-height: 0; }
	html body.site_body .side-rail .ts-msg-dock__face .avatar-wrap, html body.site_body .side-rail .ts-msg-dock__face .avatar { display: block; width: 30px !important; height: 30px !important; border-radius: 50%; }
	html body.site_body .side-rail .ts-msg-dock__face .avatar.avatar-letter { display: flex; align-items: center; justify-content: center; font-size: 14px; }
	html body.site_body .side-rail .ts-msg-dock .ts-msg-dock__face .list_status { position: absolute; left: auto !important; top: auto; right: -3px !important; bottom: -3px !important; margin: 0 !important; width: 14px; height: 14px; padding: 1px; box-sizing: border-box; border-radius: 50%; background: var(--live-rail-bg, var(--card-bg, #fff)); box-shadow: none; z-index: 2; }
}
@keyframes tsDockIn { from { transform: scale(.85); opacity: 0; } to { transform: scale(1); opacity: 1; } }

html body #small_modal.ts-float .modal-header:has(#msg-title) { min-height: 56px; padding: 0 56px 0 14px; }
html body #small_modal.ts-float .small_modal_in:has(#msg-root) > .modal_close { top: 0; right: 4px; width: 48px; height: 56px; }
html body .msg-win-ctl { gap: 6px; margin-right: 6px; }
html body .msg-win-ctl .icon-btn { width: 34px; height: 34px; }

html body #composer_card.composer-card { margin-bottom: 26px; }

.coin-ico { display: inline-block; width: 16px; height: 16px; flex: 0 0 auto; object-fit: contain; vertical-align: middle; }
.gift-balance .coin-ico { width: 18px; height: 18px; }
.gift-item__price .coin-ico { width: 14px; height: 14px; }
html body .profile_wrap .coin-ico.proicon { width: 22px; height: 22px; margin-right: 14px; opacity: 1; }

html body img.list_status, html body.site_body .side-rail img.list_status { padding: 0; }

.modal_in.small_modal_in:has(.register-access) {
	border-radius: 26px;
	border: 1px solid color-mix(in srgb, var(--text-main, #fff) 16%, transparent);
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, var(--text-main, #fff) 20%, transparent),
		0 10px 34px rgba(0, 0, 0, 0.28);
}

.small_modal_in:has(.register-access) .modal-header {
	min-height: 60px;
	padding: 0 60px 0 24px;
	background: transparent;
	border-bottom: 1px solid color-mix(in srgb, var(--text-main, #fff) 9%, transparent);
}

.small_modal_in:has(.register-access) .modal-title {
	font-size: 17px;
}

.small_modal_in:has(.register-access) .modal_close {
	top: 8px;
	right: 10px;
	border-radius: 50%;
}

.small_modal_in:has(.register-access) .modal-body {
	padding: 22px 24px 18px;
}

.small_modal_in:has(.register-access) .modal-footer {
	padding: 0 24px 24px;
}

.small_modal_in:has(.register-access) .modal-footer .btn-primary {
	min-height: 46px;
	padding: 8px 28px;
	border-radius: 999px;
	font-weight: 700;
	background: color-mix(in srgb, var(--text-main, #fff) 6%, transparent);
	color: var(--text-main);
	border: 1px solid color-mix(in srgb, var(--text-main, #fff) 16%, transparent);
	box-shadow: none;
}

.small_modal_in:has(.register-access) .modal-footer .btn-primary:hover {
	background: color-mix(in srgb, var(--text-main, #fff) 14%, transparent);
	border-color: color-mix(in srgb, var(--text-main, #fff) 30%, transparent);
	color: var(--text-main);
}

.register-access__icon {
	color: var(--text-main);
}

.register-access .register-access__key {
	padding: 14px 18px;
	border-radius: 18px;
	border: 1px solid color-mix(in srgb, var(--text-main, #fff) 9%, transparent);
	background: color-mix(in srgb, var(--text-main, #fff) 4%, transparent);
	box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.18);
}

.register-access .register-access__copy {
	min-height: 48px;
	padding: 8px 20px;
	border-radius: 999px;
	border: 1px solid color-mix(in srgb, var(--text-main, #fff) 16%, transparent);
	background: color-mix(in srgb, var(--text-main, #fff) 4%, transparent);
	color: var(--text-main);
}

.register-access .register-access__copy:hover {
	background: color-mix(in srgb, var(--text-main, #fff) 14%, transparent);
	border-color: color-mix(in srgb, var(--text-main, #fff) 30%, transparent);
	color: var(--text-main);
}

.small_modal_in:has(.register-access) .modal_close {
	width: 46px;
	height: 46px;
	color: var(--text-main);
}

.small_modal_in:has(.register-access) .modal_close svg,
.small_modal_in:has(.register-access) .modal_close i {
	width: 26px;
	height: 26px;
	color: var(--text-main);
	stroke: var(--text-main);
	stroke-width: 3;
}

.small_modal_in:has(.register-access) .modal_close:hover {
	background: color-mix(in srgb, var(--text-main, #fff) 12%, transparent);
	color: var(--text-main);
}

.small_modal_in:has(.register-access) .modal-title svg.register-access__icon,
.small_modal_in:has(.register-access) .modal-title .register-access__icon {
	width: 20px;
	height: 20px;
	color: var(--text-main);
	stroke: var(--text-main);
}

html body .explore-row .explore-type-badge[class] {
	color: #dfe2e7;
	border: 1px solid transparent;
	background:
		linear-gradient(180deg, #202126 0%, #050506 100%) padding-box,
		linear-gradient(135deg, #f4f5f7 0%, #70747d 38%, #dcdee3 62%, #666a73 100%) border-box;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 1px 3px rgba(0, 0, 0, 0.35);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
}

html body .explore-row__today {
	font-style: italic;
	font-weight: 700;
	background: linear-gradient(180deg, #7cc596 0%, #2f7a4b 55%, #5fae7e 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

html body .explore-row .explore-type-badge--image[class] { color: #a9cdf2; }
html body .explore-row .explore-type-badge--audio[class] { color: #a9e0bc; }
html body .explore-row .explore-type-badge--youtube[class] { color: #f28b8b; }

html body .explore-row--type {
	align-items: center;
	gap: 14px;
	padding-top: 11px;
	padding-bottom: 11px;
	border-bottom: 1px solid color-mix(in srgb, var(--text-main, #000) 9%, transparent);
}

html body li:last-child > .explore-row--type {
	border-bottom: 0;
}

html body .explore-row .explore-type-badge[class] {
	width: 96px;
	padding: 7px 10px;
	font-size: 0.74rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	margin-top: 0;
	background:
		linear-gradient(180deg, #34353b 0%, #17181c 47%, #040405 53%, #101115 100%) padding-box,
		linear-gradient(145deg, #ffffff 0%, #8a8e97 30%, #e9ebef 52%, #6a6e77 76%, #cfd2d8 100%) border-box;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.38),
		inset 0 -1px 0 rgba(255, 255, 255, 0.06),
		0 8px 16px -8px rgba(0, 0, 0, 0.7);
	text-shadow: 0 0 10px color-mix(in srgb, currentColor 45%, transparent), 0 1px 0 rgba(0, 0, 0, 0.8);
}

html body .explore-row--type .explore-row__meta {
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	color: color-mix(in srgb, var(--text-main, #000) 70%, transparent);
}
html body .explore-block--trends li:has(> .explore-row--type) {
	list-style: none;
	margin: 0 14px 10px;
}

html body .explore-block--trends li:has(> .explore-row--type):last-child {
	margin-bottom: 0;
}

html body .explore-block--trends .explore-list:has(.explore-row--type) {
	padding-bottom: 30px;
}

html body .explore-block--trends .explore-row--type {
	position: relative;
	overflow: hidden;
	gap: 12px;
	padding: 11px 14px;
	border: 1px solid transparent;
	border-radius: 16px;
	background:
		linear-gradient(180deg, #202126 0%, #0d0d10 46%, #050506 54%, #0f1013 100%) padding-box,
		linear-gradient(150deg, #f6f7f9 0%, #7d818a 28%, #d8dade 50%, #60646d 74%, #bfc2c8 100%) border-box;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.3),
		inset 0 -10px 18px -12px rgba(255, 255, 255, 0.08),
		0 12px 22px -14px rgba(0, 0, 0, 0.75);
}

html body .explore-block--trends .explore-row--type .explore-type-badge[class] {
	width: 84px;
	padding: 6px 8px;
	font-size: 0.7rem;
	letter-spacing: 0.12em;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

html body .explore-block--trends .explore-row--type .explore-row__meta {
	font-size: 0.78rem;
	font-weight: 700;
	color: #c9ccd2;
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
	line-height: 1.3;
}

html body .explore-block--trends .explore-row--type .explore-row__today {
	background: linear-gradient(180deg, #a6e8bf 0%, #4fa56f 55%, #86d3a2 100%);
	-webkit-background-clip: text;
	background-clip: text;
}

html body.theme_claro .explore-block--trends .explore-row--type {
	background:
		linear-gradient(180deg, #ffffff 0%, #f4f5f8 55%, #e8eaee 100%) padding-box,
		linear-gradient(150deg, #ffffff 0%, #b3b7bf 30%, #eef0f3 52%, #9a9ea7 76%, #d6d8de 100%) border-box;
	box-shadow:
		inset 0 1px 0 #ffffff,
		0 10px 20px -14px rgba(15, 18, 30, 0.5);
}

html body.theme_claro .explore-block--trends .explore-row--type .explore-type-badge[class] {
	background:
		linear-gradient(180deg, #34353b 0%, #17181c 47%, #040405 53%, #101115 100%) padding-box,
		linear-gradient(145deg, #ffffff 0%, #8a8e97 30%, #e9ebef 52%, #6a6e77 76%, #cfd2d8 100%) border-box;
	border: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.38), 0 6px 12px -6px rgba(0, 0, 0, 0.6);
}

html body.theme_claro .explore-block--trends .explore-row--type .explore-row__meta {
	color: #2b2d33;
}

html body.theme_claro .explore-block--trends .explore-row--type .explore-row__today {
	background: linear-gradient(180deg, #4fae75 0%, #1f6b3f 55%, #3f9a63 100%);
	-webkit-background-clip: text;
	background-clip: text;
}

@media (prefers-reduced-motion: reduce) {
	html body .explore-block--trends .explore-row--type,
	}

html body .explore-block--trends .explore-row--type .explore-type-badge[class] {
	width: 42px;
	height: 42px;
	padding: 0;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 42px;
	text-shadow: none;
}

html body .explore-block--trends .explore-row--type .explore-type-badge i,
html body .explore-block--trends .explore-row--type .explore-type-badge svg {
	width: 20px;
	height: 20px;
	stroke: currentColor;
	stroke-width: 2;
	filter: drop-shadow(0 0 6px color-mix(in srgb, currentColor 45%, transparent));
}

html body:is(.theme_oscuro, .theme_azuloscuro) .explore-block--trends .explore-row--type {
	background:
		linear-gradient(180deg, #1b1c20 0%, #0c0c0f 46%, #050506 54%, #0d0e11 100%) padding-box,
		linear-gradient(160deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.09) 38%, rgba(255, 255, 255, 0.03) 68%, rgba(255, 255, 255, 0.14) 100%) border-box;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.12),
		0 12px 22px -14px rgba(0, 0, 0, 0.8);
}

html body:is(.theme_oscuro, .theme_azuloscuro) .explore-block--trends .explore-row--type .explore-type-badge[class] {
	border-color: rgba(255, 255, 255, 0.16);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

html body:is(.theme_oscuro, .theme_azuloscuro) .explore-block--trends .explore-row--type:hover {
	background:
		linear-gradient(180deg, #1b1c20 0%, #0c0c0f 46%, #050506 54%, #0d0e11 100%) padding-box,
		linear-gradient(160deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.09) 38%, rgba(255, 255, 255, 0.03) 68%, rgba(255, 255, 255, 0.14) 100%) border-box;
}

.composer-preview__x,
.ts-upload__cancel,
.composer-poll__rm {
	position: relative;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-indent: 0;
}

.composer-preview__x {
	position: absolute;
}

.composer-preview__x::before,
.composer-preview__x::after,
.ts-upload__cancel::before,
.ts-upload__cancel::after,
.composer-poll__rm::before,
.composer-poll__rm::after {
	content: '';
	position: absolute;
	left: 29%;
	right: 29%;
	top: calc(50% - 1px);
	height: 2px;
	border-radius: 2px;
	background: currentColor;
	pointer-events: none;
}

.composer-preview__x::before,
.ts-upload__cancel::before,
.composer-poll__rm::before {
	transform: rotate(45deg);
}

.composer-preview__x::after,
.ts-upload__cancel::after,
.composer-poll__rm::after {
	transform: rotate(-45deg);
}

.composer-preview__x {
	width: 26px;
	height: 26px;
}

.composer-preview__x--inline {
	margin-top: -13px;
}

.ts-upload__cancel {
	width: 24px;
	height: 24px;
}

.oly-account__item--wallet { cursor: default; }
.oly-account__item--wallet:hover { background: transparent; }
html body .oly-account__item--wallet .coin-ico { width: 18px; height: 18px; }
.oly-account__wallet-value { margin-left: auto; font-weight: 700; font-variant-numeric: tabular-nums; }

html body .oly-account__item--danger,
html body.theme_oscuro .oly-account__item--danger,
html body .oly-account__item--danger svg,
html body.theme_oscuro .oly-account__item--danger svg { color: var(--text-muted); }
html body .oly-account__item--danger:hover { background: var(--surface-2, #f7f7f7); color: var(--text-main); }
html body.theme_oscuro:is(.site_body, .admin_body) .oly-account__item--danger:hover,
html body.theme_azuloscuro:is(.site_body, .admin_body) .oly-account__item--danger:hover { background: rgba(255, 255, 255, 0.05); color: var(--text-main); }
html body .oly-account__item--danger:hover svg { color: var(--text-main); }

html body .comment-replies-go .post-react-svg { width: 24px; height: 24px; flex-shrink: 0; filter: drop-shadow(0 1px 1.5px rgba(0, 0, 0, 0.25)); }

html body.theme_claro .post-react-btn--heart.active .post-react-img,
html body.theme_claro .comment-react-btn--thumb.active .comment-react-img { content: url(images/react-like-fill-metal.svg); filter: drop-shadow(0 1px 1.5px rgba(0, 0, 0, 0.25)); }

.ts-rich--fb {
	position: relative;
	width: 100%;
	max-width: 100%;
	border-radius: var(--radius-lg);
	overflow: hidden;
	background: #0b0b0c;
	aspect-ratio: 16 / 9;
}
.ts-rich--fb.is-loaded {
	background: #000;
}
.ts-rich--fb .ts-rich__iframe--fit {
	inset: auto;
	left: 50%;
	top: 0;
	width: 220px;
	transform-origin: top center;
}
html body .ts-fb-load {
	position: absolute;
	inset: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: inherit;
	background: linear-gradient(160deg, #1b1b1e 0%, #0b0b0c 100%);
	color: #f1f1f2;
	cursor: pointer;
	box-sizing: border-box;
	box-shadow: none;
}
html body .ts-fb-load:hover {
	background: linear-gradient(160deg, #222226 0%, #0e0e10 100%);
	color: #fff;
}
.ts-fb-load__play {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.4);
	background: rgba(255, 255, 255, 0.06);
}
.ts-fb-load__play svg {
	width: 24px;
	height: 24px;
	margin-left: 3px;
}
.ts-fb-load__label {
	font-size: 0.95rem;
	font-weight: 700;
}
.ts-fb-load__note {
	font-size: 0.75rem;
	color: #9a9ba1;
}
.msg-text .ts-rich--fb {
	max-width: min(100%, 260px);
	border-radius: 10px;
}
.comment-text-html .ts-rich--fb {
	margin: 0.45rem 0;
}
.comment-bubble:has(.ts-rich--fb) {
	width: min(100%, 360px);
	padding: 8px;
}
.comment-bubble:has(.ts-rich--fb) .comment-text-html > :not(.ts-rich) {
	padding: 0 6px;
}
.comment-bubble .ts-rich--fb {
	border-radius: 12px;
	margin: 0.4rem 0 0;
}
html body .ts-fb-load.is-busy { cursor: progress; opacity: 0.75; }
.composer-preview--fb { background: linear-gradient(160deg, #1b1b1e 0%, #0b0b0c 100%); }
.composer-preview--fb::before { width: 30px; height: 30px; margin: -15px 0 0 -15px; border-radius: 50%; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.45); box-shadow: none; box-sizing: border-box; }
.composer-preview--fb::after { margin: -5px 0 0 -3px; border-width: 5px 0 5px 8px; }
.composer-preview__fbl { position: absolute; left: 0; right: 0; bottom: 6px; text-align: center; font-size: 0.66rem; font-weight: 700; letter-spacing: 0.2px; color: #cfcfd4; pointer-events: none; }
html body .ts-fb-load.has-thumb { background: #000; }
.ts-fb-load__thumb { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.ts-fb-load.has-thumb::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(180deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.58) 100%); pointer-events: none; }
.ts-fb-load.has-thumb .ts-fb-load__play,
.ts-fb-load.has-thumb .ts-fb-load__label,
.ts-fb-load.has-thumb .ts-fb-load__note { position: relative; z-index: 1; }
.ts-fb-load.has-thumb .ts-fb-load__label,
.ts-fb-load.has-thumb .ts-fb-load__note { color: #fff; text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); }
.ts-fb-load.has-thumb .ts-fb-load__play { background: rgba(0, 0, 0, 0.45); border-color: rgba(255, 255, 255, 0.7); }
.composer-preview--fb.has-thumb { background: #000; }
.composer-preview--fb.has-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.composer-preview--fb.has-thumb .composer-preview__fbl { z-index: 1; color: #fff; text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8); }
html body .ts-emoji-panel--inline { position: static; left: auto; top: auto; z-index: auto; flex: 0 0 auto; width: auto; max-width: none; max-height: none; margin: 8px 0 0; border-radius: 14px; box-shadow: none; }
html body .ts-emoji-panel--inline .ts-emoji-panel__grid { max-height: clamp(130px, 30vh, 220px); justify-content: flex-start; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
html body .ts-emoji-panel__tab.is-on { border-bottom-color: var(--text-main); color: var(--text-main); }
html body .ts-emoji-cell:hover,
html body.theme_oscuro:is(.site_body, .admin_body) .ts-emoji-cell:hover,
html body.theme_azuloscuro:is(.site_body, .admin_body) .ts-emoji-cell:hover { background: rgba(128, 128, 128, 0.18); }
@media (max-width: 520px) {
	html body .ts-emoji-panel--inline .ts-emoji-panel__grid { gap: 2px; padding: 6px; }
	html body .ts-emoji-panel--inline .ts-emoji-cell { width: 40px; height: 40px; }
}

html body .gift-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; max-height: clamp(250px, 50vh, 390px); padding: 2px 6px 2px 2px; scrollbar-width: thin; overscroll-behavior: contain; }
html body .gift-item { position: relative; gap: 0; padding: 14px 6px 24px; border-radius: 16px; aspect-ratio: 1 / 1; justify-content: center; }
html body .gift-item__img { width: 68px; height: 68px; }
html body .gift-item__price { position: absolute; left: 50%; bottom: 8px; transform: translateX(-50%); padding: 3px 10px 3px 7px; border-radius: 999px; background: color-mix(in srgb, var(--text-main) 14%, transparent); color: var(--text-main); font-size: 12px; white-space: nowrap; }
html body .gift-item.is-on { border-color: var(--text-main); box-shadow: 0 0 0 1px var(--text-main); }
html body .gift-box .profile-settings-actions { margin-top: 14px; display: flex; justify-content: flex-end; }
html body .gift-tile b { left: 6px; bottom: 6px; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 11px; border: 0; background: #000; color: #fff; font-size: 12px; line-height: 22px; }
html[data-theme="dark"] body .gift-tile b, html body.theme_oscuro .gift-tile b, html body.theme_azuloscuro .gift-tile b { background: #d6d6d6; color: #111; border: 0; }
html body .profile-gift-send { margin-bottom: 14px; padding: 8px 16px; border-radius: 10px; font-size: 14px; }
@media (max-width: 480px) {
	html body .gift-grid { gap: 8px; }
	html body .gift-item__img { width: 58px; height: 58px; }
	html body .gift-tile b { left: 4px; bottom: 4px; min-width: 20px; height: 20px; line-height: 20px; font-size: 11px; padding: 0 5px; }
}
html[data-theme="dark"] body .gift-item, html[data-theme="dark"] body .gift-tile, html body.theme_oscuro .gift-item, html body.theme_oscuro .gift-tile, html body.theme_azuloscuro .gift-item, html body.theme_azuloscuro .gift-tile { border-color: rgba(255, 255, 255, 0.24); background: rgba(255, 255, 255, 0.03); }
html[data-theme="dark"] body .gift-item.is-on, html body.theme_oscuro .gift-item.is-on, html body.theme_azuloscuro .gift-item.is-on { border-color: #fff; background: rgba(255, 255, 255, 0.08); }
html body .gift-tile { border-width: 1.5px; }
html body .modal_in { border-radius: 26px; }
html body.theme_oscuro .modal_in, html body.theme_azuloscuro .modal_in, html[data-theme="dark"] body .modal_in { border: 1px solid rgba(255, 255, 255, 0.14); box-shadow: 0 28px 70px rgba(0, 0, 0, 0.6); }
html body #small_modal.ts-wide .small_modal_in { border-radius: 0; border: 0; }
html body #small_modal.ts-float .small_modal_in { border-radius: 18px; }
html body #over_modal:has(.profile_wrap) .over_modal_in { border: 0; border-radius: 22px; }
html body .gift-view { padding: 34px 24px 26px; gap: 16px; }
html body .gift-view__img { width: 168px; height: 168px; padding: 14px; box-sizing: border-box; border-radius: 22px; background: color-mix(in srgb, var(--text-main) 6%, transparent); border: 1px solid color-mix(in srgb, var(--text-main) 14%, transparent); }
html body .gift-view__close { border-radius: 999px; padding: 11px 30px; }
html:has(body.theme_claro), html:has(body.theme_claro) body, html:has(body.theme_claro) body * { scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.3) transparent; }
html:has(body.theme_oscuro), html:has(body.theme_oscuro) body, html:has(body.theme_oscuro) body *, html:has(body.theme_azuloscuro), html:has(body.theme_azuloscuro) body, html:has(body.theme_azuloscuro) body * { scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.3) transparent; }
html:has(body) body .live-rail__stack, html:has(body) body .explore-rail__inner, html:has(body) body .archived-chats-tabs, html:has(body) body .profile-tw .modal_menu ul, html:has(body) body .giphy-chips { scrollbar-width: none; }
html body *::-webkit-scrollbar, html::-webkit-scrollbar { width: 10px; height: 10px; background: transparent; }
html body *::-webkit-scrollbar-track, html::-webkit-scrollbar-track { background: transparent; }
html body *::-webkit-scrollbar-button, html::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
html body *::-webkit-scrollbar-corner, html::-webkit-scrollbar-corner { background: transparent; }
html body *::-webkit-scrollbar-thumb, html::-webkit-scrollbar-thumb { min-height: 40px; border: 3px solid transparent; border-radius: 999px; background: rgba(0, 0, 0, 0.3) padding-box; box-shadow: none; }
html body *::-webkit-scrollbar-thumb:hover, html::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.5) padding-box; }
html:has(body.theme_oscuro) *::-webkit-scrollbar-thumb, html:has(body.theme_azuloscuro) *::-webkit-scrollbar-thumb, html:has(body.theme_oscuro)::-webkit-scrollbar-thumb, html:has(body.theme_azuloscuro)::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.3) padding-box; box-shadow: none; }
html:has(body.theme_oscuro) *::-webkit-scrollbar-thumb:hover, html:has(body.theme_azuloscuro) *::-webkit-scrollbar-thumb:hover, html:has(body.theme_oscuro)::-webkit-scrollbar-thumb:hover, html:has(body.theme_azuloscuro)::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.5) padding-box; }
html:has(body.theme_oscuro) *::-webkit-scrollbar-track, html:has(body.theme_azuloscuro) *::-webkit-scrollbar-track, html:has(body.theme_oscuro)::-webkit-scrollbar-track, html:has(body.theme_azuloscuro)::-webkit-scrollbar-track, html:has(body.theme_oscuro) *::-webkit-scrollbar, html:has(body.theme_azuloscuro) *::-webkit-scrollbar { background: transparent; box-shadow: none; }
html:root:has(body.theme_claro) { scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.3) transparent; }
html:root:has(body.theme_oscuro), html:root:has(body.theme_azuloscuro) { scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.3) transparent; }
.wallet-pop { padding: 0; }
.wallet-pop__title { padding: 11px 16px; font-size: 14px; font-weight: 800; border-bottom: 1px solid var(--wp-border); }
.wallet-pop__row { display: flex; flex-direction: column; gap: 4px; padding: 11px 16px 13px; }
.wallet-pop__label { font-size: 12px; font-weight: 700; color: var(--text-muted); }
.wallet-pop__value { display: inline-flex; align-items: center; gap: 8px; font-size: 18px; font-weight: 800; line-height: 1.1; font-variant-numeric: tabular-nums; }
.wallet-pop__value .coin-ico { width: 22px; height: 22px; }
.wallet-pop__value b { font-weight: 800; }
html body .notif-list { --nbg: var(--card-bg, #fff); gap: 2px; padding: 4px 8px 12px !important; }
html body.theme_oscuro .notif-list { --nbg: #0c0d10; }
html body .notif-list .notification-row { align-items: center; gap: 12px; padding: 10px 8px !important; border: 0 !important; border-radius: 14px; background: transparent !important; position: relative; }
html body .notif-list .notification-row:hover { background: color-mix(in srgb, var(--text-main) 7%, transparent) !important; }
html body .notif-list .notif-avatar { position: relative; flex: 0 0 auto; display: block; }
html body .notif-list .notif-avatar .avatar-wrap { width: 52px; height: 52px; }
html body .notif-list .notif-badge-ico { --ni-bg: #1c1c1e; position: absolute; right: -4px; bottom: -4px; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: #1c1c1e; color: #fff; border: 2px solid var(--nbg); box-sizing: content-box; }
html body .notif-list .notif-badge-ico svg { width: 15px; height: 15px; display: block; }
html body.theme_oscuro .notif-list .notif-badge-ico, html body.theme_azuloscuro .notif-list .notif-badge-ico { --ni-bg: #e4e6eb; background: #e4e6eb; color: #111; }
html body .notif-list .notification-content-row { flex: 1; min-width: 0; align-items: center; gap: 6px; }
html body .notif-list .notification-open-btn { display: block; text-align: left; overflow: hidden; cursor: pointer; }
html body .notif-list .notif-line { font-size: 14px; line-height: 1.32; color: var(--text-main); font-weight: 400; margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
html body .notif-list .notif-line b { font-weight: 700; }
html body .notif-list .notification-row.unread .notif-line { font-weight: 500; }
html body .notif-list .notification-target-preview { display: block; margin-top: 2px; padding: 0; background: transparent; box-shadow: none; color: var(--text-muted); font-size: 13px; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body .notif-list .notif-time { display: block; margin-top: 3px; font-size: 12px; font-weight: 600; color: var(--text-muted); }
html body .notif-list .notification-row.unread .notif-time { color: var(--text-main); }
html body .notif-list .notification-click-hint { display: inline-block; margin-top: 4px; padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 700; color: var(--text-main); background: color-mix(in srgb, var(--text-main) 12%, transparent); }
html body .notif-list .notif-side { flex: 0 0 auto; display: flex; align-items: center; gap: 4px; }
html body .notif-list .notif-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--text-main); flex: 0 0 auto; }
html body .notif-list .notification-delete-btn { width: 26px; height: 26px; border-radius: 50%; padding: 0; display: none; align-items: center; justify-content: center; background: color-mix(in srgb, var(--text-main) 10%, transparent); color: var(--text-main); }
html body .notif-list .notification-row:hover .notification-delete-btn { display: inline-flex; }
html body .notif-list .notification-row:hover .notif-dot { display: none; }
@media (hover: none) { html body .notif-list .notification-delete-btn { display: inline-flex; background: transparent; } html body .notif-list .notification-row .notif-dot { display: block; } }
html body .notif-list .card-body { background: transparent; }
html body .small_modal_in:has(.notif-header) .modal_close { display: none; }
html body.theme_oscuro .notif-list .notif-badge-ico, html body.theme_azuloscuro .notif-list .notif-badge-ico { --ni-bg: #3a3d45; background: #3a3d45; color: #f4f5f8; width: 26px; height: 26px; right: -5px; bottom: -5px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14); }
html body.theme_oscuro .notif-list .notif-badge-ico svg, html body.theme_azuloscuro .notif-list .notif-badge-ico svg { width: 16px; height: 16px; }
html body.theme_oscuro .notif-list .notification-row:hover, html body.theme_azuloscuro .notif-list .notification-row:hover { background: rgba(255, 255, 255, 0.06) !important; }
html body .side-rail__nav .nav-item--inline-more { display: none; }
@media (min-width: 960px) {
	html body .side-rail__nav .nav-item--more { display: none; }
	html body .side-rail__nav .nav-item--inline-more { display: flex; }
}
html body .side-rail__nav .nav-item:not(.is-current):not([aria-expanded="true"]):not(.is-open) { color: color-mix(in srgb, var(--text-main) 82%, transparent); }
html body .side-rail__nav .nav-item .nav-item__mark svg { transition: fill 0.18s ease, stroke-width 0.18s ease; }
html body .side-rail__nav .nav-item:not(.is-current):hover .nav-item__mark svg, html body .side-rail__nav .nav-item:not(.is-current):focus-visible .nav-item__mark svg { fill: color-mix(in srgb, currentColor 18%, transparent); stroke-width: 2.2; }
html body .side-rail__nav .nav-item:not(.is-current):not([aria-expanded="true"]):not(.is-open):hover { color: var(--text-main); }

.bcolor1,.bcback1{--nc:#ff3333;--nd:#ff3333}
.bcolor2,.bcback2{--nc:#fa3e00;--nd:#ff6633}
.bcolor3,.bcback3{--nc:#d16900;--nd:#ff9933}
.bcolor4,.bcback4{--nc:#ab8000;--nd:#ffcc33}
.bcolor5,.bcback5{--nc:#8a8a00;--nd:#cccc00}
.bcolor6,.bcback6{--nc:#6d9100;--nd:#99cc00}
.bcolor7,.bcback7{--nc:#4b9700;--nd:#59b300}
.bcolor8,.bcback8{--nc:#7c8d52;--nd:#829356}
.bcolor9,.bcback9{--nc:#008000;--nd:#009200}
.bcolor10,.bcback10{--nc:#009c27;--nd:#00e639}
.bcolor11,.bcback11{--nc:#00994d;--nd:#00e673}
.bcolor12,.bcback12{--nc:#009973;--nd:#00e6ac}
.bcolor13,.bcback13{--nc:#009696;--nd:#00cccc}
.bcolor14,.bcback14{--nc:#0391b5;--nd:#03add8}
.bcolor15,.bcback15{--nc:#3366ff;--nd:#4573ff}
.bcolor16,.bcback16{--nc:#107896;--nd:#1287a8}
.bcolor17,.bcback17{--nc:#004d99;--nd:#007af2}
.bcolor18,.bcback18{--nc:#6633ff;--nd:#875eff}
.bcolor19,.bcback19{--nc:#9933ff;--nd:#a64dff}
.bcolor20,.bcback20{--nc:#cc33ff;--nd:#cc33ff}
.bcolor21,.bcback21{--nc:#ed00ed;--nd:#ff33ff}
.bcolor22,.bcback22{--nc:#fa00bb;--nd:#ff33cc}
.bcolor23,.bcback23{--nc:#ff1c8e;--nd:#ff3399}
.bcolor24,.bcback24{--nc:#ff2e62;--nd:#ff3366}
.bcolor25,.bcback25{--nc:#604439;--nd:#a17361}
.bcolor26,.bcback26{--nc:#795548;--nd:#a17160}
.bcolor27,.bcback27{--nc:#a77c6d;--nd:#a97f70}
.bcolor28,.bcback28{--nc:#8e4585;--nd:#b15fa7}
.bcolor29,.bcback29{--nc:#868686;--nd:#9e9e9e}
.bcolor30,.bcback30{--nc:#6d8b99;--nd:#879fab}
.bcolor31,.bcback31{--nc:#698796;--nd:#698796}
.bcolor32,.bcback32{--nc:#495f69;--nd:#63818f}
.bneon1{--nc:#ff1a1a;--ng:#ff1a1a;--nd:#ff9898;--ndg:#ff1a1a}
.bnback1{background:#ff1a1a}
.bneon2{--nc:#ff4f1a;--ng:#ff4f1a;--nd:#ffb098;--ndg:#ff4f1a}
.bnback2{background:#ff4f1a}
.bneon3{--nc:#ee6f00;--ng:#ff851a;--nd:#ffc898;--ndg:#ff851a}
.bnback3{background:#ff851a}
.bneon4{--nc:#c28800;--ng:#ffba1a;--nd:#ffe098;--ndg:#ffba1a}
.bnback4{background:#ffba1a}
.bneon5{--nc:#a19700;--ng:#fff01a;--nd:#fff898;--ndg:#fff01a}
.bnback5{background:#fff01a}
.bneon6{--nc:#7f9f00;--ng:#d1ff1a;--nd:#eaff98;--ndg:#d1ff1a}
.bnback6{background:#d1ff1a}
.bneon7{--nc:#53a600;--ng:#8cff1a;--nd:#cbff98;--ndg:#8cff1a}
.bnback7{background:#8cff1a}
.bneon8{--nc:#22ab00;--ng:#47ff1a;--nd:#acff98;--ndg:#47ff1a}
.bnback8{background:#47ff1a}
.bneon9{--nc:#00ab10;--ng:#1aff30;--nd:#98ffa2;--ndg:#1aff30}
.bnback9{background:#1aff30}
.bneon10{--nc:#00ab44;--ng:#1aff75;--nd:#98ffc1;--ndg:#1aff75}
.bnback10{background:#1aff75}
.bneon11{--nc:#00a970;--ng:#1affb2;--nd:#98ffdc;--ndg:#1affb2}
.bnback11{background:#1affb2}
.bneon12{--nc:#00a690;--ng:#1affe0;--nd:#98fff1;--ndg:#1affe0}
.bnback12{background:#1affe0}
.bneon13{--nc:#00a3ae;--ng:#1af0ff;--nd:#98f8ff;--ndg:#1af0ff}
.bnback13{background:#1af0ff}
.bneon14{--nc:#009fd9;--ng:#1ac2ff;--nd:#98e4ff;--ndg:#1ac2ff}
.bnback14{background:#1ac2ff}
.bneon15{--nc:#1a85ff;--ng:#1a85ff;--nd:#98c8ff;--ndg:#1a85ff}
.bnback15{background:#1a85ff}
.bneon16{--nc:#1a57ff;--ng:#1a57ff;--nd:#98b3ff;--ndg:#1a57ff}
.bnback16{background:#1a57ff}
.bneon17{--nc:#1a29ff;--ng:#1a29ff;--nd:#989fff;--ndg:#1a29ff}
.bnback17{background:#1a29ff}
.bneon18{--nc:#401aff;--ng:#401aff;--nd:#a998ff;--ndg:#401aff}
.bnback18{background:#401aff}
.bneon19{--nc:#7d1aff;--ng:#7d1aff;--nd:#c498ff;--ndg:#7d1aff}
.bnback19{background:#7d1aff}
.bneon20{--nc:#b31aff;--ng:#b31aff;--nd:#dd98ff;--ndg:#b31aff}
.bnback20{background:#b31aff}
.bneon21{--nc:#f01aff;--ng:#f01aff;--nd:#f898ff;--ndg:#f01aff}
.bnback21{background:#f01aff}
.bneon22{--nc:#ff1ad1;--ng:#ff1ad1;--nd:#ff98ea;--ndg:#ff1ad1}
.bnback22{background:#ff1ad1}
.bneon23{--nc:#ff1a94;--ng:#ff1a94;--nd:#ff98cf;--ndg:#ff1a94}
.bnback23{background:#ff1a94}
.bneon24{--nc:#ff1a53;--ng:#ff1a53;--nd:#ff98b2;--ndg:#ff1a53}
.bnback24{background:#ff1a53}
.bneon25{--nc:#ff5d50;--ng:#ff8a80;--nd:#ffcac6;--ndg:#ff8a80}
.bnback25{background:#ff8a80}
.bneon26{--nc:#c48900;--ng:#ffd166;--nd:#ffeaba;--ndg:#ffd166}
.bnback26{background:#ffd166}
.bneon27{--nc:#6fa400;--ng:#c6ff4d;--nd:#e5ffaf;--ndg:#c6ff4d}
.bnback27{background:#c6ff4d}
.bneon28{--nc:#0ea97d;--ng:#5ef2c8;--nd:#b7f9e6;--ndg:#5ef2c8}
.bnback28{background:#5ef2c8}
.bneon29{--nc:#009ee3;--ng:#7ad7ff;--nd:#c3edff;--ndg:#7ad7ff}
.bnback29{background:#7ad7ff}
.bneon30{--nc:#9b7eff;--ng:#b39dff;--nd:#ddd3ff;--ndg:#b39dff}
.bnback30{background:#b39dff}
.bneon31{--nc:#ff46c8;--ng:#ff9de2;--nd:#ffd3f2;--ndg:#ff9de2}
.bnback31{background:#ff9de2}
.bneon32{--nc:#f46900;--ng:#ffb37a;--nd:#ffddc3;--ndg:#ffb37a}
.bnback32{background:#ffb37a}
.bgrad1,.backgrad1{--gl:linear-gradient(to right,#1aa093,#d67600,#ff0080);--gd:linear-gradient(to right,#40e0d0,#ff8c00,#ff0080)}
.bgrad2,.backgrad2{--gl:linear-gradient(to right,#11998e,#0da446);--gd:linear-gradient(to right,#11998e,#38ef7d)}
.bgrad3,.backgrad3{--gl:linear-gradient(to right,#fc466b,#3f5efb);--gd:linear-gradient(to right,#fc466b,#4966fb)}
.bgrad4,.backgrad4{--gl:linear-gradient(to right,#00a542,#0575e6);--gd:linear-gradient(to right,#00f260,#0575e6)}
.bgrad5,.backgrad5{--gl:linear-gradient(to right,#fc4a1a,#bf8307);--gd:linear-gradient(to right,#fc4a1a,#f7b733)}
.bgrad6,.backgrad6{--gl:linear-gradient(to right,#1c9fa0,#c08302);--gd:linear-gradient(to right,#22c1c3,#fdbb2d)}
.bgrad7,.backgrad7{--gl:linear-gradient(to right,#7f00ff,#e100ff);--gd:linear-gradient(to right,#9f40ff,#e100ff)}
.bgrad8,.backgrad8{--gl:linear-gradient(to right,#ee0979,#f06400);--gd:linear-gradient(to right,#ee0979,#ff6a00)}
.bgrad9,.backgrad9{--gl:linear-gradient(to right,#009ac9,#949400);--gd:linear-gradient(to right,#00c3ff,#ffff1c)}
.bgrad10,.backgrad10{--gl:linear-gradient(to right,#f900fc,#009fa1);--gd:linear-gradient(to right,#fc00ff,#00dbde)}
.bgrad11,.backgrad11{--gl:linear-gradient(to right,#833ab4,#fd1d1d,#d07b03);--gd:linear-gradient(to right,#9c58c9,#fd1d1d,#fcb045)}
.bgrad12,.backgrad12{--gl:linear-gradient(to right,#869198,#2c3e50);--gd:linear-gradient(to right,#bdc3c7,#56799c)}
.bgrad13,.backgrad13{--gl:linear-gradient(to right,#373b44,#4286f4);--gd:linear-gradient(to right,#6e7688,#4286f4)}
.bgrad14,.backgrad14{--gl:linear-gradient(to right,#ff0099,#493240);--gd:linear-gradient(to right,#ff0099,#966784)}
.bgrad15,.backgrad15{--gl:linear-gradient(to right,#f842c0,#b91d73);--gd:linear-gradient(to right,#f953c6,#dc2389)}
.bgrad16,.backgrad16{--gl:linear-gradient(to right,#dd3e54,#1da43a);--gd:linear-gradient(to right,#dd3e54,#6be585)}
.bgrad17,.backgrad17{--gl:linear-gradient(to right,#8360c3,#27a27b);--gd:linear-gradient(to right,#8664c4,#2ebf91)}
.bgrad18,.backgrad18{--gl:linear-gradient(to right,#544a7d,#b58800);--gd:linear-gradient(to right,#796da9,#ffd452)}
.bgrad19,.backgrad19{--gl:linear-gradient(to right,#0095f0,#ec2f4b);--gd:linear-gradient(to right,#009fff,#ec2f4b)}
.bgrad20,.backgrad20{--gl:linear-gradient(to right,#3ca155,#9f7de0,#5d26c1);--gd:linear-gradient(to right,#59c173,#a17fe0,#895adf)}
.bgrad21,.backgrad21{--gl:linear-gradient(to right,#5e8aff,#3f2b96);--gd:linear-gradient(to right,#a8c0ff,#7a66d3)}
.bgrad22,.backgrad22{--gl:linear-gradient(45deg,#ff0000 0%,#c48000 50%,#ff0000 100%);--gd:linear-gradient(45deg,#ff0000 0%,#ffa600 50%,#ff0000 100%)}
.bgrad23,.backgrad23{--gl:linear-gradient(to right,#108dc7,#dd7112);--gd:linear-gradient(to right,#108dc7,#ef8e38)}
.bgrad24,.backgrad24{--gl:linear-gradient(to right,#ff0099,#0575e6);--gd:linear-gradient(to right,#ff0099,#0575e6)}
.bgrad25,.backgrad25{--gl:linear-gradient(to right,#667db6,#0082c8,#ec38bc,#ea55bf);--gd:linear-gradient(to right,#667db6,#0082c8,#ec38bc,#fdeff9)}
.bgrad26,.backgrad26{--gl:linear-gradient(to right,#03001e,#7303c0,#ec38bc,#ea55bf);--gd:linear-gradient(to right,#6c5bff,#aa32fc,#ec38bc,#fdeff9)}
.bgrad27,.backgrad27{--gl:linear-gradient(to right,#1a2a6c,#b21f1f,#c08302);--gd:linear-gradient(to right,#566fd6,#dc3535,#fdbb2d)}
.bgrad28,.backgrad28{--gl:linear-gradient(to right,#3a1c71,#d76d77,#f36000);--gd:linear-gradient(to right,#895ed7,#d76d77,#ffaf7b)}
.bgrad29,.backgrad29{--gl:linear-gradient(to right,#eb5757,#333333);--gd:linear-gradient(to right,#eb5757,#777777)}
.bgrad30,.backgrad30{--gl:linear-gradient(to right,#20002c,#a882b7);--gd:linear-gradient(to right,#bb06ff,#cbb4d4)}
.bgrad31,.backgrad31{--gl:linear-gradient(to right,#13a368,#0f3443);--gd:linear-gradient(to right,#34e89e,#247ea3)}
.bgrad32,.backgrad32{--gl:linear-gradient(to right,#0e9bba,#c16aec,#f64f59);--gd:linear-gradient(to right,#12c2e9,#c471ed,#f64f59)}
.bgrad33,.backgrad33{--gl:linear-gradient(to right,#a80077,#41a300);--gd:linear-gradient(to right,#de009d,#66ff00)}
.bgrad34,.backgrad34{--gl:linear-gradient(to right,#3093ed 0%,#3693eb 50%,#3690f0 51%,#1e69de 100%);--gd:linear-gradient(to right,#6db3f2 0%,#54a3ee 50%,#3690f0 51%,#2b73e2 100%)}
.bgrad35,.backgrad35{--gl:linear-gradient(to right,#a241b7,#7f68d7,#5186e9,#1096e8,#0f99ca);--gd:linear-gradient(to right,#ac4fc0,#7f68d7,#5186e9,#1b9eef,#12b2eb)}
.bgrad36,.backgrad36{--gl:linear-gradient(to right,#845ec2 0%,#d65db1 0%,#ff4b76 51%,#ff5418 100%);--gd:linear-gradient(to right,#8864c4 0%,#d65db1 0%,#ff6f91 51%,#ff9671 100%)}
.bgrad37,.backgrad37{--gl:linear-gradient(to right,#ff0000,#999100,#1e9600);--gd:linear-gradient(to right,#ff0000,#fff200,#1e9600)}
.bgrad38,.backgrad38{--gl:linear-gradient(330deg,#e05252 0%,#5ea01d 25%,#1c9e9e 50%,#9952e0 75%,#e05252 100%);--gd:linear-gradient(330deg,#e05252 0%,#99e052 25%,#52e0e0 50%,#9952e0 75%,#e05252 100%)}
.bgrad39,.backgrad39{--gl:linear-gradient(to right,#051937,#004d7a,#008793,#00a563,#709d0c);--gd:linear-gradient(to right,#1e70eb,#007cc4,#008793,#00bf72,#a8eb12)}
.bgrad40,.backgrad40{--gl:linear-gradient(to right,#ff0844,#ff531f);--gd:linear-gradient(to right,#ff0844,#ffb199)}
html body [class*="bcolor"], html body .user-link[class*="bcolor"] { color: var(--nc); }
html body [class*="bneon"], html body .user-link[class*="bneon"] { color: var(--nc); text-shadow: 0 0 2px color-mix(in srgb, var(--ng) 35%, transparent); }
html body [class*="bgrad"], html body [class*="backgrad"], html body .user-link[class*="bgrad"] { background-image: var(--gl); }
html body.theme_oscuro [class*="bcolor"], html body.theme_oscuro .user-link[class*="bcolor"] { color: var(--nd); }
html body.theme_oscuro [class*="bneon"], html body.theme_oscuro .user-link[class*="bneon"] { color: var(--nd); text-shadow: 0 0 2px color-mix(in srgb, var(--ndg) 90%, transparent), 0 0 7px color-mix(in srgb, var(--ndg) 80%, transparent), 0 0 14px color-mix(in srgb, var(--ndg) 45%, transparent); }
html body.theme_oscuro [class*="bgrad"], html body.theme_oscuro [class*="backgrad"], html body.theme_oscuro .user-link[class*="bgrad"] { background-image: var(--gd); }
html body .ncolor_swatch[class*="bcback"] { background: var(--nc); }
html body.theme_oscuro .ncolor_swatch[class*="bcback"] { background: var(--nd); }
html body :is(.oly-account__head, .oly-account__mood-toggle) .oly-account__mood-label[class*="bcolor"] { color: var(--nc); }
html body :is(.oly-account__head, .oly-account__mood-toggle) .oly-account__mood-label[class*="bneon"] { color: var(--nc); text-shadow: 0 0 2px color-mix(in srgb, var(--ng) 35%, transparent); }
html body :is(.oly-account__head, .oly-account__mood-toggle) .oly-account__mood-label[class*="bgrad"] { color: transparent; background-image: var(--gl); }
html body.theme_oscuro :is(.oly-account__head, .oly-account__mood-toggle) .oly-account__mood-label[class*="bcolor"] { color: var(--nd); }
html body.theme_oscuro :is(.oly-account__head, .oly-account__mood-toggle) .oly-account__mood-label[class*="bneon"] { color: var(--nd); text-shadow: 0 0 2px color-mix(in srgb, var(--ndg) 90%, transparent), 0 0 7px color-mix(in srgb, var(--ndg) 80%, transparent), 0 0 14px color-mix(in srgb, var(--ndg) 45%, transparent); }
html body.theme_oscuro :is(.oly-account__head, .oly-account__mood-toggle) .oly-account__mood-label[class*="bgrad"] { background-image: var(--gd); }
html body .cover_text .pro_mood[class*="bcolor"] { color: var(--nd); }
html body .cover_text .pro_mood[class*="bneon"] { color: var(--nd); text-shadow: 0 0 2px color-mix(in srgb, var(--ndg) 90%, transparent), 0 0 7px color-mix(in srgb, var(--ndg) 80%, transparent), 0 0 14px color-mix(in srgb, var(--ndg) 45%, transparent), 0 1px 3px rgba(0, 0, 0, 0.6); }
html body .cover_text .pro_mood[class*="bgrad"] { display: inline-block; max-width: 100%; color: transparent; background-image: var(--gd); text-shadow: none; }
html body .plike_item,
html body.theme_oscuro .plike_item,
html body .proplayer,
html body.theme_oscuro .proplayer { background: rgba(0, 0, 0, 0.24); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
html body .proplayer_play,
html body .proplayer--yt .proplayer_play,
html body.theme_oscuro .proplayer_play,
html body.theme_oscuro .proplayer--yt .proplayer_play { background: rgba(255, 255, 255, 0.24); box-shadow: none; }
html body .plike_item,
html body .proplayer { transition: background-color 0.18s ease, transform 0.12s ease; }
html body .plike_item img { transition: box-shadow 0.18s ease; }
html body .plike_item.is-on img { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3); }
html body .plike_item.click_run:hover,
html body .proplayer:hover { background: rgba(0, 0, 0, 0.36); }
html body .plike_item.click_run:active,
html body .proplayer:active { transform: scale(0.96); }
@media (hover: none) {
	html body .plike_item.click_run:hover,
	html body .proplayer:hover { background: rgba(0, 0, 0, 0.24); }
}
html body .state_profile { border-width: 1px; }

html body.site_body:is(.theme_oscuro, .theme_claro) .site-header .header-search-wrap,
html body.site_body:is(.theme_oscuro, .theme_claro) .site-header .header-search-wrap:focus-within {
	position: relative;
	border: 1px solid transparent !important;
	background: linear-gradient(180deg, #0e0f13 0%, #040405 100%) !important;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45) !important;
}

html body.site_body:is(.theme_oscuro, .theme_claro) .site-header .header-search-wrap::before {
	content: '';
	position: absolute;
	inset: -1px;
	padding: 1px;
	border-radius: inherit;
	pointer-events: none;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 100%) top / 100% 1px no-repeat,
		linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%) bottom / 100% 1px no-repeat,
		linear-gradient(180deg, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.55));
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
	mask-composite: exclude;
	transition: filter .2s ease;
}

html body.site_body:is(.theme_oscuro, .theme_claro) .site-header .header-search-wrap:focus-within::before { filter: brightness(1.35); }

html body .state_profile {
	width: 24px;
	height: 24px;
	right: 3px;
	bottom: 3px;
	border: 0;
	box-sizing: border-box;
	background: transparent;
}

@media (min-width: 960px) {
	html body.site_body .side-rail .live-rail__status { right: auto; left: 50%; margin-left: -19px; bottom: 3px; width: 15px; height: 15px; padding: 0; background: transparent; }
}
@media (min-width: 1280px) {
	html body.site_body .side-rail .live-rail__status { left: 11px; margin-left: 0; bottom: 3px; }
	html body.site_body .side-rail .live-rail__btn.has-mood .live-rail__status { bottom: 7px; }
}

/* b236 - Recientes: insignias de estado como Cody (SVG cuadrado recortado en circulo, borde blanco) */
html body.site_body .side-rail .live-rail__status { border-radius: 50%; background: #fff; padding: 1px; box-sizing: border-box; object-fit: cover; }
@media (min-width: 960px) {
	html body.site_body .side-rail .live-rail__status { width: 12px; height: 12px; margin-left: -17.5px; bottom: 4.5px; padding: 1.5px; }
}
@media (min-width: 1280px) {
	html body.site_body .side-rail .live-rail__status { left: 12.5px; margin-left: 0; bottom: 4.5px; }
	html body.site_body .side-rail .live-rail__btn.has-mood .live-rail__status { bottom: 8.5px; }
}
@media (min-width: 960px) {
	html body.site_body .side-rail .live-rail__status { margin-left: 5.5px; }
}
@media (min-width: 1280px) {
	html body.site_body .side-rail .live-rail__status { left: 35px; margin-left: 0; }
}
.ptop-ico { fill: currentColor; stroke: none; flex-shrink: 0; }
html body .modal_top_item .ptop-ico { width: 21px; height: 21px; }
.profile-actions__head { display: flex; align-items: center; gap: 12px; }
.profile-actions__avatar { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
.profile-actions__avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
html body .profile-actions__head { justify-content: flex-start; }
html body .profile-actions__head .modal-title { flex: 0 1 auto; margin: 0; text-align: left; }
.profile-actions { display: flex; flex-direction: column; gap: 8px; }
.profile-actions__item { display: flex; align-items: center; gap: 12px; width: 100%; padding: 14px 16px; border: 0; border-radius: 12px; background: rgba(127, 127, 127, 0.16); color: inherit; font: inherit; font-weight: 600; text-align: left; cursor: pointer; }
.profile-actions__item:hover { background: rgba(127, 127, 127, 0.26); }
.profile-actions__item .ptop-ico { width: 20px; height: 20px; }
.msg-search, .msg-empty { display: none; }
.ts-msg-page { display: none; }
body.ts-msg-page-on .container-feed > *:not(#ts_msg_page), body.ts-msg-page-on .site-rightcol { display: none !important; }
body.ts-msg-page-on .ts-msg-page { display: flex; flex-direction: column; min-height: 0; height: calc(100dvh - var(--header-h, 64px) - var(--mobile-dock-h, 0px) - 24px); }
body.ts-msg-page-on .ts-msg-page > .modal-header { flex-shrink: 0; border-radius: 14px; margin-bottom: 12px; }
body.ts-msg-page-on .ts-msg-page .msg-win-ctl { display: none; }
body.ts-msg-page-on #msg-root { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; max-height: none; overflow: hidden; background: var(--white); border-radius: 14px; }
body.ts-msg-page-on #msg-list-view:not(.hidden) { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
body.ts-msg-page-on #msg-chat-view:not(.hidden) { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
body.ts-msg-page-on .message-thread:not(.hidden) { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
body.ts-msg-page-on #msg-root .chat-window { height: auto; flex: 1 1 auto; min-height: 0; }
body.ts-msg-page-on #msg-root .chat-messages { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
body.ts-msg-page-on .msg-search { display: block; flex-shrink: 0; padding: 12px; background: var(--white); }
body.ts-msg-page-on #msg-root:has(#msg-list-view.hidden) .msg-search { display: none; }
body.ts-msg-page-on .msg-search__input { width: 100%; height: 42px; padding: 0 16px; border: 1px solid var(--wp-border); border-radius: 999px; background: transparent; color: var(--text-main); font: inherit; outline: none; }
body.ts-msg-page-on .msg-search__input:focus { border-color: var(--text-main); }
@media (min-width: 960px) {
	body.site_body.ts-msg-page-on .container-feed { max-width: none; width: auto; margin-left: var(--side-rail-w); margin-right: 0; padding: 16px 20px 8px 16px; }
	body.ts-msg-page-on .ts-msg-page { display: grid; grid-template-columns: minmax(300px, 380px) minmax(0, 1fr); grid-template-rows: auto auto minmax(0, 1fr); column-gap: 14px; }
	body.ts-msg-page-on .ts-msg-page > .modal-header { grid-column: 1 / -1; }
	body.ts-msg-page-on #msg-root { display: contents; }
	body.ts-msg-page-on .msg-search { grid-column: 1; grid-row: 2; border-radius: 14px 14px 0 0; }
	body.ts-msg-page-on #msg-root:has(#msg-list-view.hidden) .msg-search { display: block; }
	body.ts-msg-page-on #msg-list-view { grid-column: 1; grid-row: 3; display: block !important; min-height: 0; overflow-y: auto; background: var(--white); border-radius: 0 0 14px 14px; }
	body.ts-msg-page-on #msg-chat-view { grid-column: 2; grid-row: 2 / 4; min-height: 0; background: var(--white); border-radius: 14px; overflow: hidden; }
	body.ts-msg-page-on #msg-chat-view:not(.hidden) { display: flex; flex-direction: column; }
	body.ts-msg-page-on #msg-empty { grid-column: 2; grid-row: 2 / 4; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; background: var(--white); border-radius: 14px; color: var(--text-muted); text-align: center; padding: 24px; }
	body.ts-msg-page-on #msg-empty p { margin: 0; font-weight: 700; font-size: 1rem; }
	body.ts-msg-page-on #msg-chat-view:not(.hidden) ~ #msg-empty { display: none; }
	body.ts-msg-page-on #msg-back { display: none !important; }
}
@media (max-width: 959px) {
	html body.site_body.ts-msg-page-on { overflow: hidden; }
	html body.site_body.ts-msg-page-on .ts-msg-page { position: fixed; top: calc(var(--header-h, 52px) + var(--live-strip-h, 0px)); left: 0; right: 0; bottom: var(--mobile-dock-h, 0px); height: auto; z-index: 60; background: var(--white); }
	html body.site_body.ts-msg-page-on .ts-msg-page > .modal-header { margin: 0; border-radius: 0; }
	html body.site_body.ts-msg-page-on #msg-root { border-radius: 0; }
}
html[data-theme="dark"] body.ts-msg-page-on #msg-root, html body.theme_oscuro.ts-msg-page-on #msg-root, html body.theme_azuloscuro.ts-msg-page-on #msg-root,
html[data-theme="dark"] body.ts-msg-page-on #msg-list-view, html body.theme_oscuro.ts-msg-page-on #msg-list-view, html body.theme_azuloscuro.ts-msg-page-on #msg-list-view,
html[data-theme="dark"] body.ts-msg-page-on #msg-chat-view, html body.theme_oscuro.ts-msg-page-on #msg-chat-view, html body.theme_azuloscuro.ts-msg-page-on #msg-chat-view,
html[data-theme="dark"] body.ts-msg-page-on #msg-empty, html body.theme_oscuro.ts-msg-page-on #msg-empty, html body.theme_azuloscuro.ts-msg-page-on #msg-empty,
html[data-theme="dark"] body.ts-msg-page-on .msg-search, html body.theme_oscuro.ts-msg-page-on .msg-search, html body.theme_azuloscuro.ts-msg-page-on .msg-search { background: #0c0d10; }
html body.theme_oscuro.ts-msg-page-on #msg-empty, html body.theme_azuloscuro.ts-msg-page-on #msg-empty { color: #9aa0aa; }
html body.theme_oscuro.ts-msg-page-on .msg-search__input, html body.theme_azuloscuro.ts-msg-page-on .msg-search__input { border-color: rgba(255,255,255,.18); color: #e9ecf2; }
.msg-head-ctl { display: flex; align-items: center; margin-left: auto; position: relative; }
html body .msg-head-ctl .icon-btn { width: 36px; height: 36px; padding: 0; border: 0; background: transparent; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff; cursor: pointer; }
html body .msg-head-ctl .icon-btn:hover { background: rgba(255,255,255,.14); }
html body .msg-head-ctl .icon-btn .ptop-ico { width: 20px; height: 20px; fill: currentColor; pointer-events: none; }
html body #small_modal.ts-float .modal-header:has(#msg-title) { padding-right: 56px; }
html body #small_modal.ts-float .msg-head-ctl { margin-left: auto; }
body:has(#msg-chat-view.hidden) #chat_settings_button { display: none !important; }
.chat-menu { position: absolute; top: calc(100% + 8px); right: 0; z-index: 30; min-width: 250px; padding: 6px; border-radius: 14px; background: #1b1b1e; color: #fff; box-shadow: 0 14px 40px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.1); }
.chat-menu.hidden { display: none; }
.chat-menu__item { display: flex; align-items: center; gap: 14px; width: 100%; padding: 12px 14px; border: 0; border-radius: 10px; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.chat-menu__item:hover { background: rgba(255, 255, 255, 0.08); }
.chat-menu__item span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.chat-menu__t { font-weight: 700; font-size: 0.95rem; }
.chat-menu__s { font-size: 0.78rem; color: rgba(255, 255, 255, 0.68); }
.chat-menu__ico { width: 22px; height: 22px; flex-shrink: 0; fill: rgba(255, 255, 255, 0.72); }
.chat-menu__item.is-armed { background: #fff; color: #000; }
.chat-menu__item.is-armed .chat-menu__s { color: rgba(0, 0, 0, 0.7); }
.chat-menu__item.is-armed .chat-menu__ico { fill: #000; }

/* Admin: revision de mensajes */
.admin-msgs{display:grid;grid-template-columns:340px minmax(0,1fr);gap:14px;height:calc(100dvh - 210px);min-height:420px}
.admin-msgs-side,.admin-msgs-main{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.admin-msgs-search{padding:12px;flex-shrink:0}
.admin-msgs-search input{width:100%;box-sizing:border-box;padding:12px 16px;border-radius:999px;border:1px solid var(--border);background:transparent;color:inherit;font:inherit;outline:none}
.admin-msgs-userbar{display:flex;align-items:center;gap:10px;padding:14px 16px;font-weight:700;color:inherit;text-decoration:none;border-bottom:1px solid var(--border);flex-shrink:0}
.admin-msgs-list{flex:1 1 auto;overflow-y:auto;min-height:0}
.admin-msgs-pager{display:flex;justify-content:center;gap:10px;padding:10px}
.admin-msgs-pager a{padding:6px 16px;border:1px solid var(--border);border-radius:999px;color:inherit;text-decoration:none}
.admin-msgs-hint{padding:16px;opacity:.7}
.admin-msgs-item{display:flex;align-items:center;gap:10px;padding:10px 14px;color:inherit;text-decoration:none}
.admin-msgs-item:hover,.admin-msgs-item.is-active{background:rgba(128,128,128,.14)}
.admin-msgs-item-txt{display:flex;flex-direction:column;min-width:0;flex:1}
.admin-msgs-item-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-msgs-item-sub{font-size:13px;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-msgs-item-meta{font-size:11px;opacity:.6;text-align:right;flex-shrink:0}
.admin-msgs-head{display:flex;align-items:center;gap:10px;padding:14px 18px;font-weight:700;border-bottom:1px solid var(--border);flex-shrink:0}
.admin-msgs-scroll{flex:1 1 auto;overflow-y:auto;min-height:0;padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.admin-msgs-empty{margin:auto;padding:20px;opacity:.6;text-align:center}
.admin-msgs-more{align-self:center;padding:6px 14px;border:1px solid var(--border);border-radius:999px;color:inherit;text-decoration:none;font-size:13px}
.admin-msgs-log{padding:8px 0;border-bottom:1px solid var(--border);font-size:14px}
.admin-msgs-log span{display:block;font-size:12px;opacity:.6}
/* admin chat render */
html body .admin-msg-root .msg{
	font-size: var(--chat-font, 0.8rem);
	border-radius: var(--chat-radius, 8px);
}
html body .admin-msg-root .msg.sent{
	background: var(--chat-sent-bg, var(--wp-blue));
	color: var(--chat-sent-fg, #fff);
}
html body .admin-msg-root .chat-messages{ display: flex; flex-direction: column; gap: 14px; padding: 18px 16px; }
html body .admin-msg-root .msg{
	display: grid; max-width: 86%; width: fit-content; margin: 0; padding: 0;
	background: transparent !important; border: 0 !important; box-shadow: none; border-radius: 0;
	column-gap: 10px; row-gap: 3px; align-items: start; color: inherit;
}
html body .admin-msg-root .msg.received{ align-self: flex-start; margin-right: auto; grid-template-columns: 36px minmax(0, auto); }
html body .admin-msg-root .msg.sent{ align-self: flex-end; margin-left: auto; grid-template-columns: minmax(0, auto) 36px; }
html body .admin-msg-root .msg:not(:has(> .msg-av)).received{ grid-template-columns: minmax(0, auto); }
html body .admin-msg-root .msg:not(:has(> .msg-av)).sent{ grid-template-columns: minmax(0, auto); }
html body .admin-msg-root .msg > .msg-av{ position: static; width: 36px; height: 36px; line-height: 0; grid-row: 1 / span 2; }
html body .admin-msg-root .msg.received > .msg-av{ grid-column: 1; }
html body .admin-msg-root .msg.sent > .msg-av{ grid-column: 2; }
html body .admin-msg-root .msg > .msg-av .avatar-wrap{ width: 36px; height: 36px; }
html body .admin-msg-root .msg > .msg-av .avatar{ width: 36px; height: 36px; font-size: 14px; }
html body .admin-msg-root .msg > .msg-text{
	grid-row: 1; padding: 10px 16px; line-height: 1.45; word-break: break-word;
	border-radius: var(--chat-radius, 18px); font-size: var(--chat-font, 0.85rem);
}
html body .admin-msg-root .msg.received > .msg-text{ grid-column: 2; background: #f1f1f2; color: #23262d; justify-self: start; }
html body .admin-msg-root .msg.sent > .msg-text{ grid-column: 1; background: var(--chat-sent-bg, var(--wp-blue)); color: var(--chat-sent-fg, #fff); justify-self: end; }
html body .admin-msg-root .msg:not(:has(> .msg-av)) > .msg-text{ grid-column: 1; }
html body .admin-msg-root .msg > .msg-meta-row{ grid-row: 2; margin: 0; padding: 0 6px; gap: 6px; justify-content: flex-start; font-size: 0.68rem; color: #8a8f98; opacity: 1; }
html body .admin-msg-root .msg.received > .msg-meta-row{ grid-column: 2; }
html body .admin-msg-root .msg.sent > .msg-meta-row{ grid-column: 1; justify-content: flex-end; }
html body .admin-msg-root .msg:not(:has(> .msg-av)) > .msg-meta-row{ grid-column: 1; }
html body .admin-msg-root .msg-delete-btn{ color: #9aa0aa; width: 18px; height: 18px; }
html body.theme_oscuro .admin-msg-root .msg.received > .msg-text{ background: #23262d; color: #e9ecf2; }
html body.theme_oscuro .admin-msg-root .msg-meta-row{ color: #9aa0aa; }
html body .admin-msg-root .msg-text:has(.ts-chat-media),
html body .admin-msg-root .msg-text:has(.ts-rich--image){ padding: 6px; }
html body .admin-msg-root .msg.sent > .msg-text{ background: #202020 !important; color: #fff !important; }
html body.theme_oscuro .admin-msg-root .msg.sent > .msg-text{ background: #000 !important; box-shadow: 0 0 0 1px rgba(255,255,255,.22); }
html body.theme_oscuro .admin-msg-root .chat-messages::-webkit-scrollbar-thumb{ background: #2b2e36; }
html body .admin-msg-root .msg-text:has(.ts-chat-media--audio){ background: transparent !important; box-shadow: none !important; padding: 0 !important; }
html body .admin-msg-root .msg.sent:has(> .msg-acts){ grid-template-columns: auto minmax(0, auto) 36px; }
html body .admin-msg-root .msg.received:has(> .msg-acts){ grid-template-columns: 36px minmax(0, auto) auto; }
html body .admin-msg-root .msg.sent:has(> .msg-acts) > .msg-av{ grid-column: 3; }
html body .admin-msg-root .msg.sent:has(> .msg-acts) > .msg-text,
html body .admin-msg-root .msg.sent:has(> .msg-acts) > .msg-meta-row{ grid-column: 2; }
html body .admin-msg-root .msg > .msg-acts{ grid-row: 1; align-self: center; display: inline-flex; align-items: center; gap: 2px; opacity: 0; transition: opacity .15s; }
html body .admin-msg-root .msg.sent > .msg-acts{ grid-column: 1; }
html body .admin-msg-root .msg.received > .msg-acts{ grid-column: 3; flex-direction: row-reverse; }
html body .admin-msg-root .msg:hover > .msg-acts,
html body .admin-msg-root .msg:focus-within > .msg-acts{ opacity: 1; }
@media (hover: none){html body .admin-msg-root .msg > .msg-acts{ opacity: .7; }
}
html body .admin-msg-root .msg-acts .msg-act{ display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 0; border-radius: 50%; background: transparent; color: #9aa0aa; cursor: pointer; }
html body .admin-msg-root .msg-acts .msg-act:hover{ color: inherit; background: color-mix(in srgb, currentColor 14%, transparent); }
html body .admin-msg-root .msg-quote{ display: flex; flex-direction: column; align-items: flex-start; gap: 4px; max-width: 100%; margin: 0 0 6px; padding: 7px 9px; border: 0; border-radius: 12px; background: rgba(127,127,127,.2); color: inherit; text-align: left; font: inherit; cursor: pointer; }
html body .admin-msg-root .msg-quote.is-gone{ cursor: default; font-style: italic; opacity: .7; }
html body .admin-msg-root .msg-quote__name{ font-size: .72rem; font-weight: 800; }
html body .admin-msg-root .msg-quote__text{ font-size: .76rem; opacity: .8; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
html body .admin-msg-root .msg.is-flash > .msg-text{ animation: msgFlash 1.4s ease; }
html body .admin-msg-root .msg-quote__media{ position: relative; display: inline-flex; max-width: 150px; max-height: 110px; border-radius: 9px; overflow: hidden; line-height: 0; }
html body .admin-msg-root .msg-quote__media img,
html body .admin-msg-root .msg-quote__media video{ display: block; max-width: 150px; max-height: 110px; width: auto; height: auto; object-fit: cover; border-radius: 9px; }
html body .admin-msg-root .msg-quote__media--video i,
html body .admin-msg-root .msg-quote__media--video svg{ position: absolute; inset: 0; margin: auto; width: 22px; height: 22px; padding: 8px; box-sizing: content-box; border-radius: 50%; background: rgba(0,0,0,.55); color: #fff; }
html body .admin-msg-root .msg-quote__audio{ display: inline-flex; align-items: center; gap: 8px; min-width: 150px; }
html body .admin-msg-root .msg-quote__audio i,
html body .admin-msg-root .msg-quote__audio svg{ width: 16px; height: 16px; flex-shrink: 0; }
html body .admin-msg-root .msg-quote__wave{ display: inline-flex; align-items: center; gap: 2px; height: 18px; flex: 1; }
html body .admin-msg-root .msg-quote__wave b{ display: block; width: 2px; border-radius: 2px; background: currentColor; opacity: .6; height: 40%; }
html body .admin-msg-root .msg-quote__wave b:nth-child(3n){ height: 85%; }
html body .admin-msg-root .msg-quote__wave b:nth-child(3n+1){ height: 55%; }
html body .admin-msg-root .msg-quote__wave b:nth-child(4n){ height: 100%; }
html body .admin-msg-root .msg-quote__head{ display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
html body .admin-msg-root .msg-quote__av,
html body .admin-msg-root .msg-quote__av .avatar-wrap,
html body .admin-msg-root .msg-quote__av .avatar,
html body .admin-msg-root .msg-quote__av img{ width: 18px; height: 18px; border-radius: 50%; flex-shrink: 0; }
html body .admin-msg-root .msg-quote__av{ display: inline-flex; line-height: 0; }
html body .admin-msg-root .msg-quote__av .avatar{ font-size: 9px; }
html body #small_modal.ts-wide .admin-msg-root .chat-messages{ flex: 1 1 auto; min-height: 0; overflow-y: auto; }
body.ts-msg-page-on .admin-msg-root .chat-messages{ flex: 1 1 auto; min-height: 0; overflow-y: auto; }

.admin-msg-root{--chat-sent-bg:#111;--chat-sent-fg:#fff}
body.theme_oscuro .admin-msg-root{--chat-sent-bg:#f2f2f2;--chat-sent-fg:#111}
.admin-msg-root .msg-acts{display:none!important}
.admin-msg-root .msg-quote{pointer-events:none}
.admin-msg-root .chat-messages{overflow:visible;flex:none;padding:0}
.admin-msg-root .msg.admin-deleted{opacity:.65}
.admin-msg-root .msg.admin-deleted .msg-text{outline:1px dashed rgba(128,128,128,.6);outline-offset:3px}
.admin-msg-root .admin-msg-del{font-size:.66rem;font-weight:600}
@media (max-width:959px){.admin-msgs{grid-template-columns:1fr;grid-template-rows:minmax(160px,40%) minmax(0,1fr);height:calc(100dvh - 190px)}}

html body .site-header .nav-actions .oly-account__item.theme-switch { width: 100%; height: auto; padding: 10px 16px; border-radius: 0; justify-content: flex-start; }
html body .oly-account__item.theme-switch .theme-switch__ico { width: 18px; height: 18px; }
.header-reports { position: relative; display: inline-flex; align-items: center; justify-content: center; color: inherit; text-decoration: none; }

.rep-dlg { display: flex; flex-direction: column; gap: 12px; max-height: 70vh; overflow-y: auto; }
.rep-dlg-card { border: 1px solid var(--border, rgba(128, 128, 128, 0.3)); border-radius: 12px; padding: 12px 14px; display: flex; flex-direction: column; gap: 6px; }
.rep-dlg-card.is-busy { opacity: 0.5; pointer-events: none; }
.rep-dlg-card__head { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 13px; }
.rep-dlg-card__head span, .rep-dlg-card__meta { font-size: 12px; opacity: 0.7; }
.rep-dlg-card__reason { font-size: 13.5px; line-height: 1.45; padding: 8px 10px; border-radius: 8px; background: rgba(128, 128, 128, 0.12); word-break: break-word; }
.rep-dlg-card__acts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.rep-dlg-btn { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--border, rgba(128, 128, 128, 0.4)); background: transparent; color: inherit; font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; }
.rep-dlg-btn i, .rep-dlg-btn svg { width: 15px; height: 15px; }
.rep-dlg-btn:hover { background: rgba(128, 128, 128, 0.16); }
.rep-dlg-btn--danger.is-armed { border-style: dashed; background: rgba(128, 128, 128, 0.3); }
.rep-dlg-btn--danger.is-armed::after { content: '?'; font-weight: 800; }
.rep-dlg__empty { padding: 12px 0; text-align: center; }

.cmt-media-menu__hint {
	margin-left: auto;
	padding-left: 12px;
	font-size: 0.72rem;
	font-weight: 500;
	opacity: 0.55;
	white-space: nowrap;
}

.composer-count {
	grid-column: 1 / -1;
	margin-top: 2px;
	font-size: 0.78rem;
	font-weight: 600;
	color: var(--text-muted, var(--text-main));
	opacity: 0.7;
}

.ts-photo-dlg {
	position: fixed;
	inset: 0;
	z-index: 10200;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background: rgba(0, 0, 0, 0.55);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}

.ts-photo-dlg__card {
	width: 100%;
	max-width: 360px;
	padding: 26px 22px 20px;
	border-radius: 22px;
	text-align: center;
	background: var(--card-bg, #fff);
	color: var(--text-main);
	border: 1px solid var(--wp-border);
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);
	animation: tsPopIn 0.16s ease-out;
}

.ts-photo-dlg__ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	margin-bottom: 12px;
	border-radius: 50%;
	border: 1px solid var(--wp-border);
	background: color-mix(in srgb, var(--text-main) 6%, transparent);
}

.ts-photo-dlg__ico svg,
.ts-photo-dlg__ico i {
	width: 24px;
	height: 24px;
	color: var(--text-main);
}

.ts-photo-dlg__title {
	margin: 0 0 6px;
	font-size: 1.08rem;
	font-weight: 800;
}

.ts-photo-dlg__text {
	margin: 0 0 18px;
	font-size: 0.9rem;
	line-height: 1.45;
	opacity: 0.72;
}

.ts-photo-dlg__actions {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.ts-photo-dlg__btn {
	width: 100%;
	padding: 11px 16px;
	border-radius: 999px;
	border: 1px solid var(--wp-border);
	background: transparent;
	color: var(--text-main);
	font: inherit;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
}

.ts-photo-dlg__btn:hover {
	background: color-mix(in srgb, var(--text-main) 8%, transparent);
}

.ts-photo-dlg__btn--main {
	background: var(--text-main);
	border-color: var(--text-main);
	color: var(--card-bg, #fff);
}

.ts-photo-dlg__btn--main:hover {
	background: var(--text-main);
	opacity: 0.88;
}

.ts-photo-up {
	max-width: 420px;
	max-height: calc(100vh - 40px);
	overflow-y: auto;
	padding: 22px;
	text-align: left;
}

.ts-photo-up__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 16px;
}

.ts-photo-up__title {
	margin: 0;
	font-size: 1.15rem;
	font-weight: 800;
	letter-spacing: -0.01em;
}

.ts-photo-up__count {
	padding: 4px 11px;
	border-radius: 999px;
	border: 1px solid var(--wp-border);
	font-size: 0.78rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.ts-photo-up__zone {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	padding: 28px 16px 24px;
	border: 1.5px dashed color-mix(in srgb, var(--text-main) 30%, transparent);
	border-radius: 18px;
	text-align: center;
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease;
}

.ts-photo-up__zone:hover,
.ts-photo-up__zone:focus-visible,
.ts-photo-up__zone.is-drag {
	outline: 0;
	border-color: var(--text-main);
	background: color-mix(in srgb, var(--text-main) 6%, transparent);
}

.ts-photo-up__zone.is-full {
	opacity: 0.5;
}

.ts-photo-up__zico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	margin-bottom: 10px;
	border-radius: 50%;
	background: color-mix(in srgb, var(--text-main) 8%, transparent);
}

.ts-photo-up__zico svg,
.ts-photo-up__zico i {
	width: 22px;
	height: 22px;
	color: var(--text-main);
}

.ts-photo-up__drop {
	font-size: 0.95rem;
	font-weight: 700;
}

.ts-photo-up__or {
	font-size: 0.84rem;
	opacity: 0.6;
}

.ts-photo-up__input {
	display: none;
}

.ts-photo-up__hint {
	margin: 10px 2px 0;
	font-size: 0.78rem;
	opacity: 0.55;
	text-align: center;
}

.ts-photo-up__note {
	margin: 12px 0 0;
	padding: 9px 12px;
	border-radius: 12px;
	border: 1px solid var(--wp-border);
	background: color-mix(in srgb, var(--text-main) 6%, transparent);
	font-size: 0.8rem;
	font-weight: 600;
	line-height: 1.4;
}

.ts-photo-up__note.hidden,
.ts-photo-up__grid.hidden {
	display: none;
}

.ts-photo-up__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px;
	margin-top: 14px;
}

.ts-photo-up__cell {
	position: relative;
	aspect-ratio: 1;
	border-radius: 12px;
	overflow: hidden;
	background: color-mix(in srgb, var(--text-main) 8%, transparent);
}

.ts-photo-up__cell img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.ts-photo-up__x {
	position: absolute;
	top: 5px;
	right: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.72);
	color: #fff;
	cursor: pointer;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}

.ts-photo-up__x svg {
	display: block;
}

.ts-photo-up__x:hover {
	background: #000;
}

.ts-photo-up__actions {
	display: flex;
	gap: 10px;
	margin-top: 18px;
}

.ts-photo-up__actions .ts-photo-dlg__btn {
	flex: 1 1 0;
}

.ts-photo-up__actions .ts-photo-dlg__btn--main {
	flex: 1.4 1 0;
}

.ts-photo-up__actions .ts-photo-dlg__btn--main:disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

.ts-aud-up__list {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-top: 14px;
	max-height: 232px;
	overflow-y: auto;
}

.ts-aud-up__list.hidden,
.ts-aud-up__total.hidden {
	display: none;
}

.ts-aud-up__row {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 10px;
	border-radius: 14px;
	border: 1px solid var(--wp-border);
}

.ts-aud-up__ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: color-mix(in srgb, var(--text-main) 8%, transparent);
}

.ts-aud-up__ico svg,
.ts-aud-up__ico i {
	width: 17px;
	height: 17px;
	color: var(--text-main);
}

.ts-aud-up__meta {
	display: flex;
	flex-direction: column;
	min-width: 0;
	flex: 1 1 auto;
}

.ts-aud-up__name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.88rem;
	font-weight: 700;
}

.ts-aud-up__size {
	font-size: 0.75rem;
	opacity: 0.6;
}

.ts-aud-up__x {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: color-mix(in srgb, var(--text-main) 10%, transparent);
	color: var(--text-main);
	cursor: pointer;
}

.ts-aud-up__x:hover {
	background: color-mix(in srgb, var(--text-main) 18%, transparent);
}

.ts-aud-up__x svg {
	display: block;
}

.ts-aud-up__total {
	margin-top: 10px;
	font-size: 0.78rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	opacity: 0.7;
}

.post-media-audio--multi {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

body.ts-join-open {
	overflow: hidden;
}

.ts-join {
	position: fixed;
	inset: 0;
	z-index: 10300;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 18px;
	background: rgba(0, 0, 0, 0.62);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

.ts-join.is-open {
	display: flex;
}

.ts-join__card {
	position: relative;
	width: 100%;
	max-width: 440px;
	max-height: calc(100vh - 36px);
	overflow-y: auto;
	border-radius: 26px;
	background: var(--card-bg, #fff);
	color: var(--text-main);
	border: 1px solid var(--wp-border);
	box-shadow: 0 28px 70px rgba(0, 0, 0, 0.45);
	animation: tsPopIn 0.18s ease-out;
}

.ts-join__close {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.55);
	color: #fff;
	cursor: pointer;
}

.ts-join__close:hover {
	background: #000;
}

.ts-join__close svg {
	display: block;
}

.ts-join__cover {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 190px;
	overflow: hidden;
	background:
		radial-gradient(ellipse at 50% 38%, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 62%),
		linear-gradient(180deg, #121214 0%, #000 100%);
}

.ts-join__bird {
	position: absolute;
	top: 14px;
	left: 50%;
	width: 150px;
	height: 150px;
	object-fit: contain;
	transform: translateX(-50%);
	filter: drop-shadow(0 8px 22px rgba(0, 0, 0, 0.6));
}

.ts-join__mark {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 8px;
	text-align: center;
	font-family: 'Great Vibes', 'Playfair Display', Georgia, serif;
	font-size: 2rem;
	line-height: 1;
	color: #fff;
	text-shadow: 0 2px 14px rgba(0, 0, 0, 0.7);
}

.ts-join__body {
	padding: 22px 26px 26px;
}

.ts-join__title {
	margin: 0 0 4px;
	font-size: 1.5rem;
	font-weight: 800;
	letter-spacing: -0.02em;
}

.ts-join__sub {
	margin: 0 0 18px;
	font-size: 0.92rem;
	opacity: 0.68;
}

.ts-join__list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0 0 22px;
	padding: 0;
	list-style: none;
}

.ts-join__list li {
	display: flex;
	align-items: center;
	gap: 14px;
	font-size: 0.95rem;
	font-weight: 600;
}

.ts-join__ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 1px solid var(--wp-border);
	background: color-mix(in srgb, var(--text-main) 6%, transparent);
}

.ts-join__ico svg,
.ts-join__ico i {
	width: 18px;
	height: 18px;
	color: var(--text-main);
}

.ts-join__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 14px 18px;
	border-radius: 999px;
	font-size: 0.98rem;
	font-weight: 800;
	text-decoration: none;
}

.ts-join__btn--main {
	background: var(--text-main);
	color: var(--card-bg, #fff);
}

.ts-join__btn--main:hover {
	opacity: 0.88;
}

.ts-join__link {
	display: block;
	margin-top: 14px;
	text-align: center;
	font-size: 0.9rem;
	font-weight: 700;
	color: var(--text-main);
	text-decoration: none;
	opacity: 0.75;
}

.ts-join__link:hover {
	opacity: 1;
	text-decoration: underline;
}

@media (max-width: 480px) {
	.ts-join__body {
		padding: 20px 20px 22px;
	}
	.ts-join__cover {
		height: 168px;
	}
	.ts-join__bird {
		width: 128px;
		height: 128px;
	}
}

.ts-join__easy {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	margin: 0 0 18px;
	padding: 14px 16px;
	border-radius: 16px;
	border: 1px solid var(--wp-border);
	background: color-mix(in srgb, var(--text-main) 5%, transparent);
}

.ts-join__easy p {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.45;
	opacity: 0.8;
}

.ts-join__easy strong {
	display: block;
	margin-bottom: 2px;
	font-size: 0.93rem;
	opacity: 1;
	color: var(--text-main);
}

/* --- Radio en móvil: barras en «Más» + mini reproductor sobre el dock ------- */
.ts-radio-mini { display: none; }
@media (max-width: 959px) {
	.mobile-dock .nav-item--more.is-live .nav-item__mark > svg,
	.mobile-dock .nav-item--more.is-live .nav-item__mark > i { opacity: 0; }
	.mobile-dock .nav-item--more.is-live .nav-item__mark::after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		right: auto;
		width: 20px;
		height: 18px;
		margin: -9px 0 0 -10px;
		border-radius: 0;
		box-shadow: none;
		background:
			linear-gradient(currentColor, currentColor) 0 100% / 4px 40% no-repeat,
			linear-gradient(currentColor, currentColor) 50% 100% / 4px 70% no-repeat,
			linear-gradient(currentColor, currentColor) 100% 100% / 4px 55% no-repeat;
		animation: ts-radio-eq 1.1s ease-in-out infinite;
	}
	.ts-radio-mini:not([hidden]) {
		display: flex;
		align-items: center;
		position: fixed;
		left: 0;
		right: 0;
		bottom: var(--mobile-dock-h, 58px);
		z-index: 60;
		height: 48px;
		border-radius: 0;
		background: linear-gradient(180deg, #0c0d11 0%, #050608 100%);
		color: #fff;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		box-shadow: 0 -8px 18px rgba(0, 0, 0, 0.22);
		animation: ts-radio-mini-in .22s ease-out;
	}
	.ts-radio-mini button {
		appearance: none;
		border: 0;
		background: transparent;
		color: inherit;
		font: inherit;
		cursor: pointer;
	}
	.ts-radio-mini__main {
		flex: 1;
		min-width: 0;
		display: flex;
		align-items: center;
		gap: 12px;
		height: 100%;
		padding: 0 8px 0 20px;
		text-align: left;
	}
	.ts-radio-mini__avatar {
		flex: none;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		object-fit: cover;
		background: rgba(255, 255, 255, 0.12);
	}
	.ts-radio-mini__avatar[hidden] { display: none; }
	.ts-radio-mini__eq {
		flex: none;
		margin-left: auto;
		margin-right: 4px;
		width: 18px;
		height: 16px;
		background:
			linear-gradient(currentColor, currentColor) 0 100% / 4px 40% no-repeat,
			linear-gradient(currentColor, currentColor) 50% 100% / 4px 70% no-repeat,
			linear-gradient(currentColor, currentColor) 100% 100% / 4px 55% no-repeat;
		animation: ts-radio-eq 1.1s ease-in-out infinite;
	}
	.ts-radio-mini__name {
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: .9rem;
		font-weight: 600;
	}
	.ts-radio-mini__stop {
		flex: none;
		width: 34px;
		height: 34px;
		border-radius: 50%;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-right: 14px;
		background: #fff !important;
		color: #0a0a0a !important;
	}
}
@keyframes ts-radio-mini-in {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
	.ts-radio-mini__eq, .mobile-dock .nav-item--more.is-live .nav-item__mark::after { animation: none; }
}

html body .top-radio-row .archived-chat__mark,
html body .top-radio-row .archived-chat__mark::before,
html body .top-radio-row .archived-chat__mark img,
.nav-item--radio.is-playing.has-avatar .nav-item__mark::before,
.ts-radio-mini__avatar {
	border-radius: 32%;
	corner-shape: squircle;
}

@media (min-width: 960px) {
	html body.site_body .side-rail__nav .nav-item.is-current,
	html body.site_body .side-rail__nav .nav-item[aria-expanded="true"]:not(.nav-item--more),
	html body.site_body .side-rail__nav .nav-item.is-open:not(.nav-item--more) {
		-webkit-clip-path: none !important;
		clip-path: none !important;
		border-radius: 18px;
		corner-shape: squircle;
		overflow: hidden;
	}
}

html body .explore-panel__title {
	display: inline-block;
	width: auto;
	margin: 14px 14px 8px;
	padding: 7px 16px;
	font-size: 0.86rem;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0;
	text-transform: none;
	-webkit-clip-path: none;
	clip-path: none;
	border-radius: 14px;
	corner-shape: squircle;
}

html body.site_body .side-rail .live-rail__section {
	display: inline-block;
	width: auto;
	margin: 12px 0 8px 14px;
	padding: 6px 14px;
	font-size: 0.8rem;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0;
	text-transform: none;
	-webkit-clip-path: none;
	clip-path: none;
	border-radius: 12px;
	corner-shape: squircle;
}
.logo-wordmark {
	font-family: 'Great Vibes', 'Playfair Display', Georgia, serif;
	font-weight: 400;
	font-size: 2.2rem;
	letter-spacing: 0.015em;
	margin-left: 0;
}

.prodata .rank-badge,
.prodata__rank-name { vertical-align: middle; }
.prodata__rank-name { margin-left: 10px; }

.stats-iptable-wrap { overflow-x: auto; }
.stats-iptable { width: 100%; border-collapse: collapse; font-size: 0.82rem; }
.stats-iptable th, .stats-iptable td { padding: 8px 10px; text-align: left; white-space: nowrap; border-bottom: 1px solid var(--border); }
.stats-iptable th { font-weight: 600; color: var(--text-muted); }
.stats-iptable .support-flag { margin-right: 4px; vertical-align: middle; }

.news-card__head { align-items: flex-start; }
.news-card__who { display: block; flex: 1; min-width: 0; padding-top: 2px; }
.news-card__head .header-right { margin-left: auto; display: flex; align-items: center; gap: 6px; flex: 0 0 auto; }
.news-card__head .icon-btn { margin-left: 0; }
.news-card .post-content { margin-top: 8px; }
.news-card .post-images-wrap, .news-card .post-media-block { margin-top: 10px; }
.news-card .post-participants { margin: 10px 0 4px; }
.news-card.is-focus { box-shadow: inset 0 0 0 1px var(--text-muted); border-radius: 12px; }
html body .news-card .post-debate-pill { display: inline-flex; align-items: stretch; flex: 0 0 auto; height: 28px; border-radius: 9px; overflow: hidden; text-transform: uppercase; background: var(--ribbon-mirror); color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.25); }
html body .news-card .post-debate-pill__label { display: flex; align-items: center; padding: 0 10px; font-size: .66rem; font-weight: 800; letter-spacing: .06em; line-height: 1; }
html body .news-card .post-debate-pill__count { display: flex; align-items: center; padding: 0 10px; font-size: .76rem; font-weight: 800; line-height: 1; background: rgba(0, 0, 0, .2); border-left: 1px solid rgba(255, 255, 255, .16); }

.ts-join__card { max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); }
.ts-join__cover { height: 132px; }
.ts-join__bird { top: 8px; width: 96px; height: 96px; }
.ts-join__mark { font-size: 1.75rem; bottom: 6px; }
.ts-join__body { padding: 16px 22px 20px; }
.ts-join__title { font-size: 1.35rem; }
.ts-join__sub { margin-bottom: 12px; }
.ts-join__list { gap: 8px; margin-bottom: 14px; }
.ts-join__list li { gap: 12px; font-size: 0.9rem; }
.ts-join__easy { margin-bottom: 12px; padding: 10px 12px; gap: 10px; }
.ts-join__easy p { font-size: 0.82rem; line-height: 1.4; }
.ts-join__easy strong { font-size: 0.86rem; }
@media (max-width: 480px) {
	.ts-join__cover { height: 104px; }
	.ts-join__bird { top: 6px; width: 76px; height: 76px; }
	.ts-join__mark { font-size: 1.5rem; }
	.ts-join__body { padding: 14px 18px 16px; }
	.ts-join__sub { display: none; }
	.ts-join__title { margin-bottom: 10px; }
	.ts-join__easy .ts-join__ico { display: none; }
}
.stats-ua { display: inline-flex; align-items: center; }
.stats-ua i { font-size: 1.15rem; }
.stats-ua__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.profile-ip-open { background: none; border: 0; padding: 0; margin: 0; color: inherit; font: inherit; cursor: pointer; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 3px; transition: text-decoration-color .15s; }
.profile-ip-open:hover { text-decoration-color: currentColor; }
button.profile-iphist__row { width: 100%; background: none; border-left: 0; border-right: 0; border-bottom: 0; color: inherit; font: inherit; text-align: left; cursor: pointer; }
button.profile-iphist__row:first-child { border-top: 0; }
.profile-ips .stats-ua { vertical-align: middle; }
#over_modal.modal_back:has(.profile-ip-info) {
	z-index: 10075;
}

.rank-badge:not(.rank-badge--icon) {
	font-family: 'Grand Hotel', 'Playfair Display', Georgia, serif;
	font-size: 1.05rem;
	font-weight: 400;
	letter-spacing: 0.01em;
	text-transform: none;
	line-height: 1.15;
	padding: 2px 12px 3px;
}

.rank-badge--sm:not(.rank-badge--icon) {
	font-size: 0.95rem;
	padding: 1px 10px 2px;
}

.rank-badge--icon {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.rank-badge__name {
	font-family: 'Grand Hotel', 'Playfair Display', Georgia, serif;
	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: 0.01em;
	text-transform: none;
	line-height: 1;
	color: inherit;
}

.rank-badge--sm .rank-badge__name {
	font-size: 1.05rem;
}

.pro_rank .rank-badge__name {
	display: none;
}

.small_modal_in:has(.register-access) .modal_close {
	display: none;
}

.register-access__footer {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.register-access__ack {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	font-size: 0.92rem;
	font-weight: 600;
	color: var(--text-main);
}

.register-access__ack input {
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
	cursor: pointer;
	accent-color: var(--text-main);
}

.small_modal_in:has(.register-access) .modal-footer .btn-primary:disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

.composer-tool-btn--meme.is-active {
	color: var(--text-main);
	background: var(--surface-2, rgba(0, 0, 0, 0.06));
}

.composer-meme__picks {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
}

.composer-meme__pick {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 40px;
	padding: 8px 16px;
	border-radius: 999px;
	border: 1px solid color-mix(in srgb, var(--text-main, #fff) 16%, transparent);
	background: transparent;
	color: var(--text-main);
	font: inherit;
	font-size: 0.9rem;
	font-weight: 700;
	cursor: pointer;
}

.composer-meme__pick:hover {
	background: color-mix(in srgb, var(--text-main, #fff) 8%, transparent);
}

.composer-meme__pick.is-done {
	background: color-mix(in srgb, var(--text-main, #fff) 12%, transparent);
	border-color: color-mix(in srgb, var(--text-main, #fff) 34%, transparent);
}

.composer-meme__pick i,
.composer-meme__pick svg {
	width: 18px;
	height: 18px;
}

.composer-poll__title .meme-ico {
	width: 18px;
	height: 18px;
}

.composer-menu__ico .meme-ico {
	width: 20px;
	height: 20px;
}

@media (min-width: 641px) {
	.composer-menu__item--meme,
	.composer-more--meme-only {
		display: none;
	}
}

@media (max-width: 640px) {
	.composer-tool-btn--meme {
		display: none;
	}
}

.meme-sonoro {
	margin-top: 10px;
}

.meme-sonoro__stage {
	position: relative;
	display: block;
	width: min(100%, 320px);
	overflow: hidden;
	border-radius: 16px;
	border: 2px solid color-mix(in srgb, var(--text-main, #000) 38%, transparent);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
	background: transparent;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: transparent;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.meme-sonoro__stage:focus-visible {
	outline: 2px solid var(--text-main, #000);
	outline-offset: 3px;
}

.meme-sonoro.is-playing .meme-sonoro__stage {
	border-color: color-mix(in srgb, var(--text-main, #000) 80%, transparent);
	box-shadow: 0 6px 22px rgba(0, 0, 0, 0.3);
}

.meme-sonoro__img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 420px;
	object-fit: cover;
	-webkit-user-drag: none;
}

.meme-sonoro__audio {
	display: none;
}

@media (prefers-reduced-motion: reduce) {
	.meme-sonoro__stage {
		transition: none;
	}
}

.composer-meme__ico {
	display: inline-flex;
	align-items: center;
}

.composer-meme__ico:empty {
	display: none;
}

.composer-meme__ico svg {
	width: 16px;
	height: 16px;
}

.meme-sonoro__tag {
	position: absolute;
	left: 8px;
	top: 8px;
	padding: 3px 10px;
	border-radius: 999px;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	line-height: 1.4;
	text-transform: uppercase;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	pointer-events: none;
}

.meme-sonoro__stage::after {
	content: "";
	position: absolute;
	top: -20%;
	bottom: -20%;
	left: 0;
	width: 38%;
	background: linear-gradient(100deg, transparent 0%, rgba(255, 255, 255, 0.05) 30%, rgba(255, 255, 255, 0.42) 50%, rgba(255, 255, 255, 0.05) 70%, transparent 100%);
	transform: translateX(-160%) skewX(-18deg);
	animation: meme-sonoro-shine 3.6s ease-in-out 0.6s infinite;
	pointer-events: none;
	z-index: 1;
}
.meme-sonoro.is-playing .meme-sonoro__stage::after {
	animation-duration: 2.4s;
}
@keyframes meme-sonoro-shine {
	0% {
		transform: translateX(-160%) skewX(-18deg);
	}
	24%,
	100% {
		transform: translateX(380%) skewX(-18deg);
	}
}
.meme-sonoro__tag {
	z-index: 2;
}
.meme-sonoro__badges {
	position: absolute;
	right: 8px;
	bottom: 8px;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 6px;
	pointer-events: none;
}
.meme-sonoro__vol,
.meme-sonoro__prem {
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	border: 1px solid rgba(255, 255, 255, 0.22);
}
.meme-sonoro__vol svg,
.meme-sonoro__prem svg {
	width: 18px;
	height: 18px;
}
.meme-sonoro__vol-on {
	display: none;
}
.meme-sonoro.is-playing .meme-sonoro__vol-on {
	display: block;
}
.meme-sonoro.is-playing .meme-sonoro__vol-off {
	display: none;
}
@media (prefers-reduced-motion: reduce) {
	.meme-sonoro__stage::after {
		animation: none;
		opacity: 0;
	}
}

.comment-meme {
	margin: 0 0 8px;
}
.comment-side-tool .meme-ico {
	width: 20px;
	height: 20px;
}
.comment-side-tool.is-active {
	color: var(--text-main);
}
.comment-attach-meme {
	margin-top: 6px;
}
.comment-attach-meme .meme-sonoro {
	margin-top: 0;
}
.comment-attach-meme .meme-sonoro__stage {
	width: min(100%, 260px);
}

html body .air-pip, html body .air-pip.notify-pip--mail {
	background: #e5322d;
	box-shadow: 0 0 0 2px var(--nav-ring, var(--card-bg, #fff));
}
.air-ev__zoom {
	position: absolute;
	inset: 0;
	z-index: 2;
	cursor: zoom-in;
}

html body .air-ev__banner:has(> img) {
	aspect-ratio: auto;
	min-height: 110px;
}
html body .air-ev__banner > img {
	height: auto;
	max-height: 440px;
	object-fit: contain;
}

html body .air-pip,
html body .air-pip.notify-pip--mail {
	box-shadow: 0 0 0 2px #ffffff !important;
}
.air-tab__ico {
	position: relative;
	display: inline-flex;
}
.air-tab__pip {
	position: absolute;
	top: -4px;
	right: -5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #e5322d;
	box-shadow: 0 0 0 2px #ffffff;
	display: none;
}
.air-tab__pip.is-on {
	display: block;
}

html body .small_modal_in:has(.support-compose) {
	max-height: min(90vh, 700px);
}
html body .small_modal_in:has(.support-compose) > .modal-header {
	min-height: 68px;
	padding: 0 56px 0 28px;
}
html body .small_modal_in:has(.support-compose) .modal-title {
	gap: 12px;
	font-size: 1.15rem;
	font-weight: 800;
	letter-spacing: -0.01em;
}
html body .small_modal_in:has(.support-compose) .modal-title i,
html body .small_modal_in:has(.support-compose) .modal-title svg {
	width: 22px;
	height: 22px;
	color: var(--text-main);
	stroke-width: 1.75;
}
html body .support-compose__scroll {
	padding: 24px 28px 8px;
}
html body .support-compose__grid {
	gap: 0 16px;
}
html body .support-compose .form-group {
	margin-bottom: 18px;
}
html body .support-compose .form-label {
	margin-bottom: 8px;
	font-size: 11.5px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--text-muted);
}
html body .support-compose .form-control {
	min-height: 50px;
	padding: 12px 18px;
	border-radius: 16px;
	border: 1px solid color-mix(in srgb, var(--text-main) 14%, transparent);
	background: color-mix(in srgb, var(--text-main) 5%, transparent);
	font-size: 0.98rem;
}
html body .support-compose .form-control:focus {
	border-color: var(--text-main);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--text-main) 12%, transparent);
	outline: 0;
}
html body .support-compose textarea.form-control {
	min-height: 132px;
	max-height: 200px;
	border-radius: 18px;
	line-height: 1.5;
}
html body .support-compose__foot {
	padding: 18px 28px 24px;
	border-top: 1px solid color-mix(in srgb, var(--text-main) 10%, transparent);
	background: transparent;
}
html body .support-compose__tools {
	gap: 10px;
}
html body .support-compose__chip {
	min-height: 40px;
	padding: 8px 16px;
	gap: 8px;
	border: 1px solid color-mix(in srgb, var(--text-main) 16%, transparent);
	background: transparent;
	font-size: 13px;
}
html body .support-compose__chip:hover {
	background: color-mix(in srgb, var(--text-main) 8%, transparent);
}
html body .support-compose__chip i,
html body .support-compose__chip svg {
	width: 16px;
	height: 16px;
}
html body .support-compose__hint {
	margin: 14px 0 0;
	font-size: 12.5px;
	line-height: 1.5;
}
html body .support-compose__send {
	min-height: 52px;
	margin-top: 16px;
	border-radius: 999px;
	font-size: 1rem;
	font-weight: 800;
}
.gy-card__img {
	position: relative;
	aspect-ratio: 4 / 3;
}
.gy-card__img .gy-card__bg {
	position: absolute;
	inset: -14px;
	width: calc(100% + 28px);
	height: calc(100% + 28px);
	object-fit: cover;
	filter: blur(16px) brightness(0.62) saturate(1.1);
}
.gy-card__img .gy-card__pic {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

html body .gy-card__img{aspect-ratio:4/3;background:#0e0f12}
html body .gy-card__img .gy-card__bg{filter:blur(16px) brightness(.62) saturate(1.1);transform:none}
html body .gy-card__img .gy-card__pic{filter:none;object-fit:contain;transform:none}
html body .gy-card:hover .gy-card__img img{transform:none}
html body .gy-card__img .gy-card__bg{transform:none}

.header-guest__avatar .guest-mark{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;color:#111;background:#fff;border:1.5px solid #111}
html body.theme_oscuro .header-guest__avatar .guest-mark{color:#fff;background:#111;border-color:#fff}

.small_modal_in:has(.cmeme-modal) {
	display: flex;
	flex-direction: column;
	width: min(460px, calc(100vw - 24px));
	max-width: 460px !important;
	max-height: 94vh;
	overflow: hidden;
	border-radius: 20px;
	background: var(--card-bg, #fff);
	color: var(--text-main);
	border: 1px solid var(--wp-border);
}
.small_modal_in:has(.cmeme-modal) > .modal-header {
	flex: 0 0 auto;
	background: transparent;
	border-bottom: 1px solid var(--wp-border);
}
.small_modal_in:has(.cmeme-modal) .modal-title i,
.small_modal_in:has(.cmeme-modal) .modal-title svg {
	width: 18px;
	height: 18px;
	color: var(--text-main);
}
.cmeme-modal {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 16px;
	overflow-y: auto;
}
.cmeme-stage {
	position: relative;
	aspect-ratio: 4 / 3;
	border-radius: 16px;
	overflow: hidden;
	background: var(--surface-2);
	border: 1px solid var(--wp-border);
	display: flex;
	align-items: center;
	justify-content: center;
}
.cmeme-stage__bg {
	position: absolute;
	inset: -14px;
	width: calc(100% + 28px);
	height: calc(100% + 28px);
	object-fit: cover;
	filter: blur(16px) brightness(.62) saturate(1.1);
}
.cmeme-stage__img {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.cmeme-stage__pick {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	border: 0;
	background: transparent;
	color: var(--text-muted);
	font: inherit;
	font-weight: 600;
	cursor: pointer;
	padding: 24px;
}
.cmeme-stage__pick svg,
.cmeme-stage__pick i {
	width: 30px;
	height: 30px;
}
.cmeme-stage__pick:hover {
	color: var(--text-main);
}
.cmeme-stage__change {
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding: 6px 14px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.4);
	background: rgba(15, 15, 18, 0.62);
	color: #fff;
	font: inherit;
	font-size: 0.82rem;
	font-weight: 600;
	cursor: pointer;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}
.cmeme-audio {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border-radius: 14px;
	border: 1px solid var(--wp-border);
	background: var(--surface-2);
}
.cmeme-audio__play {
	flex: 0 0 auto;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 0;
	background: var(--text-main);
	color: var(--card-bg, #fff);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.cmeme-audio__play svg,
.cmeme-audio__play i {
	width: 16px;
	height: 16px;
}
.cmeme-audio__info {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.cmeme-audio__name {
	font-size: 0.9rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cmeme-audio__meta {
	color: var(--text-muted);
	font-size: 0.78rem;
}
.cmeme-audio__pick {
	flex: 0 0 auto;
	padding: 7px 14px;
	border-radius: 999px;
	border: 1px solid var(--wp-border);
	background: transparent;
	color: var(--text-main);
	font: inherit;
	font-size: 0.84rem;
	font-weight: 600;
	cursor: pointer;
}
.cmeme-audio__pick:hover {
	background: color-mix(in srgb, var(--text-main) 8%, transparent);
}
.cmeme-actions {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
}
.cmeme-actions .btn-primary:disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

html body #msg-root .msg-text:has(.meme-sonoro) { padding: 4px; width: fit-content; max-width: 100%; }
html body #msg-root .msg-text .meme-sonoro { margin: 0; width: 210px; max-width: 100%; }
html body #msg-root .msg-text .meme-sonoro__stage { width: 100%; border-radius: 12px; border-width: 1.5px; box-shadow: none; }
html body #msg-root .msg-text .meme-sonoro__img { max-height: 230px; }


html body #msg-root .msg-seen, html body #msg-root .msg-seen .avatar-wrap, html body #msg-root .msg-seen .avatar, html body #msg-root .msg-seen img { width: 14px; height: 14px; border-radius: 50%; flex-shrink: 0; }
html body #msg-root .msg-seen { display: inline-flex; line-height: 0; }
html body #msg-root .msg-seen .avatar { font-size: 7px; }

html body .small_modal_in:has(.support-compose) > #small_modal_content { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
html body .small_modal_in:has(.support-compose) > #small_modal_content > .modal-header { flex: 0 0 auto; }
@media (max-width: 560px) {
	html body .small_modal_in:has(.support-compose) { max-height: min(94vh, 94dvh, 700px); }
	html body .small_modal_in:has(.support-compose) > .modal-header, html body .small_modal_in:has(.support-compose) > #small_modal_content > .modal-header { min-height: 56px; padding: 0 52px 0 20px; }
	html body .support-compose__scroll { padding: 16px 18px 8px; }
	html body .support-compose textarea.form-control { min-height: 96px; }
	html body .support-compose__foot { padding: 12px 18px 16px; }
	html body .support-compose__tools { gap: 8px; }
	html body .support-compose__chip { min-height: 36px; padding: 6px 12px; }
	html body .support-compose__hint { margin: 10px 0 0; }
	html body .support-compose__send { min-height: 48px; margin-top: 12px; }
}

@media (max-width: 959px) {
	html body.site_body.ts-msg-page-on:has(#msg-chat-view:not(.hidden)) :is(.site-header, .live-rail, #live_rail, .mobile-dock) { display: none !important; }
	html body.site_body.ts-msg-page-on:has(#msg-chat-view:not(.hidden)) .ts-msg-page { top: var(--msg-top, 0px); bottom: auto; height: var(--msg-vh, 100dvh); }
	html body.site_body.ts-msg-page-on:has(#msg-chat-view:not(.hidden)) .ts-msg-page > .modal-header { min-height: 52px; }
}

html body #msg-root .chat-plus { position: relative; flex: 0 0 auto; display: inline-flex; }
html body #msg-root .chat-plus.is-open .chat-plus__toggle { color: #23262d; }
html body #msg-root .chat-plus__menu { position: absolute; left: 0; bottom: calc(100% + 14px); z-index: 6; min-width: 210px; display: flex; flex-direction: column; gap: 2px; padding: 6px; border-radius: 16px; background: #fff; border: 1px solid #ececec; box-shadow: 0 12px 32px rgba(0,0,0,.18); }
html body #msg-root .chat-plus__menu.hidden { display: none !important; }
html body #msg-root .chat-plus__item { width: 100%; height: 42px; justify-content: flex-start; gap: 12px; padding: 0 12px; border-radius: 12px; color: #23262d; font: inherit; font-size: .9rem; font-weight: 600; text-align: left; }
html body #msg-root .chat-plus__item:hover { background: #f1f1f2; color: #23262d; }
html body #msg-root .chat-plus__item i, html body #msg-root .chat-plus__item svg { width: 20px; height: 20px; flex: 0 0 20px; }
html body.theme_oscuro #msg-root .chat-plus.is-open .chat-plus__toggle { color: #f1f3f7; }
html body.theme_oscuro #msg-root .chat-plus__menu { background: #15171c; border-color: #2a2d35; box-shadow: 0 12px 32px rgba(0,0,0,.6); }
html body.theme_oscuro #msg-root .chat-plus__item { color: #f1f3f7; }
html body.theme_oscuro #msg-root .chat-plus__item:hover { background: #23262d; color: #f1f3f7; }
html body #msg-root .message-input-row .chat-tool-btn svg:not(.ts-brand-ico), html body #msg-root .chat-plus__item svg:not(.ts-brand-ico) { stroke-width: 2.4; }

html body #msg-root .msg-text:has(.ts-rich--video), html body .admin-msg-root .msg-text:has(.ts-rich--video) { padding: 4px; width: 300px; max-width: 100%; }
html body #msg-root .msg-text .ts-rich--video, html body .admin-msg-root .msg-text .ts-rich--video { width: 100%; max-width: 100%; margin: 0; border-radius: 12px; }

html body #msg-root .msg-text:has(.ts-rich--ytthumb), html body .admin-msg-root .msg-text:has(.ts-rich--ytthumb) { padding: 4px; width: 280px; max-width: 100%; }
.ts-rich--ytthumb { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; background: #000; line-height: 0; cursor: pointer; }
.ts-rich--ytthumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ts-rich--ytthumb .ts-ytplay { position: absolute; inset: 0; margin: auto; width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: rgba(0,0,0,.62); color: #fff; box-shadow: 0 0 0 1.5px rgba(255,255,255,.7); }
.ts-rich--ytthumb .ts-ytplay svg { width: 22px; height: 22px; margin-left: 2px; }
.ts-rich--ytthumb:hover .ts-ytplay { background: rgba(0,0,0,.8); }
.ts-ytbox { position: fixed; inset: 0; z-index: 10300; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(0,0,0,.88); }
.ts-ytbox__frame { position: relative; width: min(92vw, calc((100vh - 120px) * 16 / 9), 900px); aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden; background: #000; box-shadow: 0 0 0 1px rgba(255,255,255,.14); }
.ts-ytbox__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.ts-ytbox__close { position: absolute; top: max(14px, env(safe-area-inset-top)); right: 14px; width: 42px; height: 42px; border: 0; border-radius: 50%; background: rgba(255,255,255,.14); color: #fff; display: grid; place-items: center; cursor: pointer; }
.ts-ytbox__close:hover { background: rgba(255,255,255,.26); }
.ts-ytbox__close svg, .ts-ytbox__close i { width: 22px; height: 22px; stroke-width: 2.4; }

.comment-likers-btn { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: var(--text-muted, #8a8f98); cursor: pointer; vertical-align: middle; }
.comment-likers-btn:hover { background: color-mix(in srgb, var(--text-main, #000) 8%, transparent); color: var(--text-main, #000); }
.comment-likers-btn svg { stroke-width: 2.2; }

.poll-badge { margin-left: 8px; display: inline-flex; align-items: center; gap: 4px; font-size: 0.6rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; padding: 2px 8px; border-radius: 10px; border: 1px solid var(--text-main, #000); background: var(--text-main, #000); color: var(--card-bg, #fff); }
.poll-badge svg { stroke-width: 2.6; }
.post-poll__voters { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin-left: auto; padding: 0; border: 0; border-radius: 8px; background: transparent; color: var(--text-muted, #8a8f98); cursor: pointer; }
.post-poll__voters:hover { background: color-mix(in srgb, var(--text-main, #000) 8%, transparent); color: var(--text-main, #000); }
.poll-voter__opt { margin-left: auto; padding: 2px 10px; border: 1px solid var(--border-color, rgba(128,128,128,.35)); border-radius: 10px; font-size: 0.72rem; font-weight: 700; max-width: 45%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ts-rich--ytthumb { max-width: 480px; margin: 6px 0; }
.ts-ytbox { padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); overscroll-behavior: contain; }
html.ts-ytbox-open, html.ts-ytbox-open body { overflow: hidden; }
@media (max-width: 640px) {
.ts-ytbox { align-items: center; padding: 12px; }
.ts-ytbox__frame { width: 100%; border-radius: 10px; }
.ts-ytbox__close { top: max(10px, env(safe-area-inset-top)); right: 10px; }
.ts-rich--ytthumb { max-width: 100%; }
}
@media (max-width: 900px) and (orientation: landscape) {
.ts-ytbox__frame { width: min(calc(100vw - 24px), calc((100vh - 24px) * 16 / 9)); }
}

.ts-ytbox__frame--v { width: min(92vw, calc((100vh - 110px) * 9 / 16), 420px); aspect-ratio: 9 / 16; }
@media (max-width: 640px) {
.ts-ytbox__frame--v { width: min(100%, calc((100vh - 90px) * 9 / 16)); }
}
@media (max-width: 900px) and (orientation: landscape) {
.ts-ytbox__frame--v { width: min(calc(100vw - 24px), calc((100vh - 24px) * 9 / 16)); }
}

.ts-ytbox__frame--x { width: min(92vw, 550px); height: 420px; max-height: calc(100vh - 110px); aspect-ratio: auto; background: transparent; box-shadow: none; transition: height .15s ease; }
@media (max-width: 640px) {
.ts-ytbox__frame--x { width: 100%; max-height: calc(100vh - 90px); }
}
.ts-rich--x { aspect-ratio: 16 / 9; }

.ts-ytbox__frame--tt { width: min(92vw, 400px); height: min(calc(100vh - 110px), 780px); aspect-ratio: auto; background: #000; }
@media (max-width: 640px) {
.ts-ytbox__frame--tt { width: min(100%, 420px); height: calc(100vh - 90px); }
}

html body #msg-root .msg-text:has(.ts-rich--fb), html body .admin-msg-root .msg-text:has(.ts-rich--fb) { padding: 4px; width: 280px; max-width: 100%; }
html body #msg-root .msg-text .ts-rich--fb, html body .admin-msg-root .msg-text .ts-rich--fb { width: 100%; max-width: 100%; margin: 0; border-radius: 12px; }
.ts-ytbox { flex-direction: column; gap: 12px; }
.ts-ytbox__open { flex: none; padding: 8px 16px; border: 1px solid rgba(255,255,255,.4); border-radius: 999px; color: #fff; font-size: .85rem; font-weight: 700; text-decoration: none; background: rgba(255,255,255,.08); }
.ts-ytbox__open:hover { background: rgba(255,255,255,.16); color: #fff; }
.ts-ytbox__frame--fb { --r: 1.7778; width: min(92vw, calc((100vh - 130px) * var(--r)), 900px); aspect-ratio: var(--r); background: #000; }
@media (max-width: 640px) {
.ts-ytbox__frame--fb { width: min(100%, calc((100vh - 120px) * var(--r))); }
}
@media (max-width: 900px) and (orientation: landscape) {
.ts-ytbox__frame--fb { width: min(calc(100vw - 24px), calc((100vh - 80px) * var(--r))); }
}
.ts-tt-load.has-thumb .ts-fb-load__label, .ts-tt-load.has-thumb .ts-fb-load__note { display: none; }
.ts-kick-load.has-thumb .ts-fb-load__label, .ts-kick-load.has-thumb .ts-fb-load__note { display: none; }
.ts-ytbox__frame video { position: absolute; inset: 0; width: 100%; height: 100%; background: #000; }
.ts-ytbox__msg { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); padding: 0 16px; text-align: center; color: #fff; font-size: .9rem; font-weight: 600; pointer-events: none; }
.ts-vl-load.has-thumb .ts-fb-load__label, .ts-vl-load.has-thumb .ts-fb-load__note { display: none; }
.ts-chat-media--from { display: inline-block; max-width: min(100%, 420px); }
.ts-chat-media--from video { max-width: 100%; max-height: 360px; width: 100%; }
.ts-chat-media__from { display: flex; align-items: center; gap: 7px; margin-top: 6px; font-size: 12.5px; font-weight: 600; color: inherit; opacity: .75; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ts-chat-media__from:hover { opacity: 1; text-decoration: underline; }
.ts-chat-media__from span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.ts-chat-media__avatar { flex: 0 0 auto; width: 22px; height: 22px; border-radius: 50%; object-fit: cover; }
.comment-composer__pill .comment-side-tool { width: 38px; height: 38px; }
.comment-composer__pill .comment-side-tool__svg { width: 22px; height: 22px; }
.comment-composer__pill .comment-side-tool__svg path, .comment-composer__pill .comment-side-tool__svg circle, .comment-composer__pill .comment-side-tool__svg rect { stroke-width: 2.4; }
.comment-composer__pill .comment-side-tool--plus .comment-side-tool__svg path { stroke-width: 2.8; }
html body .small_modal_in:has(.notif-header) { border-radius: 20px; }
html body .notif-header { border-bottom: 1px solid rgba(128, 128, 128, .18) !important; padding: 18px 20px 14px !important; }
html body .notif-header .icon-btn, html body.theme_oscuro .notif-header .icon-btn { background: transparent; box-shadow: 0 0 0 1px rgba(128, 128, 128, .3); }
html body .notif-header .icon-btn:hover { background: rgba(128, 128, 128, .14); }
html body .notif-list { padding: 0 !important; gap: 0; max-height: min(70vh, 640px); overflow-y: auto; overscroll-behavior: contain; }
html body .notif-list .card-body { background: transparent; border-radius: 0; padding: 40px 20px; }
html body .notif-list .notification-row, html body.theme_oscuro .notif-list .notification-row { position: relative; background: transparent; border-radius: 0; border-bottom: 1px solid rgba(128, 128, 128, .14) !important; padding: 14px 44px 14px 26px !important; gap: 12px; align-items: flex-start; transition: background .12s ease; }
html body .notif-list .notification-row:last-child { border-bottom: 0 !important; }
html body .notif-list .notification-row:hover { background: rgba(128, 128, 128, .09); }
html body .notif-list .notification-row.unread, html body.theme_oscuro .notif-list .notification-row.unread { background: rgba(128, 128, 128, .1); }
html body .notif-list .notification-row.unread:hover { background: rgba(128, 128, 128, .16); }
html body .notif-list .notification-row.unread::before { content: ''; position: absolute; left: 10px; top: 24px; width: 8px; height: 8px; border-radius: 50%; background: #111; }
html body.theme_oscuro .notif-list .notification-row.unread::before { background: #fff; }
html body .notif-list .notification-row .avatar, html body .notif-list .notification-row .avatar img { width: 42px; height: 42px; }
html body .notif-list .notif-line { font-size: .9rem; line-height: 1.4; }
html body .notif-list .notif-line b { font-weight: 800; }
html body .notif-list .notif-time { margin-top: 3px; font-size: .74rem; opacity: .6; }
html body .notif-list .notification-target-preview, html body.theme_oscuro .notif-list .notification-target-preview { margin-top: 8px; padding: 8px 12px; border-radius: 12px; background: transparent; box-shadow: 0 0 0 1px rgba(128, 128, 128, .28); opacity: .85; }
html body .notif-list .notification-delete-btn, html body.theme_oscuro .notif-list .notification-delete-btn { position: absolute; right: 10px; top: 12px; background: transparent; opacity: 0; transition: opacity .12s ease; }
html body .notif-list .notification-row:hover .notification-delete-btn, html body .notif-list .notification-delete-btn:focus-visible { opacity: 1; }
@media (hover: none) { html body .notif-list .notification-delete-btn { opacity: .6; } }
html body .explore-row--hot, html body .explore-row--hot:has(.explore-thumb) { column-gap: 10px; padding-inline-start: 12px; overflow: visible; }
html body .explore-row--hot { grid-template-columns: 54px minmax(0, 1fr); }
html body .explore-row--hot:has(.explore-thumb) { grid-template-columns: 54px minmax(0, 1fr) 64px; }
html body .explore-row--hot .explore-row__face { width: 54px; height: 54px; padding: 0; margin-top: -2px; display: flex; align-items: center; justify-content: center; overflow: visible; }
html body .explore-row--hot .explore-row__face .avatar-wrap { display: inline-flex; width: 40px; height: 40px; flex: 0 0 40px; overflow: visible; }
html body .explore-row--hot .explore-row__face .avatar-wrap .avatar { width: 40px; height: 40px; }
html body .explore-row--hot .explore-row__face .avatar-frame { width: 128%; height: 128%; max-width: none; }
html body .fancybox__container .f-fadeIn, html body .fancybox__container .f-fadeOut, html body .fancybox__container .f-fadeFastIn, html body .fancybox__container .f-fadeFastOut, html body .fancybox__container .f-zoomInUp, html body .fancybox__container .f-zoomOutDown { animation-duration: .12s !important; animation-timing-function: ease-out !important; }
html body .fancybox__container { --f-transition-duration: 120ms; --f-transition-easing: ease-out; }
html body .fancybox__container .fancybox__backdrop, html body .fancybox__container .fancybox__slide { transition-duration: .12s !important; }
html body .fancybox__container .fancybox__content, html body .fancybox__container .fancybox__image { will-change: opacity; transform: translateZ(0); backface-visibility: hidden; }
html.with-fancybox body :is(.site-header, .mobile-dock, .side-rail, .explore-rail, .modal_bg), html.fancybox-active body :is(.site-header, .mobile-dock, .side-rail, .explore-rail, .modal_bg) { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html.with-fancybox body *, html.fancybox-active body * { scroll-behavior: auto !important; }