/*
 * Lakorn profile v3
 * Independent profile UI. The lcp3 namespace deliberately avoids the legacy
 * profile skin so the page can evolve without fighting old theme selectors.
 */

:root {
	--lcp3-ink: #14242b;
	--lcp3-muted: #6b7b82;
	--lcp3-line: #dde5e4;
	--lcp3-page: #f2f4f1;
	--lcp3-card: #ffffff;
	--lcp3-soft: #f6f8f6;
	--lcp3-navy: #142d35;
	--lcp3-sky: #27b5d8;
	--lcp3-coral: #ff6e57;
	--lcp3-gold: #f1b83b;
	--lcp3-shadow: 0 18px 50px rgba(35, 53, 58, .09);
}

html {
	overflow-x: hidden;
}

body.blog:has(.lc-profile-page) {
	background:
		radial-gradient(circle at 4% 10%, rgba(39, 181, 216, .11), transparent 25rem),
		radial-gradient(circle at 96% 36%, rgba(255, 110, 87, .09), transparent 28rem),
		var(--lcp3-page) !important;
}

body.blog:has(.lc-profile-page) .site-content,
body.blog:has(.lc-profile-page) .site-content-inner {
	overflow: visible !important;
}

body.blog:has(.lc-profile-page) .site-content {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 16px !important;
}

body.blog:has(.lc-profile-page) .site-content-inner {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.blog .site-content .site-content-inner > main.lc-profile-wrap.lc-profile-page {
	display: block !important;
	width: 100% !important;
	max-width: 1560px !important;
	min-width: 0 !important;
	margin: 86px auto 60px !important;
	padding: 0 !important;
	background: transparent !important;
}

.lc-profile-page .lc-profile-container,
body.blog #content main.lc-profile-page > .lc-profile-container {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.lc-profile-page .lcab-shell {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

.lc-profile-page .lcab-layout {
	display: grid !important;
	grid-template-columns: 220px minmax(0, 1fr) !important;
	align-items: start !important;
	gap: 22px !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.blog #content main.lc-profile-page > .lcab-layout,
body.blog #content main.lc-profile-page .lcab-layout {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

.lc-profile-page .lcab-main {
	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
	padding: 0 !important;
	background: transparent !important;
}

/* Sidebar */
body.blog .lc-profile-page .lcp3-sidebar {
	position: sticky !important;
	top: 88px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 5px !important;
	width: 220px !important;
	max-height: calc(100vh - 106px) !important;
	overflow: auto !important;
	padding: 12px !important;
	border: 1px solid rgba(20, 45, 53, .08) !important;
	border-radius: 22px !important;
	background: rgba(255, 255, 255, .88) !important;
	box-shadow: 0 15px 45px rgba(42, 58, 61, .08) !important;
	backdrop-filter: blur(18px);
	scrollbar-width: thin;
	scrollbar-color: rgba(20, 45, 53, .2) transparent;
}

body.blog #content main.lc-profile-page aside.lcp3-sidebar {
	background: rgba(255, 255, 255, .92) !important;
	border-color: rgba(20, 45, 53, .1) !important;
	box-shadow: 0 15px 45px rgba(42, 58, 61, .1) !important;
}

body.blog .lc-profile-page .lcp3-sidebar .lcp3-sidebar__item {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 9px !important;
	width: 100% !important;
	min-height: 40px !important;
	margin: 0 !important;
	padding: 9px 11px !important;
	border: 0 !important;
	border-radius: 12px !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #43545b !important;
	font: 750 12px/1.2 "Manrope", "Montserrat", sans-serif !important;
	text-align: left !important;
	transition: color .18s ease, background .18s ease, transform .18s ease !important;
}

body.blog #content main.lc-profile-page aside.lcp3-sidebar .lcp3-sidebar__item {
	background: transparent !important;
	color: #43545b !important;
	box-shadow: none !important;
}

body.blog #content main.lc-profile-page aside.lcp3-sidebar .lcp3-sidebar__item[data-action="toggle-social"],
body.blog #content main.lc-profile-page aside.lcp3-sidebar .lcab-nav__item[data-view="games"] {
	border: 0 !important;
	background: transparent !important;
	color: #43545b !important;
	box-shadow: none !important;
}

body.blog .lc-profile-page .lcp3-sidebar .lcp3-sidebar__item:hover {
	color: var(--lcp3-ink) !important;
	background: #edf3f2 !important;
	transform: translateX(2px);
}

body.blog .lc-profile-page .lcp3-sidebar .lcp3-sidebar__item.is-active,
body.blog .lc-profile-page .lcp3-sidebar .lcp3-sidebar__item[data-action="profile"] {
	color: #fff !important;
	background: var(--lcp3-navy) !important;
	box-shadow: 0 8px 22px rgba(20, 45, 53, .2) !important;
}

body.blog #content main.lc-profile-page aside.lcp3-sidebar .lcp3-sidebar__item[data-action="profile"] {
	background: var(--lcp3-navy) !important;
	color: #fff !important;
	box-shadow: 0 8px 22px rgba(20, 45, 53, .2) !important;
}

body.blog .lc-profile-page .lcp3-sidebar .lcp3-sidebar__item--sub {
	min-height: 34px !important;
	padding-left: 30px !important;
	font-size: 11px !important;
}

.lc-profile-page .lcp3-sidebar__group {
	width: 100%;
}

.lc-profile-page .lcp3-sidebar .lcab-nav__submenu {
	display: none !important;
	gap: 2px !important;
	margin: 3px 0 5px !important;
	padding: 5px !important;
	border-radius: 12px !important;
	background: #f0f4f3 !important;
}

