/* Page transition - trangcongnghe.com.vn
   Progress bar + fade. Xem docs/superpowers/specs/2026-08-02-page-transition-design.md */

#tcn-progress {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #d72924;
	transform: scaleX(0);
	transform-origin: 0 50%;
	z-index: 2147483647;
	pointer-events: none;
	opacity: 0;
	will-change: transform;
}

#tcn-progress.is-active {
	opacity: 1;
	transition: transform 0.2s linear, opacity 0.1s linear;
}

#tcn-progress.is-done {
	opacity: 0;
	transition: opacity 0.25s linear;
}

body.tcn-leaving {
	opacity: 0.92;
	transition: opacity 0.15s ease-out;
}

@keyframes tcn-enter {
	from { opacity: 0.85; }
	to   { opacity: 1; }
}

body.tcn-ready {
	animation: tcn-enter 0.18s ease-out both;
}

@media (prefers-reduced-motion: reduce) {
	body.tcn-leaving { opacity: 1; transition: none; }
	body.tcn-ready { animation: none; }
}