.oneclub-app {
	background: var(--oc-color-background);
	font-size: 16px;
	min-height: 100dvh;
}

.oneclub-app h1,
.oneclub-admin h1 {
	color: var(--oc-color-ink);
	font-size: clamp(26px, 3vw, 32px);
	font-weight: 700;
	letter-spacing: -0.035em;
	line-height: 1.3;
}

.oneclub-app h2,
.oneclub-admin h2 {
	color: var(--oc-color-ink);
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.36;
}

.oneclub-app h3,
.oneclub-admin h3 {
	color: var(--oc-color-ink);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.45;
}

.oneclub-app p {
	color: var(--oc-color-text-secondary);
	font-size: 16px;
	line-height: 1.625;
}

.oneclub-app small,
.oneclub-admin small {
	color: var(--oc-color-text-secondary);
	font-size: 12px;
	line-height: 1.5;
}

.oneclub-app .oc-kicker {
	color: var(--oc-color-text-secondary);
	display: block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.16em;
	line-height: 1.4;
	margin-bottom: var(--oc-space-3);
}

.oneclub-app .oc-numeric,
.oneclub-admin .oc-numeric {
	font-variant-numeric: tabular-nums;
}

.oneclub-app .oc-icon,
.oneclub-admin .oc-icon {
	display: inline-block;
	fill: currentColor;
	flex: 0 0 auto;
	height: 20px;
	stroke: none;
	vertical-align: middle;
	width: 20px;
}

.oneclub-app .oc-glass {
	backdrop-filter: blur(18px) saturate(140%);
	background: rgba(250, 250, 247, 0.88);
	border-color: rgba(20, 20, 20, 0.08);
}

.oneclub-app .oc-preview-label,
.oneclub-admin .oc-preview-label {
	align-items: center;
	background: var(--oc-color-warning-bg);
	border: 1px solid rgba(138, 90, 0, 0.18);
	border-radius: var(--oc-radius-sm);
	color: var(--oc-color-warning);
	display: flex;
	font-size: 12px;
	font-weight: 600;
	justify-content: center;
	line-height: 1.5;
	margin-bottom: var(--oc-space-6);
	min-height: 36px;
	padding: var(--oc-space-2) var(--oc-space-4);
	text-align: center;
}

@media (prefers-reduced-transparency: reduce) {
	.oneclub-app .oc-glass {
		backdrop-filter: none;
		background: #fafaf7;
	}
}

@media (prefers-reduced-motion: reduce) {
	.oneclub-app *,
	.oneclub-app *::before,
	.oneclub-app *::after,
	.oneclub-admin *,
	.oneclub-admin *::before,
	.oneclub-admin *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}
