.ath-we2-demo {
	/* Consume the active Athenian Site Themes output directly; this section has no palette fallbacks. */
	--we2-demo-text: var(--text-high);
	--we2-demo-muted: var(--text-mid);
	--we2-demo-low: var(--text-low);
	--we2-demo-surface: var(--surface-1);
	--we2-demo-raised: var(--surface-2);
	--we2-demo-panel: var(--surface-3);
	--we2-demo-line: var(--border);
	--we2-demo-accent: var(--ctl-c1);
	--we2-demo-accent-2: var(--ctl-c2);
	--we2-demo-gold: var(--ctl-c3);
	--we2-demo-positive: var(--ctl-c2);
	--we2-demo-negative: var(--ctl-c4);
	--we2-demo-shadow: var(--ctl-c6);
	--we2-demo-focus: var(--focus-ring);
	--we2-demo-btn-bg: var(--btn-bg);
	--we2-demo-btn-fg: var(--btn-fg);
	--we2-demo-btn-shadow: var(--btn-shadow);
	--we2-demo-radius: var(--radius);
	--we2-demo-radius-lg: var(--radius-lg);
	position: relative;
	box-sizing: border-box;
	container-type: inline-size;
	width: 100%;
	min-width: 0;
	overflow: hidden;
	color: var(--we2-demo-text);
	background:
		radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--we2-demo-accent) 28%, transparent), transparent 35%),
		radial-gradient(circle at 94% 92%, color-mix(in srgb, var(--we2-demo-accent-2) 20%, transparent), transparent 42%),
		linear-gradient(132deg, color-mix(in srgb, var(--we2-demo-surface) 88%, var(--we2-demo-accent) 12%), color-mix(in srgb, var(--we2-demo-accent-2) 14%, var(--we2-demo-surface)));
	border-block: 1px solid color-mix(in srgb, var(--we2-demo-accent) 28%, var(--we2-demo-line));
}

.ath-we2-demo,
.ath-we2-demo * {
	box-sizing: border-box;
}

.ath-we2-demo__noise {
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: .12;
	background-image: radial-gradient(color-mix(in srgb, var(--we2-demo-text) 20%, transparent) .7px, transparent .7px);
	background-size: 17px 17px;
	mix-blend-mode: screen;
}

.ath-we2-demo__confetti {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.ath-we2-demo__inner {
	position: relative;
	z-index: 1;
	width: min(100%, 1360px);
	margin-inline: auto;
	padding: clamp(16px, 3vw, 34px) clamp(14px, 3vw, 34px) clamp(13px, 2vw, 22px);
}

.ath-we2-demo__hero {
	display: block;
	margin-bottom: clamp(12px, 2vw, 20px);
}

.ath-we2-demo__heroCopy {
	min-width: 0;
}

.ath-we2-demo__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin: 0 0 9px;
	color: color-mix(in srgb, var(--we2-demo-accent) 78%, var(--we2-demo-text));
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .14em;
	line-height: 1.1;
	text-transform: uppercase;
}

.ath-we2-demo__pulse {
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 99px;
	background: var(--we2-demo-accent);
	box-shadow: 0 0 0 0 color-mix(in srgb, var(--we2-demo-accent) 50%, transparent);
	animation: ath-we2-demo-pulse 2s ease-out infinite;
}

.ath-we2-demo h2,
.ath-we2-demo h3,
.ath-we2-demo p {
	margin: 0;
}

.ath-we2-demo h2 {
	max-width: 860px;
	color: var(--we2-demo-text);
	font-size: clamp(25px, 3.6vw, 46px);
	font-weight: 900;
	line-height: .99;
	letter-spacing: -.055em;
	text-wrap: balance;
}

.ath-we2-demo__heroCopy > p {
	max-width: 760px;
	margin-top: 10px;
	color: var(--we2-demo-muted);
	font-size: clamp(12px, 1.5vw, 15px);
	font-weight: 520;
	line-height: 1.48;
}

