/* Toán Tư Duy Core – front-end app */
.ttd-core-app,
.ttd-dashboard {
	--ttd-blue: #07589f;
	--ttd-blue-dark: #043f78;
	--ttd-blue-soft: #eaf5ff;
	--ttd-sky: #d8efff;
	--ttd-yellow: #f0b429;
	--ttd-yellow-soft: #fff5d7;
	--ttd-green: #1b9b5f;
	--ttd-green-soft: #e8f8ef;
	--ttd-red: #d95656;
	--ttd-red-soft: #fff0f0;
	--ttd-ink: #19344d;
	--ttd-muted: #667c90;
	--ttd-line: #d7e3ed;
	--ttd-paper: #ffffff;
	max-width: 1040px;
	margin: 30px auto;
	color: var(--ttd-ink);
	font: inherit;
}

.ttd-core-app *,
.ttd-dashboard * {
	box-sizing: border-box;
}

.ttd-core-app .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.ttd-core-app__header,
.ttd-dashboard__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 22px;
	margin-bottom: 18px;
}

.ttd-core-app__eyebrow,
.ttd-dashboard__eyebrow,
.ttd-result__eyebrow {
	display: inline-block;
	margin-bottom: 6px;
	color: var(--ttd-blue);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.ttd-core-app__title,
.ttd-dashboard__header h2 {
	margin: 0;
	color: var(--ttd-blue-dark);
	font-size: clamp(25px, 3vw, 34px);
	line-height: 1.15;
}

.ttd-core-app__description {
	max-width: 650px;
	margin: 9px 0 0;
	color: var(--ttd-muted);
	font-size: 16px;
	line-height: 1.6;
}

.ttd-core-app__account {
	flex: 0 0 auto;
	padding: 10px 13px;
	border: 1px solid var(--ttd-line);
	border-radius: 999px;
	background: #fff;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
}

.ttd-core-app__account a,
.ttd-result__save a {
	color: var(--ttd-blue);
	text-decoration: none;
}

.ttd-core-app__account a:hover,
.ttd-result__save a:hover {
	text-decoration: underline;
}

.ttd-core-app__saved {
	color: var(--ttd-green);
}

.ttd-core-app__mount {
	min-height: 145px;
}

.ttd-core-app__loading {
	margin: 0;
	padding: 28px;
	border: 1px solid var(--ttd-line);
	border-radius: 18px;
	background: #fff;
	color: var(--ttd-muted);
	text-align: center;
}

.ttd-setup,
.ttd-session,
.ttd-result,
.ttd-dashboard {
	border: 1px solid var(--ttd-line);
	border-radius: 20px;
	background: var(--ttd-paper);
	box-shadow: 0 10px 30px rgba(30, 79, 119, .08);
}

.ttd-setup {
	padding: clamp(22px, 4vw, 38px);
}

.ttd-setup__intro {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 25px;
}

.ttd-setup__badge {
	display: grid;
	flex: 0 0 56px;
	width: 56px;
	height: 56px;
	place-items: center;
	border-radius: 18px;
	background: linear-gradient(135deg, var(--ttd-blue), #1f9be4);
	box-shadow: 0 8px 15px rgba(7, 88, 159, .2);
	color: #fff;
	font-size: 27px;
}

.ttd-setup h3 {
	margin: 0;
	color: var(--ttd-blue-dark);
	font-size: 25px;
}

.ttd-setup p {
	margin: 5px 0 0;
	color: var(--ttd-muted);
	line-height: 1.55;
}

.ttd-setup__fields {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.ttd-setup__fields--hidden {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ttd-setup__fields label,
.ttd-setup__fixed-field {
	display: grid;
	gap: 7px;
	min-width: 0;
	font-size: 14px;
	font-weight: 800;
}

.ttd-setup__fixed-field strong {
	display: flex;
	align-items: center;
	min-height: 46px;
	padding: 0 12px;
	overflow: hidden;
	border: 1px solid #b9cddb;
	border-radius: 10px;
	background: #f7fbff;
	color: var(--ttd-blue-dark);
	font-size: 15px;
	line-height: 1.3;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ttd-setup__fields select {
	width: 100%;
	height: 46px;
	padding: 0 34px 0 12px;
	border: 1px solid #b9cddb;
	border-radius: 10px;
	outline: none;
	background-color: #fff;
	color: var(--ttd-ink);
	font: inherit;
	font-weight: 700;
}

.ttd-setup__fields select:focus {
	border-color: var(--ttd-blue);
	box-shadow: 0 0 0 3px rgba(7, 88, 159, .13);
}

.ttd-setup__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin-top: 25px;
	padding-top: 20px;
	border-top: 1px dashed var(--ttd-line);
	color: var(--ttd-muted);
	font-size: 14px;
	font-weight: 600;
}

.ttd-core-app .ttd-button,
.ttd-dashboard .ttd-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 45px;
	padding: 10px 16px;
	border: 1px solid transparent;
	border-radius: 10px;
	cursor: pointer;
	font: inherit;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none;
	transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.ttd-core-app .ttd-button:not(:disabled):hover,
.ttd-dashboard .ttd-button:not(:disabled):hover {
	transform: translateY(-1px);
}

.ttd-core-app .ttd-button:disabled,
.ttd-dashboard .ttd-button:disabled {
	cursor: not-allowed;
	opacity: .48;
}

.ttd-core-app .ttd-button--primary,
.ttd-dashboard .ttd-button--primary {
	border-color: var(--ttd-blue);
	background: var(--ttd-blue);
	box-shadow: 0 7px 14px rgba(7, 88, 159, .18);
	color: #fff;
}

.ttd-core-app .ttd-button--primary:hover,
.ttd-dashboard .ttd-button--primary:hover {
	background: var(--ttd-blue-dark);
}

.ttd-core-app .ttd-button--soft,
.ttd-dashboard .ttd-button--soft {
	border-color: #c3d8e6;
	background: #f7fbff;
	color: var(--ttd-blue);
}

.ttd-core-app .ttd-button--soft:hover,
.ttd-dashboard .ttd-button--soft:hover {
	background: var(--ttd-blue-soft);
}

.ttd-session {
	padding: clamp(16px, 3.4vw, 32px);
}

.ttd-session__top,
.ttd-session__actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}

.ttd-session__top strong {
	display: block;
	font-size: 19px;
}

.ttd-session__module {
	display: block;
	margin-bottom: 4px;
	color: var(--ttd-blue);
	font-size: 13px;
	font-weight: 800;
}

.ttd-session__score {
	padding: 9px 12px;
	border-radius: 12px;
	background: var(--ttd-blue-soft);
	text-align: right;
}

.ttd-session__score span,
.ttd-session__score strong {
	display: block;
}

.ttd-session__score span {
	color: var(--ttd-muted);
	font-size: 12px;
	font-weight: 700;
}

.ttd-session__score strong {
	color: var(--ttd-blue);
	font-size: 18px;
}

.ttd-session__progress {
	height: 8px;
	margin: 14px 0 23px;
	overflow: hidden;
	border-radius: 99px;
	background: #e7eff5;
}

.ttd-session__progress i {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--ttd-blue), #44a8e8);
	transition: width .25s ease;
}

.ttd-question-card {
	padding: clamp(18px, 4vw, 32px);
	border: 1px solid #d9e7f0;
	border-radius: 17px;
	background: linear-gradient(180deg, #faffff 0%, #f6fbff 100%);
}

.ttd-question-card h3 {
	max-width: 720px;
	margin: 0 auto;
	color: var(--ttd-blue-dark);
	font-size: clamp(21px, 3vw, 29px);
	line-height: 1.35;
	text-align: center;
}

.ttd-question-card__visual {
	display: grid;
	min-height: 170px;
	margin: 24px 0;
	place-items: center;
}

.ttd-choices {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	max-width: 800px;
	margin: 0 auto;
}

.ttd-choice {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 58px;
	padding: 12px 10px;
	border: 2px solid #cadde9;
	border-radius: 13px;
	background: #fff;
	color: var(--ttd-ink);
	cursor: pointer;
	font: inherit;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.25;
	transition: transform .15s ease, border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.ttd-choice:not(:disabled):hover {
	transform: translateY(-2px);
	border-color: #61a8d5;
	box-shadow: 0 7px 14px rgba(28, 100, 148, .11);
}

.ttd-choice.is-selected {
	border-color: var(--ttd-blue);
	background: var(--ttd-blue-soft);
	box-shadow: 0 0 0 3px rgba(7, 88, 159, .12);
}

.ttd-choice.is-correct {
	border-color: var(--ttd-green);
	background: var(--ttd-green-soft);
	color: #137145;
}

.ttd-choice.is-wrong {
	border-color: var(--ttd-red);
	background: var(--ttd-red-soft);
	color: #a93939;
}

.ttd-choice:disabled {
	cursor: default;
}

.ttd-choice--shape {
	min-height: 82px;
}

.ttd-choice__shape {
	width: 51px;
	height: 51px;
}

.ttd-feedback {
	max-width: 800px;
	margin: 18px auto 0;
	padding: 14px 17px;
	border-radius: 12px;
	font-size: 15px;
	line-height: 1.55;
}

.ttd-feedback strong {
	display: block;
	margin-bottom: 3px;
}

.ttd-feedback p {
	margin: 0;
}

.ttd-feedback--correct {
	border: 1px solid #b9e7cf;
	background: var(--ttd-green-soft);
	color: #156a42;
}

.ttd-feedback--wrong {
	border: 1px solid #f1c2c2;
	background: var(--ttd-red-soft);
	color: #a23c3c;
}

.ttd-question-card__message {
	margin: 16px 0 0;
	color: #b53d3d;
	font-size: 14px;
	font-weight: 800;
	text-align: center;
}

.ttd-session__actions {
	margin-top: 19px;
}

/* Number sequence */
.ttd-sequence {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	max-width: 100%;
	font-size: clamp(20px, 4vw, 30px);
	font-weight: 900;
}

.ttd-sequence__item {
	display: grid;
	width: clamp(42px, 8vw, 64px);
	height: clamp(42px, 8vw, 64px);
	place-items: center;
	border: 2px solid #b8d8ec;
	border-radius: 13px;
	background: #fff;
	color: var(--ttd-blue-dark);
}

.ttd-sequence__item--missing {
	border-style: dashed;
	border-color: var(--ttd-yellow);
	background: var(--ttd-yellow-soft);
	color: #a16d00;
}

.ttd-sequence__arrow {
	font-style: normal;
	color: #82a6bd;
}

/* Pattern shapes */
.ttd-pattern {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
}

.ttd-pattern__item {
	display: grid;
	width: 70px;
	height: 70px;
	place-items: center;
	border: 1px solid #d6e5ef;
	border-radius: 15px;
	background: #fff;
}

.ttd-pattern__item--question {
	border: 2px dashed var(--ttd-yellow);
	background: var(--ttd-yellow-soft);
	color: #a26c00;
	font-size: 31px;
	font-weight: 900;
}

.ttd-shape {
	display: block;
	width: 50px;
	height: 50px;
	overflow: visible;
}

.ttd-shape > *,
.ttd-count-board__item .ttd-shape__drawing {
	stroke: currentColor;
	stroke-width: 6;
	stroke-linejoin: round;
	fill: currentColor;
}

.ttd-shape--circle { color: #248acf; }
.ttd-shape--square { color: #ee8c45; }
.ttd-shape--triangle { color: #44a772; }
.ttd-shape--star { color: #e7b027; }
.ttd-shape--hexagon { color: #8a6fd0; }
.ttd-shape--heart { color: #e66d90; }

/* Count shapes */
.ttd-count-visual {
	width: min(100%, 660px);
}

.ttd-count-visual__target {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-bottom: 13px;
	color: var(--ttd-blue-dark);
	font-size: 15px;
}

.ttd-shape--tiny {
	width: 30px;
	height: 30px;
}

.ttd-count-board {
	display: block;
	width: 100%;
	height: auto;
	padding: 8px;
	border: 1px solid #d6e4ee;
	border-radius: 16px;
	background: #fff;
}


.ttd-count-board__item--0 { opacity: 1; }
.ttd-count-board__item--1 { opacity: .94; }
.ttd-count-board__item--2 { opacity: .88; }
.ttd-count-board__item--3 { opacity: .97; }

/* Logic */
.ttd-logic-visual {
	display: grid;
	width: 110px;
	height: 110px;
	place-items: center;
	border: 1px solid #c8dfef;
	border-radius: 50%;
	background: radial-gradient(circle at 35% 35%, #fff 0, #ebf7ff 65%);
	color: var(--ttd-blue);
	font-size: 55px;
	font-weight: 900;
}

/* Clock */
.ttd-clock-wrap {
	display: grid;
	width: min(100%, 270px);
	place-items: center;
}

.ttd-clock {
	display: block;
	width: 100%;
	height: auto;
	filter: drop-shadow(0 8px 10px rgba(19, 73, 111, .12));
}

.ttd-clock__face {
	fill: #fff;
	stroke: #1a75ad;
	stroke-width: 8;
}

.ttd-clock__tick {
	stroke: #52738c;
	stroke-width: 3;
	stroke-linecap: round;
}

.ttd-clock__number {
	fill: #1d4764;
	font-size: 17px;
	font-weight: 800;
	text-anchor: middle;
}

.ttd-clock__hand {
	stroke-linecap: round;
}

.ttd-clock__hand--hour {
	stroke: var(--ttd-blue-dark);
	stroke-width: 9;
}

.ttd-clock__hand--minute {
	stroke: var(--ttd-yellow);
	stroke-width: 6;
}

.ttd-clock__centre {
	fill: var(--ttd-blue-dark);
	stroke: #fff;
	stroke-width: 3;
}

/* Result */
.ttd-result {
	max-width: 800px;
	margin: 0 auto;
	padding: clamp(25px, 4.5vw, 45px);
	text-align: center;
}

.ttd-result__badge {
	display: grid;
	width: 72px;
	height: 72px;
	margin: 0 auto 14px;
	place-items: center;
	border-radius: 50%;
	background: linear-gradient(135deg, #ffcc57, #ed9c20);
	box-shadow: 0 9px 18px rgba(226, 151, 20, .22);
	color: #fff;
	font-size: 36px;
}

.ttd-result h3 {
	margin: 0;
	color: var(--ttd-blue-dark);
	font-size: clamp(27px, 4vw, 38px);
}

.ttd-result > p {
	max-width: 560px;
	margin: 9px auto 0;
	color: var(--ttd-muted);
	line-height: 1.6;
}

.ttd-result__score {
	margin: 25px 0 18px;
}

.ttd-result__score strong,
.ttd-result__score span {
	display: block;
}

.ttd-result__score strong {
	color: var(--ttd-blue);
	font-size: clamp(45px, 8vw, 66px);
	line-height: 1;
}

.ttd-result__score span {
	margin-top: 7px;
	color: var(--ttd-muted);
	font-weight: 800;
}

.ttd-result__stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin: 0 auto;
}

.ttd-result__stats > div {
	padding: 13px 9px;
	border-radius: 12px;
	background: #f2f8fc;
}

.ttd-result__stats span,
.ttd-result__stats strong {
	display: block;
}

.ttd-result__stats span {
	color: var(--ttd-muted);
	font-size: 12px;
	font-weight: 700;
}

.ttd-result__stats strong {
	margin-top: 3px;
	color: var(--ttd-blue-dark);
	font-size: 14px;
}

.ttd-result__save {
	margin: 20px auto 0 !important;
	font-size: 14px;
	font-weight: 700;
}

.ttd-result__save.is-saved { color: var(--ttd-green); }
.ttd-result__save.is-failed { color: #b64545; }

.ttd-result__actions {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 24px;
}

/* Dashboard */
.ttd-dashboard {
	padding: clamp(20px, 4vw, 36px);
}

.ttd-dashboard--login {
	max-width: 700px;
	text-align: center;
}

.ttd-dashboard--login h2 {
	margin: 0;
	color: var(--ttd-blue-dark);
}

.ttd-dashboard--login p {
	margin: 10px auto 20px;
	color: var(--ttd-muted);
	line-height: 1.6;
}

.ttd-dashboard__login,
.ttd-dashboard__practice {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 9px 14px;
	border-radius: 9px;
	background: var(--ttd-blue);
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
}

.ttd-dashboard__stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 28px;
}

.ttd-stat {
	padding: 17px 15px;
	border: 1px solid #dce9f1;
	border-radius: 14px;
	background: #f8fcff;
}

.ttd-stat span,
.ttd-stat strong {
	display: block;
}

.ttd-stat span {
	color: var(--ttd-muted);
	font-size: 13px;
	font-weight: 700;
}

.ttd-stat strong {
	margin-top: 5px;
	color: var(--ttd-blue-dark);
	font-size: 27px;
	line-height: 1.1;
}

.ttd-dashboard__section {
	margin-top: 27px;
}

.ttd-dashboard__section h3 {
	margin: 0 0 14px;
	color: var(--ttd-blue-dark);
	font-size: 20px;
}

.ttd-dashboard__progress-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.ttd-progress-card {
	padding: 15px;
	border: 1px solid #dbe8f0;
	border-radius: 13px;
	background: #fff;
}

.ttd-progress-card__top {
	display: flex;
	justify-content: space-between;
	gap: 12px;
}

.ttd-progress-card__top strong { color: var(--ttd-blue-dark); }
.ttd-progress-card__top span { color: var(--ttd-green); font-weight: 900; }

.ttd-progress-card__bar {
	height: 7px;
	margin: 10px 0 8px;
	overflow: hidden;
	border-radius: 99px;
	background: #e8eff4;
}

.ttd-progress-card__bar i {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: var(--ttd-green);
}

.ttd-progress-card p,
.ttd-dashboard__empty {
	margin: 0;
	color: var(--ttd-muted);
	font-size: 14px;
	line-height: 1.5;
}

.ttd-dashboard__table-wrap { overflow-x: auto; }

.ttd-dashboard__table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

.ttd-dashboard__table th,
.ttd-dashboard__table td {
	padding: 12px 10px;
	border-bottom: 1px solid #e4edf3;
	text-align: left;
}

.ttd-dashboard__table th {
	color: var(--ttd-muted);
	font-size: 12px;
	letter-spacing: .02em;
	text-transform: uppercase;
}

.ttd-dashboard__table td strong { color: var(--ttd-blue-dark); }
.ttd-dashboard__table td span { color: var(--ttd-muted); }

@media (max-width: 800px) {
	.ttd-core-app__header,
	.ttd-dashboard__header {
		display: block;
	}

	.ttd-core-app__account,
	.ttd-dashboard__practice {
		display: inline-flex;
		margin-top: 14px;
	}

	.ttd-setup__fields,
	.ttd-setup__fields--hidden {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ttd-dashboard__stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 560px) {
	.ttd-core-app,
	.ttd-dashboard {
		margin: 22px auto;
	}

	.ttd-setup,
	.ttd-session,
	.ttd-dashboard {
		border-radius: 15px;
	}

	.ttd-setup__intro {
		align-items: flex-start;
	}

	.ttd-setup__badge {
		flex-basis: 45px;
		width: 45px;
		height: 45px;
		border-radius: 13px;
		font-size: 22px;
	}

	.ttd-setup h3 { font-size: 21px; }

	.ttd-setup__fields,
	.ttd-setup__fields--hidden,
	.ttd-choices,
	.ttd-result__stats,
	.ttd-dashboard__progress-grid {
		grid-template-columns: 1fr 1fr;
	}

	.ttd-setup__footer,
	.ttd-session__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.ttd-session__actions > * { width: 100%; }
	.ttd-session__actions .ttd-button { width: 100%; }

	.ttd-question-card {
		padding: 17px 12px;
	}

	.ttd-question-card__visual {
		margin: 18px 0;
	}

	.ttd-sequence {
		gap: 3px;
	}

	.ttd-sequence__arrow {
		font-size: 15px;
	}

	.ttd-pattern__item {
		width: 52px;
		height: 52px;
		border-radius: 11px;
	}

	.ttd-pattern__item .ttd-shape {
		width: 36px;
		height: 36px;
	}

	.ttd-result__actions {
		flex-direction: column;
	}

	.ttd-result__actions .ttd-button { width: 100%; }

	.ttd-dashboard__table {
		min-width: 610px;
	}
}

@media print {
	.ttd-core-app__header,
	.ttd-setup__footer,
	.ttd-session__actions,
	.ttd-result__actions,
	.ttd-core-app__account {
		display: none !important;
	}

	.ttd-core-app,
	.ttd-session,
	.ttd-question-card {
		border: 0;
		box-shadow: none;
	}
}

/* Version 1.1: number relations, comparison, shape values and daily maths */
.ttd-equation,
.ttd-compare-visual,
.ttd-sort-visual,
.ttd-shape-equations,
.ttd-money-visual,
.ttd-calendar-visual {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 11px;
	color: var(--ttd-blue-dark);
	font-size: clamp(25px, 4vw, 38px);
	font-weight: 900;
	line-height: 1.25;
}

.ttd-equation > span,
.ttd-compare-visual > strong,
.ttd-compare-visual > span,
.ttd-sort-visual > strong {
	display: inline-grid;
	min-width: 52px;
	min-height: 52px;
	place-items: center;
	padding: 5px 12px;
	border: 1px solid #cde1ee;
	border-radius: 13px;
	background: #fff;
}

.ttd-equation > span:nth-child(even),
.ttd-compare-visual > span {
	min-width: auto;
	padding: 0 2px;
	border: 0;
	background: transparent;
}

.ttd-equation__blank {
	border: 2px dashed var(--ttd-yellow) !important;
	background: var(--ttd-yellow-soft) !important;
	color: #a26c00;
}

.ttd-compare-visual > strong {
	min-width: 92px;
}

.ttd-compare-visual > span {
	color: #a26c00;
	font-size: 42px;
}

.ttd-sort-visual {
	gap: 12px;
}

.ttd-sort-visual > strong {
	color: var(--ttd-blue);
}

.ttd-shape-equations {
	display: grid;
	gap: 13px;
	font-size: clamp(22px, 3vw, 31px);
}

.ttd-shape-equations > div {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
}

.ttd-shape--math {
	width: 42px;
	height: 42px;
}

.ttd-money-visual {
	gap: 9px;
	font-size: clamp(18px, 3vw, 27px);
}

.ttd-money-visual span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 104px;
	min-height: 58px;
	padding: 8px 12px;
	border: 2px solid #4a9f6e;
	border-radius: 10px;
	background: #ecf9f0;
	color: #16663e;
	font-weight: 900;
}

.ttd-money-visual b {
	color: var(--ttd-muted);
}

.ttd-calendar-visual {
	display: grid;
	grid-template-columns: auto auto auto;
	align-items: center;
	gap: 0;
	overflow: hidden;
	border: 1px solid #bdd9e9;
	border-radius: 16px;
	background: #fff;
	font-size: clamp(16px, 3vw, 23px);
}

.ttd-calendar-visual span,
.ttd-calendar-visual strong,
.ttd-calendar-visual small {
	display: grid;
	min-height: 64px;
	place-items: center;
	padding: 10px 15px;
}

.ttd-calendar-visual span { background: var(--ttd-blue-soft); color: var(--ttd-blue); font-size: 13px; font-weight: 900; }
.ttd-calendar-visual strong { color: var(--ttd-blue-dark); }
.ttd-calendar-visual small { background: var(--ttd-yellow-soft); color: #8b6500; font-size: 14px; font-weight: 900; }

.ttd-setup__fields--count-1 { grid-template-columns: minmax(190px, 1fr); }
.ttd-setup__fields--count-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ttd-setup__fields--count-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

@media (max-width: 560px) {
	.ttd-equation,
	.ttd-compare-visual,
	.ttd-sort-visual {
		gap: 6px;
		font-size: 24px;
	}

	.ttd-equation > span,
	.ttd-compare-visual > strong,
	.ttd-sort-visual > strong {
		min-width: 43px;
		min-height: 43px;
		padding: 3px 8px;
		border-radius: 10px;
	}

	.ttd-shape-equations > div { gap: 5px; }
	.ttd-shape--math { width: 34px; height: 34px; }
	.ttd-money-visual span { min-width: 82px; min-height: 48px; padding: 6px 8px; font-size: 17px; }
	.ttd-calendar-visual { grid-template-columns: 1fr; width: 100%; max-width: 230px; }
	.ttd-calendar-visual span,
	.ttd-calendar-visual strong,
	.ttd-calendar-visual small { min-height: 42px; }
}

/* Version 1.4.1: one focused practice surface for desktop, iPad and iPhone. */
.ttd-setup__grade-note { margin: 15px 0 0 !important; padding: 10px 12px; border: 1px solid #f0d78a; border-radius: 10px; background: #fff9e8; color: #795c13 !important; font-size: 13px; font-weight: 700; line-height: 1.45 !important; }
.ttd-session__top-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.ttd-session__exit { min-height: 34px; padding: 7px 9px; border: 1px solid #d1e0ea; border-radius: 8px; background: #fff; color: #527189; cursor: pointer; font: inherit; font-size: 12px; font-weight: 800; }
.ttd-session__exit:hover { border-color: #9fbdce; background: #f6fbff; }

body.ttd-core-session-active { overflow: hidden !important; overscroll-behavior: none; }
body.ttd-core-session-active #wpadminbar,
body.ttd-core-session-active .site-header,
body.ttd-core-session-active .site-footer { display: none !important; }

body.ttd-core-session-active .ttd-core-app.ttd-core-app--session {
	position: fixed; top: 0; right: 0; bottom: auto; left: 0; z-index: 999999;
	width: 100%; max-width: none; height: calc(var(--ttd-core-vh, 1vh) * 100); min-height: 100vh; margin: 0;
	padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
	background: #f3f8fc; overflow: hidden; touch-action: manipulation;
}
body.ttd-core-session-active .ttd-core-app--session .ttd-core-app__header { display: none !important; }
body.ttd-core-session-active .ttd-core-app--session .ttd-core-app__mount { height: 100%; min-height: 0; }
body.ttd-core-session-active .ttd-core-app--session .ttd-session { display: grid; grid-template-rows: auto 7px minmax(0, 1fr) auto; gap: 10px; width: min(100%, 1040px); height: 100%; min-height: 0; margin: 0 auto; padding: clamp(14px, 2.5vw, 24px); border-radius: 20px; overflow: hidden; }
body.ttd-core-session-active .ttd-core-app--session .ttd-session__progress { height: 7px; margin: 0; }
body.ttd-core-session-active .ttd-core-app--session .ttd-question-card { display: grid; grid-template-rows: auto minmax(0, 1fr) auto auto; align-content: center; min-height: 0; height: 100%; padding: clamp(16px, 2.5vw, 28px); border-radius: 17px; overflow: hidden; }
body.ttd-core-session-active .ttd-core-app--session .ttd-question-card__visual { min-height: 0; max-height: min(36vh, 320px); margin: 12px 0; overflow: hidden; }
body.ttd-core-session-active .ttd-core-app--session .ttd-choices { width: min(100%, 800px); }
body.ttd-core-session-active .ttd-core-app--session .ttd-feedback { max-height: 86px; margin: 10px auto 0; padding: 10px 13px; overflow: auto; -webkit-overflow-scrolling: touch; font-size: 14px; line-height: 1.4; }
body.ttd-core-session-active .ttd-core-app--session .ttd-feedback strong,
body.ttd-core-session-active .ttd-core-app--session .ttd-feedback p { display: inline; }
body.ttd-core-session-active .ttd-core-app--session .ttd-feedback strong { margin-right: 5px; }
body.ttd-core-session-active .ttd-core-app--session .ttd-session__actions { margin-top: 0; }
body.ttd-core-session-active .ttd-core-app--session .ttd-session__actions > div { flex: 1 1 auto; }
body.ttd-core-session-active .ttd-core-app--session .ttd-session__actions > div .ttd-button { width: 100%; }
body.ttd-core-session-active .ttd-core-app--session .ttd-result { display: grid; align-content: center; width: min(100%, 860px); height: 100%; margin: 0 auto; overflow: auto; -webkit-overflow-scrolling: touch; }

/* iPad mini and tablet portrait/landscape. */
@media (min-width: 768px) and (max-width: 1024px) {
	body.ttd-core-session-active .ttd-core-app.ttd-core-app--session { padding: max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left)); }
	body.ttd-core-session-active .ttd-core-app--session .ttd-session { gap: 8px; padding: 16px; border-radius: 18px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-question-card { padding: 18px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-question-card h3 { font-size: clamp(21px, 3.2vw, 26px); }
	body.ttd-core-session-active .ttd-core-app--session .ttd-question-card__visual { max-height: min(31vh, 280px); margin: 10px 0; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-choice { min-height: 52px; font-size: 17px; }
}

/* iPad mini landscape and shorter desktop windows. */
@media (min-width: 768px) and (max-height: 850px) {
	body.ttd-core-session-active .ttd-core-app.ttd-core-app--session { padding: 8px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-session { gap: 7px; padding: 12px 14px; border-radius: 16px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-session__top strong { font-size: 17px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-session__score { padding: 6px 8px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-question-card { padding: 12px 16px; border-radius: 14px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-question-card h3 { font-size: 20px; line-height: 1.25; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-question-card__visual { max-height: min(25vh, 190px); margin: 6px 0; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-choice { min-height: 43px; padding: 7px 9px; font-size: 16px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-feedback { max-height: 64px; margin-top: 7px; padding: 7px 10px; font-size: 12px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-session__actions .ttd-button { min-height: 42px; padding: 8px 12px; }
}

/* iPhone and other narrow phones. */
@media (max-width: 767px) {
	body.ttd-core-session-active .ttd-core-app.ttd-core-app--session { padding: max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left)); }
	body.ttd-core-session-active .ttd-core-app--session .ttd-session { gap: 8px; padding: 11px; border-radius: 16px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-session__top { min-height: 38px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-session__top strong { font-size: 17px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-session__module { margin-bottom: 1px; font-size: 11px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-session__score { padding: 5px 7px; border-radius: 9px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-session__score span { font-size: 10px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-session__score strong { font-size: 15px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-session__exit { min-height: 31px; padding: 5px 7px; font-size: 11px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-question-card { padding: 12px 10px; border-radius: 14px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-question-card h3 { font-size: clamp(18px, 5.2vw, 23px); line-height: 1.25; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-question-card__visual { max-height: min(29vh, 250px); margin: 8px 0; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-choices { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-choice { min-height: 45px; padding: 8px; border-radius: 10px; font-size: 17px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-choice--shape { min-height: 57px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-choice__shape { width: 37px; height: 37px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-feedback { max-height: 72px; margin-top: 8px; padding: 7px 9px; font-size: 12px; line-height: 1.32; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-session__actions { flex-direction: row; gap: 8px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-session__actions > button,
	body.ttd-core-session-active .ttd-core-app--session .ttd-session__actions > div { flex: 1 1 0; width: auto; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-session__actions .ttd-button { width: 100%; min-height: 44px; padding: 8px 6px; font-size: 14px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-sequence__item { width: clamp(35px, 11vw, 48px); height: clamp(35px, 11vw, 48px); border-radius: 10px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-pattern { gap: 6px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-pattern__item { width: 45px; height: 45px; border-radius: 10px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-pattern__item .ttd-shape { width: 31px; height: 31px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-clock-wrap { width: min(100%, 175px); }
	body.ttd-core-session-active .ttd-core-app--session .ttd-count-visual { width: min(100%, 470px); }
	body.ttd-core-session-active .ttd-core-app--session .ttd-count-visual__target { margin-bottom: 5px; font-size: 12px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-count-board { max-height: 170px; }
}

@media (max-width: 767px) and (max-height: 620px) {
	body.ttd-core-session-active .ttd-core-app.ttd-core-app--session { padding: 6px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-session { gap: 5px; padding: 9px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-question-card { padding: 9px 8px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-question-card h3 { font-size: 17px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-question-card__visual { max-height: min(22vh, 145px); margin: 5px 0; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-choice { min-height: 39px; font-size: 16px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-feedback { max-height: 58px; font-size: 11px; }
	body.ttd-core-session-active .ttd-core-app--session .ttd-session__actions .ttd-button { min-height: 40px; }
}

/* === Core 2.0: curriculum cards + focused practice === */
.ttd-catalog,.ttd-roadmap,.ttd-dashboard{--ttd-blue:#0967c9;--ttd-blue-dark:#073f7f;--ttd-blue-soft:#eaf4ff;--ttd-ink:#17395c;--ttd-muted:#5f7995;--ttd-border:#d7e5f1;--ttd-bg:#f4f9fd;--ttd-green:#14804d;--ttd-shadow:0 12px 30px rgba(17,74,124,.09);color:var(--ttd-ink)}
.ttd-catalog__head{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin:0 0 24px}.ttd-catalog__head h2{margin:7px 0;color:var(--ttd-blue-dark);font-size:clamp(26px,3vw,39px)}.ttd-catalog__head p{max-width:760px;margin:0;color:var(--ttd-muted);line-height:1.55}.ttd-catalog__eyebrow{color:var(--ttd-blue);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ttd-catalog__focus{flex:0 0 auto;padding:10px 13px;border:1px solid var(--ttd-border);border-radius:999px;background:#fff;color:var(--ttd-blue);font-size:13px;font-weight:900}.ttd-catalog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.ttd-catalog-card{display:flex;flex-direction:column;min-height:245px;padding:21px;border:1px solid var(--ttd-border);border-radius:18px;background:#fff;box-shadow:0 4px 12px rgba(20,69,112,.04);color:inherit;text-decoration:none;transition:transform .16s,box-shadow .16s}.ttd-catalog-card:hover{transform:translateY(-4px);box-shadow:var(--ttd-shadow)}.ttd-catalog-card__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--ttd-blue-soft);color:var(--ttd-blue);font-size:23px;font-weight:900}.ttd-catalog-card:nth-child(3n+2) .ttd-catalog-card__icon{background:#fff5d9;color:#a76a00}.ttd-catalog-card:nth-child(3n) .ttd-catalog-card__icon{background:#e9f9f0;color:#168454}.ttd-catalog-card h3{margin:15px 0 7px;color:var(--ttd-blue-dark);font-size:19px;line-height:1.3}.ttd-catalog-card p{margin:0;color:var(--ttd-muted);font-size:14px;line-height:1.55}.ttd-catalog-card__levels{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.ttd-catalog-card__levels span{padding:4px 7px;border-radius:999px;background:#f3f7fb;color:#5d7590;font-size:10px;font-weight:850}.ttd-catalog-card>strong{margin-top:auto;padding-top:15px;color:var(--ttd-blue);font-size:13px}.ttd-roadmap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.ttd-roadmap-card{display:flex;flex-direction:column;gap:15px;min-height:230px;padding:19px;border:1px solid var(--ttd-border);border-radius:18px;background:#fff;color:inherit;text-decoration:none;transition:transform .16s,box-shadow .16s}.ttd-roadmap-card:hover{transform:translateY(-4px);box-shadow:var(--ttd-shadow)}.ttd-roadmap-card__badge{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--ttd-blue-soft);color:var(--ttd-blue);font-size:20px;font-weight:900}.ttd-roadmap-card__eyebrow{color:var(--ttd-blue);font-size:12px;font-weight:900;text-transform:uppercase}.ttd-roadmap-card h3{margin:7px 0;color:var(--ttd-blue-dark);font-size:18px;line-height:1.28}.ttd-roadmap-card p{margin:0;color:var(--ttd-muted);font-size:13px;line-height:1.52}.ttd-roadmap-card strong{display:block;margin-top:13px;color:var(--ttd-blue);font-size:12px}
.ttd-core-notice{max-width:760px;padding:26px;border:1px solid #f0c8c8;border-radius:18px;background:#fff9f9}.ttd-core-notice h2{margin:0 0 8px;color:#9e3434}.ttd-core-notice__link{color:var(--ttd-blue);font-weight:900}.ttd-dashboard{max-width:1000px;margin:0 auto;padding:26px;border:1px solid var(--ttd-border);border-radius:22px;background:#fff;box-shadow:var(--ttd-shadow)}.ttd-dashboard__header{display:flex;justify-content:space-between;align-items:center;gap:20px}.ttd-dashboard__header span{color:var(--ttd-blue);font-size:12px;font-weight:900;text-transform:uppercase}.ttd-dashboard__header h2{margin:7px 0 0;color:var(--ttd-blue-dark)}.ttd-dashboard__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:24px 0}.ttd-dashboard__stats>div{padding:17px;border-radius:14px;background:var(--ttd-bg)}.ttd-dashboard__stats span{display:block;color:var(--ttd-muted);font-size:13px}.ttd-dashboard__stats strong{display:block;margin-top:5px;color:var(--ttd-blue-dark);font-size:26px}.ttd-dashboard__progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ttd-dashboard__progress-grid article{padding:15px;border:1px solid var(--ttd-border);border-radius:13px}.ttd-dashboard__progress-grid article>div{display:flex;justify-content:space-between;gap:12px}.ttd-dashboard__progress-grid i{display:block;height:8px;margin:10px 0 7px;border-radius:999px;background:var(--ttd-blue)}.ttd-dashboard__progress-grid p{margin:0;color:var(--ttd-muted);font-size:12px}
body.ttd-core-session-active{overflow:hidden!important;overscroll-behavior:none}body.ttd-core-session-active #wpadminbar,body.ttd-core-session-active .site-header,body.ttd-core-session-active .site-footer,body.ttd-core-session-active .ttd-site-header,body.ttd-core-session-active .ttd-site-footer{display:none!important}body.ttd-core-session-active .ttd-core-app.ttd-core-app--session{position:fixed;inset:0;z-index:999999;width:100%;max-width:none;height:100vh;height:100dvh;margin:0;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));overflow:hidden;background:#f4f9fd}body.ttd-core-session-active .ttd-core-app--session .ttd-core-app__header{display:none}body.ttd-core-session-active .ttd-core-app--session .ttd-core-app__mount{height:100%;min-height:0}.ttd-session{display:grid;grid-template-rows:auto 7px minmax(0,1fr) auto;gap:10px;width:min(100%,1040px);height:100%;min-height:0;margin:0 auto;padding:clamp(12px,2vw,22px);border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(17,74,124,.09);overflow:hidden}.ttd-session__head{display:flex;justify-content:space-between;align-items:center;gap:16px}.ttd-session__head>div:first-child{display:flex;align-items:center;gap:11px}.ttd-session__head>div:first-child span{color:#0967c9;font-size:13px;font-weight:900}.ttd-session__head>div:first-child strong{color:#073f7f;font-size:17px}.ttd-session__head>div:last-child{display:flex;align-items:center;gap:10px}.ttd-session__head em{display:flex;flex-direction:column;align-items:center;padding:6px 9px;border-radius:10px;background:#eaf4ff;color:#5f7995;font-size:10px;font-style:normal}.ttd-session__head em b{color:#073f7f;font-size:16px}.ttd-session__head button{padding:9px 11px;border:1px solid #d7e5f1;border-radius:9px;background:#fff;color:#5f7995;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.ttd-session__progress{overflow:hidden;height:7px;border-radius:999px;background:#eaf1f7}.ttd-session__progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#168add,#0967c9)}.ttd-question{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;align-content:center;min-height:0;padding:clamp(13px,2vw,24px);border:1px solid #d7e5f1;border-radius:16px;background:linear-gradient(180deg,#fbfdff,#f5fbff);overflow:hidden}.ttd-question h3{margin:0;color:#073f7f;font-size:clamp(21px,2.7vw,31px);line-height:1.25;text-align:center}.ttd-question__visual{display:grid;place-items:center;min-height:0;max-height:34dvh;margin:11px 0;overflow:hidden}.ttd-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(100%,760px);margin:0 auto}.ttd-choice{min-height:53px;border:1px solid #b9d8f0;border-radius:12px;background:#fff;color:#073f7f;font:inherit;font-size:19px;font-weight:900;cursor:pointer}.ttd-choice.is-correct{border-color:#31a564;background:#eafff1;color:#14733e}.ttd-choice.is-wrong{border-color:#e17373;background:#fff0f0;color:#b34141}.ttd-choice__shape{font-size:28px}.ttd-feedback{width:min(100%,760px);max-height:67px;margin:10px auto 0;padding:9px 12px;border-radius:10px;overflow:hidden;font-size:13px;line-height:1.35}.ttd-feedback strong{margin-right:5px}.ttd-feedback.is-correct{background:#eafff1;color:#157a45}.ttd-feedback.is-wrong{background:#fff1f1;color:#ae3f3f}.ttd-session__message{margin:8px 0 0;color:#b34141;font-size:13px;text-align:center}.ttd-session__actions{display:flex;justify-content:space-between;gap:12px}.ttd-session__actions .ttd-button:last-child{min-width:170px}
.ttd-visual-sequence,.ttd-visual-shape-pattern,.ttd-visual-equation,.ttd-visual-compare,.ttd-visual-sort,.ttd-logic-shapes,.ttd-fraction-decimal,.ttd-percent-visual,.ttd-motion-visual{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;color:#073f7f}.ttd-visual-sequence>span{display:flex;align-items:center;gap:8px;font-size:clamp(22px,3.5vw,31px);font-weight:900}.ttd-visual-sequence>span:not(.is-blank){min-width:52px;min-height:52px;padding:7px;border:2px solid #bcdcf4;border-radius:12px;background:#fff;text-align:center}.ttd-visual-sequence .is-blank,.ttd-visual-equation .is-blank,.ttd-visual-question{display:grid;place-items:center;min-width:52px;min-height:52px;padding:7px;border:2px dashed #f0ab1f;border-radius:12px;color:#9b6600;background:#fffaf0;text-align:center;font-size:clamp(22px,3.5vw,31px);font-weight:900}.ttd-visual-sequence i,.ttd-visual-shape-pattern i{color:#7ea7ca;font-size:22px;font-style:normal}.ttd-glyph{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#edf7ff;color:#1285d7;font-size:27px;font-weight:900}.ttd-glyph--triangle{color:#dc7351;background:#fff2ee}.ttd-glyph--star{color:#b98b00;background:#fff7dc}.ttd-glyph--heart{color:#d55974;background:#fff0f4}.ttd-glyph--diamond{color:#6d57c8;background:#f2efff}.ttd-visual-equation span{min-width:38px;font-size:clamp(24px,4vw,36px);font-weight:900;text-align:center}.ttd-visual-compare{gap:18px;font-size:clamp(28px,4vw,42px);font-weight:900}.ttd-visual-compare>span{padding:12px 17px;border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(31,80,120,.08)}.ttd-visual-compare b{color:#c28300}.ttd-visual-sort span{min-width:66px;padding:13px 10px;border:2px solid #bcdcf4;border-radius:11px;background:#fff;font-size:24px;font-weight:900;text-align:center}.ttd-count-board{display:grid;grid-template-columns:repeat(5,48px);gap:9px;justify-content:center;padding:12px}.ttd-count-board.is-compact{grid-template-columns:repeat(6,42px)}.ttd-count-board.is-compact .ttd-glyph{width:42px;height:42px}.ttd-logic-shapes{gap:14px}.ttd-logic-shapes .ttd-glyph{width:58px;height:58px;font-size:32px}.ttd-logic-board{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;max-width:630px}.ttd-logic-board__icon{display:grid;place-items:center;width:55px;height:55px;border-radius:15px;background:#eaf4ff;color:#0967c9;font-size:25px;font-weight:900}.ttd-logic-board>span:not(.ttd-logic-board__icon){padding:10px 13px;border:1px dashed #b8d5ea;border-radius:10px;background:#fff;color:#5f7995;font-size:13px;font-weight:800}.ttd-story-card,.ttd-money-card{display:flex;align-items:center;justify-content:center;gap:13px;padding:20px 25px;border-radius:17px;background:#fff;box-shadow:0 5px 15px rgba(20,69,112,.08)}.ttd-story-card span,.ttd-money-card span{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#eaf4ff;color:#0967c9;font-size:26px;font-weight:900}.ttd-story-card strong,.ttd-money-card strong{color:#073f7f;font-size:20px}.ttd-shape-equations{display:grid;gap:9px;padding:12px 16px;border-radius:14px;background:#fff;box-shadow:0 5px 15px rgba(20,69,112,.06)}.ttd-shape-equations p{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;color:#073f7f;font-size:20px;font-weight:900}.ttd-shape-equations .ttd-glyph{width:34px;height:34px;border-radius:9px;font-size:19px}.ttd-fraction-grid{display:grid;grid-template-columns:repeat(5,43px);gap:5px;max-width:235px}.ttd-fraction-grid span{aspect-ratio:1;border:1px solid #b6d5eb;background:#fff}.ttd-fraction-grid .is-filled{background:#1592e5}.ttd-fraction-decimal{gap:20px;font-size:34px}.ttd-fraction-decimal strong{padding:10px 18px;border-radius:11px;background:#fff;box-shadow:0 3px 10px rgba(20,69,112,.08)}.ttd-geometry-grid{display:grid;grid-template-columns:repeat(var(--ttd-cols),30px);grid-template-rows:repeat(var(--ttd-rows),30px);gap:2px;padding:6px;border:2px solid #238bd4;background:#fff}.ttd-geometry-grid span{border:1px solid #9cccf0;background:#e9f6ff}.ttd-bars{display:flex;align-items:flex-end;justify-content:center;gap:20px;min-height:160px;padding:10px 16px 0;border-bottom:2px solid #a6cde7}.ttd-bars>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-width:50px}.ttd-bars i{display:block;width:38px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#46a9eb,#0967c9)}.ttd-bars strong{color:#073f7f;font-size:14px}.ttd-bars span{color:#5f7995;font-size:12px;font-weight:800}.ttd-percent-visual,.ttd-motion-visual{font-size:clamp(24px,4vw,37px);font-weight:900}.ttd-percent-visual strong,.ttd-motion-visual strong{padding:10px 16px;border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(20,69,112,.08)}.ttd-percent-visual span,.ttd-motion-visual i{color:#5f7995;font-size:18px;font-style:normal}.ttd-clock{display:grid;place-items:center}.ttd-clock__face{position:relative;width:160px;aspect-ratio:1;border:5px solid #1c86ce;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(20,69,112,.1)}.ttd-clock__face>span{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px;transform:rotate(calc(var(--n)*30deg)) translateY(-62px) rotate(calc(var(--n)*-30deg));color:#073f7f;font-size:11px;font-weight:900;text-align:center}.ttd-clock__hand{position:absolute;left:50%;bottom:50%;width:4px;border-radius:4px;background:#073f7f;transform-origin:50% 100%}.ttd-clock__hand--hour{height:43px;margin-left:-2px}.ttd-clock__hand--minute{height:60px;margin-left:-2px;background:#1495d9}.ttd-clock__face b{position:absolute;left:50%;top:50%;width:11px;height:11px;margin:-5.5px;border-radius:50%;background:#f2a91e}.ttd-result{display:grid;align-content:center;justify-items:center;width:min(100%,760px);height:100%;min-height:0;margin:0 auto;padding:clamp(20px,4vw,42px);text-align:center;overflow:auto}.ttd-result__badge{display:grid;place-items:center;width:68px;height:68px;border-radius:22px;background:#fff5d8;color:#bc8500;font-size:32px}.ttd-result h3{margin:12px 0 7px;color:#073f7f;font-size:clamp(30px,4vw,44px)}.ttd-result>p{max-width:600px;margin:0;color:#5f7995;line-height:1.55}.ttd-result__eyebrow{color:#0967c9;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ttd-result__score{display:flex;flex-direction:column;margin:20px 0 13px}.ttd-result__score strong{color:#0967c9;font-size:46px;line-height:1}.ttd-result__score span{margin-top:5px;color:#5f7995;font-weight:800}.ttd-result__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.ttd-result__meta span{padding:6px 9px;border-radius:999px;background:#eaf4ff;color:#073f7f;font-size:12px;font-weight:850}.ttd-result__save{margin:17px 0!important;font-size:13px}.ttd-result__save.is-saved{color:#14804d;font-weight:800}.ttd-result__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
@media(max-width:1024px){.ttd-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ttd-roadmap{grid-template-columns:repeat(3,minmax(0,1fr))}body.ttd-core-session-active .ttd-core-app.ttd-core-app--session{padding:8px}.ttd-session{padding:14px;border-radius:16px}.ttd-question{padding:14px}.ttd-question__visual{max-height:30dvh}.ttd-feedback{max-height:58px;padding:8px 10px;font-size:12px}}
@media(max-width:700px){.ttd-catalog__head{display:block}.ttd-catalog__focus{display:inline-flex;margin-top:12px}.ttd-roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}.ttd-dashboard__header{align-items:flex-start;flex-direction:column}.ttd-dashboard__stats,.ttd-dashboard__progress-grid{grid-template-columns:1fr}.ttd-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.ttd-session__head>div:first-child{flex-direction:column;align-items:flex-start;gap:2px}.ttd-session__head em{display:none}.ttd-session__actions .ttd-button{min-width:0!important;flex:1 1 0;padding:10px 7px;font-size:14px}.ttd-question__visual{max-height:27dvh}.ttd-count-board{grid-template-columns:repeat(5,39px);gap:7px}.ttd-count-board .ttd-glyph{width:39px;height:39px;border-radius:10px;font-size:22px}.ttd-geometry-grid{grid-template-columns:repeat(var(--ttd-cols),22px);grid-template-rows:repeat(var(--ttd-rows),22px)}.ttd-bars{min-height:125px}.ttd-bars i{width:30px}.ttd-clock__face{width:130px}.ttd-clock__face>span{transform:rotate(calc(var(--n)*30deg)) translateY(-50px) rotate(calc(var(--n)*-30deg));font-size:10px}.ttd-clock__hand--hour{height:36px}.ttd-clock__hand--minute{height:49px}}
@media(max-width:440px){.ttd-catalog__grid,.ttd-roadmap{grid-template-columns:1fr}.ttd-session{gap:7px;padding:10px}.ttd-question{padding:11px 9px}.ttd-question h3{font-size:20px}.ttd-question__visual{max-height:25dvh;margin:7px 0}.ttd-visual-sequence>span:not(.is-blank),.ttd-visual-sequence .is-blank,.ttd-visual-question{min-width:39px;min-height:39px;font-size:20px}.ttd-visual-sequence>span{gap:4px;font-size:17px}.ttd-visual-sequence i{font-size:14px}.ttd-visual-equation span{min-width:25px;font-size:24px}.ttd-visual-compare{gap:8px;font-size:26px}.ttd-visual-compare>span{padding:8px 10px}.ttd-choices{gap:7px}.ttd-choice{min-height:47px;font-size:17px}.ttd-feedback{max-height:52px;margin-top:7px;padding:7px 8px;font-size:11px}.ttd-session__actions{gap:7px}.ttd-session__head>div:last-child{gap:5px}.ttd-session__head button{padding:7px 8px}}