:root {
	--rdm-bg: #f5f9ff;
	--rdm-surface: #ffffff;
	--rdm-ink: #1b2c49;
	--rdm-muted: #667b9b;
	--rdm-primary: #2f64e3;
	--rdm-primary-dark: #234fb8;
	--rdm-border: #dbe5f3;
	--rdm-panel: #eaf2ff;
	--rdm-shadow: 0 18px 50px rgba(56, 103, 214, 0.08);
	--rdm-radius: 24px;
	--rdm-sidebar-width: 328px;
	--rdm-topbar-height: 84px;
}

.rdm-page {
	background: linear-gradient(180deg, #f8fbff 0%, #edf5ff 100%);
}

.rdm-template,
.rdm-template body,
#rdm-template-shell {
	margin: 0;
	min-height: 100vh;
	background: linear-gradient(180deg, #f8fbff 0%, #edf5ff 100%);
}

.rdm-page .entry-header,
.rdm-page .wp-block-post-title,
.rdm-page .post-thumbnail,
.rdm-page .site-breadcrumbs,
.rdm-page .breadcrumbs,
.rdm-page .page-header {
	display: none !important;
}

.rdm-page .site-header,
.rdm-page header.site-header,
.rdm-page #masthead,
.rdm-page .site-footer,
.rdm-page footer.site-footer,
.rdm-page #colophon {
	display: none !important;
}

.rdm-page .site,
.rdm-page #page,
.rdm-page .site-content,
.rdm-page #content,
.rdm-page .content-area,
.rdm-page .site-main,
.rdm-page main,
.rdm-page article,
.rdm-page .entry-content,
.rdm-page .post-content,
.rdm-page .wp-site-blocks,
.rdm-page .is-layout-constrained {
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.rdm-page .entry-content > .rdm-app,
.rdm-page .entry-content > .rdm-home-hero,
.rdm-page .entry-content > .rdm-login-prompt {
	margin: 0 !important;
}

#rdm-template-shell > .rdm-app,
#rdm-template-shell > .rdm-home-hero,
#rdm-template-shell > .rdm-login-prompt {
	margin: 0;
}

.rdm-app,
.rdm-home-hero,
.rdm-login-prompt {
	font-family: "Segoe UI", sans-serif;
	color: var(--rdm-ink);
}

.rdm-app {
	background: linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);
	padding: 0;
	border-radius: 0;
	min-height: 100vh;
}

.rdm-card,
.rdm-home-hero,
.rdm-login-prompt {
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid var(--rdm-border);
	box-shadow: var(--rdm-shadow);
	border-radius: var(--rdm-radius);
}

.rdm-sidebar {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: var(--rdm-sidebar-width);
	background: #fff;
	border-right: 1px solid var(--rdm-border);
	z-index: 40;
	overflow-y: auto;
}

.rdm-sidebar-head {
	height: var(--rdm-topbar-height);
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 0 24px;
	border-bottom: 1px solid var(--rdm-border);
}

.rdm-sidebar-head-label {
	font-size: 1.1rem;
	font-weight: 500;
}

.rdm-nav {
	display: grid;
	gap: 12px;
	padding: 16px 16px 0;
}

.rdm-nav-link {
	display: flex;
	align-items: center;
	gap: 16px;
	text-decoration: none;
	color: #445875;
	padding: 16px 18px;
	border-radius: 28px;
	font-size: 1.05rem;
	font-weight: 500;
	transition: background 0.2s ease, color 0.2s ease;
}

.rdm-nav-link.is-active,
.rdm-nav-link:hover {
	background: #e9f1ff;
	color: var(--rdm-primary);
}

.rdm-nav-icon {
	width: 24px;
	height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 24px;
}

