.lc-wrap {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 24px;
}
.lc-wrap .lc-lunarcode {
	margin: 0 0 24px;
}
.lc-wrap .lc-lunarcode .lc-name {
	font-family: 'M PLUS 1 Code', sans-serif;
	font-size: 36px;
	line-height: 1.5em;
	color: rgb(var(--glass-48));
	font-weight: 400;
}


.lc-error-text {
	display: block;
	max-height: 0;
	opacity: 0;
	transform: translateY(-4px);
	overflow: hidden;
	pointer-events: none;
	user-select: none;
	transition: max-height .2s ease, opacity .2s ease, transform .2s ease;
	will-change: max-height, opacity, transform;
	color: #d9363e;
}

.lc-error-text.lc-show {
	max-height: 120px;
	opacity: 1;
	transform: translateY(0);
}

.lc-error-text.lc-ok {
	color: #19a34a;
}