.lc-profile-page .lcp3-sidebar__group.is-expanded .lcab-nav__submenu {
	display: grid !important;
}

body.blog .lc-profile-page .lcp3-sidebar .lcp3-sidebar__item--balance,
body.blog .lc-profile-page .lcp3-sidebar .lcab-nav__item--balance {
	min-height: 60px !important;
	margin-bottom: 2px !important;
	padding: 11px 12px !important;
	background: linear-gradient(135deg, #163640, #237687) !important;
	color: #fff !important;
}

body.blog #content main.lc-profile-page aside.lcp3-sidebar .lcab-nav__item--balance {
	background: linear-gradient(135deg, #163640, #237687) !important;
	color: #fff !important;
}

body.blog .lc-profile-page .lcp3-sidebar .lcab-nav__item--premium {
	min-height: 54px !important;
	margin-bottom: 6px !important;
	padding: 10px 12px !important;
	border: 1px solid rgba(241, 184, 59, .52) !important;
	background: linear-gradient(135deg, #fff8df, #ffe6a5) !important;
	color: #5e4511 !important;
}

body.blog #content main.lc-profile-page aside.lcp3-sidebar .lcab-nav__item--premium {
	background: linear-gradient(135deg, #fff8df, #ffe6a5) !important;
	color: #5e4511 !important;
}

.lc-profile-page .lcp3-sidebar .lcab-nav__balance-title,
.lc-profile-page .lcp3-sidebar .lcab-nav__premium-subtitle {
	font-size: 9px !important;
	opacity: .78;
}

.lc-profile-page .lcp3-sidebar .lcab-nav__balance-value,
.lc-profile-page .lcp3-sidebar .lcab-nav__premium-title {
	max-width: 122px !important;
	overflow: hidden !important;
	font-size: 12px !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.lc-profile-page .lcp3-sidebar .lcab-nav__balance-plus {
	margin-left: auto !important;
	font-size: 20px !important;
}

/* Main profile */
.lcp3-profile {
	display: grid;
	gap: 22px;
	width: 100%;
	min-width: 0;
	font-family: "Manrope", "Montserrat", sans-serif;
	color: var(--lcp3-ink);
}

.lcp3-header {
	display: grid;
	gap: 18px;
	min-width: 0;
}

.lcp3-identity {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(20, 45, 53, .09);
	border-radius: 26px;
	background: var(--lcp3-card);
	box-shadow: var(--lcp3-shadow);
}

.lcp3-cover {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	height: 96px;
	overflow: hidden;
	padding: 20px 24px;
	background:
		linear-gradient(115deg, rgba(39, 181, 216, .2), transparent 42%),
		linear-gradient(135deg, #122b34 0%, #183c46 58%, #235361 100%);
	color: rgba(255, 255, 255, .78);
}

.lcp3-cover::after {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 44%;
	height: 3px;
	background: linear-gradient(90deg, transparent, var(--lcp3-sky), var(--lcp3-coral));
	content: "";
}

.lcp3-cover__eyebrow,
.lcp3-cover__joined {
	position: relative;
	z-index: 2;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.lcp3-cover__joined {
	letter-spacing: .05em;
	text-transform: none;
}

.lcp3-cover__orb {
	position: absolute;
	border: 1px solid rgba(255, 255, 255, .11);
	border-radius: 999px;
}

.lcp3-cover__orb--one {
	right: 12%;
	top: -96px;
	width: 230px;
	height: 230px;
}

.lcp3-cover__orb--two {
	right: -34px;
	top: -58px;
	width: 150px;
	height: 150px;
	background: rgba(255, 110, 87, .08);
}

.lcp3-identity__body {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 24px;
	align-items: end;
	min-height: 114px;
	padding: 22px 24px 18px;
}

.lcp3-identity__main {
	display: flex;
	align-items: flex-end;
	gap: 18px;
	min-width: 0;
}

.lcp3-avatar-shell {
	flex: 0 0 112px;
	margin-top: -66px;
}

.lcp3-avatar {
	position: relative !important;
	display: block !important;
	width: 112px !important;
	height: 112px !important;
	overflow: hidden !important;
	border: 5px solid #fff !important;
	border-radius: 28px !important;
	background: #dfe8e7 !important;
	box-shadow: 0 13px 30px rgba(20, 45, 53, .18) !important;
	transform: rotate(-2deg);
}

.lcp3-avatar::after {
	position: absolute;
	inset: auto -8px -8px auto;
	width: 34px;
	height: 34px;
	border: 4px solid #fff;
	border-radius: 12px;
	background: var(--lcp3-coral);
	content: "";
}

.lcp3-avatar__image {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	border: 0 !important;
	border-radius: 22px !important;
	transform: rotate(2deg) scale(1.04);
}

.lcp3-identity__copy {
	min-width: 0;
	padding-bottom: 2px;
}

.lcp3-identity__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	align-items: center;
	margin-bottom: 7px;
}

.lcp3-kicker,
.lcp3-premium {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 24px !important;
	padding: 4px 9px !important;
	border: 1px solid var(--lcp3-line) !important;
	border-radius: 999px !important;
	background: #f7f9f8 !important;
	color: #68777d !important;
	font: 800 9px/1 "Manrope", "Montserrat", sans-serif !important;
	letter-spacing: .1em !important;
	text-transform: uppercase !important;
}

.lcp3-premium {
	border-color: rgba(241, 184, 59, .52) !important;
	background: #fff4ce !important;
	color: #77530a !important;
}

.lcp3-identity .lcp3-name {
	max-width: 100%;
	margin: 0 !important;
	color: var(--lcp3-ink) !important;
	font: 850 clamp(27px, 3vw, 44px)/.98 "Manrope", "Montserrat", sans-serif !important;
	letter-spacing: -.045em;
	overflow-wrap: anywhere;
}

.lcp3-identity__caption {
	max-width: 610px;
	margin: 8px 0 0;
	color: var(--lcp3-muted);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.5;
}

.lcp3-votes {
	display: flex !important;
	gap: 7px !important;
	margin-top: 11px !important;
}

.lcp3-vote {
	display: inline-flex !important;
	gap: 5px !important;
	align-items: center !important;
	min-height: 28px !important;
	padding: 5px 9px !important;
	border: 1px solid var(--lcp3-line) !important;
	border-radius: 999px !important;
	background: #fff !important;
	color: #43545a !important;
	box-shadow: none !important;
	font-size: 11px !important;
	font-weight: 800 !important;
}

.lcp3-vote--like {
	color: #188e70 !important;
}

.lcp3-vote--dislike {
	color: #d75a49 !important;
}

.lcp3-vote__icon svg {
	width: 13px;
	height: 13px;
}

.lcp3-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-end;
	max-width: 330px;
	padding-bottom: 3px;
}

.lcp3-action {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	min-height: 40px !important;
	margin: 0 !important;
	padding: 9px 14px !important;
	border: 1px solid #cfdcda !important;
	border-radius: 12px !important;
	background: #fff !important;
	box-shadow: none !important;
	color: var(--lcp3-ink) !important;
	font: 800 11px/1.1 "Manrope", "Montserrat", sans-serif !important;
	text-decoration: none !important;
	transition: transform .18s ease, border-color .18s ease, background .18s ease !important;
}

.lcp3-action:first-child {
	border-color: var(--lcp3-navy) !important;
	background: var(--lcp3-navy) !important;
	color: #fff !important;
}

.lcp3-action:hover {
	border-color: var(--lcp3-sky) !important;
	background: #eef9fb !important;
	color: var(--lcp3-ink) !important;
	transform: translateY(-2px);
}

.lcp3-action:first-child:hover {
	background: #1c4651 !important;
	color: #fff !important;
}

.lcp3-action__icon {
	font-size: 14px !important;
}

.lcp3-identity .lcp3-stats {
	display: grid !important;
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	gap: 0 !important;
	width: auto !important;
	margin: 0 24px 22px !important;
	padding: 0 !important;
	overflow: hidden;
	border: 1px solid var(--lcp3-line) !important;
	border-radius: 16px !important;
	background: var(--lcp3-soft) !important;
}

.lcp3-identity .lcp3-stats .lcp3-stat {
	position: relative;
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	min-width: 0 !important;
	min-height: 62px !important;
	margin: 0 !important;
	padding: 11px 14px !important;
	border: 0 !important;
	border-right: 1px solid var(--lcp3-line) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.lcp3-identity .lcp3-stats .lcp3-stat:last-child {
	border-right: 0 !important;
}

.lcp3-identity .lcp3-stats .lcp3-stat__icon {
	display: grid !important;
	flex: 0 0 30px !important;
	width: 30px !important;
	height: 30px !important;
	place-items: center !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: #fff !important;
	box-shadow: 0 5px 16px rgba(35, 53, 58, .07) !important;
	font-size: 14px !important;
}

.lcp3-identity .lcp3-stats .lcp3-stat__content {
	min-width: 0;
}

.lcp3-identity .lcp3-stats .lcp3-stat__value {
	overflow: hidden;
	color: var(--lcp3-ink) !important;
	font: 850 15px/1.1 "Manrope", "Montserrat", sans-serif !important;
	letter-spacing: -.025em;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lcp3-identity .lcp3-stats .lcp3-stat__label {
	margin-top: 4px;
	color: #7a898e !important;
	font: 800 8px/1 "Manrope", "Montserrat", sans-serif !important;
	letter-spacing: .08em;
	text-transform: uppercase;
}

/* Details */
.lcp3-details {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
	gap: 18px;
	align-items: start;
}

.lcp3-panel {
	min-width: 0;
	padding: 22px;
	border: 1px solid rgba(20, 45, 53, .09) !important;
	border-radius: 20px !important;
	background: rgba(255, 255, 255, .9) !important;
	box-shadow: 0 12px 35px rgba(35, 53, 58, .06) !important;
}

.lcp3-panel__heading {
	display: grid;
	gap: 4px;
	margin-bottom: 14px;
}

.lcp3-panel__eyebrow {
	color: var(--lcp3-coral);
	font-size: 9px;
	font-weight: 850;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.lcp3-panel__title {
	margin: 0 !important;
	color: var(--lcp3-ink) !important;
	font: 850 18px/1.2 "Manrope", "Montserrat", sans-serif !important;
	letter-spacing: -.025em !important;
}

.lcp3-about {
	grid-row: auto;
}

.lcp3-about__content {
	min-height: 0 !important;
	color: #526269 !important;
	font-size: 13px !important;
	font-weight: 550 !important;
	line-height: 1.7 !important;
}

.lcp3-about__content > :first-child {
	margin-top: 0;
}

.lcp3-about__content > :last-child {
	margin-bottom: 0;
}

.lcp3-about__content p {
	color: inherit !important;
}

.lcp3-achievements {
	padding: 22px !important;
	grid-column: auto !important;
	grid-row: auto !important;
	align-self: start !important;
}

body.blog #content main.lc-profile-page .lcp3-details .lcp3-achievements {
	padding: 22px !important;
	border: 1px solid rgba(20, 45, 53, .09) !important;
	border-radius: 20px !important;
	background: rgba(255, 255, 255, .9) !important;
	box-shadow: 0 12px 35px rgba(35, 53, 58, .06) !important;
	color: var(--lcp3-ink) !important;
}

body.blog #content main.lc-profile-page .lcp3-achievements .lcp3-panel__title {
	color: var(--lcp3-ink) !important;
}

.lcp3-badges {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin-top: 14px !important;
}

.lcp3-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	min-height: 34px !important;
	padding: 7px 10px !important;
	border-width: 1px !important;
	border-radius: 11px !important;
	box-shadow: none !important;
	font-size: 10px !important;
	font-weight: 800 !important;
}

.lcp3-badge__icon {
	width: 18px !important;
	height: 18px !important;
	object-fit: contain !important;
}

.lcp3-badge__emoji {
	font-size: 15px;
}

.lcp3-titles .lcp3-panel__heading {
	margin-bottom: 0;
}

.lcp3-achievement-panel {
	position: relative;
	grid-column: 1 / -1;
	overflow: hidden;
}

.lcp3-achievement-panel::before {
	position: absolute;
	top: -54px;
	right: -42px;
	width: 132px;
	height: 132px;
	border: 24px solid rgba(14, 165, 233, .07);
	border-radius: 50%;
	content: "";
	pointer-events: none;
}

.lcp3-achievement-panel__heading {
	position: relative;
	z-index: 1;
	padding-right: 48px;
}

.lcp3-achievement-list {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
	gap: 9px;
	padding: 2px 5px 2px 1px;
}

.lcp3-achievement-card {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 11px;
	align-items: center;
	min-width: 0;
	padding: 10px;
	border: 1px solid color-mix(in srgb, var(--lcp3-achievement-color) 22%, #dce6e7);
	border-radius: 15px;
	background:
		linear-gradient(110deg, color-mix(in srgb, var(--lcp3-achievement-color) 8%, #fff), rgba(255, 255, 255, .96) 55%);
	transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.lcp3-achievement-card:hover {
	transform: translateY(-2px);
	border-color: color-mix(in srgb, var(--lcp3-achievement-color) 48%, #dce6e7);
	box-shadow: 0 12px 26px color-mix(in srgb, var(--lcp3-achievement-color) 14%, transparent);
}

.lcp3-achievement-shield {
	position: relative;
	display: grid;
	width: 46px;
	height: 51px;
	place-items: center;
	flex: 0 0 auto;
	clip-path: polygon(50% 0, 91% 14%, 86% 67%, 50% 100%, 14% 67%, 9% 14%);
	background:
		linear-gradient(145deg, color-mix(in srgb, var(--lcp3-achievement-color) 76%, #fff), var(--lcp3-achievement-color));
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .42);
	color: #fff;
}

.lcp3-achievement-shield::after {
	position: absolute;
	inset: 5px;
	clip-path: inherit;
	border: 1px solid rgba(255, 255, 255, .5);
	content: "";
}

.lcp3-achievement-shield__icon {
	position: relative;
	z-index: 1;
	font-size: 20px;
	line-height: 1;
	filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .2));
}

.lcp3-achievement-shield__image {
	position: relative;
	z-index: 1;
	width: 24px;
	height: 24px;
	object-fit: contain;
	filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .2));
}

.lcp3-achievement-card__copy {
	display: grid;
	min-width: 0;
	gap: 3px;
}

.lcp3-achievement-card__name {
	overflow: hidden;
	color: var(--lcp3-ink);
	font: 850 12px/1.25 "Manrope", "Montserrat", sans-serif;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lcp3-achievement-card__description {
	display: -webkit-box;
	overflow: hidden;
	color: #708087;
	font-size: 10px;
	font-weight: 600;
	line-height: 1.4;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.lcp3-achievement-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-top: 3px;
}

.lcp3-achievement-card__date,
.lcp3-achievement-card__reward {
	display: inline-flex;
	align-items: center;
	min-height: 20px;
	padding: 3px 7px;
	border-radius: 999px;
	font-size: 8px;
	font-weight: 850;
	line-height: 1;
	white-space: nowrap;
}

.lcp3-achievement-card__date {
	background: #eef4f5;
	color: #607177;
}

.lcp3-achievement-card__reward {
	background: #fff5d8;
	color: #9a6110;
}

.lcp3-action.lc-profile-action--logout {
	border-color: rgba(239, 68, 68, .22) !important;
	background: #fff5f5 !important;
	color: #b91c1c !important;
}

.lcp3-action.lc-profile-action--logout:hover {
	border-color: rgba(239, 68, 68, .42) !important;
	background: #fee2e2 !important;
	color: #991b1b !important;
}

.lcp3-gifts-host:empty {
	display: none;
}

.lcp3-gifts-host,
body.blog #content main.lc-profile-page .lcp3-details .lcp3-gifts-host {
	grid-column: 1 / -1 !important;
	grid-row: auto !important;
	width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
}

.lcp3-gifts {
	width: 100% !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.lcp3-gifts__carousel {
	position: relative;
	display: block !important;
	grid-template-columns: none !important;
	width: 100% !important;
	min-width: 0 !important;
	margin-top: 14px;
	padding: 0 38px;
	overflow: visible !important;
	box-sizing: border-box !important;
}

.lcp3-gifts__track {
	display: flex !important;
	width: 100% !important;
	min-width: 0 !important;
	gap: 12px !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	padding: 4px 3px 13px !important;
	transform: none !important;
	scroll-snap-type: x proximity;
	scroll-behavior: smooth;
	scrollbar-width: thin;
	box-sizing: border-box !important;
}

.lcp3-gifts__track::-webkit-scrollbar {
	height: 7px;
}

.lcp3-gifts__track::-webkit-scrollbar-track {
	border-radius: 999px;
	background: #e6eef0;
}

.lcp3-gifts__track::-webkit-scrollbar-thumb {
	border-radius: 999px;
	background: linear-gradient(90deg, var(--lcp3-sky), var(--lcp3-gold));
}

.lcp3-gift {
	position: relative !important;
	display: grid !important;
	grid-template-rows: 88px minmax(30px, auto) auto !important;
	justify-items: center !important;
	align-content: start !important;
	min-width: 148px !important;
	flex: 0 0 148px !important;
	min-height: 166px !important;
	padding: 12px 10px 10px !important;
	border: 1px solid var(--lcp3-line) !important;
	border-radius: 18px !important;
	background:
		linear-gradient(160deg, #fff 0%, var(--lcp3-soft) 100%) !important;
	box-shadow: 0 12px 28px rgba(35, 53, 58, .08) !important;
	scroll-snap-align: start;
	transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.lcp3-gift:hover {
	transform: translateY(-3px);
	border-color: rgba(39, 181, 216, .45) !important;
	box-shadow: 0 18px 34px rgba(35, 53, 58, .13) !important;
}

.lcp3-gift__image {
	width: 84px !important;
	height: 84px !important;
	margin: 0 !important;
	object-fit: contain !important;
	border-radius: 16px !important;
	background: #fff !important;
	box-shadow: 0 8px 20px rgba(35, 53, 58, .08) !important;
}

.lcp3-gift__name {
	display: -webkit-box;
	width: 100%;
	margin-top: 7px;
	overflow: hidden;
	color: var(--lcp3-ink);
	font: 850 11px/1.3 "Manrope", "Montserrat", sans-serif;
	text-align: center;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.lcp3-gift__sender {
	max-width: 122px !important;
	margin-top: 5px !important;
	overflow: hidden !important;
	color: #73858b !important;
	font-size: 10px !important;
	font-weight: 750 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.lcp3-gift__serial {
	color: #b16a0a !important;
	font-size: 9px !important;
}

.lcp3-gift__limited-badge {
	top: 5px !important;
	right: 5px !important;
	padding: 2px 5px !important;
	border-radius: 7px !important;
	font-size: 8px !important;
}

.lcp3-gifts__nav {
	position: absolute !important;
	top: 50% !important;
	z-index: 3 !important;
	display: grid !important;
	width: 32px !important;
	height: 46px !important;
	margin: 0 !important;
	padding: 0 !important;
	place-items: center !important;
	border: 0 !important;
	border-radius: 12px !important;
	background: var(--lcp3-navy) !important;
	color: #fff !important;
	font-size: 24px !important;
	transform: translateY(-50%);
	box-shadow: 0 10px 24px rgba(35, 53, 58, .18) !important;
	cursor: pointer;
	transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}

.lcp3-gifts__nav:hover {
	background: var(--lcp3-sky) !important;
	transform: translateY(-50%) scale(1.04);
	box-shadow: 0 14px 30px rgba(39, 181, 216, .24) !important;
}

.lcp3-gifts__nav--prev {
	left: 0 !important;
}

.lcp3-gifts__nav--next {
	right: 0 !important;
}

/* Wall */
.lcp3-wall {
	display: grid !important;
	gap: 15px !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 22px !important;
	border: 1px solid rgba(20, 45, 53, .09) !important;
	border-radius: 24px !important;
	background: rgba(255, 255, 255, .65) !important;
	box-shadow: var(--lcp3-shadow) !important;
}

.lcp3-section-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.lcp3-section-heading__kicker {
	display: block;
	margin-bottom: 3px;
	color: var(--lcp3-coral);
	font-size: 9px;
	font-weight: 850;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.lcp3-section-heading__title {
	margin: 0 !important;
	color: var(--lcp3-ink) !important;
	font: 850 23px/1.1 "Manrope", "Montserrat", sans-serif !important;
	letter-spacing: -.035em;
}

.lcp3-section-heading__mark {
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	border-radius: 12px;
	background: var(--lcp3-navy);
	color: #fff;
	font-size: 17px;
}

.lcp3-composer {
	margin: 0 !important;
	border: 1px solid var(--lcp3-line) !important;
	border-radius: 17px !important;
	background: #fff !important;
	box-shadow: none !important;
}

.lcp3-composer:empty {
	display: none !important;
}

.lcp3-feed {
	display: grid !important;
	gap: 15px !important;
	min-width: 0 !important;
}

.lcp3-feed > .lc-wall-card,
.lcp3-feed > article {
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	border: 1px solid var(--lcp3-line) !important;
	border-radius: 19px !important;
	background: #fff !important;
	box-shadow: 0 9px 25px rgba(35, 53, 58, .06) !important;
}

body.blog #content main.lc-profile-page .lcp3-feed > .lc-wall-card,
body.blog #content main.lc-profile-page .lcp3-feed > article {
	border-color: var(--lcp3-line) !important;
	background: #fff !important;
	color: var(--lcp3-ink) !important;
	box-shadow: 0 9px 25px rgba(35, 53, 58, .06) !important;
}

body.blog #content main.lc-profile-page .lcp3-feed .lc-wall-card__content,
body.blog #content main.lc-profile-page .lcp3-feed .lc-wall-card__text,
body.blog #content main.lc-profile-page .lcp3-feed .lc-wall-card__body,
body.blog #content main.lc-profile-page .lcp3-feed .lc-wall-card p {
	color: #46575e !important;
}

.lcp3-feed img,
.lcp3-feed video,
.lcp3-feed iframe {
	max-width: 100% !important;
}

.lcp3-load-more {
	justify-self: center !important;
	min-height: 42px !important;
	padding: 10px 20px !important;
	border: 0 !important;
	border-radius: 13px !important;
	background: var(--lcp3-navy) !important;
	color: #fff !important;
	font-weight: 800 !important;
}

.lcp3-about-legacy:empty {
	display: none !important;
}

/* Dark theme */
html[data-theme="dark"] {
	--lcp3-ink: #f0f5f4;
	--lcp3-muted: #9cb0b4;
	--lcp3-line: #29404a;
	--lcp3-page: #07131e;
	--lcp3-card: #102230;
	--lcp3-soft: #0d1d29;
	--lcp3-navy: #1d6070;
	--lcp3-shadow: 0 18px 55px rgba(0, 0, 0, .25);
}

html[data-theme="dark"] body.blog:has(.lc-profile-page) {
	background:
		radial-gradient(circle at 4% 10%, rgba(39, 181, 216, .1), transparent 25rem),
		radial-gradient(circle at 96% 36%, rgba(255, 110, 87, .07), transparent 28rem),
		var(--lcp3-page) !important;
}

html[data-theme="dark"] .lc-profile-page .lcp3-sidebar,
html[data-theme="dark"] .lcp3-panel,
html[data-theme="dark"] .lcp3-wall {
	background: rgba(13, 29, 41, .92) !important;
	border-color: var(--lcp3-line) !important;
}

html[data-theme="dark"] .lc-profile-page .lcp3-sidebar__item {
	color: #a8bbc0 !important;
}

html[data-theme="dark"] .lc-profile-page .lcp3-sidebar__item:hover {
	background: #172c38 !important;
	color: #fff !important;
}

html[data-theme="dark"] .lcp3-avatar {
	border-color: var(--lcp3-card) !important;
}

html[data-theme="dark"] .lcp3-kicker,
html[data-theme="dark"] .lcp3-vote,
html[data-theme="dark"] .lcp3-action,
html[data-theme="dark"] .lcp3-stat__icon,
html[data-theme="dark"] .lcp3-gift__image,
html[data-theme="dark"] .lcp3-composer,
html[data-theme="dark"] .lcp3-feed > .lc-wall-card,
html[data-theme="dark"] .lcp3-feed > article {
	background: #142735 !important;
	border-color: var(--lcp3-line) !important;
	color: var(--lcp3-ink) !important;
}

html[data-theme="dark"] .lcp3-premium {
	background: #493914 !important;
	color: #ffd978 !important;
}

html[data-theme="dark"] .lcp3-action:first-child {
	background: var(--lcp3-sky) !important;
	border-color: var(--lcp3-sky) !important;
	color: #06151b !important;
}

html[data-theme="dark"] .lcp3-achievement-card,
html[data-lacorn-theme="dark"] .lcp3-achievement-card {
	border-color: color-mix(in srgb, var(--lcp3-achievement-color) 30%, #29404a);
	background:
		linear-gradient(110deg, color-mix(in srgb, var(--lcp3-achievement-color) 10%, #102230), rgba(16, 34, 48, .96) 55%);
}

html[data-theme="dark"] .lcp3-achievement-card__description,
html[data-lacorn-theme="dark"] .lcp3-achievement-card__description {
	color: #9cb0b4;
}

html[data-theme="dark"] .lcp3-achievement-card__date,
html[data-lacorn-theme="dark"] .lcp3-achievement-card__date {
	background: #19303d;
	color: #b7c8cc;
}

html[data-theme="dark"] .lcp3-achievement-card__reward,
html[data-lacorn-theme="dark"] .lcp3-achievement-card__reward {
	background: #493914;
	color: #ffd978;
}

html[data-theme="dark"] .lcp3-action.lc-profile-action--logout,
html[data-lacorn-theme="dark"] .lcp3-action.lc-profile-action--logout {
	border-color: rgba(248, 113, 113, .32) !important;
	background: #3b1d24 !important;
	color: #fecaca !important;
}

html[data-theme="dark"] .lcp3-gift,
html[data-lacorn-theme="dark"] .lcp3-gift {
	background: linear-gradient(160deg, #142735 0%, #0d1d29 100%) !important;
}

html[data-theme="dark"] .lcp3-gifts__track::-webkit-scrollbar-track,
html[data-lacorn-theme="dark"] .lcp3-gifts__track::-webkit-scrollbar-track {
	background: #19303d;
}

/* Tablet */
@media (max-width: 1120px) {
	body.blog .site-content .site-content-inner > main.lc-profile-wrap.lc-profile-page {
		width: calc(100vw - 20px) !important;
		flex-basis: calc(100vw - 20px) !important;
	}

	.lc-profile-page .lcab-layout {
		grid-template-columns: 196px minmax(0, 1fr) !important;
		gap: 14px !important;
	}

	body.blog .lc-profile-page .lcp3-sidebar {
		width: 196px !important;
		padding: 10px !important;
	}

	.lcp3-identity__body {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.lcp3-actions {
		justify-content: flex-start;
		max-width: none;
		padding-left: 130px;
	}

	.lcp3-identity .lcp3-stats {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	.lcp3-identity .lcp3-stats .lcp3-stat:nth-child(3n) {
		border-right: 0 !important;
	}

	.lcp3-identity .lcp3-stats .lcp3-stat:nth-child(n+4) {
		border-top: 1px solid var(--lcp3-line) !important;
	}
}

/* Mobile */
@media (max-width: 765px) {
	body.blog:has(.lc-profile-page) .site-content {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	body.blog .site-content .site-content-inner > main.lc-profile-wrap.lc-profile-page {
		width: calc(100% - 16px) !important;
		max-width: none !important;
		flex-basis: auto !important;
		margin: 48px 8px 76px !important;
	}

	body.blog:has(.lc-profile-page) nav.lcab-mobile-nav {
		position: fixed !important;
		top: auto !important;
		right: 10px !important;
		bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
		left: 10px !important;
		z-index: 10050 !important;
		display: block !important;
		width: auto !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		margin: 0 !important;
		padding: 7px !important;
		overflow: visible !important;
		border: 1px solid rgba(20, 45, 53, .14) !important;
		border-radius: 20px !important;
		background: rgba(255, 255, 255, .94) !important;
		box-shadow: 0 14px 42px rgba(14, 35, 43, .22) !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		backdrop-filter: blur(18px);
	}

	body.blog:has(.lc-profile-page) nav.lcab-mobile-nav .lcab-mobile-nav__main {
		display: grid !important;
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 5px !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}

	body.blog:has(.lc-profile-page) nav.lcab-mobile-nav .lcab-mobile-nav__item {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 3px !important;
		width: 100% !important;
		min-width: 0 !important;
		min-height: 50px !important;
		margin: 0 !important;
		padding: 6px 4px !important;
		border: 0 !important;
		border-radius: 14px !important;
		background: transparent !important;
		box-shadow: none !important;
		color: #52636a !important;
		font: 800 9px/1.1 "Manrope", "Montserrat", sans-serif !important;
		text-align: center !important;
		text-decoration: none !important;
	}

	body.blog:has(.lc-profile-page) nav.lcab-mobile-nav .lcab-mobile-nav__item[data-action="profile"],
	body.blog:has(.lc-profile-page) nav.lcab-mobile-nav .lcab-mobile-nav__item.is-active {
		background: var(--lcp3-navy) !important;
		color: #fff !important;
	}

	body.blog:has(.lc-profile-page) nav.lcab-mobile-nav .lcab-mobile-nav__icon {
		display: grid !important;
		width: 25px !important;
		height: 23px !important;
		place-items: center !important;
		font-size: 17px !important;
		line-height: 1 !important;
	}

	body.blog:has(.lc-profile-page) nav.lcab-mobile-nav .lcab-mobile-nav__item > span:last-child {
		display: block !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	body.blog:has(.lc-profile-page) nav.lcab-mobile-nav .lcab-mobile-nav__more {
		position: relative !important;
		min-width: 0 !important;
	}

	body.blog:has(.lc-profile-page) nav.lcab-mobile-nav .lcab-mobile-nav__dropdown {
		position: absolute !important;
		top: auto !important;
		right: 0 !important;
		bottom: calc(100% + 12px) !important;
		left: auto !important;
		z-index: 5 !important;
		display: none !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 5px !important;
		width: min(330px, calc(100vw - 20px)) !important;
		max-height: min(64vh, 470px) !important;
		padding: 9px !important;
		overflow-y: auto !important;
		border: 1px solid rgba(20, 45, 53, .12) !important;
		border-radius: 18px !important;
		background: rgba(255, 255, 255, .98) !important;
		box-shadow: 0 18px 55px rgba(14, 35, 43, .24) !important;
	}

	body.blog:has(.lc-profile-page) nav.lcab-mobile-nav .lcab-mobile-nav__dropdown.is-open {
		display: grid !important;
	}

	body.blog:has(.lc-profile-page) nav.lcab-mobile-nav .lcab-mobile-nav__dropdown-item {
		display: flex !important;
		align-items: center !important;
		gap: 8px !important;
		width: 100% !important;
		min-height: 42px !important;
		margin: 0 !important;
		padding: 8px 10px !important;
		border: 0 !important;
		border-radius: 11px !important;
		background: #f3f6f5 !important;
		color: #33464d !important;
		font: 750 10px/1.2 "Manrope", "Montserrat", sans-serif !important;
		text-decoration: none !important;
	}

	body.blog:has(.lc-profile-page) nav.lcab-mobile-nav .lcab-mobile-nav__group {
		grid-column: 1 / -1 !important;
	}

	body.blog:has(.lc-profile-page) nav.lcab-mobile-nav .lcab-mobile-nav__submenu {
		display: none !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 5px !important;
		max-height: none !important;
		margin-top: 5px !important;
		overflow: visible !important;
		background: transparent !important;
	}

	body.blog:has(.lc-profile-page) nav.lcab-mobile-nav .lcab-mobile-nav__group.is-expanded .lcab-mobile-nav__submenu {
		display: grid !important;
	}

	body.blog:has(.lc-profile-page) nav.lcab-mobile-nav .lcab-mobile-nav__dropdown-item--sub {
		padding-left: 10px !important;
	}

	.lc-profile-page .lcab-layout {
		display: block !important;
		width: 100% !important;
	}

	body.blog .lc-profile-page .lcp3-sidebar {
		display: none !important;
	}

	.lcp3-profile,
	.lcp3-header {
		gap: 12px;
	}

	.lcp3-identity {
		border-radius: 21px;
	}

	.lcp3-cover {
		height: 74px;
		padding: 15px 16px;
	}

	.lcp3-cover__eyebrow {
		max-width: 48%;
	}

	.lcp3-cover__joined {
		max-width: 48%;
		text-align: right;
	}

	.lcp3-identity__body {
		display: block;
		min-height: 0;
		padding: 16px;
	}

	.lcp3-identity__main {
		align-items: flex-start;
		gap: 13px;
	}

	.lcp3-avatar-shell {
		flex-basis: 78px;
		margin-top: -48px;
	}

	.lcp3-avatar {
		width: 78px !important;
		height: 78px !important;
		border-width: 4px !important;
		border-radius: 21px !important;
	}

	.lcp3-avatar__image {
		border-radius: 16px !important;
	}

	.lcp3-identity__badges {
		margin-bottom: 5px;
	}

	.lcp3-kicker,
	.lcp3-premium {
		min-height: 20px !important;
		padding: 3px 7px !important;
		font-size: 7px !important;
	}

	.lcp3-identity .lcp3-name {
		font-size: clamp(23px, 8vw, 31px) !important;
		line-height: 1 !important;
	}

	.lcp3-identity__caption {
		margin-top: 6px;
		font-size: 10px;
		line-height: 1.4;
	}

	.lcp3-votes {
		margin-top: 8px !important;
	}

	.lcp3-vote {
		min-height: 25px !important;
		padding: 4px 7px !important;
		font-size: 9px !important;
	}

	.lcp3-actions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 7px;
		margin-top: 14px;
		padding: 0;
	}

	.lcp3-action {
		width: 100% !important;
		min-height: 38px !important;
		padding: 8px 9px !important;
		font-size: 10px !important;
	}

	.lcp3-identity .lcp3-stats {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		margin: 0 16px 16px !important;
		border-radius: 14px !important;
	}

	.lcp3-identity .lcp3-stats .lcp3-stat {
		min-height: 56px !important;
		padding: 9px 10px !important;
		border-top: 1px solid var(--lcp3-line) !important;
	}

	.lcp3-identity .lcp3-stats .lcp3-stat:nth-child(-n+3) {
		border-top: 0 !important;
	}

	.lcp3-identity .lcp3-stats .lcp3-stat:nth-child(3n) {
		border-right: 0 !important;
	}

	.lcp3-identity .lcp3-stats .lcp3-stat:not(:nth-child(3n)) {
		border-right: 1px solid var(--lcp3-line) !important;
	}

	.lcp3-identity .lcp3-stats .lcp3-stat__icon {
		flex-basis: 27px !important;
		width: 27px !important;
		height: 27px !important;
		font-size: 12px !important;
	}

	.lcp3-identity .lcp3-stats .lcp3-stat__value {
		font-size: 13px !important;
	}

	.lcp3-details {
		display: grid;
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.lcp3-achievement-list {
		grid-template-columns: 1fr;
	}

	.lcp3-about {
		grid-row: auto;
	}

	.lcp3-panel {
		padding: 17px !important;
		border-radius: 17px !important;
	}

	.lcp3-panel__title {
		font-size: 16px !important;
	}

	.lcp3-about__content {
		font-size: 12px !important;
		line-height: 1.65 !important;
	}

	.lcp3-achievement-card {
		grid-template-columns: 43px minmax(0, 1fr);
		gap: 10px;
		padding: 9px;
	}

	.lcp3-achievement-shield {
		width: 41px;
		height: 46px;
	}

	.lcp3-gifts__carousel {
		padding: 0 30px;
	}

	.lcp3-gifts__track {
		gap: 8px !important;
	}

	.lcp3-gift {
		grid-template-rows: 72px minmax(28px, auto) auto !important;
		min-width: 122px !important;
		flex-basis: 122px !important;
		min-height: 145px !important;
		padding: 10px 8px 9px !important;
	}

	.lcp3-gift__image {
		width: 68px !important;
		height: 68px !important;
	}

	.lcp3-gift__name {
		font-size: 10px;
	}

	.lcp3-gift__sender {
		max-width: 104px !important;
		font-size: 9px !important;
	}

	.lcp3-gifts__nav {
		width: 27px !important;
		height: 42px !important;
	}

	.lcp3-wall {
		gap: 12px !important;
		padding: 14px !important;
		border-radius: 20px !important;
	}

	.lcp3-section-heading__title {
		font-size: 19px !important;
	}

	.lcp3-section-heading__mark {
		width: 34px;
		height: 34px;
	}

	.lcp3-feed > .lc-wall-card,
	.lcp3-feed > article {
		border-radius: 16px !important;
	}
}

@media (max-width: 410px) {
	.lcp3-cover__joined {
		display: none;
	}

	.lcp3-identity__main {
		gap: 11px;
	}

	.lcp3-avatar-shell {
		flex-basis: 70px;
	}

	.lcp3-avatar {
		width: 70px !important;
		height: 70px !important;
	}

	.lcp3-identity .lcp3-name {
		font-size: 22px !important;
	}

	.lcp3-identity__caption {
		display: none;
	}
}

@media (max-width: 340px) {
	.lcp3-identity .lcp3-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.lcp3-identity .lcp3-stats .lcp3-stat {
		border-top: 1px solid var(--lcp3-line) !important;
	}

	.lcp3-identity .lcp3-stats .lcp3-stat:nth-child(-n+2) {
		border-top: 0 !important;
	}

	.lcp3-identity .lcp3-stats .lcp3-stat:nth-child(2n) {
		border-right: 0 !important;
	}

	.lcp3-identity .lcp3-stats .lcp3-stat:nth-child(2n+1) {
		border-right: 1px solid var(--lcp3-line) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.lcp3-action,
	.lcp3-sidebar__item {
		transition: none !important;
	}
}