/* Reduced-resource alternative: two decorative compositor layers, no simulation. */
.ambient-rain{display:none;position:fixed;inset:0;z-index:4;overflow:hidden;pointer-events:none;contain:strict}
html[data-mode="low"]:not([data-motion="reduce"]):not([data-contrast="high"]) .ambient-rain,
html:not([data-motion="reduce"]):not([data-contrast="high"]) .liquid-layer[data-liquid-state="unavailable"]~.ambient-rain{display:block}
.ambient-rain>i{position:absolute;inset:-360px 0 0;background:url('/rain-texture.svg') repeat;opacity:.46;animation:ambient-rain-fall 2.8s linear infinite;will-change:transform}
.ambient-rain>i+ i{inset:-540px 0 0;background-size:360px 540px;background-position:137px 0;opacity:.23;animation-duration:4.7s;animation-name:ambient-rain-far}
html[data-theme="dark"] .ambient-rain>i{filter:brightness(1.9);opacity:.54}
html[data-theme="dark"] .ambient-rain>i+ i{opacity:.26}
@keyframes ambient-rain-fall{to{transform:translateY(360px)}}
@keyframes ambient-rain-far{to{transform:translateY(540px)}}
@media(prefers-reduced-motion:reduce),(forced-colors:active){.ambient-rain{display:none!important}.ambient-rain>i{animation:none!important}}
@media print{.ambient-rain{display:none!important}}

@media(prefers-reduced-motion:no-preference) and (forced-colors:none){@layer base{
html[data-mode="low"]:not([data-motion="reduce"]):not([data-contrast="high"]) .ambient-rain>i,
html:not([data-motion="reduce"]):not([data-contrast="high"]) .liquid-layer[data-liquid-state="unavailable"]~.ambient-rain>i{animation:ambient-rain-fall 2.8s linear infinite!important}
html[data-mode="low"]:not([data-motion="reduce"]):not([data-contrast="high"]) .ambient-rain>i+ i,
html:not([data-motion="reduce"]):not([data-contrast="high"]) .liquid-layer[data-liquid-state="unavailable"]~.ambient-rain>i+ i{animation:ambient-rain-far 4.7s linear infinite!important}
}}

html[data-mode="low"] #rain-sound,html[data-mode="low"] .rain-volume{display:none}
.liquid-layer[data-liquid-state="unavailable"]~* #rain-sound,.liquid-layer[data-liquid-state="unavailable"]~* .rain-volume{display:none}