.cm-entry-meta .cm-brain-like-hero {
	display: inline-flex;
	min-height: 34px;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 5px 10px 5px 8px;
	border: 1px solid rgba(32, 196, 200, .42);
	border-radius: 999px;
	color: var(--cm-text, #eef7ff);
	background: rgba(7, 22, 36, .65);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
	font: inherit;
	font-variant-numeric: tabular-nums;
	font-weight: 800;
	cursor: pointer;
	backdrop-filter: blur(8px);
	transition: border-color 160ms ease, background 160ms ease, transform 160ms ease, opacity 160ms ease;
}

.cm-entry-meta .cm-brain-like-hero:hover,
.cm-entry-meta .cm-brain-like-hero:focus-visible,
.cm-entry-meta .cm-brain-like-hero.is-liked {
	border-color: var(--cm-primary, #20c4c8);
	background: rgba(32, 196, 200, .14);
}

.cm-entry-meta .cm-brain-like-hero:hover,
.cm-entry-meta .cm-brain-like-hero:focus-visible {
	outline: 0;
	transform: translateY(-1px);
}

.cm-entry-meta .cm-brain-like-hero:focus-visible {
	box-shadow: 0 0 0 3px rgba(32, 196, 200, .2);
}

.cm-entry-meta .cm-brain-like-hero:disabled {
	cursor: progress;
	opacity: .68;
}

.cm-brain-like-hero__emoji {
	display: block;
	font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
}

.cm-brain-vote {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 18px;
	margin: 52px 0 10px;
	padding: 22px 24px;
	border: 1px solid rgba(32, 196, 200, .28);
	border-radius: 16px;
	background: linear-gradient(135deg, rgba(18, 43, 61, .92), rgba(8, 25, 40, .96));
	box-shadow: 0 16px 34px rgba(0, 0, 0, .14), inset 0 1px 0 rgba(255, 255, 255, .04);
	color: #eaf5fc;
}

.cm-brain-vote__mark {
	display: grid;
	width: 54px;
	height: 54px;
	place-items: center;
	border: 1px solid rgba(32, 196, 200, .34);
	border-radius: 15px;
	background: rgba(32, 196, 200, .1);
	font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
	font-size: 29px;
	line-height: 1;
}

.cm-brain-vote__copy h2 {
	margin: 0 0 4px !important;
	padding: 0 !important;
	border: 0 !important;
	color: #f5fbff !important;
	font-family: inherit !important;
	font-size: 1.08rem !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
}

.cm-brain-vote__copy p {
	margin: 0 !important;
	color: #afc2d0;
	font-family: inherit;
	font-size: .9rem;
	line-height: 1.45;
}

.cm-brain-vote__button {
	display: inline-flex;
	min-height: 46px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 9px 14px;
	border: 1px solid #20c4c8;
	border-radius: 11px;
	color: #03151e;
	background: #20c4c8;
	box-shadow: 0 8px 20px rgba(32, 196, 200, .14);
	font: inherit;
	font-size: .87rem;
	font-weight: 850;
	cursor: pointer;
	transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}

.cm-brain-vote__button strong {
	display: inline-grid;
	min-width: 27px;
	min-height: 27px;
	place-items: center;
	padding: 2px 7px;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 8px;
	color: #f4fdff !important;
	background: #073146;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
	font-variant-numeric: tabular-nums;
	font-weight: 900;
	line-height: 1;
}

.cm-brain-vote__button:hover,
.cm-brain-vote__button:focus-visible {
	filter: brightness(1.08);
	outline: 0;
	transform: translateY(-1px);
	box-shadow: 0 11px 24px rgba(32, 196, 200, .22);
}

.cm-brain-vote__button:focus-visible {
	box-shadow: 0 0 0 4px rgba(32, 196, 200, .2), 0 11px 24px rgba(32, 196, 200, .22);
}

.cm-brain-vote__button.is-liked {
	color: #dffbfc;
	background: rgba(32, 196, 200, .14);
}

.cm-brain-vote__button.is-liked strong {
	border-color: rgba(32, 196, 200, .34);
	color: #f4fdff !important;
	background: #061f31;
}

.cm-brain-vote__button:disabled {
	cursor: progress;
	opacity: .7;
}

.cm-brain-vote__status {
	grid-column: 2 / -1;
	min-height: 1.25em;
	margin: -10px 0 0 !important;
	color: #7bdfe2;
	font-family: inherit;
	font-size: .78rem;
	line-height: 1.4;
}

.cm-brain-vote__status.is-error { color: #ffb0a7; }

.just-liked { animation: cm-brain-liked-pop 440ms ease-out; }

@keyframes cm-brain-liked-pop {
	0% { transform: scale(1); }
	45% { transform: scale(1.09); }
	100% { transform: scale(1); }
}

@media (max-width: 700px) {
	.cm-entry-meta .cm-brain-like-hero {
		min-height: 32px;
		padding: 4px 9px 4px 7px;
	}

	.cm-brain-like-hero__emoji { font-size: 17px; }

	.cm-brain-vote {
		grid-template-columns: auto minmax(0, 1fr);
		gap: 13px;
		margin-top: 38px;
		padding: 18px;
	}

	.cm-brain-vote__mark {
		width: 48px;
		height: 48px;
		font-size: 25px;
	}

	.cm-brain-vote__button {
		grid-column: 1 / -1;
		width: 100%;
	}

	.cm-brain-vote__status {
		grid-column: 1 / -1;
		margin-top: -4px !important;
		text-align: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cm-entry-meta .cm-brain-like-hero,
	.cm-brain-vote__button { transition: none; }
	.just-liked { animation: none; }
}

@media print {
	.cm-entry-meta .cm-brain-like-hero,
	.cm-brain-vote { display: none !important; }
}
