.mgcr-box {
	--mgcr-bg: var(--mgcr-light-bg);
	--mgcr-text: var(--mgcr-light-text);
	--mgcr-muted: color-mix(in srgb, var(--mgcr-text) 55%, transparent);
	--mgcr-border: color-mix(in srgb, var(--mgcr-text) 13%, transparent);
	width: 100%;
	box-sizing: border-box;
	margin: 24px 0;
	padding: 32px 28px 28px;
	border: 1px solid var(--mgcr-border);
	border-radius: var(--mgcr-radius);
	background: var(--mgcr-bg);
	color: var(--mgcr-text);
	font-family: inherit;
	text-align: center;
	overflow: hidden;
	color-scheme: light;
}

.mgcr-native-comments .mgcr-comment-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin: 24px 0 4px;
	padding: 12px;
	border-top: 1px solid var(--mgcr-border);
}

.mgcr-native-comments .mgcr-page-numbers {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.mgcr-native-comments .mgcr-comment-pagination button,
.mgcr-native-comments .mgcr-comment-pagination a {
	display: inline-grid;
	width: 34px;
	height: 34px;
	place-items: center;
	padding: 0;
	border: 1px solid var(--mgcr-border);
	border-radius: 9px;
	background: color-mix(in srgb, var(--mgcr-bg) 82%, transparent);
	color: var(--mgcr-text);
	font: inherit;
	font-weight: 700;
	cursor: pointer;
	text-decoration: none;
	transition: transform .16s ease, background .16s ease, border-color .16s ease;
}

.mgcr-native-comments .mgcr-comment-pagination button:hover:not(:disabled),
.mgcr-native-comments .mgcr-comment-pagination a:hover:not([aria-disabled="true"]) {
	border-color: var(--mgcr-accent);
	background: color-mix(in srgb, var(--mgcr-accent) 18%, var(--mgcr-bg));
	transform: translateY(-1px);
}

.mgcr-native-comments .mgcr-comment-pagination .mgcr-page-number.is-active {
	border-color: var(--mgcr-accent);
	background: var(--mgcr-accent);
	color: #fff;
	box-shadow: 0 4px 14px color-mix(in srgb, var(--mgcr-accent) 45%, transparent);
}

.mgcr-native-comments .mgcr-comment-pagination .mgcr-page-arrow {
	font-size: 25px;
	line-height: 1;
}

.mgcr-native-comments .mgcr-comment-pagination button:disabled {
	opacity: .35;
	cursor: default;
}

.mgcr-native-comments .mgcr-comment-pagination a[aria-disabled="true"] {
	opacity: .35;
	pointer-events: none;
}

.mgcr-native-comments .mgcr-page-ellipsis {
	width: 22px;
	color: var(--mgcr-muted);
	text-align: center;
}

/* GraphComment ve reaksiyonlar aynı yorum panelinin parçaları gibi görünür. */
.mgcr-integrated-comments {
	--mgcr-shell-bg: var(--mgcr-light-bg);
	--mgcr-shell-text: var(--mgcr-light-text);
	--mgcr-shell-border: color-mix(in srgb, var(--mgcr-shell-text) 13%, transparent);
	margin: 24px 0;
	padding: 0;
	border: 1px solid var(--mgcr-shell-border);
	border-radius: var(--mgcr-radius);
	background: var(--mgcr-shell-bg);
	color: var(--mgcr-shell-text);
	overflow: hidden;
}

.mgcr-integrated-comments .mgcr-box {
	margin: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.mgcr-integrated-comments.mgcr-auto-dark {
	--mgcr-shell-bg: var(--mgcr-dark-bg);
	--mgcr-shell-text: var(--mgcr-dark-text);
	--mgcr-shell-border: color-mix(in srgb, var(--mgcr-shell-text) 16%, transparent);
}

.mgcr-integrated-comments > :not(.mgcr-box) {
	color: var(--mgcr-shell-text);
}

.mgcr-comment-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 20px 28px;
	border-top: 1px solid var(--mgcr-shell-border, var(--mgcr-border));
	border-bottom: 1px solid var(--mgcr-shell-border, var(--mgcr-border));
	background: color-mix(in srgb, var(--mgcr-shell-bg, var(--mgcr-bg)) 92%, var(--mgcr-accent));
}

.mgcr-comment-heading {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -.01em;
}

.mgcr-sort {
	display: inline-flex;
	gap: 3px;
	padding: 3px;
	border-radius: 10px;
	background: color-mix(in srgb, var(--mgcr-shell-text, var(--mgcr-text)) 8%, transparent);
}

.mgcr-sort-button {
	appearance: none;
	margin: 0;
	padding: 7px 11px;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: color-mix(in srgb, var(--mgcr-shell-text, var(--mgcr-text)) 62%, transparent);
	font: inherit;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: background .18s ease, color .18s ease, box-shadow .18s ease;
}

.mgcr-sort-button:hover,
.mgcr-sort-button:focus-visible {
	color: var(--mgcr-shell-text, var(--mgcr-text));
}

.mgcr-sort-button:focus-visible {
	outline: 2px solid var(--mgcr-accent);
	outline-offset: 1px;
}

.mgcr-sort-button.is-active {
	background: var(--mgcr-accent);
	box-shadow: 0 2px 7px color-mix(in srgb, var(--mgcr-accent) 35%, transparent);
	color: #fff;
}

.mgcr-native-comments {
	padding: 28px;
	background: transparent;
}

.mgcr-native-title,
.mgcr-reply-title {
	margin: 0 0 20px !important;
	color: inherit;
	font-size: 19px;
	font-weight: 700;
}

.mgcr-comment-list,
.mgcr-comment-list .children {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mgcr-comment-list .comment {
	margin: 10px 0;
	padding: 15px 18px 14px;
	border: 1px solid var(--mgcr-shell-border, var(--mgcr-border));
	border-radius: 12px;
	background: color-mix(in srgb, var(--mgcr-shell-bg, var(--mgcr-bg)) 96%, var(--mgcr-accent));
	box-shadow: 0 5px 14px color-mix(in srgb, #000 7%, transparent);
}

.mgcr-native-comments .comment-body {
	position: relative;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 0 30px !important;
}

.mgcr-comment-list .comment:first-child {
	margin-top: 0;
}

.mgcr-comment-list .children {
	margin: 16px 0 0 26px;
	padding-left: 18px;
	border-left: 2px solid color-mix(in srgb, var(--mgcr-accent) 32%, transparent);
}

.mgcr-native-comments .comment-author {
	display: flex !important;
	align-items: center;
	gap: 7px;
	margin-bottom: 2px;
	font-size: 15px;
	font-weight: 700;
}

.mgcr-native-comments footer.comment-meta,
.mgcr-native-comments footer.comment-meta .comment-author,
.mgcr-native-comments footer.comment-meta .comment-metadata {
	display: block !important;
}

.mgcr-native-comments footer.comment-meta .comment-author {
	display: flex !important;
}

.mgcr-native-comments .comment-author .fn {
	display: inline-flex !important;
	align-items: center !important;
	align-self: center;
	min-height: 42px;
	line-height: 1 !important;
	vertical-align: middle;
}

.mgcr-native-comments .comment-author .avatar {
	display: block !important;
	float: none;
	width: 42px;
	height: 42px;
	margin: 0 4px 0 0;
	border: 2px solid color-mix(in srgb, var(--mgcr-accent) 45%, transparent);
	border-radius: 50%;
}

.mgcr-level-badge {
	display: inline-flex !important;
	align-items: center;
	align-self: center;
	justify-content: center;
	min-height: 21px;
	padding: 1px 8px;
	border-radius: 999px;
	background: linear-gradient(135deg, #ffd54a, #efaa12);
	color: #4a3200;
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
	vertical-align: middle;
	box-shadow: 0 3px 10px rgba(248, 189, 36, .28);
	animation: mgcr-level-pulse 2.8s ease-in-out infinite;
}

.mgcr-level-name {
	transition: color .25s ease, text-shadow .25s ease;
}

.mgcr-level-tier-1.mgcr-level-name { color: #f5c13d; }
.mgcr-level-tier-2.mgcr-level-name { color: #56d89a; text-shadow: 0 0 10px rgba(86, 216, 154, .25); }
.mgcr-level-tier-3.mgcr-level-name { color: #65b9ff; text-shadow: 0 0 11px rgba(101, 185, 255, .3); }
.mgcr-level-tier-4.mgcr-level-name { color: #c889ff; text-shadow: 0 0 12px rgba(200, 137, 255, .35); }
.mgcr-level-tier-5.mgcr-level-name { color: #ff8c5a; text-shadow: 0 0 14px rgba(255, 108, 79, .48); animation: mgcr-name-shimmer 2.4s linear infinite; }

.mgcr-level-badge.mgcr-level-tier-2 { background: linear-gradient(135deg, #63e6a4, #159b6a); color: #052c20; box-shadow: 0 3px 11px rgba(56, 207, 137, .35); }
.mgcr-level-badge.mgcr-level-tier-3 { background: linear-gradient(135deg, #7ecbff, #3977e8); color: #071d4a; box-shadow: 0 3px 11px rgba(74, 142, 255, .38); }
.mgcr-level-badge.mgcr-level-tier-4 { background: linear-gradient(135deg, #e1a5ff, #8338d4); color: #fff; box-shadow: 0 3px 12px rgba(168, 80, 255, .45); }
.mgcr-level-badge.mgcr-level-tier-5 { background: linear-gradient(120deg, #ffcc4d, #ff6f61, #c952ee, #ffcc4d); background-size: 220% 100%; color: #fff; box-shadow: 0 3px 14px rgba(255, 99, 71, .5); animation: mgcr-level-pulse 2s ease-in-out infinite, mgcr-badge-shimmer 3s linear infinite; }

/* Configurable level rewards on native WordPress comments. */
.mgcr-native-comments .mgcr-user-frame-ring .comment-author .avatar{box-shadow:0 0 0 2px #ef1018,0 0 13px rgba(239,16,24,.5)}.mgcr-native-comments .mgcr-user-frame-double .comment-author .avatar{box-shadow:0 0 0 2px #ffd23f,0 0 0 5px #8b2cf5}.mgcr-native-comments .mgcr-user-frame-neon .comment-author .avatar{box-shadow:0 0 0 2px #55f6ff,0 0 17px rgba(85,246,255,.75)}.mgcr-native-comments .mgcr-user-frame-flame .comment-author .avatar{border-color:#ff4f24;background:linear-gradient(135deg,#ffd23f,#ff3421);box-shadow:0 0 17px rgba(255,69,33,.68)}.mgcr-native-comments .mgcr-user-frame-crown .comment-author{position:relative}.mgcr-native-comments .mgcr-user-frame-crown .comment-author:before{position:absolute;z-index:2;top:-13px;left:20px;content:'♛';color:#ffd23f;font-size:18px;text-shadow:0 2px 7px #000}.mgcr-native-comments .mgcr-user-effect-gradient .fn{background:linear-gradient(90deg,#ff3842,#ffd23f,#55f6ff,#c96cff);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:mgcr-reward-gradient 3s linear infinite}.mgcr-native-comments .mgcr-user-effect-pulse .comment-author .avatar{animation:mgcr-reward-pulse 1.8s ease-in-out infinite}.mgcr-native-comments .mgcr-user-effect-float .comment-author .avatar{animation:mgcr-reward-float 2.3s ease-in-out infinite}.mgcr-native-comments .mgcr-user-effect-glitch .fn{text-shadow:1px 0 #ff1744,-1px 0 #35dfff;animation:mgcr-reward-glitch 2.6s steps(1) infinite}.mgcr-native-comments .mgcr-user-effect-sparkle .comment-author:after{content:'✦';color:#fff2a6;animation:mgcr-reward-sparkle 1.4s ease-in-out infinite}@keyframes mgcr-reward-gradient{to{background-position:220% center}}@keyframes mgcr-reward-pulse{50%{transform:scale(1.08);filter:brightness(1.15)}}@keyframes mgcr-reward-float{50%{transform:translateY(-4px)}}@keyframes mgcr-reward-glitch{48%{transform:none}49%{transform:translateX(1px)}50%{transform:translateX(-1px)}51%{transform:none}}@keyframes mgcr-reward-sparkle{50%{transform:rotate(35deg) scale(1.35);opacity:.65}}@media(prefers-reduced-motion:reduce){.mgcr-native-comments .mgcr-user-effect-gradient .fn,.mgcr-native-comments .mgcr-user-effect-pulse .comment-author .avatar,.mgcr-native-comments .mgcr-user-effect-float .comment-author .avatar,.mgcr-native-comments .mgcr-user-effect-glitch .fn,.mgcr-native-comments .mgcr-user-effect-sparkle .comment-author:after{animation:none!important}}

@keyframes mgcr-level-pulse {
	50% { transform: translateY(-1px) scale(1.045); filter: brightness(1.1); }
}

@keyframes mgcr-badge-shimmer {
	to { background-position: 220% 0; }
}

@keyframes mgcr-name-shimmer {
	50% { filter: brightness(1.25); }
}

.mgcr-native-comments .comment-meta,
.mgcr-native-comments .comment-metadata,
.mgcr-native-comments .reply {
	font-size: 13px;
}

.mgcr-comment-menu {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	z-index: 5;
}

.mgcr-comment-menu summary {
	width: 30px;
	height: 30px;
	display: grid !important;
	place-items: center;
	border: 1px solid var(--mgcr-shell-border, var(--mgcr-border));
	border-radius: 8px;
	color: var(--mgcr-shell-text, var(--mgcr-text));
	cursor: pointer;
	list-style: none;
}

.mgcr-comment-menu summary::-webkit-details-marker { display: none; }
.mgcr-comment-menu-popover {
	display: none;
	position: absolute;
	top: 36px;
	right: 0;
	width: 142px;
	padding: 6px;
	border: 1px solid var(--mgcr-shell-border, var(--mgcr-border));
	border-radius: 9px;
	background: var(--mgcr-shell-bg, var(--mgcr-bg));
	box-shadow: 0 12px 28px rgba(0,0,0,.28);
}
.mgcr-comment-menu[open] .mgcr-comment-menu-popover { display: grid; gap: 3px; }
.mgcr-comment-menu-popover button { border: 0; border-radius: 6px; background: transparent; color: var(--mgcr-shell-text, var(--mgcr-text)); padding: 7px; text-align: left; cursor: pointer; }
.mgcr-comment-menu-popover button:hover { background: color-mix(in srgb, var(--mgcr-accent) 16%, transparent); color: var(--mgcr-accent); }
.mgcr-mute-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; }
.mgcr-mute-fields[hidden] { display: none; }
.mgcr-mute-fields input, .mgcr-mute-fields select { min-width: 0; border: 1px solid var(--mgcr-shell-border, var(--mgcr-border)); border-radius: 5px; background: transparent; color: var(--mgcr-shell-text, var(--mgcr-text)); padding: 5px; font: inherit; font-size: 12px; }
.mgcr-mute-fields button { grid-column: 1 / -1; }

.mgcr-native-comments .comment-metadata {
	display: block !important;
	margin: 3px 0 0 55px !important;
	line-height: 1.25;
}

.mgcr-comment-votes,
.mgcr-native-comments .reply {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	vertical-align: middle;
}

.mgcr-comment-votes {
	position: absolute !important;
	right: 91px !important;
	bottom: 0 !important;
	top: auto !important;
	margin: 0;
}

.mgcr-native-comments .reply {
	position: absolute !important;
	right: 0 !important;
	bottom: 0 !important;
	top: auto !important;
	float: none !important;
	margin: 0 !important;
}

.mgcr-comment-vote,
.mgcr-native-comments .reply a {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	border: 1px solid var(--mgcr-shell-border, var(--mgcr-border));
	border-radius: 7px;
	background: transparent;
	color: color-mix(in srgb, var(--mgcr-shell-text, var(--mgcr-text)) 75%, transparent);
	font: inherit;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	padding: 6px 8px;
	text-decoration: none;
	cursor: pointer;
	transition: border-color .18s ease, color .18s ease, background .18s ease, transform .18s ease;
}

.mgcr-comment-vote:hover,
.mgcr-comment-vote.is-selected,
.mgcr-native-comments .reply a:hover {
	border-color: color-mix(in srgb, var(--mgcr-accent) 70%, transparent);
	background: color-mix(in srgb, var(--mgcr-accent) 13%, transparent);
	color: var(--mgcr-accent);
}

.mgcr-comment-vote.is-loading {
	pointer-events: none;
	opacity: .55;
}

.mgcr-native-comments .comment-meta a,
.mgcr-native-comments .comment-metadata a,
.mgcr-native-comments .reply a {
	color: var(--mgcr-accent);
	text-decoration: none;
}

.mgcr-native-comments .reply a::before {
	content: '↩';
	margin-right: 5px;
	font-size: 14px;
}

.mgcr-native-comments .comment-content {
	clear: both;
	margin: 8px 0;
	line-height: 1.7;
}

.mgcr-chapter-views {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-left: 8px;
	color: inherit;
	font-size: .88em;
	opacity: .75;
	white-space: nowrap;
}

.mgcr-native-comments .comment-respond {
	margin-top: 18px;
	padding: 18px;
	border: 1px solid var(--mgcr-shell-border, var(--mgcr-border));
	border-radius: calc(var(--mgcr-radius) - 4px);
	background: color-mix(in srgb, var(--mgcr-shell-bg, var(--mgcr-bg)) 94%, var(--mgcr-accent));
}

/* Madara'nın varsayılan yorum şablonu GraphComment/hybrid geçişinde görünürse aynı görünümü koru. */
.mgcr-provider-hybrid .comments-area:not(.mgcr-native-comments) .comment-respond,
.mgcr-provider-graphcomment .comments-area:not(.mgcr-native-comments) .comment-respond {
	margin: 18px 0;
	padding: 18px;
	border: 1px solid var(--mgcr-shell-border, var(--mgcr-border));
	border-radius: 12px;
	background: color-mix(in srgb, var(--mgcr-shell-bg, var(--mgcr-bg)) 94%, var(--mgcr-accent));
}

.mgcr-provider-hybrid .comments-area:not(.mgcr-native-comments) .comment-form textarea,
.mgcr-provider-hybrid .comments-area:not(.mgcr-native-comments) .comment-form input:not([type="submit"]),
.mgcr-provider-graphcomment .comments-area:not(.mgcr-native-comments) .comment-form textarea,
.mgcr-provider-graphcomment .comments-area:not(.mgcr-native-comments) .comment-form input:not([type="submit"]) {
	box-sizing: border-box;
	width: 100%;
	border: 1px solid var(--mgcr-shell-border, var(--mgcr-border));
	border-radius: 10px;
	background: color-mix(in srgb, var(--mgcr-shell-bg, var(--mgcr-bg)) 88%, #fff);
	color: var(--mgcr-shell-text, var(--mgcr-text));
	padding: 12px 14px;
}

.mgcr-provider-hybrid .comments-area:not(.mgcr-native-comments) .comment-form textarea,
.mgcr-provider-graphcomment .comments-area:not(.mgcr-native-comments) .comment-form textarea { min-height: 130px; }
.mgcr-provider-hybrid .comments-area:not(.mgcr-native-comments) .form-submit,
.mgcr-provider-graphcomment .comments-area:not(.mgcr-native-comments) .form-submit { text-align: right; }
.mgcr-provider-hybrid .comments-area:not(.mgcr-native-comments) .form-submit input,
.mgcr-provider-graphcomment .comments-area:not(.mgcr-native-comments) .form-submit input { border: 0; border-radius: 10px; background: var(--mgcr-accent); color: #fff; padding: 11px 17px; font-weight: 700; }

.mgcr-provider-hybrid .comments-area:not(.mgcr-native-comments) .comment-list,
.mgcr-provider-graphcomment .comments-area:not(.mgcr-native-comments) .comment-list { margin: 0; padding: 0; list-style: none; }
.mgcr-provider-hybrid .comments-area:not(.mgcr-native-comments) .comment-list > .comment,
.mgcr-provider-graphcomment .comments-area:not(.mgcr-native-comments) .comment-list > .comment { margin: 12px 0; padding: 18px; border: 1px solid var(--mgcr-shell-border, var(--mgcr-border)); border-radius: 12px; background: var(--mgcr-shell-bg, var(--mgcr-bg)); }
.mgcr-provider-hybrid .comments-area:not(.mgcr-native-comments) .comment-list .comment-body,
.mgcr-provider-graphcomment .comments-area:not(.mgcr-native-comments) .comment-list .comment-body { min-height: 0 !important; margin: 0 !important; padding: 0 !important; }
.mgcr-provider-hybrid .comments-area:not(.mgcr-native-comments) .comment-list .avatar,
.mgcr-provider-graphcomment .comments-area:not(.mgcr-native-comments) .comment-list .avatar { float: left; width: 48px; height: 48px; margin: 0 13px 8px 0; border-radius: 50%; }
.mgcr-provider-hybrid .comments-area:not(.mgcr-native-comments) .comment-list .comment-content,
.mgcr-provider-graphcomment .comments-area:not(.mgcr-native-comments) .comment-list .comment-content { clear: both; margin: 10px 0; line-height: 1.65; }
.mgcr-provider-hybrid .comments-area:not(.mgcr-native-comments) .comment-list .reply,
.mgcr-provider-graphcomment .comments-area:not(.mgcr-native-comments) .comment-list .reply { text-align: right; }

.mgcr-fallback-comments .comment-list .comment { position: relative; margin: 12px 0; padding: 18px 18px 48px; border: 1px solid var(--mgcr-shell-border, var(--mgcr-border)); border-radius: 12px; background: var(--mgcr-shell-bg, var(--mgcr-bg)); }
.mgcr-fallback-comments .comment-list .comment-body { position: relative; min-height: 0 !important; margin: 0 !important; padding: 0 !important; }
.mgcr-fallback-comments .comment-author { display: flex !important; align-items: center; gap: 7px; font-weight: 700; }
.mgcr-fallback-comments .comment-author .avatar { float: none !important; width: 48px; height: 48px; margin: 0 5px 0 0; border: 2px solid color-mix(in srgb, var(--mgcr-accent) 45%, transparent); border-radius: 50%; }
.mgcr-fallback-comments .comment-author .fn { display: inline-flex !important; align-items: center; min-height: 48px; line-height: 1 !important; }
.mgcr-fallback-comments .comment-metadata { display: block !important; margin: 4px 0 0 60px; font-size: 13px; }
.mgcr-fallback-comments .comment-content { clear: both; margin: 12px 0; line-height: 1.7; }
.mgcr-fallback-comments .mgcr-comment-votes { position: absolute !important; right: 92px !important; bottom: 0 !important; top: auto !important; }
.mgcr-fallback-comments .reply { position: absolute !important; right: 0 !important; bottom: 0 !important; top: auto !important; float: none !important; margin: 0 !important; }
.mgcr-fallback-comments .mgcr-comment-menu { position: absolute !important; top: 0 !important; right: 0 !important; }
.mgcr-fallback-comments .reply a::before { content: '↩'; margin-right: 5px; }

.mgcr-native-comments .mgcr-form-status {
	margin: 10px 0 0;
	font-size: 13px;
	color: var(--mgcr-accent);
}

@media (max-width: 600px) {
	.mgcr-native-comments {
		padding: 18px;
	}

	.mgcr-native-comments .comment-body {
		display: flex !important;
		flex-wrap: wrap;
		align-items: flex-start;
		padding-bottom: 0 !important;
	}

	.mgcr-native-comments .comment-meta,
	.mgcr-native-comments .comment-content {
		flex: 0 0 100%;
		width: 100%;
	}

	.mgcr-native-comments .comment-content {
		clear: both !important;
	}

	.mgcr-comment-votes,
	.mgcr-native-comments .reply {
		position: static !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		margin: 12px 0 0 !important;
	}

	.mgcr-comment-votes {
		margin-left: auto !important;
	}

	.mgcr-native-comments .reply {
		margin-left: 8px !important;
	}
}

.mgcr-native-comments .comment-form-comment label,
.mgcr-native-comments .comment-form-author label,
.mgcr-native-comments .comment-form-email label,
.mgcr-native-comments .comment-form-url label {
	display: block;
	margin-bottom: 7px;
	font-size: 13px;
	font-weight: 600;
}

.mgcr-native-comments .comment-form input:not([type="submit"]),
.mgcr-native-comments .comment-form textarea {
	box-sizing: border-box;
	width: 100%;
	border: 1px solid var(--mgcr-shell-border, var(--mgcr-border));
	border-radius: 10px;
	background: color-mix(in srgb, var(--mgcr-shell-bg, var(--mgcr-bg)) 88%, #fff);
	color: var(--mgcr-shell-text, var(--mgcr-text));
	font: inherit;
	padding: 12px 14px;
}

.mgcr-native-comments .comment-form textarea {
	min-height: 130px;
	resize: vertical;
}

.mgcr-native-comments .form-submit {
	margin: 16px 0 0;
	text-align: right;
}

.mgcr-native-comments .form-submit input[type="submit"] {
	border: 0;
	border-radius: 9px;
	background: var(--mgcr-accent);
	box-shadow: 0 5px 14px color-mix(in srgb, var(--mgcr-accent) 30%, transparent);
	color: #fff;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
	padding: 10px 16px;
}

.mgcr-theme-dark,
.mgcr-theme-auto.mgcr-auto-dark {
	--mgcr-bg: var(--mgcr-dark-bg);
	--mgcr-text: var(--mgcr-dark-text);
	color-scheme: dark;
}

.mgcr-title {
	margin: 0 0 7px !important;
	padding: 0;
	color: inherit;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.35;
	text-transform: none;
	letter-spacing: normal;
}

.mgcr-total {
	display: flex;
	justify-content: center;
	gap: 4px;
	margin: 0 0 26px;
	color: var(--mgcr-muted);
	font-size: 15px;
	line-height: 1.4;
}

.mgcr-list {
	display: grid;
	grid-template-columns: repeat(var(--mgcr-desktop-columns), minmax(72px, 1fr));
	gap: 15px;
	max-width: 950px;
	margin: 0 auto;
	align-items: start;
}

.mgcr-item {
	appearance: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 7px;
	min-width: 0;
	margin: 0;
	padding: 4px;
	border: 0;
	border-radius: 12px;
	outline: 0;
	background: transparent;
	box-shadow: none;
	color: var(--mgcr-muted);
	font: inherit;
	text-align: center;
	cursor: pointer;
	transition: color .18s ease, transform .18s ease, background .18s ease;
}

.mgcr-pill {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 62px;
}

.mgcr-emoji {
	display: block;
	font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
	font-size: 40px;
	line-height: 1;
	filter: saturate(.82);
	transition: transform .18s ease, filter .18s ease;
}

.mgcr-count {
	min-width: 16px;
	color: color-mix(in srgb, var(--mgcr-text) 67%, transparent);
	font-size: 17px;
	font-weight: 700;
	line-height: 1;
}

.mgcr-label {
	max-width: 100%;
	overflow: hidden;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mgcr-item:hover {
	color: var(--mgcr-text);
	transform: translateY(-2px);
}

.mgcr-item:hover .mgcr-emoji {
	filter: saturate(1);
	transform: scale(1.1);
}

.mgcr-item:focus-visible {
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--mgcr-accent) 35%, transparent);
}

.mgcr-item.is-selected {
	background: color-mix(in srgb, var(--mgcr-accent) 11%, transparent);
	color: var(--mgcr-text);
}

.mgcr-item.is-selected .mgcr-emoji {
	filter: saturate(1);
	transform: scale(1.08);
}

.mgcr-item.is-selected .mgcr-count {
	color: var(--mgcr-accent);
}

.mgcr-status {
	min-height: 0;
	margin: 14px 0 0;
	color: #dc3545;
	font-size: 13px;
}

.mgcr-status:empty {
	display: none;
}

/* Semantic outline helpers: visible Madara labels keep their own layout. */
.mgcr-semantic-heading {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.mgcr-box.is-loading {
	pointer-events: none;
	opacity: .65;
}

@media (max-width: 900px) {
	.mgcr-list {
		grid-template-columns: repeat(var(--mgcr-mobile-columns), minmax(70px, 1fr));
		gap: 20px 8px;
	}
}

@media (max-width: 520px) {
	.mgcr-integrated-comments {
		margin: 18px 0;
		border-radius: max(0px, calc(var(--mgcr-radius) - 4px));
	}

	.mgcr-box {
		margin: 18px 0;
		padding: 34px 14px 23px;
	}

	.mgcr-comment-toolbar {
		align-items: flex-start;
		flex-direction: column;
		padding: 17px 14px;
	}

	.mgcr-title {
		font-size: 20px;
	}

	.mgcr-total {
		margin-bottom: 23px;
	}

	.mgcr-emoji {
		font-size: 40px;
	}

	.mgcr-label {
		font-size: 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mgcr-item,
	.mgcr-emoji {
		transition: none;
	}
}

/* 3.26.9 independent level rewards for native WordPress comments. */
.mgcr-level-badge-style-violet{background:#8b2cf5;color:#fff}.mgcr-level-badge-style-blue{background:#1d8cff;color:#fff}.mgcr-level-badge-style-gold{background:#ffd23f;color:#302400}.mgcr-level-badge-style-fire{background:linear-gradient(110deg,#ff3f35,#ffad27);color:#fff}.mgcr-level-badge-style-rose{background:linear-gradient(110deg,#ff4d83,#ff8d68);color:#fff}.mgcr-level-badge-style-emerald{background:#41d28b;color:#092b1c}.mgcr-level-badge-style-ocean{background:linear-gradient(110deg,#00a8ff,#4d7cff);color:#fff}.mgcr-level-badge-style-neon{border:1px solid #caff21;background:#17171c;color:#d6ff3d}.mgcr-level-badge-style-aurora{background:linear-gradient(105deg,#8b5cf6,#22d3ee,#4ade80);color:#082221}.mgcr-level-badge-style-sunset{background:linear-gradient(110deg,#f97316,#ec4899,#8b5cf6);color:#fff}.mgcr-level-badge-style-royal{background:#573bc4;color:#fff}.mgcr-level-badge-style-cyber{border:1px solid #25d9e8;background:#0e2025;color:#55f6ff}
.mgcr-level-badge-style-crimson{background:linear-gradient(110deg,#8b0015,#ff2648);color:#fff}.mgcr-level-badge-style-amber{background:linear-gradient(110deg,#f59e0b,#fde047);color:#3b2600}.mgcr-level-badge-style-lime{background:linear-gradient(110deg,#65a30d,#bef264);color:#193000}.mgcr-level-badge-style-mint{background:linear-gradient(110deg,#2dd4bf,#a7f3d0);color:#063b34}.mgcr-level-badge-style-teal{background:#0f766e;color:#fff}.mgcr-level-badge-style-sky{background:#38bdf8;color:#082f49}.mgcr-level-badge-style-indigo{background:#4338ca;color:#fff}.mgcr-level-badge-style-magenta{background:#c026d3;color:#fff}.mgcr-level-badge-style-monochrome{background:linear-gradient(110deg,#111,#737373);color:#fff}.mgcr-level-badge-style-galaxy{background:linear-gradient(110deg,#160b3d,#7c3aed,#0ea5e9,#ec4899);color:#fff;background-size:240% 100%}.mgcr-level-badge-style-candy{background:linear-gradient(110deg,#fb7185,#f9a8d4,#67e8f9);color:#42142d}.mgcr-level-badge-style-toxic{border:1px solid #9fff15;background:#111b0b;color:#caff21}.mgcr-level-badge-style-ice{background:linear-gradient(110deg,#e0f2fe,#67e8f9,#60a5fa);color:#082f49}.mgcr-level-badge-style-blood{background:linear-gradient(110deg,#2b0000,#dc2626);color:#fff}.mgcr-level-badge-style-void{border:1px solid #6d5ce7;background:#020204;color:#ddd6fe}.mgcr-level-badge-style-prism{background:linear-gradient(90deg,#ff305c,#ffcf33,#39ef92,#38bdf8,#a855f7);color:#111;background-size:260% 100%}
.mgcr-native-comments .mgcr-user-frame-diamond .comment-author .avatar{border-radius:12px;box-shadow:0 0 0 2px #ff4d8d,0 0 14px #ff4d8d}.mgcr-native-comments .mgcr-user-frame-hex .comment-author .avatar{border-radius:0;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%)}.mgcr-native-comments .mgcr-user-frame-galaxy .comment-author .avatar{box-shadow:0 0 0 3px #8b5cf6,0 0 18px #ec4899}.mgcr-native-comments .mgcr-user-frame-ice .comment-author .avatar{box-shadow:0 0 0 2px #bae6fd,0 0 0 5px #22d3ee,0 0 15px #38bdf8}.mgcr-native-comments .mgcr-user-frame-thorn .comment-author .avatar{border:2px dashed #84cc16;box-shadow:0 0 12px #84cc16}.mgcr-native-comments .mgcr-user-frame-royal .comment-author .avatar{box-shadow:0 0 0 2px #facc15,0 0 0 5px #4c1d95}.mgcr-native-comments .mgcr-user-frame-cyber .comment-author .avatar{border-radius:10px 50% 10px 50%;box-shadow:2px 0 #ff1744,-2px 0 #22d3ee}.mgcr-native-comments .mgcr-user-frame-void .comment-author .avatar{box-shadow:0 0 0 3px #312e81,0 0 18px #000}.mgcr-native-comments .mgcr-user-frame-halo .comment-author:before{position:absolute;z-index:3;top:-8px;left:8px;width:29px;height:8px;border:2px solid #fde68a;border-radius:50%;content:""}.mgcr-native-comments .mgcr-user-frame-eclipse .comment-author .avatar{box-shadow:-4px 0 #f97316,4px 0 #4338ca}
.mgcr-native-comments .mgcr-user-frameanim-pulse .comment-author .avatar{animation:mgcr-user-pulse 1.7s ease-in-out infinite}.mgcr-native-comments .mgcr-user-frameanim-float .comment-author .avatar{animation:mgcr-user-float 2.2s ease-in-out infinite}.mgcr-native-comments .mgcr-user-frameanim-spin .comment-author .avatar{animation:mgcr-user-spin 4s linear infinite}.mgcr-native-comments .mgcr-user-frameanim-breathe .comment-author .avatar{animation:mgcr-user-breathe 2.4s ease-in-out infinite}.mgcr-native-comments .mgcr-user-frameanim-orbit .comment-author .avatar{animation:mgcr-user-orbit 2.6s linear infinite}.mgcr-native-comments .mgcr-user-frameanim-wobble .comment-author .avatar{animation:mgcr-user-wobble 1.7s ease-in-out infinite}.mgcr-native-comments .mgcr-user-frameanim-jitter .comment-author .avatar{animation:mgcr-user-jitter .45s steps(2) infinite}.mgcr-native-comments .mgcr-user-frameanim-sparkle .comment-author:after{content:'✦';color:#fff2a6;animation:mgcr-user-pulse 1.2s infinite}.mgcr-native-comments .mgcr-user-frameanim-chaos .comment-author .avatar{animation:mgcr-user-chaos .8s steps(2) infinite}
.mgcr-native-comments .mgcr-user-frameanim-glitchwave .comment-author .avatar{animation:mgcr-user-glitchwave .9s steps(2,end) infinite}
.mgcr-native-comments .mgcr-user-namefx-gradient .fn,.mgcr-native-comments .mgcr-user-namefx-rainbow .fn,.mgcr-native-comments .mgcr-user-namefx-fire .fn,.mgcr-native-comments .mgcr-user-namefx-ice .fn,.mgcr-native-comments .mgcr-user-namefx-hologram .fn,.mgcr-native-comments .mgcr-user-namefx-chaos .fn{background-size:260% auto;-webkit-background-clip:text;background-clip:text;color:transparent!important}.mgcr-native-comments .mgcr-user-namefx-gradient .fn{background-image:linear-gradient(90deg,#ff3842,#ffd23f,#55f6ff,#c96cff);animation:mgcr-user-flow 3s linear infinite}.mgcr-native-comments .mgcr-user-namefx-rainbow .fn{background-image:linear-gradient(90deg,#ff1744,#ffea00,#00e676,#00b0ff,#d500f9);animation:mgcr-user-flow 1.7s linear infinite}.mgcr-native-comments .mgcr-user-namefx-fire .fn{background-image:linear-gradient(0deg,#ffec70,#ff6b00,#ef1018)}.mgcr-native-comments .mgcr-user-namefx-ice .fn{background-image:linear-gradient(90deg,#e0f2fe,#67e8f9,#60a5fa)}.mgcr-native-comments .mgcr-user-namefx-neon .fn{color:#8afffb!important;text-shadow:0 0 9px #22d3ee}.mgcr-native-comments .mgcr-user-namefx-shadow .fn{text-shadow:2px 2px #ef1018,-2px -2px #4f46e5}.mgcr-native-comments .mgcr-user-namefx-glitch .fn{animation:mgcr-user-jitter .7s steps(2) infinite;text-shadow:1px 0 #ff1744,-1px 0 #35dfff}.mgcr-native-comments .mgcr-user-namefx-scan .fn{color:#a7f3d0!important;text-shadow:0 0 8px #10b981;animation:mgcr-user-flicker 1.4s steps(2) infinite}.mgcr-native-comments .mgcr-user-namefx-hologram .fn{background-image:linear-gradient(90deg,#67e8f9,#f0abfc,#fff,#67e8f9);animation:mgcr-user-flow 1.2s linear infinite}.mgcr-native-comments .mgcr-user-namefx-chaos .fn{background-image:linear-gradient(90deg,#ff1744,#facc15,#22d3ee,#a855f7);animation:mgcr-user-chaos .7s steps(2) infinite}
.mgcr-user-badgefx-pulse{animation:mgcr-user-pulse 1.4s ease-in-out infinite}.mgcr-user-badgefx-shimmer,.mgcr-user-badgefx-wave{background-size:260% 100%;animation:mgcr-user-flow 1.5s linear infinite}.mgcr-user-badgefx-glow{animation:mgcr-user-glow 1.2s ease-in-out infinite alternate}.mgcr-user-badgefx-bounce{animation:mgcr-user-float 1s ease-in-out infinite}.mgcr-user-badgefx-flicker{animation:mgcr-user-flicker 1.2s steps(1) infinite}.mgcr-user-badgefx-glitch,.mgcr-user-badgefx-chaos{animation:mgcr-user-chaos .7s steps(2) infinite}.mgcr-user-badgefx-orbit{animation:mgcr-user-orbit 2s ease-in-out infinite}
@keyframes mgcr-user-pulse{50%{transform:scale(1.08)}}@keyframes mgcr-user-float{50%{transform:translateY(-4px)}}@keyframes mgcr-user-spin{to{transform:rotate(360deg)}}@keyframes mgcr-user-breathe{50%{filter:brightness(1.35);box-shadow:0 0 18px currentColor}}@keyframes mgcr-user-orbit{25%{transform:translate(2px,-2px)}75%{transform:translate(-2px,2px)}}@keyframes mgcr-user-wobble{25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes mgcr-user-jitter{50%{transform:translate(1px,-1px)}}@keyframes mgcr-user-chaos{25%{transform:translate(2px,-1px) rotate(3deg);filter:hue-rotate(90deg)}50%{transform:translate(-2px,1px) scale(1.06)}75%{filter:hue-rotate(240deg)}}@keyframes mgcr-user-glitchwave{25%{transform:translateX(2px) skewX(4deg);filter:hue-rotate(70deg)}50%{transform:translateX(-2px) skewX(-4deg)}75%{filter:hue-rotate(250deg)}}@keyframes mgcr-user-flow{to{background-position:260% center}}@keyframes mgcr-user-flicker{20%,60%{opacity:.55}}@keyframes mgcr-user-glow{to{box-shadow:0 0 15px currentColor;filter:brightness(1.25)}}
@media(prefers-reduced-motion:reduce){[class*=mgcr-user-frameanim-] .comment-author .avatar,[class*=mgcr-user-namefx-] .fn,[class*=mgcr-user-badgefx-]{animation:none!important}}
@media(prefers-reduced-motion:reduce){.mgcr-user-frameanim-sparkle .comment-author:after{animation:none!important}}

/* Local image-backed rewards also apply to native comments. */
.mgcr-native-comments .mgcr-user-avatarfx-floral .comment-author,.mgcr-native-comments .mgcr-user-avatarfx-flame .comment-author{position:relative}
.mgcr-native-comments .mgcr-user-avatarfx-floral .comment-author:after{position:absolute;z-index:3;top:-13px;left:-13px;width:70px;height:70px;content:"";pointer-events:none;background:url('../images/effects/floral-frame.svg') center/contain no-repeat;animation:mgcr-native-floral 4.8s ease-in-out infinite}
.mgcr-native-comments .mgcr-user-avatarfx-flame .comment-author:after{position:absolute;z-index:3;top:18px;left:-8px;width:62px;height:35px;content:"";pointer-events:none;background:url('../images/effects/blue-flame.svg') center bottom/100% 100% no-repeat;animation:mgcr-native-flame .85s ease-in-out infinite alternate}
.mgcr-native-comments .mgcr-user-namefx-blueflame .fn{background-image:url('../images/effects/blue-flame.svg'),linear-gradient(90deg,#eaffff,#00d9ff,#2864ff,#eaffff);background-size:190% 180%,220% auto;background-position:center bottom,0 center;-webkit-background-clip:text;background-clip:text;color:transparent!important;filter:drop-shadow(0 0 4px rgba(0,217,255,.85));animation:mgcr-native-blueflame 1.7s linear infinite}
.mgcr-native-comments .mgcr-user-levelfx-shine{background:linear-gradient(100deg,#ffd23f,#fff7ae,#ffd23f);background-size:220% 100%;animation:mgcr-user-flow 1.8s linear infinite}.mgcr-native-comments .mgcr-user-levelfx-pulse{animation:mgcr-user-pulse 1.4s ease-in-out infinite}.mgcr-native-comments .mgcr-user-levelfx-neon{background:#111827;color:#67e8f9;box-shadow:0 0 9px #22d3ee}.mgcr-native-comments .mgcr-user-levelfx-glitch{animation:mgcr-user-jitter .7s steps(2) infinite}.mgcr-native-comments .mgcr-user-levelfx-chaos{animation:mgcr-user-chaos .7s steps(2) infinite}
.mgcr-native-comments .mgcr-user-avatarfx-orbit .comment-author{animation:mgcr-store-orbit 2.4s linear infinite;box-shadow:0 0 0 3px #a78bfa,10px 0 15px #38bdf8,-10px 0 15px #f472b6}.mgcr-native-comments .mgcr-user-avatarfx-hologram .comment-author{animation:mgcr-store-holo 1.2s steps(3) infinite;filter:drop-shadow(0 0 8px #22d3ee)}.mgcr-native-comments .mgcr-user-avatarfx-aura .comment-author{animation:mgcr-store-aura 1.8s ease-in-out infinite;filter:drop-shadow(0 0 10px #fb7185)}.mgcr-native-comments .mgcr-user-avatarfx-storm .comment-author{animation:mgcr-store-storm .55s steps(2) infinite;filter:drop-shadow(3px 0 #38bdf8) drop-shadow(-3px 0 #a855f7)}
.mgcr-native-comments .mgcr-user-levelfx-prism{background:linear-gradient(90deg,#fb7185,#fde047,#34d399,#38bdf8,#c084fc);background-size:250% 100%;animation:mgcr-user-flow 1.5s linear infinite}.mgcr-native-comments .mgcr-user-levelfx-electric{animation:mgcr-store-electric .65s steps(2) infinite;box-shadow:0 0 12px #38bdf8}.mgcr-native-comments .mgcr-user-levelfx-orbit{animation:mgcr-store-orbit 2s linear infinite}.mgcr-native-comments .mgcr-user-levelfx-ember{color:#fff;background:#7f1d1d;animation:mgcr-store-ember .9s ease-in-out infinite alternate}.mgcr-native-comments .mgcr-user-levelfx-frost{color:#083344;background:linear-gradient(110deg,#ecfeff,#67e8f9,#bfdbfe);animation:mgcr-store-frost 1.8s ease-in-out infinite}
@keyframes mgcr-store-orbit{to{filter:hue-rotate(360deg)}}@keyframes mgcr-store-holo{50%{transform:translateX(2px);filter:hue-rotate(120deg)}}@keyframes mgcr-store-aura{50%{transform:scale(1.08);filter:brightness(1.3)}}@keyframes mgcr-store-storm{50%{transform:translate(1px,-1px)}}@keyframes mgcr-store-electric{50%{transform:skewX(-7deg);filter:brightness(1.5)}}@keyframes mgcr-store-ember{to{box-shadow:0 0 18px #f97316}}@keyframes mgcr-store-frost{50%{filter:brightness(1.25);box-shadow:0 0 14px #67e8f9}}
@keyframes mgcr-native-floral{50%{transform:rotate(5deg) scale(1.05);filter:drop-shadow(0 0 7px #ec4899)}}@keyframes mgcr-native-flame{to{transform:translateY(-3px) scaleY(1.13);filter:brightness(1.25)}}@keyframes mgcr-native-blueflame{to{background-position:190% bottom,220% center}}
.mgcr-native-comments .mgcr-rank-badge{display:inline-flex;align-items:center;margin-left:7px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:800;line-height:1.2;vertical-align:middle}
.mgcr-series-dates{display:flex;flex-wrap:wrap;gap:8px 18px;margin:10px 0;color:inherit;font-size:13px;opacity:.75}.mgcr-series-dates span{display:inline-flex;gap:5px}.mgcr-series-dates time{font-weight:600}
