.question-header.svelte-gagkvh {
		margin-bottom: 1rem;
	}

	.question-number.svelte-gagkvh {
		display: inline-flex;
		align-items: center;
		padding: 0.375rem 0.75rem;
		background: rgba(212, 175, 55, 0.1);
		border: 1px solid rgba(212, 175, 55, 0.3);
		border-radius: var(--radius-full);
		font-size: 0.875rem;
		font-weight: 600;
		color: var(--color-gold);
		text-transform: uppercase;
		letter-spacing: 0.05em;
	}

	.question-text.svelte-gagkvh {
		font-family: var(--font-body);
		font-size: 1.5rem;
		font-weight: 700;
		color: var(--color-text-primary);
		line-height: 1.4;
		margin: 0 0 2rem 0;
	}

	@media (min-width: 768px) {
		.question-text.svelte-gagkvh {
			font-size: 1.75rem;
		}
	}

	@media (max-width: 640px) {
		.question-text.svelte-gagkvh {
			font-size: 1.25rem;
		}
	}

	.option-button.svelte-1ocjol5 {
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
		padding: 1.25rem;
		border-radius: var(--radius-xl);
		border: 2px solid var(--color-border);
		background: var(--color-void-surface);
		color: var(--color-text-primary);
		text-align: left;
		cursor: pointer;
		transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
		position: relative;
		overflow: hidden;
	}

	.option-button.svelte-1ocjol5:hover:not(.selected) {
		border-color: var(--color-border-light);
		background: rgba(255, 255, 255, 0.02);
	}

	.option-button.svelte-1ocjol5::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 4px;
		height: 100%;
		background: transparent;
		transition: background 0.3s ease;
	}

	/* Domain-specific hover states */
	.option-button:hover.purple.svelte-1ocjol5::before {
		background: var(--color-humanos);
	}

	.option-button:hover.emerald.svelte-1ocjol5::before {
		background: var(--color-lifeos);
	}

	.option-button:hover.amber.svelte-1ocjol5::before {
		background: var(--color-civilizationos);
	}

	.option-button:hover.cyan.svelte-1ocjol5::before {
		background: var(--color-framework);
	}

	/* Selected states */
	.option-button.selected.purple.svelte-1ocjol5 {
		border-color: var(--color-humanos);
		background: rgba(168, 85, 247, 0.1);
	}

	.option-button.selected.purple.svelte-1ocjol5::before {
		background: var(--color-humanos);
	}

	.option-button.selected.emerald.svelte-1ocjol5 {
		border-color: var(--color-lifeos);
		background: rgba(16, 185, 129, 0.1);
	}

	.option-button.selected.emerald.svelte-1ocjol5::before {
		background: var(--color-lifeos);
	}

	.option-button.selected.amber.svelte-1ocjol5 {
		border-color: var(--color-civilizationos);
		background: rgba(245, 158, 11, 0.1);
	}

	.option-button.selected.amber.svelte-1ocjol5::before {
		background: var(--color-civilizationos);
	}

	.option-button.selected.cyan.svelte-1ocjol5 {
		border-color: var(--color-framework);
		background: rgba(6, 182, 212, 0.1);
	}

	.option-button.selected.cyan.svelte-1ocjol5::before {
		background: var(--color-framework);
	}

	.option-content.svelte-1ocjol5 {
		display: flex;
		align-items: flex-start;
		gap: 1rem;
	}

	.option-indicator.svelte-1ocjol5 {
		flex-shrink: 0;
		width: 1.5rem;
		height: 1.5rem;
		border-radius: 50%;
		border: 2px solid var(--color-border);
		display: flex;
		align-items: center;
		justify-content: center;
		transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
		margin-top: 0.125rem;
	}

	.option-button.selected.purple.svelte-1ocjol5 .option-indicator:where(.svelte-1ocjol5) {
		border-color: var(--color-humanos);
		background: var(--color-humanos);
	}

	.option-button.selected.emerald.svelte-1ocjol5 .option-indicator:where(.svelte-1ocjol5) {
		border-color: var(--color-lifeos);
		background: var(--color-lifeos);
	}

	.option-button.selected.amber.svelte-1ocjol5 .option-indicator:where(.svelte-1ocjol5) {
		border-color: var(--color-civilizationos);
		background: var(--color-civilizationos);
	}

	.option-button.selected.cyan.svelte-1ocjol5 .option-indicator:where(.svelte-1ocjol5) {
		border-color: var(--color-framework);
		background: var(--color-framework);
	}

	.check-icon.svelte-1ocjol5 {
		color: white;
	}

	.option-text.svelte-1ocjol5 {
		flex: 1;
		font-size: 1rem;
		line-height: 1.6;
		color: var(--color-text-primary);
	}

	.option-domain-indicator.svelte-1ocjol5 {
		display: flex;
		justify-content: flex-end;
	}

	.domain-badge.svelte-1ocjol5 {
		font-size: 0.75rem;
		font-weight: 600;
		padding: 0.25rem 0.5rem;
		border-radius: var(--radius-sm);
		text-transform: uppercase;
		letter-spacing: 0.05em;
		opacity: 0.7;
	}

	.domain-badge.purple.svelte-1ocjol5 {
		background: rgba(168, 85, 247, 0.2);
		color: var(--color-humanos-light);
	}

	.domain-badge.emerald.svelte-1ocjol5 {
		background: rgba(16, 185, 129, 0.2);
		color: var(--color-lifeos-light);
	}

	.domain-badge.amber.svelte-1ocjol5 {
		background: rgba(245, 158, 11, 0.2);
		color: var(--color-civilizationos-light);
	}

	.domain-badge.cyan.svelte-1ocjol5 {
		background: rgba(6, 182, 212, 0.2);
		color: var(--color-framework-light);
	}

	@media (max-width: 640px) {
		.option-button.svelte-1ocjol5 {
			padding: 1rem;
			min-height: 44px;
		}

		.option-text.svelte-1ocjol5 {
			font-size: 1rem;
		}

		.option-content.svelte-1ocjol5 {
			gap: 0.75rem;
		}

		.option-indicator.svelte-1ocjol5 {
			width: 1.75rem;
			height: 1.75rem;
		}

		.domain-badge.svelte-1ocjol5 {
			padding: 0.375rem 0.625rem;
		}
	}

	.options-list.svelte-1u1l55v {
		display: flex;
		flex-direction: column;
		gap: 0.75rem;
	}

	.quiz-progress.svelte-f95cr8 {
		margin-bottom: 2rem;
	}

	.progress-bar-container.svelte-f95cr8 {
		height: 0.375rem;
		background: var(--color-void);
		border-radius: var(--radius-full);
		overflow: hidden;
		margin-bottom: 0.75rem;
	}

	.progress-bar.svelte-f95cr8 {
		height: 100%;
		background: linear-gradient(90deg, var(--color-humanos) 0%, var(--color-lifeos) 50%, var(--color-civilizationos) 100%);
		border-radius: var(--radius-full);
		transition: width var(--duration-normal) var(--ease-out-expo);
	}

	.progress-info.svelte-f95cr8 {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 1rem;
	}

	.progress-text.svelte-f95cr8 {
		font-size: 0.875rem;
		color: var(--color-text-secondary);
	}

	.progress-percentage.svelte-f95cr8 {
		font-size: 0.875rem;
		font-weight: 600;
		color: var(--color-gold);
	}

	.step-indicators.svelte-f95cr8 {
		display: flex;
		justify-content: center;
		gap: 0.75rem;
	}

	.step-dot.svelte-f95cr8 {
		width: 2.75rem;
		height: 2.75rem;
		border-radius: 50%;
		border: 2px solid var(--color-border);
		background: var(--color-void-surface);
		color: var(--color-text-tertiary);
		font-size: 0.875rem;
		font-weight: 600;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: default;
		transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
	}

	.step-dot.active.svelte-f95cr8 {
		border-color: var(--color-gold);
		background: rgba(212, 175, 55, 0.1);
		color: var(--color-gold);
		box-shadow: 0 0 12px rgba(201, 168, 76, 0.4), 0 0 4px rgba(201, 168, 76, 0.2);
		animation: svelte-f95cr8-active-glow 2s ease-in-out infinite;
	}

	@keyframes svelte-f95cr8-active-glow {
		0%, 100% {
			box-shadow: 0 0 12px rgba(201, 168, 76, 0.4), 0 0 4px rgba(201, 168, 76, 0.2);
		}
		50% {
			box-shadow: 0 0 16px rgba(201, 168, 76, 0.6), 0 0 8px rgba(201, 168, 76, 0.3);
		}
	}

	.step-dot.answered.svelte-f95cr8 {
		border-color: var(--color-border-light);
		color: var(--color-text-primary);
	}

	.step-dot.clickable.svelte-f95cr8 {
		cursor: pointer;
	}

	.step-dot.clickable.svelte-f95cr8:hover {
		transform: scale(1.1);
	}

	/* Domain-specific colors */
	.step-dot.answered.domain-humanos.svelte-f95cr8 {
		border-color: var(--color-humanos);
		background: color-mix(in srgb, var(--color-humanos) 15%, transparent);
		color: var(--color-humanos-light);
	}

	.step-dot.answered.domain-lifeos.svelte-f95cr8 {
		border-color: var(--color-lifeos);
		background: color-mix(in srgb, var(--color-lifeos) 15%, transparent);
		color: var(--color-lifeos-light);
	}

	.step-dot.answered.domain-civilizationos.svelte-f95cr8 {
		border-color: var(--color-civilizationos);
		background: color-mix(in srgb, var(--color-civilizationos) 15%, transparent);
		color: var(--color-civilizationos-light);
	}

	.step-dot.answered.domain-all-three.svelte-f95cr8 {
		border-color: var(--color-framework);
		background: color-mix(in srgb, var(--color-framework) 15%, transparent);
		color: var(--color-framework-light);
	}

	@media (max-width: 640px) {
		.step-dot.svelte-f95cr8 {
			width: 2.5rem;
			height: 2.5rem;
			font-size: 0.8125rem;
		}
	}

	.email-gate.svelte-yp1uy2 {
		max-width: 420px;
		margin: 0 auto;
		padding: 2rem;
		background: var(--color-void-surface);
		border: 1px solid var(--color-border);
		border-radius: var(--radius-xl);
	}

	.gate-header.svelte-yp1uy2 {
		text-align: center;
		margin-bottom: 2rem;
	}

	.icon-container.svelte-yp1uy2 {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 56px;
		height: 56px;
		margin-bottom: 1rem;
		background: linear-gradient(135deg, var(--color-humanos) 0%, var(--color-lifeos) 50%, var(--color-civilizationos) 100%);
		border-radius: 50%;
		color: white;
	}

	.gate-title.svelte-yp1uy2 {
		font-family: var(--font-body);
		font-size: 1.5rem;
		font-weight: 700;
		color: var(--color-text-primary);
		margin: 0 0 0.75rem 0;
	}

	.gate-subtitle.svelte-yp1uy2 {
		font-size: 0.9375rem;
		color: var(--color-text-secondary);
		line-height: 1.6;
		margin: 0;
	}

	.gate-form.svelte-yp1uy2 {
		display: flex;
		flex-direction: column;
		gap: 1.25rem;
	}

	.gate-disclosure.svelte-yp1uy2 {
		margin: 0;
		font-size: 0.875rem;
		line-height: 1.6;
		color: var(--color-text-secondary);
	}

	.form-field.svelte-yp1uy2 {
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
	}

	.field-label.svelte-yp1uy2 {
		display: flex;
		align-items: center;
		gap: 0.5rem;
		font-size: 0.875rem;
		font-weight: 500;
		color: var(--color-text-secondary);
	}

	.field-input.svelte-yp1uy2 {
		width: 100%;
		padding: 0.875rem 1rem;
		background: var(--color-void);
		border: 1px solid var(--color-border);
		border-radius: var(--radius-md);
		color: var(--color-text-primary);
		font-size: 1rem;
		transition: border-color 0.2s, box-shadow 0.2s;
	}

	.field-input.svelte-yp1uy2:focus {
		outline: none;
		border-color: var(--color-gold);
		box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.15);
	}

	.field-input.error.svelte-yp1uy2 {
		border-color: var(--color-status-error);
	}

	.field-input.svelte-yp1uy2::-moz-placeholder {
		color: var(--color-text-tertiary);
	}

	.field-input.svelte-yp1uy2::placeholder {
		color: var(--color-text-tertiary);
	}

	.error-message.svelte-yp1uy2 {
		padding: 0.75rem 1rem;
		background: rgba(239, 68, 68, 0.1);
		border: 1px solid rgba(239, 68, 68, 0.3);
		border-radius: var(--radius-md);
		color: var(--color-status-error);
		font-size: 0.875rem;
	}

	.submit-button.svelte-yp1uy2 {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.5rem;
		width: 100%;
		padding: 1rem 1.5rem;
		background: linear-gradient(135deg, var(--color-humanos) 0%, var(--color-lifeos) 50%, var(--color-civilizationos) 100%);
		border: none;
		border-radius: var(--radius-md);
		color: white;
		font-size: 1rem;
		font-weight: 600;
		cursor: pointer;
		transition: opacity 0.2s, transform 0.2s;
	}

	.submit-button.svelte-yp1uy2:hover:not(:disabled) {
		transform: translateY(-1px);
	}

	.submit-button.svelte-yp1uy2:disabled {
		opacity: 0.6;
		cursor: not-allowed;
	}

	.submit-button.loading.svelte-yp1uy2 {
		opacity: 0.8;
	}

	.privacy-note.svelte-yp1uy2 {
		margin: 0;
		font-size: 0.75rem;
		color: var(--color-text-tertiary);
		text-align: center;
		line-height: 1.5;
	}

	.privacy-link.svelte-yp1uy2 {
		color: var(--color-text-secondary);
		text-decoration: underline;
		transition: color 0.2s;
	}

	.privacy-link.svelte-yp1uy2:hover {
		color: var(--color-gold);
	}

	@media (max-width: 640px) {
		.email-gate.svelte-yp1uy2 {
			padding: 1.5rem;
		}

		.gate-title.svelte-yp1uy2 {
			font-size: 1.25rem;
		}
	}

	.results-header.svelte-6ms36s {
		text-align: center;
		margin-bottom: 2rem;
	}

	.result-icon.svelte-6ms36s {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 80px;
		height: 80px;
		margin-bottom: 1.25rem;
		border-radius: 50%;
		border-width: 2px;
	}

	.results-title.svelte-6ms36s {
		font-family: var(--font-body);
		font-size: 1.5rem;
		font-weight: 700;
		color: var(--color-text-primary);
		margin: 0 0 1rem 0;
	}

	.domain-badge.svelte-6ms36s {
		display: inline-block;
		padding: 0.5rem 1.25rem;
		font-size: 1.25rem;
		font-weight: 700;
		border-radius: var(--radius-full);
		border-width: 2px;
	}

	.tie-notice.svelte-6ms36s {
		margin-top: 1rem;
		font-size: 0.875rem;
		color: var(--color-text-secondary);
		font-style: italic;
	}

	.result-description.svelte-6ms36s {
		text-align: center;
		margin-bottom: 2rem;
		padding: 1.25rem;
		background: rgba(255, 255, 255, 0.02);
		border: 1px solid var(--color-border);
		border-radius: var(--radius-lg);
	}

	.result-description.svelte-6ms36s p:where(.svelte-6ms36s) {
		font-size: 1rem;
		color: var(--color-text-secondary);
		line-height: 1.7;
		margin: 0;
	}

	.next-steps.svelte-6ms36s {
		margin-bottom: 1.5rem;
	}

	.next-steps-title.svelte-6ms36s {
		font-size: 1rem;
		font-weight: 600;
		color: var(--color-text-primary);
		margin: 0 0 1rem 0;
	}

	.steps-list.svelte-6ms36s {
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
		gap: 0.75rem;
	}

	.step-item.svelte-6ms36s {
		display: flex;
		align-items: flex-start;
		gap: 0.75rem;
		padding: 0.875rem 1rem;
		background: var(--color-void-surface);
		border: 1px solid var(--color-border);
		border-radius: var(--radius-md);
	}

	.step-number.svelte-6ms36s {
		flex-shrink: 0;
		width: 1.5rem;
		height: 1.5rem;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 0.75rem;
		font-weight: 700;
		background: rgba(255, 255, 255, 0.05);
		border-radius: 50%;
	}

	.step-text.svelte-6ms36s {
		font-size: 0.9375rem;
		color: var(--color-text-secondary);
		line-height: 1.5;
	}

	.breakdown-toggle.svelte-1msw0jz {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.5rem;
		width: 100%;
		padding: 0.875rem;
		background: transparent;
		border: 1px dashed var(--color-border);
		border-radius: var(--radius-md);
		color: var(--color-text-tertiary);
		font-size: 0.9375rem;
		cursor: pointer;
		transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease,
			transform 0.2s ease;
		margin-bottom: 1.5rem;
		min-height: 44px;
	}

	.breakdown-toggle.svelte-1msw0jz:hover {
		color: var(--color-text-secondary);
		border-color: var(--color-border-light);
	}

	.score-breakdown.svelte-1msw0jz {
		display: flex;
		flex-direction: column;
		gap: 0.75rem;
		margin-bottom: 1.5rem;
		padding: 1rem;
		background: var(--color-void-surface);
		border: 1px solid var(--color-border);
		border-radius: var(--radius-md);
	}

	.score-item.svelte-1msw0jz {
		display: flex;
		flex-direction: column;
		gap: 0.375rem;
	}

	.score-header.svelte-1msw0jz {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.score-label.svelte-1msw0jz {
		font-size: 0.875rem;
		color: var(--color-text-secondary);
	}

	.score-value.svelte-1msw0jz {
		font-size: 0.875rem;
		font-weight: 600;
		color: var(--color-text-primary);
	}

	.score-bar-bg.svelte-1msw0jz {
		height: 0.375rem;
		background: var(--color-void);
		border-radius: var(--radius-full);
		overflow: hidden;
	}

	.score-bar-fill.svelte-1msw0jz {
		height: 100%;
		border-radius: var(--radius-full);
		transition: width 0.4s ease;
	}

	.results-actions.svelte-47lpay {
		display: flex;
		flex-direction: column;
		gap: 0.75rem;
	}

	.cta-button.svelte-47lpay {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.5rem;
		padding: 1rem 1.5rem;
		border-radius: var(--radius-md);
		font-size: 1rem;
		font-weight: 600;
		color: white;
		text-decoration: none;
		border-width: 2px;
		transition: transform 0.2s, box-shadow 0.2s;
	}

	.cta-button.svelte-47lpay:hover {
		transform: translateY(-1px);
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	}

	.restart-button.svelte-47lpay {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.5rem;
		padding: 0.75rem 1rem;
		background: transparent;
		border: 1px solid var(--color-border);
		border-radius: var(--radius-md);
		color: var(--color-text-secondary);
		font-size: 0.9375rem;
		cursor: pointer;
		transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease,
			transform 0.2s ease;
		min-height: 44px;
	}

	.restart-button.svelte-47lpay:hover {
		color: var(--color-text-primary);
		border-color: var(--color-border-light);
	}

	@media (min-width: 640px) {
		.results-actions.svelte-47lpay {
			flex-direction: row;
		}

		.cta-button.svelte-47lpay {
			flex: 1;
		}

		.restart-button.svelte-47lpay {
			flex-shrink: 0;
		}
	}

	.particles-container.svelte-i5h6dx {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.particle.svelte-i5h6dx {
		position: absolute;
		left: var(--x);
		top: var(--y);
		width: var(--size);
		height: var(--size);
		border-radius: 50%;
		background: var(--color);
		opacity: 0.8;
		animation: svelte-i5h6dx-particle-burst var(--duration) cubic-bezier(0.22, 1, 0.36, 1) forwards;
		animation-delay: var(--delay);
		filter: blur(1px);
	}

	@keyframes svelte-i5h6dx-particle-burst {
		0% {
			transform: translate(0, 0) scale(0);
			opacity: 0;
		}
		20% {
			opacity: 0.9;
			transform: translate(0, 0) scale(1);
		}
		100% {
			transform: translate(
				calc((var(--x) - 50%) * 0.8),
				calc((var(--y) - 60%) * 0.8)
			) scale(0.3);
			opacity: 0;
		}
	}

	.quiz-results.svelte-1q1ixt1 {
		width: 100%;
		max-width: 640px;
		margin: 0 auto;
	}

	.celebration-container.svelte-1q1ixt1 {
		position: relative;
		height: 120px;
		margin-bottom: var(--spacing-4);
		overflow: hidden;
		border-radius: var(--radius-lg);
	}

	.recommendation-card.svelte-1q1ixt1,
	.score-card.svelte-1q1ixt1,
	.actions-card.svelte-1q1ixt1 {
		margin-bottom: var(--spacing-6);
	}

	.next-step-card.svelte-1q1ixt1 {
		margin-bottom: var(--spacing-6);
		padding: 1.5rem;
		background: var(--color-void-surface);
		border: 1px solid var(--color-border);
		border-radius: var(--radius-lg);
	}

	.next-step-header.svelte-1q1ixt1 {
		margin-bottom: 1rem;
	}

	.next-step-badge.svelte-1q1ixt1 {
		display: inline-flex;
		align-items: center;
		gap: 0.375rem;
		padding: 0.375rem 0.75rem;
		background: color-mix(in srgb, var(--color-gold) 10%, transparent);
		border: 1px solid color-mix(in srgb, var(--color-gold) 30%, transparent);
		border-radius: var(--radius-full);
		font-size: 0.75rem;
		font-weight: 600;
		color: var(--color-gold);
		text-transform: uppercase;
		letter-spacing: 0.05em;
	}

	.next-step-content.svelte-1q1ixt1 {
		display: flex;
		gap: 1rem;
		align-items: flex-start;
	}

	.next-step-icon.svelte-1q1ixt1 {
		flex-shrink: 0;
		width: 48px;
		height: 48px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: var(--radius-md);
		border-width: 1px;
		border-style: solid;
	}

	.next-step-text.svelte-1q1ixt1 {
		flex: 1;
	}

	.next-step-title.svelte-1q1ixt1 {
		margin: 0 0 0.75rem 0;
		font-family: var(--font-body);
		font-size: 1rem;
		font-weight: 600;
		color: var(--color-text-primary);
		line-height: 1.5;
	}

	.next-step-cta.svelte-1q1ixt1 {
		display: inline-flex;
		align-items: center;
		gap: 0.5rem;
		padding: 0.625rem 1rem;
		background: transparent;
		border-width: 1px;
		border-style: solid;
		border-radius: var(--radius-md);
		font-size: 0.875rem;
		font-weight: 600;
		text-decoration: none;
		transition: background-color 0.2s, transform 0.2s;
	}

	.next-step-cta.svelte-1q1ixt1:hover {
		background: color-mix(in srgb, currentColor 8%, transparent);
		transform: translateY(-1px);
	}

	@media (max-width: 640px) {
		.next-step-content.svelte-1q1ixt1 {
			flex-direction: column;
			align-items: stretch;
		}

		.next-step-icon.svelte-1q1ixt1 {
			align-self: flex-start;
		}
	}

	.quiz-navigation.svelte-11t1zd9 {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 2rem;
		padding-top: 1.5rem;
		border-top: 1px solid var(--color-border);
	}

  .nav-button.svelte-11t1zd9 {
    padding: 0.75rem 1.5rem;
    min-height: 44px;
    font-size: 0.9375rem;
    font-weight: 600;
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
  }

	.nav-button.primary.svelte-11t1zd9 {
		background: linear-gradient(135deg, var(--color-humanos) 0%, var(--color-lifeos) 50%, var(--color-civilizationos) 100%);
		border: none;
		color: white;
	}

	.nav-button.primary.svelte-11t1zd9:hover:not(:disabled) {
		transform: translateY(-1px);
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	}

	.nav-button.secondary.svelte-11t1zd9 {
		background: transparent;
		border: 1px solid var(--color-border);
		color: var(--color-text-secondary);
	}

	.nav-button.secondary.svelte-11t1zd9:hover:not(:disabled) {
		color: var(--color-text-primary);
		border-color: var(--color-border-light);
	}

	.nav-button.svelte-11t1zd9:disabled {
		opacity: 0.5;
		cursor: not-allowed;
	}

	.nav-hint.svelte-11t1zd9 {
		font-size: 0.875rem;
		color: var(--color-text-tertiary);
		font-style: italic;
	}

	@media (max-width: 640px) {
		.quiz-navigation.svelte-11t1zd9 {
			flex-direction: column;
			gap: 1rem;
		}

		.nav-button.svelte-11t1zd9 {
			width: 100%;
			justify-content: center;
			min-height: 48px;
			font-size: 1rem;
			padding: 0.875rem 1.5rem;
		}

		.nav-button.secondary.svelte-11t1zd9 {
			order: 2;
		}

		.nav-button.primary.svelte-11t1zd9,
		.nav-hint.svelte-11t1zd9 {
			order: 1;
		}

		.nav-hint.svelte-11t1zd9 {
			font-size: 0.9375rem;
		}
	}

	.error-state.svelte-fuztrk {
		text-align: center;
		padding: 3rem 2rem;
		background: var(--color-void-surface);
		border: 1px solid rgba(239, 68, 68, 0.3);
		border-radius: var(--radius-xl);
	}

	.error-icon.svelte-fuztrk {
		font-size: 3rem;
		margin-bottom: 1rem;
	}

	.error-title.svelte-fuztrk {
		font-size: 1.5rem;
		font-weight: 700;
		color: var(--color-text-primary);
		margin: 0 0 0.75rem 0;
	}

	.error-state.svelte-fuztrk .error-message:where(.svelte-fuztrk) {
		font-size: 1rem;
		color: var(--color-text-secondary);
		margin: 0 0 1.5rem 0;
	}

	.retry-button.svelte-fuztrk {
		padding: 0.75rem 1.5rem;
		background: transparent;
		border: 1px solid var(--color-border);
		border-radius: var(--radius-md);
		color: var(--color-text-primary);
		font-size: 0.9375rem;
		font-weight: 600;
		cursor: pointer;
		transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
	}

	.retry-button.svelte-fuztrk:hover {
		background: rgba(255, 255, 255, 0.05);
		border-color: var(--color-border-light);
	}

	.loading-state.svelte-ctl61y {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 4rem 2rem;
		text-align: center;
	}

	.spinner.svelte-ctl61y {
		width: 48px;
		height: 48px;
		border: 3px solid var(--color-border);
		border-top-color: var(--color-gold);
		border-radius: 50%;
		animation: svelte-ctl61y-spin 1s linear infinite;
		margin-bottom: 1rem;
	}

	@keyframes svelte-ctl61y-spin {
		to {
			transform: rotate(360deg);
		}
	}

	.loading-state.svelte-ctl61y p:where(.svelte-ctl61y) {
		font-size: 1rem;
		color: var(--color-text-secondary);
	}

	.domain-quiz.svelte-1eqmbpj {
		width: 100%;
		max-width: 640px;
		margin: 0 auto;
	}

	.quiz-container.svelte-1eqmbpj {
		width: 100%;
	}

	.quiz-expectation.svelte-1eqmbpj {
		margin-bottom: 1rem;
		padding: 1rem;
		border: 1px solid var(--color-border);
		border-radius: var(--radius-lg);
		background: color-mix(in srgb, var(--color-void-surface) 88%, white 12%);
	}

	.quiz-expectation-label.svelte-1eqmbpj {
		margin: 0;
		font-size: 0.75rem;
		font-weight: 600;
		letter-spacing: 0.12em;
		text-transform: uppercase;
		color: var(--color-text-tertiary);
	}

	.quiz-expectation-copy.svelte-1eqmbpj {
		margin: 0.5rem 0 0;
		font-size: 0.9375rem;
		line-height: 1.6;
		color: var(--color-text-secondary);
	}

	.keyboard-hint.svelte-1eqmbpj {
		margin-top: 1rem;
		text-align: center;
		font-size: 0.75rem;
		color: var(--color-text-tertiary);
	}