.ath-we2-demo__workspace {
	position: relative;
	min-height: 0;
	border: 1px solid color-mix(in srgb, var(--we2-demo-accent) 18%, var(--we2-demo-line));
	border-radius: 18px;
	background: color-mix(in srgb, var(--we2-demo-raised) 62%, transparent);
	box-shadow: 0 16px 42px color-mix(in srgb, var(--we2-demo-shadow) 18%, transparent), inset 0 1px 0 color-mix(in srgb, var(--we2-demo-text) 5.5%, transparent);
	backdrop-filter: blur(18px);
	overflow: hidden;
}

.ath-we2-demo__workspace::before {
	position: absolute;
	inset: 0 0 auto;
	height: 2px;
	content: "";
	background: linear-gradient(90deg, transparent, var(--we2-demo-accent), var(--we2-demo-gold), transparent);
	opacity: .75;
}

.ath-we2-demo__stage[hidden] {
	display: none !important;
}

.ath-we2-demo__stage:not([hidden]) {
	animation: ath-we2-demo-slide-in .42s cubic-bezier(.2,.75,.2,1) both;
}

.ath-we2-demo__stageHead {
	display: none;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 13px 18px 0;
}

.ath-we2-demo__step {
	color: var(--we2-demo-gold);
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .12em;
}

.ath-we2-demo__form {
	padding: clamp(15px, 2.5vw, 26px);
}

.ath-we2-demo__prompt,
.ath-we2-demo__filters label {
	display: block;
}

