.cmp-wrap {
	border: 0;
	border-radius: 0;
	padding: 16px 0;
	margin: 0;
	width: 100%;
	max-width: 100%;
	background: transparent;
	color: var(--cmp-ui-text, var(--vn-ui-text, inherit));
	font-family: inherit;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
	box-sizing: border-box;
	--cmp-vertical-gap: 24px;
	gap: clamp(16px, 1.8vw, 24px);
	--cmp-block-bg: var(--vn-ui-card-bg, var(--vncoin-card, var(--vncoin-glass-bg, rgba(255, 255, 255, 0.03))));
	--cmp-block-blur: var(--vn-ui-glass-blur, var(--vncoin-glass-blur, none));
	--cmp-block-border: var(--vn-ui-card-border, var(--vncoin-glass-border, transparent));
	--cmp-block-shadow: var(--vn-ui-card-shadow, var(--vncoin-glass-shadow, none));
	--cmp-ui-surface: var(--vn-ui-surface, #ffffff);
	--cmp-ui-surface-soft: var(--vn-ui-surface-soft, #fffaf2);
	--cmp-ui-accent: var(--vn-ui-accent, #b7791f);
	--cmp-ui-accent-rgb: var(--vn-ui-accent-rgb, 183, 121, 31);
	--cmp-ui-accent-soft: var(--vn-ui-accent-soft, rgba(183, 121, 31, 0.12));
	--cmp-ui-on-accent: var(--vn-ui-on-accent, #fffaf3);
	--cmp-ui-positive-soft: color-mix(in srgb, var(--cmp-ui-positive) 16%, transparent);
	--cmp-ui-negative-soft: color-mix(in srgb, var(--cmp-ui-negative) 16%, transparent);
	--cmp-ui-neutral-soft: color-mix(in srgb, var(--cmp-ui-neutral) 14%, transparent);
	--cmp-ui-overlay: color-mix(in srgb, var(--cmp-ui-heading) 10%, var(--cmp-ui-surface) 90%);
	--cmp-ui-highlight: color-mix(in srgb, var(--cmp-ui-accent) 14%, var(--cmp-ui-surface) 86%);
}

.cmp-wrap > * {
	margin: 0 !important;
}

.cmp-wrap,
.cmp-mo-wrap,
.cmp-watchlist-manager {
	font-family: var(--vn-ui-font, inherit);
}

.cmp-wrap.cmp-has-side-ad {
	grid-template-columns: minmax(0, 1fr) clamp(240px, 20vw, 300px);
	column-gap: clamp(12px, 1.5vw, 20px);
}

.cmp-main-column {
	display: flex;
	flex-direction: column;
	gap: var(--cmp-vertical-gap);
	min-width: 0;
}

.cmp-side-column {
	min-width: 0;
	align-self: start;
	position: sticky;
	top: 84px;
}

.cmp-wrap button,
.cmp-wrap input,
.cmp-wrap select,
.cmp-wrap textarea {
	font-family: inherit;
}

.cmp-section-title {
	display: inline-block;
	margin: 0 0 12px;
	padding: 0;
	border-radius: 0;
	font-size: 23px;
	font-weight: 900;
	font-family: var(--vn-ui-font-heading, var(--vn-ui-font, inherit));
	letter-spacing: 0.04em;
	color: var(--cmp-ui-heading);
	background: transparent;
	border: 0;
	box-shadow: none;
	text-shadow: none;
	text-transform: uppercase;
}

.cmp-section-note {
	margin: -2px 0 10px;
	font-size: 13px;
	color: var(--cmp-ui-muted);
	line-height: 1.4;
}

.cmp-signal-source-note {
	margin-top: -6px;
}

.cmp-signal-source-label {
	display: inline-flex;
	align-items: center;
	padding: 2px 8px;
	border-radius: 999px;
	background: var(--cmp-ui-accent-soft);
	border: 1px solid color-mix(in srgb, var(--cmp-ui-accent) 24%, transparent);
	color: var(--cmp-ui-accent);
	font-size: 12px;
	font-weight: 700;
}

.cmp-title-signal {
	color: var(--cmp-ui-heading);
	display: inline-flex;
	align-items: center;
	gap: 10px;
	animation: cmp-signal-heartbeat 1.3s ease-in-out infinite;
}

.cmp-heartbeat-icon {
	position: relative;
	display: inline-block;
	width: 34px;
	height: 14px;
	border-bottom: 2px solid color-mix(in srgb, var(--cmp-ui-accent) 35%, transparent);
	overflow: hidden;
}

.cmp-heartbeat-icon::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		90deg,
		transparent 0%,
		transparent 10%,
		var(--cmp-ui-accent) 10%,
		var(--cmp-ui-accent) 14%,
		transparent 14%,
		transparent 20%,
		var(--cmp-ui-accent) 20%,
		var(--cmp-ui-accent) 24%,
		transparent 24%,
		transparent 30%,
		var(--cmp-ui-accent) 30%,
		var(--cmp-ui-accent) 34%,
		transparent 34%,
		transparent 40%,
		var(--cmp-ui-accent) 40%,
		var(--cmp-ui-accent) 45%,
		transparent 45%,
		transparent 100%
	);
	transform: skewX(-18deg) translateX(-120%);
	animation: cmp-heartbeat-run 1.4s linear infinite;
	filter: drop-shadow(0 0 4px color-mix(in srgb, var(--cmp-ui-accent) 68%, transparent));
}

.cmp-title-assessment {
	color: var(--cmp-ui-heading);
}

.cmp-title-coin {
	color: var(--cmp-ui-heading);
}

.cmp-title-results {
	color: var(--cmp-ui-heading);
}

.cmp-title-news {
	color: var(--cmp-ui-heading);
}

.cmp-top {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 16px;
	margin-top: 0;
}

.cmp-ad-row {
	margin-top: 0;
}

.cmp-ad-slot {
	width: 100%;
	padding: 10px;
	border-radius: 12px;
	background: var(--cmp-block-bg);
	backdrop-filter: var(--cmp-block-blur);
	-webkit-backdrop-filter: var(--cmp-block-blur);
	border: 1px solid var(--cmp-block-border);
	box-shadow: var(--cmp-block-shadow);
	overflow: hidden;
}

.cmp-ad-slot-horizontal > *,
.cmp-ad-slot-vertical > * {
	max-width: 100%;
}

.cmp-ad-slot-horizontal img,
.cmp-ad-slot-vertical img,
.cmp-ad-slot-horizontal iframe,
.cmp-ad-slot-vertical iframe {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.cmp-ad-slot-horizontal {
	min-height: 90px;
}

.cmp-ad-slot-vertical {
	min-height: 600px;
}

.cmp-ad-placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	text-align: center;
	color: var(--cmp-ui-muted);
	background: linear-gradient(135deg, var(--cmp-ui-accent-soft), color-mix(in srgb, var(--cmp-ui-surface) 82%, transparent));
	border: 1px dashed color-mix(in srgb, var(--cmp-ui-accent) 38%, transparent);
	border-radius: 10px;
	padding: 14px;
}

.cmp-ad-placeholder-title {
	font-size: 15px;
	font-weight: 800;
	color: var(--cmp-ui-heading);
}

.cmp-ad-placeholder-size {
	font-size: 20px;
	font-weight: 900;
	color: var(--cmp-ui-accent);
	letter-spacing: 0.04em;
}

.cmp-ad-placeholder-note {
	font-size: 12px;
	color: var(--cmp-ui-muted);
}

.cmp-ad-placeholder-vertical {
	min-height: 578px;
}

.cmp-chart-box {
	min-height: 420px;
	border: 0;
	border-radius: 12px;
	padding: 10px;
	background: var(--cmp-block-bg);
	backdrop-filter: var(--cmp-block-blur);
	-webkit-backdrop-filter: var(--cmp-block-blur);
	border: 1px solid var(--cmp-block-border);
	box-shadow: var(--cmp-block-shadow);
}

.cmp-chart {
	height: 420px;
	background: var(--vn-ui-bg, var(--vncoin-bg, #0b0e11));
	border-radius: 10px;
	overflow: hidden;
}

.cmp-signal-box {
	border: 0;
	border-radius: 12px;
	padding: 14px;
	background: var(--cmp-block-bg);
	backdrop-filter: var(--cmp-block-blur);
	-webkit-backdrop-filter: var(--cmp-block-blur);
	border: 1px solid var(--cmp-block-border);
	box-shadow: var(--cmp-block-shadow);
}

.cmp-signal-tabs {
	display: flex;
	align-items: center;
	gap: 0;
	margin-bottom: 10px;
	border-bottom: 1px solid color-mix(in srgb, var(--cmp-ui-border) 82%, transparent);
}

.cmp-signal-tab {
	border: 0;
	border-bottom: 2px solid transparent;
	padding: 0 0 10px;
	background: transparent;
	color: var(--cmp-ui-muted);
	font-size: 22px;
	font-weight: 900;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	cursor: pointer;
	display: inline-flex;
	flex: 1 1 50%;
	justify-content: center;
	align-items: center;
	gap: 10px;
	transition: color 0.18s ease, border-color 0.18s ease, text-shadow 0.18s ease;
}

.cmp-signal-tab::after {
	content: none !important;
	display: none !important;
}

.cmp-signal-tab.is-active {
	color: var(--cmp-ui-heading);
	border-bottom-color: var(--cmp-ui-accent);
	text-shadow: none;
}

.cmp-signal-panel {
	display: none;
}

.cmp-signal-panel.is-active {
	display: block;
}

.cmp-analysis-lines p {
	margin: 0 0 10px;
	line-height: 1.65;
}

.cmp-analysis-lines p:last-child {
	margin-bottom: 0;
}

.cmp-analysis-layout {
	display: grid;
	grid-template-columns: minmax(210px, 1fr) minmax(0, 1.25fr);
	gap: 16px;
	align-items: start;
}

.cmp-analysis-subtitle {
	margin: 0 0 8px;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--cmp-ui-heading);
}

.cmp-analysis-signal-list {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.72;
}

.cmp-analysis-signal-list li {
	margin: 0;
}

.cmp-analysis-lines {
	min-height: 100%;
}

.cmp-analysis-expert-text {
	margin: 0;
	line-height: 1.72;
	min-height: 15.5em;
}

.cmp-analysis-typewriter {
	white-space: pre-line;
}

.cmp-analysis-warning {
	margin: 12px auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 7px 14px;
	width: fit-content;
	text-align: center;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--cmp-ui-accent);
	background: linear-gradient(90deg, var(--cmp-ui-accent-soft) 0%, color-mix(in srgb, var(--cmp-ui-accent) 20%, transparent) 48%, var(--cmp-ui-accent-soft) 100%);
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--cmp-ui-accent) 34%, transparent);
	animation: cmp-analysis-warning-pulse 1.15s ease-in-out infinite;
}

