:root {
	--background: 0 0% 100%;
	--foreground: 0 0% 9%;
	--border: 0 0% 91%;
	--card: 0 0% 98%;
	--card-foreground: 0 0% 9%;
	--primary: 28 92% 60%;
	--primary-foreground: 0 0% 98%;
	--secondary: 0 0% 92%;
	--secondary-foreground: 0 0% 9%;
	--muted: 0 0% 93%;
	--muted-foreground: 0 0% 35%;
	--accent: 24 12% 91%;
	--accent-foreground: 0 0% 9%;
	--destructive: 0 84% 45%;
	--destructive-foreground: 0 0% 98%;
	--input: 0 0% 78%;
	--ring: 28 92% 60%;
	--gradient-from: 28 92% 60%;
	--gradient-to: 142 71% 45%;
	--radius: 0.5rem;
}

.dark {
	--background: 0 0% 7%;
	--foreground: 0 0% 98%;
	--border: 0 0% 16%;
	--card: 0 0% 7%;
	--card-foreground: 0 0% 98%;
	--primary: 28 92% 60%;
	--primary-foreground: 0 0% 98%;
	--secondary: 0 0% 14%;
	--secondary-foreground: 0 0% 98%;
	--muted: 0 0% 14%;
	--muted-foreground: 0 0% 65%;
	--accent: 24 10% 16%;
	--accent-foreground: 0 0% 98%;
	--destructive: 0 72% 51%;
	--destructive-foreground: 0 0% 98%;
	--input: 0 0% 22%;
	--ring: 28 92% 60%;
	--gradient-from: 28 92% 60%;
	--gradient-to: 142 71% 45%;
}

body {
	font-family: Outfit, sans-serif;
}

.risup-tabbar {
	padding-bottom: env(safe-area-inset-bottom, 0px);
}

body.risup-nav-open {
	overflow: hidden;
}

@media (min-width: 640px) {
	.risup-drawer {
		display: none !important;
	}
}

.risup-drawer-backdrop {
	opacity: 0;
	transition: opacity 220ms ease;
}

.risup-drawer-panel {
	transform: translate3d(-100%, 0, 0);
	transition: transform 220ms ease;
}

html[dir="rtl"] .risup-drawer-panel {
	transform: translate3d(100%, 0, 0);
}

.risup-drawer.is-open .risup-drawer-backdrop {
	opacity: 1;
}

.risup-drawer.is-open .risup-drawer-panel {
	transform: translate3d(0, 0, 0);
}

.risup-heat {
	display: flex;
	gap: 6px;
	align-items: flex-start;
}

.risup-heat-dow {
	display: grid;
	grid-template-rows: repeat(7, 11px);
	gap: 3px;
	margin-top: 16px;
	font-size: 9px;
	line-height: 11px;
	color: hsl(var(--muted-foreground));
}

.risup-heat-scroll {
	min-width: 0;
	flex: 1;
	overflow-x: auto;
	padding-bottom: 2px;
}

.risup-heat-months,
.risup-heat-grid {
	display: flex;
	gap: 3px;
	width: max-content;
}

.risup-heat-months {
	height: 14px;
	margin-bottom: 2px;
	font-size: 10px;
	line-height: 14px;
	color: hsl(var(--muted-foreground));
}

.risup-heat-months span {
	width: 11px;
	overflow: visible;
	white-space: nowrap;
}

.risup-heat-col {
	display: grid;
	grid-template-rows: repeat(7, 11px);
	gap: 3px;
}

.risup-heat-cell {
	display: block;
	width: 11px;
	height: 11px;
	border-radius: 2px;
	background: #ebedf0;
	outline: 1px solid rgba(27, 31, 36, 0.06);
	outline-offset: -1px;
}