.ath-we2-demo__fieldLabel,
.ath-we2-demo__filters label > span {
	display: block;
	margin-bottom:0px;
	color: var(--we2-demo-muted);
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.ath-we2-demo__fieldLabel em {
	color: var(--we2-demo-low);
	font-size: .92em;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
}

.ath-we2-demo__promptBox {
	position: relative;
	--we2-demo-prompt-pad-x: 15px;
	--we2-demo-prompt-gap: 10px;
	--we2-demo-prompt-glyph-width: 24px;
	--we2-demo-prompt-size: clamp(15px, 2vw, 20px);
	--we2-demo-prompt-weight: 610;
	--we2-demo-prompt-line: 1.34;
	display: grid;
	grid-template-columns: var(--we2-demo-prompt-glyph-width) minmax(0, 1fr);
	column-gap: var(--we2-demo-prompt-gap);
	align-items: start;
	padding: 14px var(--we2-demo-prompt-pad-x);
	border: 1px solid color-mix(in srgb, var(--we2-demo-accent) 20%, var(--we2-demo-line));
	border-radius: 13px;
	background: color-mix(in srgb, var(--we2-demo-surface) 55%, transparent);
	box-shadow: inset 0 1px 0 color-mix(in srgb, var(--we2-demo-text) 3.5%, transparent);
	backdrop-filter: blur(14px);
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.ath-we2-demo__promptBox:focus-within {
	border-color: var(--we2-demo-accent);
	box-shadow: 0 0 0 3px var(--we2-demo-focus), 0 10px 30px color-mix(in srgb, var(--we2-demo-shadow) 18%, transparent);
	transform: translateY(-1px);
}

.ath-we2-demo__promptGlyph {
	width: var(--we2-demo-prompt-glyph-width);
	text-align: center;
	color: var(--we2-demo-accent);
	font-size: 28px;
	font-weight: 300;
	line-height: .85;
}

.ath-we2-demo textarea,
.ath-we2-demo select {
	width: 100%;
	max-width: none;
	margin: 0;
	color: var(--we2-demo-text);
	font: inherit;
	border: 0;
	outline: 0;
	background: transparent;
}

.ath-we2-demo select {
	color-scheme: dark;
}

.ath-we2-demo select option,
.ath-we2-demo select optgroup {
	color: var(--we2-demo-text);
	background-color: var(--we2-demo-raised);
}

.ath-we2-demo textarea {
	position: relative;
	z-index: 1;
	grid-column: 2;
	min-height: 58px;
	padding: 0;
	resize: vertical;
	font-size: var(--we2-demo-prompt-size);
	font-weight: var(--we2-demo-prompt-weight);
	line-height: var(--we2-demo-prompt-line);
	caret-color: var(--we2-demo-accent);
}

.ath-we2-demo textarea::placeholder {
	color: color-mix(in srgb, var(--we2-demo-muted) 78%, transparent);
}

.ath-we2-demo__typing {
	--ath-we2-demo-typing-trail-x: 0px;
	--ath-we2-demo-typing-trail-y: 0px;
	position: absolute;
	top: 14px;
	left: calc(var(--we2-demo-prompt-pad-x) + var(--we2-demo-prompt-glyph-width) + var(--we2-demo-prompt-gap));
	right: var(--we2-demo-prompt-pad-x);
	max-width: none;
	overflow: visible;
	display: block;
	isolation: isolate;
	color: color-mix(in srgb, var(--we2-demo-muted) 66%, transparent);
	font-size: var(--we2-demo-prompt-size);
	font-weight: var(--we2-demo-prompt-weight);
	line-height: var(--we2-demo-prompt-line);
	white-space: normal;
	pointer-events: none;
	transform: translateY(0);
	transition: opacity .2s ease, transform .2s ease;
}

.ath-we2-demo__typing::before {
	position: absolute;
	left: calc(var(--ath-we2-demo-typing-trail-x) - 4.05em);
	top: calc(var(--ath-we2-demo-typing-trail-y) + .1em);
	width: 4.4em;
	height: 1.05em;
	z-index: 0;
	content: "";
	border-radius: 999px;
	background: radial-gradient(ellipse at 84% 50%, color-mix(in srgb, var(--we2-demo-accent) 34%, transparent), transparent 72%), linear-gradient(270deg, transparent, color-mix(in srgb, var(--we2-demo-accent-2) 16%, transparent), transparent);
	filter: blur(8px);
	opacity: .48;
	transform: scaleX(.72);
	transform-origin: right center;
	animation: ath-we2-demo-typing-glow 1.8s ease-in-out infinite;
}

.ath-we2-demo__typing:not(.has-content)::before { opacity: 0; }

.ath-we2-demo__typingChar {
	position: relative;
	z-index: 1;
	display: inline;
}

.ath-we2-demo__typingWord {
	display: inline-block;
}

.ath-we2-demo__typingChar.is-new {
	animation: ath-we2-demo-typing-char .28s ease-out both;
}

.ath-we2-demo__promptBox:focus-within .ath-we2-demo__typing,
.ath-we2-demo.is-prompt-filled .ath-we2-demo__typing {
	opacity: 0;
	transform: translateY(2px);
}

.ath-we2-demo__filters {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(180px, .8fr);
	align-items: stretch;
	gap: 8px;
	margin-top: 13px;
}

.ath-we2-demo__filters label {
	padding: 3px 8px 3px;
	border: 1px solid color-mix(in srgb, var(--we2-demo-line) 76%, transparent);
	border-radius: 10px;
	background: color-mix(in srgb, var(--we2-demo-surface) 38%, transparent);
	backdrop-filter: blur(10px);
}

.ath-we2-demo__filters select {
	min-height: 24px;
	padding: 0;
	color: var(--we2-demo-text);
	font-size: 12px;
	font-weight: 700;
	border: 0;
	border-radius: 0;
	background: transparent;
	cursor: pointer;
}

.ath-we2-demo__filters select:disabled {
	cursor: not-allowed;
	opacity: .5;
}

.ath-we2-demo__trap {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.ath-we2-demo select:focus-visible,
.ath-we2-demo button:focus-visible {
	outline: 2px solid var(--we2-demo-accent);
	outline-offset: 2px;
}

.ath-we2-demo__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 44px;
	padding: 8px 16px;
	color: var(--we2-demo-btn-fg);
	font: inherit;
	font-size: 14px;
	font-weight: 850;
	border: 1px solid color-mix(in srgb, var(--we2-demo-gold) 52%, var(--we2-demo-accent-2));
	border-radius: 10px;
	background: var(--we2-demo-btn-bg);
	box-shadow: var(--we2-demo-btn-shadow);
	cursor: pointer;
	transition: transform .18s ease, filter .18s ease;
}

.ath-we2-demo__button--inline {
	width: 100%;
	min-height: 100%;
}

.ath-we2-demo__buttonIcon,
.ath-we2-demo__resultsIcon {
	display: block;
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	background-color: var(--we2-demo-btn-fg);
	-webkit-mask-image: var(--ath-we2-demo-icon);
	mask-image: var(--ath-we2-demo-icon);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.ath-we2-demo__resultsIcon { background-color: var(--we2-demo-accent); }

.ath-we2-demo__button:hover { filter: brightness(1.1); transform: translateY(-2px); }
.ath-we2-demo__button b { font-size: 18px; font-weight: 400; line-height: 1; }
.ath-we2-demo__button[disabled] { opacity: .6; cursor: wait; transform: none; }

.ath-we2-demo__formStatus {
	min-height: 18px;
	margin-top: 10px;
	color: var(--we2-demo-muted);
	font-size: 11px;
	line-height: 1.35;
}

.ath-we2-demo__formStatus.is-error { color: var(--we2-demo-negative); }
.ath-we2-demo__formStatus.is-success { color: var(--we2-demo-positive); }

	
.ath-we2-demo__recent {
	min-width: 0;
	margin: 8px 0 0;
	padding: 9px 0 0;
	border-top: 1px solid color-mix(in srgb, var(--we2-demo-line) 82%, transparent);
}

.ath-we2-demo__recentHead {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 4px 8px;
	margin-bottom: 6px;
}

.ath-we2-demo__recentHead strong {
	color: var(--we2-demo-accent);
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .1em;
	line-height: 1.1;
	text-transform: uppercase;
}

.ath-we2-demo__recentHead span {
	color: var(--we2-demo-low);
	font-size: 9px;
	line-height: 1.2;
}

.ath-we2-demo__recentList {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	min-width: 0;
	padding: 0 0 2px;
	scrollbar-width: thin;
}

.ath-we2-demo__recentCard {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex: 0 0 auto;
	min-width: 0;
	width: auto;
	max-width: min(420px, 78cqw);
	padding: 7px 10px;
	color: var(--we2-demo-muted);
	font: inherit;
	text-align: left;
	border: 1px solid color-mix(in srgb, var(--we2-demo-line) 86%, transparent);
	border-radius: 12px;
	background: color-mix(in srgb, var(--we2-demo-raised) 50%, transparent);
	backdrop-filter: blur(10px);
	cursor: pointer;
	transition: border-color .18s ease, transform .18s ease, background .18s ease;
}

.ath-we2-demo__recentCard:hover,
.ath-we2-demo__recentCard:focus-visible { border-color: var(--we2-demo-accent); background: color-mix(in srgb, var(--we2-demo-accent-2) 13%, var(--we2-demo-raised)); transform: translateY(-2px); }
.ath-we2-demo__recentCard.is-loading { opacity: .65; cursor: wait; pointer-events: none; }
.ath-we2-demo__recentCard.is-loading .ath-we2-demo__recentArrow { width: 12px; height: 12px; color: transparent; border: 2px solid color-mix(in srgb, var(--we2-demo-accent) 35%, transparent); border-top-color: var(--we2-demo-gold); border-radius: 50%; animation: ath-we2-demo-recent-spin .72s linear infinite; }
.ath-we2-demo__recentCopy { display: grid; gap: 2px; min-width: 0; }
.ath-we2-demo__recentCard strong { display: block; max-width: 250px; overflow: hidden; color: var(--we2-demo-text); font-size: 10px; font-weight: 800; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.ath-we2-demo__recentCard .ath-we2-demo__recentMeta { display: block; max-width: 250px; overflow: hidden; color: var(--we2-demo-low); font-size: 9px; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.ath-we2-demo__recentArrow { flex: 0 0 auto; color: var(--we2-demo-accent); font-size: 13px; line-height: 1; }
.ath-we2-demo__recentEmpty { padding: 1px 0; color: var(--we2-demo-low); font-size: 9px; white-space: nowrap; }
.ath-we2-demo__dots { margin-left: 3px; letter-spacing: 2px; animation: ath-we2-demo-fade 1.4s ease-in-out infinite; }
.ath-we2-demo__recentMore {
	display: none;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 8px 0 0;
	padding: 8px 12px;
	color: var(--we2-demo-text);
	font: inherit;
	font-size: 10px;
	font-weight: 800;
	line-height: 1.1;
	border: 1px solid color-mix(in srgb, var(--we2-demo-accent) 58%, var(--we2-demo-line));
	border-radius: 10px;
	background: color-mix(in srgb, var(--we2-demo-accent-2) 14%, var(--we2-demo-raised));
	cursor: pointer;
	transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.ath-we2-demo__recentMore:hover,
.ath-we2-demo__recentMore:focus-visible { border-color: var(--we2-demo-accent); background: color-mix(in srgb, var(--we2-demo-accent-2) 24%, var(--we2-demo-raised)); transform: translateY(-1px); }

@keyframes ath-we2-demo-recent-spin { to { transform: rotate(360deg); } }

.ath-we2-demo__generating {
	display: grid;
	place-items: center;
	min-height: 380px;
	padding: 40px 24px;
	text-align: center;
}

.ath-we2-demo__spinner {
	display: block;
	width: 54px;
	height: 54px;
	margin-bottom: 18px;
	border: 1px solid color-mix(in srgb, var(--we2-demo-accent) 28%, transparent);
	border-top-color: var(--we2-demo-gold);
	border-radius: 50%;
	animation: ath-we2-demo-spin 1s linear infinite;
}

.ath-we2-demo__generating h3 {
	max-width: 440px;
	margin-top: 7px;
	font-size: clamp(20px, 3vw, 30px);
	font-weight: 850;
	line-height: 1.05;
	letter-spacing: -.035em;
}

.ath-we2-demo__chatLines {
	display: grid;
	gap: 5px;
	margin-top: 16px;
	color: var(--we2-demo-muted);
	font-size: 11px;
}

.ath-we2-demo__chatLines span { animation: ath-we2-demo-fade 1.9s ease-in-out infinite; }
.ath-we2-demo__chatLines span:nth-child(2) { animation-delay: .35s; }
.ath-we2-demo__chatLines span:nth-child(3) { animation-delay: .7s; }

.ath-we2-demo__quiz,
.ath-we2-demo__results {
	padding: clamp(18px, 3vw, 34px);
}

.ath-we2-demo__quizTop,
.ath-we2-demo__resultsTop {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 15px;
	margin-bottom: 18px;
}

.ath-we2-demo__quizMeta {
	color: var(--we2-demo-low);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.ath-we2-demo__progress {
	display: flex;
	gap: 4px;
	margin-top: 7px;
}

.ath-we2-demo__progress i {
	display: block;
	width: 32px;
	height: 3px;
	border-radius: 99px;
	background: var(--we2-demo-line);
}

.ath-we2-demo__progress i.is-active { background: var(--we2-demo-accent); }

.ath-we2-demo__questionNumber {
	color: var(--we2-demo-gold);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .08em;
}

.ath-we2-demo__questionPrompt {
	max-width: 760px;
	margin: 0;
	font-size: clamp(20px, 3vw, 31px);
	font-weight: 850;
	line-height: 1.08;
	letter-spacing: -.04em;
}

.ath-we2-demo__options {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 9px;
	margin-top: 20px;
}

.ath-we2-demo__option {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	min-height: 58px;
	padding: 12px;
	color: var(--we2-demo-text);
	font: inherit;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.32;
	text-align: left;
	border: 1px solid var(--we2-demo-line);
	border-radius: 10px;
	background: color-mix(in srgb, var(--we2-demo-surface) 82%, transparent);
	cursor: pointer;
	transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.ath-we2-demo__option:hover { border-color: var(--we2-demo-accent); transform: translateY(-2px); }
.ath-we2-demo__option:disabled { cursor: default; }
.ath-we2-demo__option.is-correct { border-color: var(--we2-demo-positive); background: color-mix(in srgb, var(--we2-demo-positive) 15%, var(--we2-demo-surface)); }
.ath-we2-demo__option.is-incorrect { border-color: var(--we2-demo-negative); background: color-mix(in srgb, var(--we2-demo-negative) 13%, var(--we2-demo-surface)); }

.ath-we2-demo__optionLetter {
	display: grid;
	flex: 0 0 24px;
	place-items: center;
	width: 24px;
	height: 24px;
	color: var(--we2-demo-accent);
	font-size: 10px;
	font-weight: 900;
	border: 1px solid color-mix(in srgb, var(--we2-demo-accent) 48%, var(--we2-demo-line));
	border-radius: 7px;
}

.ath-we2-demo__helpRow {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 16px;
}

.ath-we2-demo__helpButton,
.ath-we2-demo__next {
	min-height: 34px;
	padding: 0 11px;
	color: var(--we2-demo-muted);
	font: inherit;
	font-size: 10px;
	font-weight: 800;
	border: 1px solid var(--we2-demo-line);
	border-radius: 8px;
	background: transparent;
	cursor: pointer;
}

.ath-we2-demo__helpButton:hover,
.ath-we2-demo__next:hover { color: var(--we2-demo-text); border-color: var(--we2-demo-accent); }
.ath-we2-demo__helpButton.is-used { color: var(--we2-demo-gold); border-color: color-mix(in srgb, var(--we2-demo-gold) 48%, var(--we2-demo-line)); }
.ath-we2-demo__next { align-self: center; flex: 0 0 auto; min-width: 126px; margin-left: auto; color: var(--we2-demo-btn-fg); border-color: var(--we2-demo-accent); background: var(--we2-demo-btn-bg); box-shadow: 0 8px 18px color-mix(in srgb, var(--we2-demo-btn-shadow) 22%, transparent); }
.ath-we2-demo__next:hover { color: var(--we2-demo-btn-fg); filter: brightness(1.08); border-color: var(--we2-demo-gold); }

.ath-we2-demo__feedback {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-top: 17px;
	padding: 11px 12px;
	color: var(--we2-demo-muted);
	font-size: 11px;
	line-height: 1.38;
	border: 1px solid var(--we2-demo-line);
	border-radius: 10px;
	background: color-mix(in srgb, var(--we2-demo-panel) 88%, transparent);
}

.ath-we2-demo__feedback[hidden] { display: none !important; }
.ath-we2-demo__feedback > div { flex: 1 1 auto; min-width: 0; }

.ath-we2-demo__feedbackIcon {
	display: grid;
	flex: 0 0 25px;
	place-items: center;
	width: 25px;
	height: 25px;
	color: var(--we2-demo-text);
	font-size: 16px;
	font-weight: 900;
	border-radius: 50%;
	background: var(--we2-demo-accent-2);
}

.ath-we2-demo__feedbackIcon--correct { color: var(--we2-demo-positive); background: color-mix(in srgb, var(--we2-demo-positive) 16%, var(--we2-demo-panel)); }
.ath-we2-demo__feedbackIcon--incorrect { color: var(--we2-demo-negative); background: color-mix(in srgb, var(--we2-demo-negative) 16%, var(--we2-demo-panel)); }
.ath-we2-demo__answerStatusIcon { display: block; width: 16px; height: 16px; }

.ath-we2-demo__answerCheck {
	display: block;
	flex: 0 0 30px;
	width: 30px;
	height: 30px;
	overflow: visible;
	color: var(--we2-demo-positive);
}

.ath-we2-demo__answerCheckWorm,
.ath-we2-demo__answerCheckPop,
.ath-we2-demo__answerCheckMark {
	transform-origin: 24px 24px;
}

.ath-we2-demo__answerCheckWorm { stroke: color-mix(in srgb, var(--we2-demo-positive) 72%, var(--we2-demo-accent)); }
.ath-we2-demo__answerCheckPop { stroke: var(--we2-demo-positive); }
.ath-we2-demo__answerCheckMark { stroke: var(--we2-demo-positive); }

.ath-we2-demo__answerCheck.is-animated .ath-we2-demo__answerCheckWorm,
.ath-we2-demo__answerCheck.is-animated .ath-we2-demo__answerCheckPop,
.ath-we2-demo__answerCheck.is-animated .ath-we2-demo__answerCheckMark {
	animation-duration: .72s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}

.ath-we2-demo__answerCheck.is-animated .ath-we2-demo__answerCheckWorm { animation-name: ath-we2-demo-answer-worm; }
.ath-we2-demo__answerCheck.is-animated .ath-we2-demo__answerCheckPop { animation-name: ath-we2-demo-answer-pop; }
.ath-we2-demo__answerCheck.is-animated .ath-we2-demo__answerCheckMark { animation-name: ath-we2-demo-answer-check; }

.ath-we2-demo__feedback strong { display: block; margin-bottom: 2px; color: var(--we2-demo-text); }

.ath-we2-demo__results {
	display: grid;
	place-items: center;
	min-height: 380px;
	text-align: center;
}

.ath-we2-demo__resultIcon {
	display: grid;
	place-items: center;
	width: 72px;
	height: 72px;
	margin-bottom: 16px;
	color: var(--we2-demo-btn-fg);
	font-size: 34px;
	font-weight: 900;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--we2-demo-positive), var(--we2-demo-accent-2));
	box-shadow: 0 0 0 8px color-mix(in srgb, var(--we2-demo-positive) 12%, transparent), 0 12px 25px color-mix(in srgb, var(--we2-demo-shadow) 18%, transparent);
	animation: ath-we2-demo-pop .55s cubic-bezier(.2,1.4,.3,1) both;
}

.ath-we2-demo__results h3 { font-size: clamp(24px, 4vw, 39px); font-weight: 900; letter-spacing: -.05em; }
.ath-we2-demo__score { margin-top: 7px !important; color: var(--we2-demo-gold); font-size: 17px; font-weight: 850; }
.ath-we2-demo__results p { max-width: 500px; margin-top: 11px; color: var(--we2-demo-muted); font-size: 12px; line-height: 1.45; }
.ath-we2-demo__resultsActions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 21px; }
.ath-we2-demo__resultsActions a,
.ath-we2-demo__resultsActions button { min-height: 38px; padding: 0 13px; color: var(--we2-demo-text); font: inherit; font-size: 11px; font-weight: 850; border: 1px solid var(--we2-demo-line); border-radius: 9px; background: transparent; cursor: pointer; text-decoration: none; }
.ath-we2-demo__resultsActions a { display: inline-flex; align-items: center; gap: 7px; }
.ath-we2-demo__resultsActions a b { font-size: 14px; font-weight: 400; line-height: 1; }
.ath-we2-demo__resultsActions a:first-child,
.ath-we2-demo__resultsActions button:first-child { border-color: color-mix(in srgb, var(--we2-demo-accent) 54%, var(--we2-demo-line)); background: color-mix(in srgb, var(--we2-demo-accent-2) 42%, transparent); }

@keyframes ath-we2-demo-pulse { 70% { box-shadow: 0 0 0 6px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } }
@keyframes ath-we2-demo-slide-in { from { opacity: 0; transform: translateX(22px); } to { opacity: 1; transform: translateX(0); } }
@keyframes ath-we2-demo-spin { to { transform: rotate(360deg); } }
@keyframes ath-we2-demo-fade { 0%, 100% { opacity: .28; transform: translateY(2px); } 50% { opacity: 1; transform: translateY(0); } }
@keyframes ath-we2-demo-pop { from { opacity: 0; transform: scale(.5) rotate(-12deg); } to { opacity: 1; transform: scale(1) rotate(0); } }
@keyframes ath-we2-demo-typing-char { from { opacity: 0; text-shadow: 0 0 0 transparent; } to { opacity: 1; text-shadow: 0 0 12px color-mix(in srgb, var(--we2-demo-accent) 38%, transparent); } }
@keyframes ath-we2-demo-typing-glow { 0%, 100% { opacity: .18; transform: translateX(.18em) scaleX(.64); } 50% { opacity: .52; transform: translateX(0) scaleX(.9); } }
@keyframes ath-we2-demo-answer-worm {
	from { stroke-dashoffset: -51.84; transform: rotate(-119deg); }
	60% { stroke-dashoffset: -51.84; transform: rotate(961deg); }
	72.5%, to { stroke-dashoffset: -138.23; transform: rotate(1033deg); }
}
@keyframes ath-we2-demo-answer-pop {
	from { opacity: 0; transform: scale(.35); }
	76% { opacity: 1; transform: scale(.35); }
	82.5% { opacity: 1; transform: scale(1); }
	to { opacity: 0; transform: scale(1); }
}
@keyframes ath-we2-demo-answer-check {
	from, 64% { stroke-dashoffset: -36.7; transform: scale(1); }
	75%, 77% { stroke-dashoffset: 13.7; transform: scale(1); }
	79% { stroke-dashoffset: 13.7; transform: scale(.4); }
	87% { stroke-dashoffset: 13.7; transform: scale(1.4); }
	93%, to { stroke-dashoffset: 13.7; transform: scale(1); }
}

@container (max-width: 760px) {
	.ath-we2-demo__workspace { border-radius: 16px; }
	.ath-we2-demo__options { grid-template-columns: minmax(0, 1fr); }
}

@container (max-width: 540px) {
	.ath-we2-demo__inner { padding: 23px 11px 17px; }
	.ath-we2-demo h2 { font-size: 30px; }
	.ath-we2-demo__filters { grid-template-columns: minmax(0, 1fr); gap: 3px; margin-top: 14px; }
	.ath-we2-demo__button { width: 100%; }
	.ath-we2-demo__recent { margin-inline: 0; }
	.ath-we2-demo__recentList { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3px; overflow: visible; }
	.ath-we2-demo__recentCard { width: 100%; max-width: none; padding: 3px 8px; }
	.ath-we2-demo__recentCard strong,
	.ath-we2-demo__recentCard .ath-we2-demo__recentMeta { max-width: none; }
	.ath-we2-demo__recentCard:nth-child(n + 6) { display: none; }
	.ath-we2-demo__recent.is-expanded .ath-we2-demo__recentCard:nth-child(n + 6) { display: inline-flex; }
	.ath-we2-demo__recentMore { display: inline-flex; }
	.ath-we2-demo__quiz,
	.ath-we2-demo__results { padding: 18px 14px; }
	.ath-we2-demo__questionPrompt { font-size: 24px; }
	.ath-we2-demo__stageHead { padding-inline: 14px; }
}

@media (prefers-reduced-motion: reduce) {
	.ath-we2-demo *,
	.ath-we2-demo *::before,
	.ath-we2-demo *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}