.cmp-analysis-warning-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	filter: none;
	animation: cmp-analysis-warning-icon-blink 0.9s steps(1, end) infinite;
}

.cmp-analysis-warning-text {
	color: var(--cmp-ui-accent);
	text-shadow: none;
}

.cmp-analysis-typewriter.cmp-typing-active::after {
	content: "|";
	display: inline-block;
	margin-left: 2px;
	color: var(--cmp-ui-accent);
	animation: cmp-vip-caret-blink 0.85s steps(1, end) infinite;
}

.cmp-signal {
	display: inline-flex;
	align-items: center;
	padding: 0;
	border: 0;
	background: transparent;
	font-weight: 900;
	font-size: 28px;
	letter-spacing: 0.04em;
	margin-bottom: 10px;
}

.cmp-signal-long {
	color: var(--cmp-ui-positive);
	text-shadow: none;
}

.cmp-signal-short {
	color: var(--cmp-ui-negative);
	text-shadow: none;
}

.cmp-signal-neutral {
	color: var(--cmp-ui-neutral);
	text-shadow: none;
}

.cmp-side-glow {
	font-weight: 900;
	letter-spacing: 0.04em;
}

.cmp-side-long {
	color: var(--cmp-ui-positive);
	text-shadow: none;
}

.cmp-side-short {
	color: var(--cmp-ui-negative);
	text-shadow: none;
}

.cmp-side-neutral {
	color: var(--cmp-ui-neutral);
	text-shadow: none;
}

.cmp-live-value {
	transition: color 0.18s ease, text-shadow 0.18s ease;
}

.cmp-live-value.cmp-matrix-active {
	color: var(--cmp-ui-heading);
	text-shadow: none;
	letter-spacing: 0.06em;
}

.cmp-metrics {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.7;
}

.cmp-next-signal-wrap {
	margin-top: 12px;
	padding-top: 10px;
	border-top: 0;
}

.cmp-next-signal-label {
	position: relative;
	display: inline-block;
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--cmp-ui-heading);
	text-shadow: none;
	animation: cmp-heartbeat-text 1.25s ease-in-out infinite;
}

.cmp-next-signal-label::after {
	content: "";
	position: absolute;
	left: 0;
	right: -8px;
	bottom: -4px;
	height: 2px;
	background: linear-gradient(
		90deg,
		color-mix(in srgb, var(--cmp-ui-accent) 12%, transparent) 0%,
		color-mix(in srgb, var(--cmp-ui-accent) 72%, transparent) 35%,
		color-mix(in srgb, var(--cmp-ui-accent) 20%, transparent) 55%,
		color-mix(in srgb, var(--cmp-ui-accent) 72%, transparent) 72%,
		color-mix(in srgb, var(--cmp-ui-accent) 12%, transparent) 100%
	);
	background-size: 220% 100%;
	animation: cmp-heartbeat-line 1.25s linear infinite;
}