.rdm-nav-icon svg,
.rdm-brand-mark svg {
	width: 24px;
	height: 24px;
	stroke: currentColor;
	fill: none;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.rdm-streak-card,
.rdm-balance-pill,
.rdm-user-pill,
.rdm-summary-box {
	background: #edf4ff;
	border-radius: 18px;
	padding: 14px 16px;
}

.rdm-main {
	min-width: 0;
	margin-left: var(--rdm-sidebar-width);
}

.rdm-topbar {
	position: fixed;
	top: 0;
	left: var(--rdm-sidebar-width);
	right: 0;
	height: var(--rdm-topbar-height);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 0 24px 0 28px;
	background: rgba(255, 255, 255, 0.95);
	border-bottom: 1px solid var(--rdm-border);
	backdrop-filter: blur(10px);
	z-index: 30;
}

.rdm-topbar h1,
.rdm-card h2,
.rdm-card h3 {
	margin: 0;
}

.rdm-topbar-left,
.rdm-topbar-actions {
	display: flex;
	align-items: center;
	gap: 16px;
}

.rdm-brand {
	display: flex;
	align-items: center;
	gap: 14px;
}

.rdm-brand-mark {
	color: var(--rdm-primary);
	display: inline-flex;
}

.rdm-brand-text {
	display: grid;
	gap: 2px;
}

.rdm-brand-text strong {
	font-size: 1.05rem;
}

.rdm-brand-text span {
	font-size: 0.92rem;
	color: var(--rdm-muted);
}

.rdm-content {
	display: grid;
	gap: 20px;
	padding: calc(var(--rdm-topbar-height) + 24px) 24px 24px;
}

.rdm-card {
	padding: 24px;
}

.rdm-hero-card {
	padding: 28px;
	border-radius: 24px;
	background: linear-gradient(135deg, #1f6ff0 0%, #7eb4ff 100%);
	color: #fff;
}

.rdm-grid {
	display: grid;
	gap: 20px;
}

.rdm-grid-cards {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rdm-grid-two {
	grid-template-columns: 2fr 1fr;
}

.rdm-column-stack,
.rdm-activity-list,
.rdm-quest-list {
	display: grid;
	gap: 16px;
}

.rdm-offer-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 16px;
}

.rdm-offer-card {
	display: grid;
	background: #fff;
	border: 1px solid var(--rdm-border);
	border-radius: 20px;
	overflow: hidden;
}

.rdm-offer-media {
	background: linear-gradient(135deg, #dbeafe 0%, #f5f9ff 100%);
	aspect-ratio: 16 / 10;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rdm-offer-media img {
	max-width: 80%;
	max-height: 80%;
}

.rdm-offer-body {
	padding: 18px;
	display: grid;
	gap: 12px;
}

.rdm-offer-meta,
.rdm-offer-footer,
.rdm-section-head,
.rdm-activity-item,
.rdm-profile-grid,
.rdm-balance-summary {
	display: flex;
	gap: 12px;
	justify-content: space-between;
	align-items: center;
}

.rdm-offer-meta {
	font-size: 0.8rem;
	color: var(--rdm-muted);
}

.rdm-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 16px;
	border-radius: 14px;
	font-weight: 700;
	text-decoration: none;
	border: none;
	cursor: pointer;
}

.rdm-button-primary {
	background: var(--rdm-primary);
	color: #fff;
}

.rdm-button-primary:hover {
	background: var(--rdm-primary-dark);
}

.rdm-button-secondary {
	background: #e9f2ff;
	color: var(--rdm-primary-dark);
}

.rdm-button.is-disabled,
.rdm-button:disabled {
	opacity: 0.55;
	cursor: not-allowed;
}

.rdm-live-strip {
	padding: 14px 18px;
	border-radius: 18px;
	background: #dff0ff;
	display: grid;
	gap: 6px;
}

.rdm-streak-grid {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 18px;
}

.rdm-streak-day {
	padding: 16px;
	border-radius: 16px;
	background: #f4f8ff;
	border: 1px solid var(--rdm-border);
	text-align: center;
}

.rdm-streak-day.is-complete {
	background: #dcecff;
}

.rdm-progress {
	height: 10px;
	background: #e6eefb;
	border-radius: 999px;
	overflow: hidden;
}

.rdm-progress span {
	display: block;
	height: 100%;
	background: linear-gradient(90deg, #1f6ff0 0%, #70a9ff 100%);
}

.rdm-withdraw-form,
.rdm-home-copy,
.rdm-profile-grid {
	display: grid;
	gap: 14px;
}

.rdm-withdraw-form input,
.rdm-withdraw-form select,
.rdm-withdraw-form textarea,
.rdm-offer-search {
	width: 100%;
	padding: 13px 14px;
	border-radius: 14px;
	border: 1px solid var(--rdm-border);
	background: #fff;
}

.rdm-form-message {
	color: var(--rdm-primary-dark);
	font-weight: 600;
}

.rdm-login-prompt,
.rdm-home-hero {
	padding: 56px 24px;
	text-align: center;
	min-height: 100vh;
	display: grid;
	place-items: center;
}

.rdm-home-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
}

.rdm-menu-toggle {
	display: none;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
}

.rdm-menu-toggle span {
	display: block;
	width: 24px;
	height: 2px;
	border-radius: 999px;
	background: #526482;
}

.rdm-menu-toggle-desktop {
	display: inline-flex;
}

.rdm-sidebar-promo {
	margin: 20px 16px 0;
	padding: 26px 22px;
	background: #eaf2ff;
	border: 1px solid #cfe0ff;
	border-radius: 36px;
	display: grid;
	gap: 14px;
}

.rdm-sidebar-promo h3 {
	margin: 0;
	font-size: 1rem;
}

.rdm-sidebar-promo p,
.rdm-streak-card small {
	margin: 0;
	color: var(--rdm-muted);
	line-height: 1.45;
}

.rdm-button-wide {
	width: 100%;
	min-height: 56px;
	border-radius: 999px;
}

.rdm-streak-card {
	margin: 16px;
	display: grid;
	gap: 6px;
}

@media (max-width: 960px) {
	.rdm-app {
		min-height: 100vh;
	}

	.rdm-sidebar {
		transform: translateX(-100%);
		transition: transform 0.25s ease;
		width: min(92vw, 320px);
	}

	.rdm-sidebar.is-open {
		transform: translateX(0);
	}

	.rdm-menu-toggle {
		display: inline-flex;
	}

	.rdm-menu-toggle-desktop {
		display: none;
	}

	.rdm-main {
		margin-left: 0;
	}

	.rdm-topbar {
		left: 0;
		padding: 0 16px;
	}

	.rdm-content {
		padding: calc(var(--rdm-topbar-height) + 16px) 16px 24px;
	}

	.rdm-grid-cards,
	.rdm-grid-two,
	.rdm-streak-grid {
		grid-template-columns: 1fr;
	}

	.rdm-topbar,
	.rdm-section-head,
	.rdm-offer-footer,
	.rdm-activity-item,
	.rdm-offer-meta,
	.rdm-profile-grid,
	.rdm-balance-summary {
		flex-direction: column;
		align-items: flex-start;
	}

	.rdm-topbar-actions {
		width: auto;
		align-items: flex-end;
	}
}