.risup-heat-cell.is-pad { background: transparent; outline: none; }
.risup-heat-cell[data-level="1"] { background: #ffd7ad; }
.risup-heat-cell[data-level="2"] { background: #ffb067; }
.risup-heat-cell[data-level="3"] { background: #f08a2a; }
.risup-heat-cell[data-level="4"] { background: #c45d0a; }

.dark .risup-heat-cell { background: #161b22; outline-color: rgba(240, 246, 252, 0.06); }
.dark .risup-heat-cell[data-level="1"] { background: #5c3a1e; }
.dark .risup-heat-cell[data-level="2"] { background: #9a5414; }
.dark .risup-heat-cell[data-level="3"] { background: #e07a20; }
.dark .risup-heat-cell[data-level="4"] { background: #ffb067; }
.dark .risup-heat-cell.is-pad { background: transparent; outline: none; }

.risup-question-image {
	display: block;
	width: 100%;
	height: auto;
	max-height: none;
	object-fit: contain;
}

html:not(.dark) .bg-muted {
	background-color: #ededed;
}

a.risup-btn-primary,
button.risup-btn-primary {
	background-color: hsl(var(--primary)) !important;
	color: hsl(var(--primary-foreground)) !important;
}

.risup-btn-primary:hover {
	background-color: hsl(var(--primary));
	opacity: 0.9;
}

.risup-social .nsl-container {
	width: 100%;
}

.risup-social .nsl-container-buttons {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	width: 100%;
}

.risup-social .nsl-button {
	border-radius: 0.5rem !important;
	width: 100%;
}

summary::-webkit-details-marker,
summary::marker {
	display: none;
	content: "";
}

[data-lang-menu][open] > div {
	display: block;
}

.risup-lang-drawer > div {
	top: auto;
	bottom: calc(100% + 0.25rem);
	margin-top: 0;
	inset-inline-start: 0;
	inset-inline-end: 0;
}

.risup-push-prompt {
	position: fixed;
	z-index: 80;
	left: 0.75rem;
	right: 0.75rem;
	bottom: calc(4.25rem + env(safe-area-inset-bottom, 0px));
}

.risup-push-prompt[hidden] {
	display: none;
}

.risup-push-card {
	max-width: 32rem;
	margin: 0 auto;
	padding: 1rem 1rem 0.9rem;
	border: 1px solid hsl(var(--border));
	border-radius: 1rem;
	background: hsl(var(--card));
	color: hsl(var(--card-foreground));
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
}

.risup-push-card ul {
	margin: 0.6rem 0 0;
	padding: 0;
	list-style: none;
}

.risup-push-card li {
	display: flex;
	gap: 0.45rem;
	margin-top: 0.35rem;
	font-size: 0.875rem;
	line-height: 1.35;
	color: hsl(var(--muted-foreground));
}

.risup-cat-icon {
	display: inline-flex;
	width: 0.875rem;
	height: 0.875rem;
	flex: none;
	align-items: center;
	justify-content: center;
}

.risup-cat-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

.risup-push-card li::before {
	content: "";
	width: 0.4rem;
	height: 0.4rem;
	margin-top: 0.35rem;
	flex: none;
	border-radius: 999px;
	background: hsl(var(--primary));
}

.risup-cookie {
	position: fixed;
	z-index: 70;
	left: 0.75rem;
	right: 0.75rem;
	bottom: calc(4.35rem + env(safe-area-inset-bottom, 0px));
}

.risup-cookie[hidden] {
	display: none;
}

.risup-cookie-card {
	position: relative;
	max-width: 28rem;
	margin-inline: auto;
	overflow: hidden;
	border: 1px solid hsl(var(--primary) / 0.28);
	border-radius: 1.25rem;
	background:
		linear-gradient(135deg, hsl(var(--gradient-from) / 0.16), transparent 42%),
		linear-gradient(225deg, hsl(var(--gradient-to) / 0.14), transparent 46%),
		hsl(var(--card));
	color: hsl(var(--card-foreground));
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
}

.risup-cookie.is-in .risup-cookie-card {
	animation: risup-cookie-in 420ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.risup-cookie.is-out .risup-cookie-card {
	animation: risup-cookie-out 200ms ease forwards;
}

body.risup-cookie-open .risup-push-prompt {
	bottom: calc(4.35rem + env(safe-area-inset-bottom, 0px) + var(--risup-cookie-space, 9rem));
}

@keyframes risup-cookie-in {
	from {
		opacity: 0;
		transform: translateY(16px) scale(0.98);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes risup-cookie-out {
	to {
		opacity: 0;
		transform: translateY(10px);
	}
}

.risup-brand-logo {
	position: relative;
	display: grid;
	width: 48px;
	height: 48px;
	min-width: 48px;
	max-width: 48px;
	flex: none;
	place-items: center;
}

.risup-brand-logo__mark {
	position: relative;
	z-index: 1;
	width: 40px;
	height: 40px;
	min-width: 40px;
	max-width: 40px;
	overflow: hidden;
	border-radius: 10px;
}

.risup-brand-logo__mark .custom-logo-link {
	display: block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: inherit;
}

.risup-brand-logo__mark .custom-logo {
	display: block;
	width: 40px !important;
	height: 40px !important;
	max-width: 40px !important;
	max-height: 40px !important;
	border-radius: inherit;
	object-fit: cover;
}

.risup-brand-logo::before,
.risup-brand-logo__ring {
	position: absolute;
	border-radius: 999px;
	pointer-events: none;
	opacity: 1;
	transition: opacity 320ms ease;
}

.risup-brand-logo::before {
	content: "";
	inset: 1px;
	border: 1.5px solid hsl(var(--border));
}

.risup-brand-logo__ring {
	inset: 0;
	background: conic-gradient(from 0deg, transparent 0 248deg, hsl(var(--primary)) 310deg, hsl(var(--gradient-to)) 360deg);
	-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 0);
	mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 0);
	animation: risup-logo-spin 0.8s linear infinite;
}

.risup-brand-logo.is-ready::before,
.risup-brand-logo.is-ready .risup-brand-logo__ring {
	opacity: 0;
}

.risup-brand-logo.is-ready .risup-brand-logo__ring {
	animation: none;
}

@keyframes risup-logo-spin {
	to {
		transform: rotate(360deg);
	}
}

.risup-avatar-loader {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: grid;
	place-items: center;
	border-radius: inherit;
	background: hsl(var(--background) / 0.62);
}

.risup-avatar-loader[hidden] {
	display: none;
}

.risup-ad iframe,
.risup-ad img,
.risup-ad ins,
.risup-ad video {
	max-width: 100%;
}

.risup-ad--admin {
	border-radius: 0.75rem;
	background: rgb(239 68 68 / 0.14);
	outline: 1px dashed rgb(239 68 68 / 0.45);
	outline-offset: -1px;
}

.risup-ad__label {
	margin: 0;
	padding: 0.75rem 1rem;
	text-align: center;
	font-size: 0.75rem;
	font-weight: 500;
	color: rgb(185 28 28);
}

.dark .risup-ad__label {
	color: rgb(254 202 202);
}

.risup-avatar-loader__ring {
	width: 28px;
	height: 28px;
	border-radius: 999px;
	background: conic-gradient(from 0deg, transparent 0 248deg, hsl(var(--primary)) 310deg, hsl(var(--gradient-to)) 360deg);
	-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2.5px), #000 0);
	mask: radial-gradient(farthest-side, transparent calc(100% - 2.5px), #000 0);
	animation: risup-logo-spin 0.8s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
	.risup-cookie-card,
	.risup-brand-logo__ring,
	.risup-avatar-loader__ring {
		animation: none !important;
	}
}

.risup-verify {
	width: 100%;
	max-width: 28rem;
	margin-top: 1rem;
	border: 1px solid hsl(var(--primary) / 0.4);
	border-radius: 0.75rem;
	background: hsl(var(--primary) / 0.1);
	padding: 0.9rem 1rem 1rem;
	text-align: start;
}

.risup-verify details {
	margin-top: 0.75rem;
	text-align: center;
}

.risup-verify details form {
	text-align: start;
}

.risup-verify summary {
	display: inline-flex;
	cursor: pointer;
	list-style: none;
}

.risup-verify summary::-webkit-details-marker {
	display: none;
}

.risup-account-ok {
	color: hsl(142 71% 28%);
}

.dark .risup-account-ok {
	color: hsl(142 71% 62%);
}

.risup-cover {
	width: 100%;
	height: auto;
	max-height: 28rem;
	object-fit: cover;
}

figure .risup-cover {
	display: block;
}

.risup-md {
	min-height: 22rem;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	line-height: 1.6;
}

.risup-md-preview {
	min-height: 22rem;
}

.risup-md-preview > * + * {
	margin-top: 0.75rem;
}

.risup-md-preview h2,
.risup-entry h2 {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.3;
}

.risup-md-preview h3,
.risup-entry h3 {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.35;
}

.risup-md-preview h4,
.risup-entry h4 {
	font-size: 1.1rem;
	font-weight: 700;
}

.risup-md-preview a,
.risup-entry a {
	color: hsl(var(--primary));
	text-decoration: underline;
}

.risup-md-preview ul,
.risup-md-preview ol,
.risup-entry ul,
.risup-entry ol {
	padding-inline-start: 1.25rem;
}

.risup-md-preview ul,
.risup-entry ul {
	list-style: disc;
}

.risup-md-preview ol,
.risup-entry ol {
	list-style: decimal;
}

.risup-md-preview blockquote,
.risup-entry blockquote {
	border-inline-start: 3px solid hsl(var(--border));
	padding-inline-start: 0.75rem;
	color: hsl(var(--muted-foreground));
}

.risup-md-preview pre,
.risup-entry pre {
	overflow: auto;
	border-radius: 0.5rem;
	background: hsl(var(--muted));
	padding: 0.75rem;
	font-size: 0.85rem;
}

.risup-md-preview code,
.risup-entry code {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.9em;
}

.risup-entry img,
.risup-md-preview img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 0.75rem;
}

.risup-footer-menu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.25rem 0.75rem;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.risup-footer-menu > li {
	flex: 0 0 auto;
	width: auto;
}

.risup-footer-menu a {
	display: inline-flex;
	align-items: center;
	min-height: 2rem;
	padding: 0 0.35rem;
	border-radius: 0.375rem;
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1;
	color: hsl(var(--muted-foreground));
}

.risup-footer-menu a:hover,
.risup-footer-menu .current-menu-item > a,
.risup-footer-menu .current_page_item > a {
	color: hsl(var(--foreground));
}