.cmp-next-signal-countdown {
	font-size: 24px;
	font-weight: 900;
	letter-spacing: 0.08em;
	color: var(--cmp-ui-heading);
	text-shadow: none;
}

@keyframes cmp-heartbeat-text {
	0%,
	100% {
		transform: translateY(0);
		opacity: 0.8;
	}
	14% {
		transform: translateY(-1px);
		opacity: 1;
	}
	28% {
		transform: translateY(0);
		opacity: 0.85;
	}
	42% {
		transform: translateY(-2px);
		opacity: 1;
	}
	56% {
		transform: translateY(0);
		opacity: 0.86;
	}
}

@keyframes cmp-heartbeat-line {
	0% {
		background-position: 120% 0;
		opacity: 0.7;
	}
	45% {
		background-position: 20% 0;
		opacity: 1;
	}
	100% {
		background-position: -120% 0;
		opacity: 0.75;
	}
}

.cmp-stats-table-wrap {
	overflow-x: auto;
}

.cmp-stats-table {
	width: 100%;
	border-collapse: collapse;
	border: 0;
}

.cmp-stats-table th,
.cmp-stats-table td {
	padding: 10px;
	text-align: left;
	border-bottom: 0;
}

.cmp-stats-table th {
	font-weight: 700;
	color: var(--cmp-ui-heading);
}

.cmp-assessment,
.cmp-coin-info,
.cmp-vip,
.cmp-results,
.cmp-news,
.cmp-comments {
	margin-top: 0;
	padding: 14px;
	border-radius: 12px;
	background: var(--cmp-block-bg);
	backdrop-filter: var(--cmp-block-blur);
	-webkit-backdrop-filter: var(--cmp-block-blur);
	border: 1px solid var(--cmp-block-border);
	box-shadow: var(--cmp-block-shadow);
}

.cmp-coin-info {
	order: -10;
}

.cmp-coin-summary {
	display: grid;
	grid-template-columns: minmax(180px, 1.25fr) repeat(4, minmax(0, 1fr));
	gap: 14px;
	align-items: center;
	padding: 0;
	border-radius: 0;
	background: transparent;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

.cmp-coin-summary-item {
	min-width: 0;
}

.cmp-coin-summary-pair {
	display: flex;
	align-items: center;
	gap: 10px;
}

.cmp-coin-summary-pair-name {
	font-size: 24px;
	font-weight: 900;
	line-height: 1;
	color: var(--cmp-ui-heading);
	white-space: nowrap;
}

.cmp-coin-summary-label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: var(--cmp-ui-muted);
	margin-bottom: 4px;
}

.cmp-coin-summary-value {
	font-size: 18px;
	font-weight: 900;
	line-height: 1.1;
	color: var(--cmp-ui-heading);
	overflow-wrap: anywhere;
}

.cmp-funding-countdown {
	font-weight: 900;
}

.cmp-coin-summary-item-mark .cmp-coin-summary-value {
	font-size: 20px;
}

.cmp-coin-summary-item-sm .cmp-coin-summary-value {
	font-size: 15px;
	line-height: 1.25;
}

.cmp-title-vip {
	color: var(--cmp-ui-heading);
}

.cmp-vip {
	border: 0;
	border-radius: 12px;
}

.cmp-vip-content {
	margin-top: 10px;
}

.cmp-vip-locked {
	display: flex;
	align-items: center;
	gap: 10px;
	border: 0;
	border-radius: 10px;
	padding: 12px;
	background: var(--cmp-block-bg);
	backdrop-filter: var(--cmp-block-blur);
	-webkit-backdrop-filter: var(--cmp-block-blur);
	border: 1px solid var(--cmp-block-border);
	box-shadow: var(--cmp-block-shadow);
}

.cmp-vip-lock-icon {
	font-size: 24px;
	line-height: 1;
}

.cmp-vip-locked p {
	margin: 0;
	line-height: 1.6;
}

.cmp-vip-login-link {
	color: var(--cmp-ui-accent);
	font-weight: 800;
	font-size: inherit;
	line-height: inherit;
	text-decoration: none;
	vertical-align: baseline;
	display: inline;
	position: static;
}

.cmp-vip-locked p .cmp-vip-login-link {
	display: inline !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	font-style: inherit !important;
	line-height: inherit !important;
	letter-spacing: inherit !important;
	vertical-align: baseline !important;
	position: static !important;
	transform: none !important;
}

.cmp-vip-locked p .cmp-vip-login-link::before,
.cmp-vip-locked p .cmp-vip-login-link::after {
	content: none !important;
	display: none !important;
}

.cmp-vip-login-link:hover,
.cmp-vip-login-link:focus {
	color: var(--cmp-ui-heading);
	text-decoration: underline;
}

.cmp-vip-grid {
	display: grid;
	grid-template-columns: minmax(240px, 1fr) minmax(0, 2fr);
	gap: 14px;
}

.cmp-vip-timeframe-row {
	grid-column: 1 / -1;
	display: block;
}

.cmp-vip-left {
	display: flex;
	flex-direction: column;
	gap: 0;
	min-width: 0;
}

.cmp-vip-intervals {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	column-gap: 14px;
	row-gap: 0;
	width: 100%;
}

.cmp-vip-timeframe-label {
	margin: 0 0 8px;
	font-size: 14px;
	font-weight: 700;
	color: var(--cmp-ui-muted);
}

.cmp-vip-interval {
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--cmp-ui-muted);
	padding: 4px 0;
	font-weight: 900;
	font-size: 23px;
	cursor: pointer;
	text-align: left;
	white-space: nowrap;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
}

.cmp-vip-interval::before {
	content: "➤";
	font-size: 16px;
	line-height: 1;
	transform: translateY(1px);
	opacity: 0;
}

.cmp-vip-interval.is-active {
	color: var(--cmp-ui-accent);
	box-shadow: none;
}

.cmp-vip-interval.is-active::before {
	opacity: 1;
	animation: cmp-vip-arrow-pulse 0.95s ease-in-out infinite;
}

.cmp-vip-right {
	padding: 0;
	transition: opacity 0.2s ease;
	background: transparent;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	border: 0;
	box-shadow: none;
}

.cmp-vip-grid.cmp-vip-loading .cmp-vip-left,
.cmp-vip-grid.cmp-vip-loading .cmp-vip-right {
	opacity: 0.55;
}

.cmp-vip-result {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.7;
}

.cmp-vip-explain-title {
	margin: 0 0 8px;
	font-size: 18px;
	font-weight: 800;
	color: var(--cmp-ui-heading);
}

