/**
 * Submission Weather — chrome-only atmosphere from public feed kinds.
 * Never paints submission body text. Tokens live on [data-rr-weather].
 */

.rr-chrome[data-rr-weather],
.rr-footer[data-rr-weather],
body[data-rr-weather] {
	--rr-weather-tint: transparent;
	--rr-weather-vignette: transparent;
	--rr-weather-line: var(--rr-line, rgba(0, 255, 65, 0.28));
	--rr-weather-ink: var(--rr-g, #00ff41);
	--rr-weather-strength: 0.72;
}

body[data-rr-weather][data-rr-weather-fresh="1"],
.rr-chrome[data-rr-weather][data-rr-weather-fresh="1"],
.rr-footer[data-rr-weather][data-rr-weather-fresh="1"] {
	--rr-weather-strength: 1;
}

[data-rr-weather="quote"] {
	--rr-weather-tint: rgba(90, 140, 230, 0.28);
	--rr-weather-vignette: rgba(70, 120, 210, 0.34);
	--rr-weather-line: rgba(150, 198, 255, 0.55);
	--rr-weather-ink: #b8d6ff;
}

[data-rr-weather="dream"] {
	--rr-weather-tint: rgba(120, 70, 210, 0.32);
	--rr-weather-vignette: rgba(80, 40, 150, 0.38);
	--rr-weather-line: rgba(196, 160, 255, 0.55);
	--rr-weather-ink: #d7c2ff;
}

[data-rr-weather="good_energy"] {
	--rr-weather-tint: rgba(90, 200, 70, 0.26);
	--rr-weather-vignette: rgba(70, 170, 50, 0.3);
	--rr-weather-line: rgba(180, 255, 140, 0.55);
	--rr-weather-ink: #c8ff9a;
}

[data-rr-weather="sporadic_silly"] {
	--rr-weather-tint: rgba(220, 70, 170, 0.26);
	--rr-weather-vignette: rgba(255, 90, 170, 0.28);
	--rr-weather-line: rgba(255, 170, 90, 0.5);
	--rr-weather-ink: #ffb3e4;
}

[data-rr-weather="favorite_thing"] {
	--rr-weather-tint: rgba(210, 150, 40, 0.28);
	--rr-weather-vignette: rgba(200, 140, 40, 0.32);
	--rr-weather-line: rgba(255, 210, 120, 0.55);
	--rr-weather-ink: #ffd27a;
}

[data-rr-weather="bad_energy"] {
	--rr-weather-tint: rgba(150, 20, 50, 0.34);
	--rr-weather-vignette: rgba(90, 8, 28, 0.4);
	--rr-weather-line: rgba(255, 90, 110, 0.5);
	--rr-weather-ink: #ff9aa8;
}

.rr-chrome[data-rr-weather]::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	background: linear-gradient(180deg, var(--rr-weather-tint), transparent 78%);
	opacity: var(--rr-weather-strength);
	animation: rrWeatherDrift 22s ease-in-out infinite;
}

.rr-chrome[data-rr-weather] > * {
	position: relative;
	z-index: 1;
}

.rr-chrome[data-rr-weather] .rr-ticker {
	color: var(--rr-weather-ink);
	border-bottom-color: var(--rr-weather-line);
	background: linear-gradient(var(--rr-weather-tint), var(--rr-weather-tint)), #030604;
}

.rr-chrome[data-rr-weather] .rr-head {
	border-bottom-color: var(--rr-weather-line);
	box-shadow: inset 0 0 0 1px var(--rr-weather-line);
	background:
		linear-gradient(180deg, var(--rr-weather-tint), transparent 70%),
		var(--rr-bg, rgba(13, 2, 8, 0.96));
}

.rr-footer[data-rr-weather] {
	position: relative;
	border-top-color: var(--rr-weather-line);
	background:
		linear-gradient(0deg, var(--rr-weather-tint), transparent 62%),
		var(--rr-footer-ink, #060806);
}

.rr-footer[data-rr-weather]::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	background: linear-gradient(0deg, var(--rr-weather-tint), transparent 75%);
	opacity: calc(0.7 * var(--rr-weather-strength));
	animation: rrWeatherPulse 16s ease-in-out infinite;
}

.rr-footer[data-rr-weather] > * {
	position: relative;
	z-index: 1;
}

body[data-rr-weather] {
	box-shadow:
		inset 0 110px 80px -70px var(--rr-weather-vignette),
		inset 0 -110px 80px -70px var(--rr-weather-vignette);
}

@keyframes rrWeatherDrift {
	0%,
	100% {
		opacity: calc(0.55 * var(--rr-weather-strength));
		transform: translateX(0);
	}
	50% {
		opacity: var(--rr-weather-strength);
		transform: translateX(1.2%);
	}
}

@keyframes rrWeatherPulse {
	0%,
	100% { opacity: calc(0.45 * var(--rr-weather-strength)); }
	50% { opacity: calc(0.85 * var(--rr-weather-strength)); }
}

@media (prefers-reduced-motion: reduce) {
	.rr-chrome[data-rr-weather]::after,
	.rr-footer[data-rr-weather]::after {
		animation: none !important;
		transform: none !important;
		opacity: calc(0.72 * var(--rr-weather-strength)) !important;
	}
}