.twobo-member-install {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	margin-top: 24px;
	padding: 12px 21px;
	border: 0;
	border-radius: 999px;
	color: #fff !important;
	background: #0038ff;
	font: 800 15px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	box-shadow: 0 12px 28px rgba(0, 56, 255, .22);
	cursor: pointer;
}
.twobo-member-install:hover,
.twobo-member-install:focus-visible {
	color: #fff !important;
	background: #002ecc;
	transform: translateY(-1px);
}
.twobo-member-install[hidden],
.twobo-member-install-help[hidden] { display: none !important; }
.twobo-member-install-help {
	display: grid;
	gap: 7px;
	max-width: 620px;
	margin: 18px auto 0;
	padding: 16px 18px;
	border: 1px solid #c8d8f2;
	border-radius: 14px;
	color: #344c6b;
	background: #fff;
	text-align: left;
	box-shadow: 0 14px 32px rgba(8, 27, 58, .08);
}
.twobo-member-install-help strong { color: #081b3a; }
.twobo-member-install-help span { font-size: 14px; line-height: 1.5; }

.twobo-member-app-brand,
.twobo-member-app-back { display: none; }

@media (display-mode: standalone) {
	html, body { background: #edf3ff !important; }
	body #masthead,
	body .site-header,
	body header.elementor-location-header,
	body #colophon,
	body .site-footer,
	body footer.elementor-location-footer { display: none !important; }
	body .site-content,
	body #content,
	body .content-area,
	body .site-main,
	body .elementor-location-single { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
	.twobo-member-area {
		min-height: 100vh !important;
		padding: max(28px, env(safe-area-inset-top)) 18px max(36px, env(safe-area-inset-bottom)) !important;
		background: radial-gradient(circle at 10% 0, rgba(0,56,255,.16), transparent 34%), radial-gradient(circle at 100% 42%, rgba(149,75,255,.13), transparent 36%), linear-gradient(155deg,#f8fbff 0%,#edf3ff 52%,#f9f4ff 100%) !important;
	}
	.twobo-member-app-brand {
		display: grid;
		gap: 4px;
		width: min(100%, 920px);
		margin: 0 auto 30px;
		text-align: center;
	}
	.twobo-member-app-brand strong { color: #081b3a; font: 500 clamp(31px,8vw,48px)/1.08 Georgia,serif; }
	.twobo-member-app-brand span { color: #b58b4b; font-size: 11px; font-weight: 900; letter-spacing: .24em; text-transform: uppercase; }
	.twobo-member-area__head { display: none !important; }
	.twobo-member-welcome {
		width: min(100%, 920px) !important;
		margin: 0 auto 18px !important;
		padding: 20px 22px !important;
		border: 1px solid rgba(255,255,255,.82) !important;
		border-radius: 22px !important;
		background: rgba(255,255,255,.62) !important;
		-webkit-backdrop-filter: blur(24px) saturate(150%);
		backdrop-filter: blur(24px) saturate(150%);
		box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 18px 44px rgba(24,50,104,.11) !important;
	}
	.twobo-member-welcome>div:first-child p { display: none !important; }
	.twobo-member-welcome__actions>span { display: none !important; }
	.twobo-member-welcome__actions>a { border-color: rgba(0,56,255,.18) !important; border-radius: 999px !important; }
	.twobo-member-categories {
		display: grid !important;
		grid-template-columns: minmax(0,1fr) !important;
		gap: 16px !important;
		width: min(100%,920px) !important;
		max-width: 920px !important;
		margin: 0 auto !important;
	}
	.twobo-member-category {
		box-sizing: border-box !important;
		flex-direction: row !important;
		align-items: center !important;
		gap: 20px !important;
		width: 100% !important;
		min-height: 126px !important;
		padding: 23px 26px !important;
		border: 1px solid rgba(255,255,255,.62) !important;
		border-radius: 28px !important;
		-webkit-backdrop-filter: blur(24px) saturate(160%) !important;
		backdrop-filter: blur(24px) saturate(160%) !important;
		box-shadow: inset 0 1px 0 rgba(255,255,255,.62), inset 0 -24px 48px rgba(3,17,68,.13), 0 22px 48px rgba(21,47,117,.22) !important;
	}
	.twobo-member-category:before { width: 260px; height: 140px; top: -92px; left: 22%; right: auto; filter: blur(2px); }
	.twobo-member-category:after { width: 190px; height: 190px; bottom: -125px; right: 7%; }
	.twobo-member-category__icon { flex: 0 0 68px; width: 68px !important; height: 68px !important; }
	.twobo-member-category__copy { flex: 1; width: auto !important; margin: 0 !important; }
	.twobo-member-category__copy strong { font-size: clamp(25px,5vw,32px) !important; }
	.twobo-member-category__copy em { margin-top: 8px !important; }
	.twobo-member-category__count { position: static !important; flex-direction: column !important; align-items: center !important; gap: 3px !important; min-width: 50px; }
	.twobo-member-category__count strong { font-size: 38px !important; line-height: .9 !important; }
	.twobo-member-category__arrow { position: static !important; flex: 0 0 auto; font-size: 30px !important; }
	.twobo-member-category:hover,
	.twobo-member-category:focus-visible { transform: translateY(-5px) scale(1.01) !important; filter: saturate(1.13) brightness(1.06); }
	.twobo-member-area.is-app-folder-open .twobo-member-app-brand,
	.twobo-member-area.is-app-folder-open .twobo-member-welcome,
	.twobo-member-area.is-app-folder-open .twobo-member-expiry-warning,
	.twobo-member-area.is-app-folder-open .twobo-member-categories { display: none !important; }
	.twobo-member-libraries { width: min(100%,920px) !important; max-width: 920px !important; margin: 0 auto !important; }
	.twobo-member-library { width: 100% !important; margin: 0 !important; }
	.twobo-member-app-back {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
		margin: 0 0 22px;
		padding: 0 18px;
		border: 1px solid rgba(0,56,255,.18);
		border-radius: 999px;
		color: #081b3a;
		background: rgba(255,255,255,.7);
		-webkit-backdrop-filter: blur(18px);
		backdrop-filter: blur(18px);
		font-weight: 800;
		box-shadow: 0 10px 26px rgba(24,50,104,.1);
		cursor: pointer;
	}
	.twobo-member-app-back:hover,.twobo-member-app-back:focus-visible { color: #fff; background: #0038ff; transform: translateY(-2px); }
	.twobo-member-library>header { padding: 24px !important; border: 1px solid rgba(255,255,255,.78) !important; border-radius: 24px !important; background: rgba(255,255,255,.65); -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px); box-shadow: 0 16px 38px rgba(24,50,104,.1); }
}

@media (display-mode: standalone) and (max-width: 600px) {
	.twobo-member-welcome { align-items: stretch !important; }
	.twobo-member-welcome__actions { padding-top: 14px !important; }
	.twobo-member-category { min-height: 112px !important; padding: 20px 18px !important; gap: 14px !important; }
	.twobo-member-category__icon { flex-basis: 58px; width: 58px !important; height: 58px !important; }
	.twobo-member-category__count { min-width: 42px; }
	.twobo-member-category__count strong { font-size: 32px !important; }
	.twobo-member-category__copy strong { font-size: 24px !important; }
	.twobo-member-category__copy em { font-size: 10px !important; }
}