.cmp-vip-explain-text {
	margin: 0;
	line-height: 1.75;
	color: var(--cmp-ui-muted);
	min-height: 42px;
}

.cmp-vip-value.cmp-typing-active::after {
	content: "|";
	display: inline-block;
	margin-left: 2px;
	color: var(--cmp-ui-heading);
	animation: cmp-vip-caret-blink 0.85s steps(1, end) infinite;
}

.cmp-bottom-grid {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	gap: 24px;
	margin-top: 0;
}

.cmp-bottom-grid .cmp-results,
.cmp-bottom-grid .cmp-news {
	margin-top: 0;
}

.cmp-bottom-grid.cmp-bottom-grid-single {
	grid-template-columns: minmax(0, 1fr);
}

.cmp-results-tabs {
	display: flex;
	align-items: center;
	gap: 0;
	margin-bottom: 10px;
	border-bottom: 1px solid color-mix(in srgb, var(--cmp-ui-border) 82%, transparent);
}

.cmp-results-tabs-single .cmp-results-tab {
	flex: 1 1 auto;
	justify-content: flex-start;
}

.cmp-results-tab {
	border: 0;
	border-bottom: 2px solid transparent;
	padding: 0 0 10px;
	background: transparent;
	color: var(--cmp-ui-muted);
	font-size: 20px;
	font-weight: 900;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	cursor: pointer;
	display: inline-flex;
	flex: 1 1 50%;
	justify-content: center;
	align-items: center;
	transition: color 0.18s ease, border-color 0.18s ease, text-shadow 0.18s ease;
}

.cmp-results-tab::before,
.cmp-results-tab::after {
	content: none !important;
	display: none !important;
}

.cmp-results-tab.is-active {
	color: var(--cmp-ui-heading);
	border-bottom-color: var(--cmp-ui-accent);
	text-shadow: none;
}

.cmp-results-tab.is-static {
	cursor: default;
	pointer-events: none;
}

.cmp-results-panel {
	display: none;
}

.cmp-results-panel.is-active {
	display: block;
}

.cmp-signal-detail-card {
	margin-bottom: 12px;
	padding: 10px 12px;
	border-radius: 8px;
	background: var(--cmp-ui-surface-soft);
	border: 1px solid color-mix(in srgb, var(--cmp-ui-border) 88%, transparent);
}

.cmp-signal-detail-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 6px;
}

.cmp-signal-detail-title {
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.03em;
	color: var(--cmp-ui-muted);
}

.cmp-signal-detail-time {
	margin-bottom: 6px;
	text-align: center;
	font-size: 13px;
	font-weight: 700;
	color: var(--cmp-ui-muted);
}

.cmp-signal-detail-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px 12px;
}

.cmp-signal-history-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 8px;
}

.cmp-signal-history-item {
	padding: 10px 12px;
	border-radius: 8px;
	background: var(--cmp-ui-surface-soft);
	border: 1px solid color-mix(in srgb, var(--cmp-ui-border) 82%, transparent);
}

.cmp-signal-history-link {
	display: block;
	width: 100%;
	border: 0;
	padding: 0;
	background: transparent;
	text-align: left;
	color: inherit !important;
	text-decoration: none !important;
	font: inherit;
	cursor: pointer;
}

.cmp-signal-history-link:hover,
.cmp-signal-history-link:focus {
	color: inherit !important;
	text-decoration: none !important;
}

.cmp-signal-history-link::before,
.cmp-signal-history-link::after {
	content: none !important;
	display: none !important;
}

.cmp-signal-history-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 10px;
	align-items: stretch;
}

.cmp-signal-history-main {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

.cmp-signal-history-time-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-align: center;
}

.cmp-signal-history-time {
	font-size: 13px;
	font-weight: 700;
	color: var(--cmp-ui-muted);
}

.cmp-signal-history-side-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 82px;
}

.cmp-signal-history-side {
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.04em;
	padding: 5px 12px;
	border-radius: 999px;
	text-align: center;
	line-height: 1;
	text-shadow: none;
}

.cmp-signal-history-side-long {
	background: var(--cmp-ui-positive-soft);
	color: var(--cmp-ui-positive);
}

.cmp-signal-history-side-short {
	background: var(--cmp-ui-negative-soft);
	color: var(--cmp-ui-negative);
}

.cmp-signal-history-metrics {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px 12px;
	font-size: 13px;
	color: var(--cmp-ui-text);
}

.cmp-signal-history-field {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.cmp-signal-popup[hidden] {
	display: none !important;
}

.cmp-signal-popup {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.28s ease, visibility 0s linear 0.28s;
}

.cmp-signal-popup.is-active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition: opacity 0.28s ease;
}

.cmp-signal-popup-overlay {
	position: absolute;
	inset: 0;
	background: transparent;
	opacity: 1;
	transition: none;
}

.cmp-signal-popup.is-active .cmp-signal-popup-overlay {
	opacity: 1;
}

.cmp-signal-popup-dialog {
	position: relative;
	z-index: 1;
	width: min(538px, 92vw);
	margin: 0 auto;
	padding: 18px;
	border-radius: 12px;
	background: var(--cmp-block-bg);
	backdrop-filter: var(--cmp-block-blur);
	-webkit-backdrop-filter: var(--cmp-block-blur);
	border: 1px solid var(--cmp-block-border);
	box-shadow: var(--cmp-block-shadow);
	transform: translate3d(calc(-100vw - 64px), 0, 0);
	opacity: 0.92;
	will-change: transform, opacity;
	transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.28s ease;
}

.cmp-signal-popup.is-active .cmp-signal-popup-dialog {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.cmp-signal-popup-close {
	position: absolute;
	top: 8px;
	right: 10px;
	border: 0;
	background: transparent;
	color: var(--cmp-ui-muted);
	font-size: 24px;
	line-height: 1;
	padding: 0;
	cursor: pointer;
}

.cmp-signal-popup-title {
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: 800;
	color: var(--cmp-ui-heading);
}

.cmp-signal-popup-time {
	margin-bottom: 10px;
	text-align: left;
	font-size: 16px;
	font-weight: 400;
	color: var(--cmp-ui-text);
	line-height: 1.5;
}

.cmp-signal-popup-grid {
	display: flex;
	flex-direction: column;
	gap: 6px;
	align-items: flex-start;
}

.cmp-signal-popup-field-tp {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: nowrap;
	white-space: nowrap;
}

.cmp-signal-popup-tp-pair {
	display: inline-flex;
	align-items: baseline;
	gap: 4px;
}

.cmp-signal-popup-tp-sep {
	opacity: 0.8;
}

.cmp-signal-popup-side-wrap {
	margin-top: 12px;
	display: flex;
	justify-content: flex-start;
}

.cmp-signal-popup .cmp-signal-history-field {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	color: var(--cmp-ui-text);
	line-height: 1.5;
	gap: 8px;
	text-align: left;
}

.cmp-signal-popup .cmp-signal-history-side {
	font-size: 18px;
	font-weight: 400;
	color: var(--cmp-ui-on-accent);
	padding: 7px 16px;
}

.cmp-signal-popup .cmp-signal-history-side-long {
	background: var(--cmp-ui-positive);
	color: var(--cmp-ui-on-accent);
}

.cmp-signal-popup .cmp-signal-history-side-short {
	background: var(--cmp-ui-negative);
	color: var(--cmp-ui-on-accent);
}

body.cmp-popup-open {
	overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
	.cmp-signal-popup,
	.cmp-signal-popup-overlay,
	.cmp-signal-popup-dialog {
		transition: none !important;
	}

	.cmp-signal-popup-dialog {
		transform: none !important;
		opacity: 1 !important;
	}
}

.cmp-signal-list-more {
	margin-top: 10px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--cmp-ui-accent);
	font-weight: 800;
	text-decoration: none;
}

