/* Ambient twinkle field: soft gold/rose glows that fade in and out over the
   viewport. Fixed + negative z-index so it sits behind real content and
   never blocks clicks or reads as visual noise. */
.twinkle-field {
	position: fixed;
	inset: 0;
	z-index: -1;
	overflow: hidden;
	pointer-events: none;
}

.twinkle-field .twinkle {
	position: absolute;
	border-radius: 50%;
	opacity: 0;
	animation-name: twinkle-fade;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.twinkle-field .twinkle.gold {
	background: radial-gradient(circle, rgba(246, 217, 153, 0.95) 0%, rgba(220, 165, 74, 0) 72%);
}

.twinkle-field .twinkle.rose {
	background: radial-gradient(circle, rgba(232, 189, 178, 0.95) 0%, rgba(211, 169, 157, 0) 72%);
}

@keyframes twinkle-fade {
	0%, 100% { opacity: 0; transform: scale(0.4); }
	50% { opacity: 0.95; transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
	.twinkle-field { display: none; }
}