.cmp-signal-list-more:hover,
.cmp-signal-list-more:focus {
	color: var(--cmp-ui-heading);
	text-decoration: none;
}

.cmp-signal-list-more-icon {
	display: inline-block;
	animation: cmp-more-arrow-right 0.95s ease-in-out infinite;
}

.cmp-coin-note {
	margin-bottom: 10px;
	font-size: 13px;
	color: var(--cmp-ui-accent);
	background: var(--cmp-ui-accent-soft);
	border: 0;
	border-radius: 0;
	padding: 8px 10px;
}

.cmp-coin-collapsible {
	overflow: hidden;
	max-height: none;
	transition: max-height 0.45s ease;
}

.cmp-coin-collapsible.is-expanded {
	overflow: visible;
}

.cmp-coin-line {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 8px 0;
	line-height: 1.5;
	word-break: break-word;
}

.cmp-coin-line-head,
.cmp-coin-line-price {
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
}

.cmp-coin-head-left {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.cmp-coin-logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 28px;
	width: 28px;
	height: 28px;
	border-radius: 999px;
	object-fit: cover;
}

.cmp-coin-logo-fallback {
	background: linear-gradient(135deg, color-mix(in srgb, var(--cmp-ui-accent) 82%, white), color-mix(in srgb, var(--cmp-ui-accent) 66%, transparent));
	border: 1px solid color-mix(in srgb, var(--cmp-ui-accent) 34%, transparent);
	box-shadow: 0 8px 20px color-mix(in srgb, var(--cmp-ui-accent) 18%, transparent);
	color: var(--cmp-ui-on-accent);
	font-size: 9px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.cmp-coin-name {
	font-size: 23px;
	font-weight: 900;
	letter-spacing: 0.02em;
}

.cmp-coin-price {
	font-size: 23px;
	font-weight: 900;
}

.cmp-coin-change {
	font-size: 18px;
	font-weight: 800;
}

.cmp-change-positive {
	color: var(--cmp-ui-positive);
}

.cmp-change-negative {
	color: var(--cmp-ui-negative);
}

.cmp-change-flat {
	color: var(--cmp-ui-neutral);
}

.cmp-coin-label {
	color: var(--cmp-ui-muted);
	font-weight: 700;
	min-width: 170px;
}

.cmp-coin-toggle {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--cmp-ui-accent);
	font-weight: 800;
	cursor: pointer;
	text-align: center;
	font-family: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: fit-content;
}

.cmp-coin-toggle-icon {
	display: inline-block;
	transition: transform 0.25s ease;
	animation: cmp-arrow-bounce 1.15s ease-in-out infinite;
}

.cmp-coin-toggle.is-expanded .cmp-coin-toggle-icon {
	transform: none;
	animation: cmp-arrow-rise 0.95s ease-in-out infinite;
}

.cmp-news ul,
.cmp-comments ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cmp-news li,
.cmp-comments li {
	padding: 8px 0;
	border-bottom: 0;
}

.cmp-news li span {
	display: block;
	font-size: 12px;
	color: var(--cmp-ui-muted);
}

:where(.vn-ui-glass-off, .vncoin-glass-off) .cmp-chart-box,
:where(.vn-ui-glass-off, .vncoin-glass-off) .cmp-signal-box,
:where(.vn-ui-glass-off, .vncoin-glass-off) .cmp-assessment,
:where(.vn-ui-glass-off, .vncoin-glass-off) .cmp-coin-info,
:where(.vn-ui-glass-off, .vncoin-glass-off) .cmp-vip,
:where(.vn-ui-glass-off, .vncoin-glass-off) .cmp-results,
:where(.vn-ui-glass-off, .vncoin-glass-off) .cmp-news,
:where(.vn-ui-glass-off, .vncoin-glass-off) .cmp-ad-slot,
:where(.vn-ui-glass-off, .vncoin-glass-off) .cmp-comments,
:where(.vn-ui-glass-off, .vncoin-glass-off) .cmp-mo-wrap,
:where(.vn-ui-glass-off, .vncoin-glass-off) .cmp-mo-card,
:where(.vn-ui-glass-off, .vncoin-glass-off) .cmp-vip-right,
:where(.vn-ui-glass-off, .vncoin-glass-off) .cmp-vip-locked {
	background: var(--cmp-ui-surface);
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	border: 0;
	box-shadow: none;
}

:where(.vn-ui-no-block-borders, .vncoin-no-block-borders) .cmp-chart-box,
:where(.vn-ui-no-block-borders, .vncoin-no-block-borders) .cmp-signal-box,
:where(.vn-ui-no-block-borders, .vncoin-no-block-borders) .cmp-assessment,
:where(.vn-ui-no-block-borders, .vncoin-no-block-borders) .cmp-coin-info,
:where(.vn-ui-no-block-borders, .vncoin-no-block-borders) .cmp-vip,
:where(.vn-ui-no-block-borders, .vncoin-no-block-borders) .cmp-results,
:where(.vn-ui-no-block-borders, .vncoin-no-block-borders) .cmp-news,
:where(.vn-ui-no-block-borders, .vncoin-no-block-borders) .cmp-ad-slot,
:where(.vn-ui-no-block-borders, .vncoin-no-block-borders) .cmp-comments,
:where(.vn-ui-no-block-borders, .vncoin-no-block-borders) .cmp-mo-wrap,
:where(.vn-ui-no-block-borders, .vncoin-no-block-borders) .cmp-mo-card,
:where(.vn-ui-no-block-borders, .vncoin-no-block-borders) .cmp-vip-right,
:where(.vn-ui-no-block-borders, .vncoin-no-block-borders) .cmp-vip-locked {
	border: 0 !important;
	box-shadow: none !important;
}

.cmp-mo-wrap {
	padding: 16px;
	border-radius: 12px;
	background: var(--cmp-block-bg, var(--vn-ui-card-bg, var(--vncoin-card, var(--vncoin-glass-bg, rgba(255, 255, 255, 0.03)))));
	backdrop-filter: var(--cmp-block-blur, var(--vn-ui-glass-blur, var(--vncoin-glass-blur, none)));
	-webkit-backdrop-filter: var(--cmp-block-blur, var(--vn-ui-glass-blur, var(--vncoin-glass-blur, none)));
	border: 1px solid var(--cmp-block-border, var(--vn-ui-card-border, var(--vncoin-glass-border, rgba(255, 255, 255, 0.12))));
	box-shadow: var(--cmp-block-shadow, var(--vn-ui-card-shadow, var(--vncoin-glass-shadow, none)));
}

.cmp-mo-top-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 18px;
}

.cmp-mo-card {
	background: var(--vn-ui-card-bg, var(--vncoin-card, var(--vncoin-glass-bg, rgba(255, 255, 255, 0.03))));
	backdrop-filter: var(--vn-ui-glass-blur, var(--vncoin-glass-blur, none));
	-webkit-backdrop-filter: var(--vn-ui-glass-blur, var(--vncoin-glass-blur, none));
	border: 1px solid var(--vn-ui-card-border, var(--vncoin-glass-border, rgba(255, 255, 255, 0.1)));
	box-shadow: var(--vn-ui-card-shadow, var(--vncoin-glass-shadow, none));
	border-radius: 10px;
	padding: 12px;
}

.cmp-mo-card-title {
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.03em;
	color: var(--cmp-ui-heading);
}

.cmp-mo-card-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 7px;
}

.cmp-mo-card-list li {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	gap: 10px;
	align-items: center;
}

.cmp-mo-card-symbol {
	font-size: 13px;
	font-weight: 700;
	color: var(--cmp-mo-card-symbol, var(--cmp-ui-muted));
}

.cmp-mo-card-price {
	font-size: 13px;
	color: var(--cmp-mo-card-price, var(--cmp-ui-text));
}

.cmp-mo-card-change {
	font-size: 13px;
	font-weight: 800;
}

.cmp-mo-list-title {
	margin: 0 0 10px;
	font-size: 24px;
	font-weight: 900;
	letter-spacing: 0.03em;
	color: var(--cmp-ui-heading);
}

.cmp-mo-copy {
	margin-bottom: 14px;
}

.cmp-mo-copy h4 {
	margin: 0 0 6px;
	font-size: 18px;
	font-weight: 800;
	color: var(--cmp-ui-heading);
}

.cmp-mo-copy p {
	margin: 0;
	color: var(--cmp-ui-muted);
	line-height: 1.58;
}

.cmp-mo-table-wrap {
	overflow-x: auto;
}

.cmp-mo-table {
	width: 100%;
	border-collapse: collapse;
}

.cmp-mo-table th,
.cmp-mo-table td {
	padding: 10px 8px;
	border-bottom: 1px solid color-mix(in srgb, var(--cmp-ui-border) 82%, transparent);
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}

.cmp-mo-table th {
	font-size: 13px;
	font-weight: 700;
	color: var(--cmp-ui-muted);
}

.cmp-mo-table td {
	font-size: 14px;
	color: var(--cmp-ui-text);
}

.cmp-mo-cell-link,
.cmp-mo-cell-link:visited,
.cmp-mo-cell-link:hover,
.cmp-mo-cell-link:focus {
	display: block;
	width: 100%;
	height: 100%;
	color: inherit !important;
	text-decoration: none !important;
}

.cmp-mo-cell-link::before,
.cmp-mo-cell-link::after {
	display: none !important;
	content: none !important;
}

.cmp-mo-wrap .cmp-mo-cell-link,
:where(.vn-ui-content, .vncoin-main) .entry-content .cmp-mo-wrap .cmp-mo-cell-link,
:where(.vn-ui-content, .vncoin-main) .wp-block-post-content .cmp-mo-wrap .cmp-mo-cell-link,
:where(.vn-ui-content, .vncoin-main) article .cmp-mo-wrap .cmp-mo-cell-link {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	position: static !important;
	overflow: visible !important;
	color: inherit !important;
	-webkit-text-fill-color: currentColor !important;
	text-decoration: none !important;
	background: none !important;
	background-image: none !important;
	transition: none !important;
	animation: none !important;
	text-shadow: none !important;
	filter: none !important;
	transform: none !important;
}

.cmp-mo-wrap .cmp-mo-card-item > .cmp-mo-cell-link {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto auto;
	gap: 10px;
	align-items: center;
}

.cmp-mo-wrap .cmp-mo-table td > .cmp-mo-cell-link {
	display: block !important;
}

.cmp-mo-wrap .cmp-mo-cell-link * {
	-webkit-text-fill-color: currentColor !important;
}

.cmp-mo-wrap .cmp-mo-cell-link .cmp-mo-name-main {
	color: var(--cmp-ui-heading) !important;
}

.cmp-mo-wrap .cmp-mo-cell-link .cmp-mo-name-sub,
.cmp-mo-wrap .cmp-mo-cell-link .cmp-mo-card-price,
.cmp-mo-wrap .cmp-mo-cell-link .cmp-mo-rt-price {
	color: var(--cmp-ui-text) !important;
}

.cmp-mo-wrap .cmp-mo-cell-link .cmp-mo-card-symbol {
	color: var(--cmp-ui-heading) !important;
}

.cmp-mo-wrap .cmp-mo-cell-link .cmp-change-positive {
	color: var(--cmp-ui-positive) !important;
}

.cmp-mo-wrap .cmp-mo-cell-link .cmp-change-negative {
	color: var(--cmp-ui-negative) !important;
}

.cmp-mo-wrap .cmp-mo-cell-link .cmp-change-flat {
	color: var(--cmp-ui-neutral) !important;
}

.cmp-mo-wrap .cmp-mo-cell-link .cmp-mo-signal-long {
	color: var(--cmp-ui-positive) !important;
}

.cmp-mo-wrap .cmp-mo-cell-link .cmp-mo-signal-short {
	color: var(--cmp-ui-negative) !important;
}

.cmp-mo-wrap .cmp-mo-cell-link .cmp-mo-signal-neutral {
	color: var(--cmp-ui-neutral) !important;
}

.cmp-mo-name-main {
	font-weight: 700;
	font-size: 14px;
	color: var(--cmp-ui-heading);
}

.cmp-mo-name-sub {
	margin-top: 2px;
	font-size: 12px;
	color: var(--cmp-ui-muted);
}

.cmp-mo-change-head {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.cmp-mo-change-switch {
	display: inline-flex;
	align-items: center;
	border-radius: 999px;
	background: var(--cmp-ui-surface-soft);
	padding: 2px;
}

.cmp-mo-change-btn {
	border: 0;
	background: transparent;
	color: var(--cmp-ui-muted);
	font-size: 12px;
	font-weight: 700;
	padding: 4px 9px;
	border-radius: 999px;
	cursor: pointer;
	transition: color 0.18s ease, background-color 0.18s ease;
}

.cmp-mo-change-btn.is-active {
	color: var(--cmp-ui-on-accent);
	background: var(--cmp-ui-accent);
}

.cmp-mo-signal {
	display: inline-block;
	padding: 4px 8px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.04em;
}

.cmp-mo-signal-long {
	background: var(--cmp-ui-positive-soft);
	color: var(--cmp-ui-positive);
}

.cmp-mo-signal-short {
	background: var(--cmp-ui-negative-soft);
	color: var(--cmp-ui-negative);
}

.cmp-mo-signal-neutral {
	background: var(--cmp-ui-neutral-soft);
	color: var(--cmp-ui-neutral);
}

.cmp-watchlist-toggle {
	border: 1px solid color-mix(in srgb, var(--cmp-ui-accent) 38%, transparent);
	background: var(--cmp-ui-accent-soft);
	color: var(--cmp-ui-accent);
	border-radius: 999px;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	white-space: nowrap;
}

.cmp-watchlist-toggle.is-active {
	background: var(--cmp-ui-positive-soft);
	border-color: color-mix(in srgb, var(--cmp-ui-positive) 42%, transparent);
	color: var(--cmp-ui-positive);
}

.cmp-watchlist-login-hint {
	font-size: 12px;
	color: var(--cmp-ui-muted);
}

.cmp-watchlist-manager {
	border-radius: 12px;
	padding: 12px;
	background: var(--cmp-block-bg);
	border: 1px solid var(--cmp-block-border);
	backdrop-filter: var(--cmp-block-blur);
	-webkit-backdrop-filter: var(--cmp-block-blur);
}

.cmp-watchlist-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
}

.cmp-watchlist-item {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	color: var(--cmp-ui-text);
}

.cmp-watchlist-note {
	margin: 10px 0 0;
	font-size: 12px;
	color: var(--cmp-ui-muted);
}

.cmp-mo-rt-price {
	display: inline-block;
	transition: color 0.2s ease, text-shadow 0.2s ease;
}

.cmp-mo-rt-price.cmp-rt-price-up {
	color: var(--cmp-ui-positive);
	text-shadow: none;
}

.cmp-mo-rt-price.cmp-rt-price-down {
	color: var(--cmp-ui-negative);
	text-shadow: none;
}

:where(.cmp-wrap, .cmp-mo-wrap, .cmp-watchlist-manager, .cmp-signal-popup-dialog) :where(
	.cmp-coin-summary-pair-name,
	.cmp-coin-summary-value,
	.cmp-title-vip,
	.cmp-vip-explain-title,
	.cmp-results-tab.is-active,
	.cmp-signal-popup-title,
	.cmp-coin-name,
	.cmp-coin-price
) {
	color: var(--cmp-ui-heading);
}

:where(.cmp-wrap, .cmp-mo-wrap, .cmp-watchlist-manager, .cmp-signal-popup-dialog) :where(
	.cmp-coin-summary-label,
	.cmp-vip-timeframe-label,
	.cmp-vip-explain-text,
	.cmp-signal-detail-title,
	.cmp-signal-detail-time,
	.cmp-signal-history-time,
	.cmp-signal-history-metrics,
	.cmp-coin-label,
	.cmp-news li span,
	.cmp-watchlist-note
) {
	color: var(--cmp-ui-muted);
}

:where(.cmp-wrap, .cmp-mo-wrap, .cmp-watchlist-manager) :where(
	.cmp-vip-login-link,
	.cmp-coin-toggle
) {
	color: var(--cmp-ui-accent);
}

:where(.cmp-wrap, .cmp-mo-wrap, .cmp-watchlist-manager) :where(
	.cmp-vip-login-link:hover,
	.cmp-vip-login-link:focus,
	.cmp-coin-toggle:hover,
	.cmp-coin-toggle:focus
) {
	color: var(--cmp-ui-heading);
}

:where(.cmp-wrap, .cmp-mo-wrap, .cmp-watchlist-manager) :where(
	.cmp-change-positive,
	.cmp-signal-history-side-long
) {
	color: var(--cmp-ui-positive);
}

:where(.cmp-wrap, .cmp-mo-wrap, .cmp-watchlist-manager) :where(
	.cmp-change-negative,
	.cmp-signal-history-side-short
) {
	color: var(--cmp-ui-negative);
}

:where(.cmp-wrap, .cmp-mo-wrap, .cmp-watchlist-manager) :where(
	.cmp-change-flat
) {
	color: var(--cmp-ui-neutral);
}

:where(.cmp-wrap, .cmp-mo-wrap, .cmp-watchlist-manager) :where(
	.cmp-vip,
	.cmp-vip-locked,
	.cmp-results,
	.cmp-news,
	.cmp-comments,
	.cmp-assessment,
	.cmp-signal-detail-card,
	.cmp-signal-history-item,
	.cmp-watchlist-manager
) {
	background: var(--cmp-block-bg);
	border-color: var(--cmp-block-border);
	box-shadow: var(--cmp-block-shadow);
}

:where(.cmp-wrap, .cmp-mo-wrap, .cmp-watchlist-manager) :where(
	.cmp-results-tabs,
	.cmp-signal-tabs
) {
	border-bottom-color: color-mix(in srgb, var(--cmp-ui-border) 82%, transparent);
}

:where(.cmp-wrap, .cmp-mo-wrap, .cmp-watchlist-manager) :where(
	.cmp-results-tab,
	.cmp-vip-interval
) {
	color: var(--cmp-ui-muted);
}

:where(.cmp-wrap, .cmp-mo-wrap, .cmp-watchlist-manager) :where(
	.cmp-vip-interval.is-active
) {
	color: var(--cmp-ui-accent);
}

:where(.cmp-wrap, .cmp-mo-wrap, .cmp-watchlist-manager) :where(
	.cmp-signal-history-side-long,
	.cmp-signal-popup .cmp-signal-history-side-long
) {
	background: var(--cmp-ui-positive-soft);
}

:where(.cmp-wrap, .cmp-mo-wrap, .cmp-watchlist-manager) :where(
	.cmp-signal-history-side-short,
	.cmp-signal-popup .cmp-signal-history-side-short
) {
	background: var(--cmp-ui-negative-soft);
}

.cmp-generated-article {
	margin: 24px 0;
	color: var(--cmp-ui-text);
	font-family: var(--vn-ui-font, inherit);
}

.cmp-generated-article > :first-child {
	margin-top: 0;
}

.cmp-generated-article h2,
.cmp-generated-article h3 {
	color: var(--cmp-ui-heading);
	font-family: var(--vn-ui-font-heading, inherit);
	line-height: 1.2;
}

.cmp-generated-article p,
.cmp-generated-article li {
	color: var(--cmp-ui-text);
}

.cmp-generated-article em {
	color: var(--cmp-ui-muted);
}

.cmp-generated-article ul {
	padding-left: 1.2rem;
}

.cmp-report-table-wrap {
	margin: 12px 0 18px;
	overflow-x: auto;
	border-radius: 16px;
	background: var(--cmp-block-bg);
	border: 1px solid var(--cmp-block-border);
	box-shadow: var(--cmp-block-shadow);
}

.cmp-report-table {
	width: 100%;
	border-collapse: collapse;
	min-width: 640px;
}

.cmp-report-table th,
.cmp-report-table td {
	padding: 11px 12px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid color-mix(in srgb, var(--cmp-ui-border) 82%, transparent);
}

.cmp-report-table th {
	background: color-mix(in srgb, var(--cmp-ui-accent) 8%, var(--cmp-ui-surface) 92%);
	color: var(--cmp-ui-heading);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.02em;
}

.cmp-report-table td {
	color: var(--cmp-ui-text);
	font-size: 14px;
}

.cmp-report-table tbody tr:last-child td {
	border-bottom: 0;
}

.cmp-report-table tbody tr:nth-child(even) td {
	background: color-mix(in srgb, var(--cmp-ui-surface-soft) 92%, transparent);
}

@media (max-width: 1200px) {
	.cmp-wrap {
		padding: 12px 0;
	}

	.cmp-wrap.cmp-has-side-ad {
		grid-template-columns: minmax(0, 1fr);
	}

	.cmp-side-column {
		display: block;
		position: static;
		top: auto;
	}

	.cmp-ad-slot-vertical {
		min-height: 280px;
	}

	.cmp-ad-placeholder-vertical {
		min-height: 258px;
	}

	.cmp-coin-summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px 18px;
	}

	.cmp-coin-summary-item:first-child {
		grid-column: 1 / -1;
	}

	.cmp-mo-top-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.cmp-watchlist-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 1360px) {
	.cmp-top {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.cmp-assessment,
	.cmp-coin-info,
	.cmp-vip,
	.cmp-results,
	.cmp-news,
	.cmp-comments,
	.cmp-signal-box,
	.cmp-chart-box {
		padding: 10px;
	}

	.cmp-signal-tab {
		font-size: 20px;
	}

	.cmp-coin-info {
		padding: 10px;
	}

	.cmp-coin-summary {
		grid-template-columns: 1fr;
		gap: 10px;
		padding: 12px;
	}

	.cmp-coin-summary-pair-name {
		font-size: 22px;
	}

	.cmp-coin-summary-value {
		font-size: 17px;
	}

	.cmp-mo-wrap {
		padding: 10px;
	}

	.cmp-mo-top-grid {
		grid-template-columns: 1fr;
	}

	.cmp-mo-list-title {
		font-size: 21px;
	}

	.cmp-mo-copy h4 {
		font-size: 16px;
	}

	.cmp-mo-change-head {
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
	}
}

.cmp-comment-note {
	margin-top: 8px;
	font-size: 13px;
	color: var(--cmp-ui-muted);
}

@media (max-width: 900px) {
	.cmp-wrap {
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 10px 0;
	}

	.cmp-top {
		grid-template-columns: 1fr;
	}

	.cmp-analysis-layout {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.cmp-chart-box,
	.cmp-chart {
		min-height: 360px;
		height: 360px;
	}

	.cmp-bottom-grid {
		grid-template-columns: 1fr;
	}

	.cmp-results-tab {
		font-size: 16px;
	}

	.cmp-signal-history-metrics {
		grid-template-columns: 1fr;
	}

	.cmp-signal-history-grid {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.cmp-signal-history-side-wrap {
		min-width: 0;
		justify-content: center;
	}

	.cmp-signal-detail-grid {
		grid-template-columns: 1fr;
	}

	.cmp-signal-popup {
		padding: 12px;
	}

	.cmp-signal-popup-dialog {
		width: min(538px, calc(100vw - 24px));
		max-height: calc(100vh - 24px);
		overflow-y: auto;
	}

	.cmp-signal-popup-grid {
		grid-template-columns: 1fr;
	}

	.cmp-vip-grid {
		grid-template-columns: 1fr;
	}

	.cmp-vip-left {
		gap: 0;
	}

	.cmp-vip-timeframe-row {
		display: block;
	}

	.cmp-vip-intervals {
		column-gap: 8px;
		row-gap: 0;
	}

	.cmp-vip-interval {
		font-size: 14px;
	}

	.cmp-coin-line {
		flex-direction: column;
		gap: 4px;
	}

	.cmp-coin-label {
		min-width: 0;
	}
}

@keyframes cmp-signal-heartbeat {
	0%,
	100% {
		transform: scale(1);
	}
	12% {
		transform: scale(1.02);
	}
	24% {
		transform: scale(1);
	}
	36% {
		transform: scale(1.04);
	}
	52% {
		transform: scale(1);
	}
}

@keyframes cmp-analysis-warning-pulse {
	0%,
	100% {
		transform: translateY(0) scale(1);
		box-shadow: 0 0 0 1px rgba(255, 195, 0, 0.7), 0 0 16px rgba(255, 140, 0, 0.52), inset 0 0 10px rgba(255, 120, 0, 0.22);
	}
	50% {
		transform: translateY(-1px) scale(1.02);
		box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.95), 0 0 26px rgba(255, 120, 0, 0.85), inset 0 0 14px rgba(255, 132, 0, 0.34);
	}
}

@keyframes cmp-analysis-warning-icon-blink {
	0%,
	100% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: 0.4;
		transform: scale(0.9);
	}
}

@keyframes cmp-heartbeat-run {
	0% {
		transform: skewX(-18deg) translateX(-120%);
	}
	100% {
		transform: skewX(-18deg) translateX(120%);
	}
}

@keyframes cmp-arrow-bounce {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(2px);
	}
}

@keyframes cmp-vip-arrow-pulse {
	0%,
	100% {
		transform: translateY(1px) translateX(0);
	}
	50% {
		transform: translateY(1px) translateX(3px);
	}
}

@keyframes cmp-vip-caret-blink {
	0%,
	49% {
		opacity: 1;
	}
	50%,
	100% {
		opacity: 0;
	}
}

@keyframes cmp-arrow-rise {
	0%,
	100% {
		transform: translateY(1px);
	}
	50% {
		transform: translateY(-3px);
	}
}

@keyframes cmp-more-arrow-right {
	0%,
	100% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(4px);
	}
}