/* The canvas owns the entire liquid transition; no CSS panel covers it. */
.rain canvas{filter:url(#liquid-merge)}
.rain header,.rain-note,.rain-next{transition:opacity .7s}
.rain.filling header,.rain.filling .rain-note,.rain.filling .rain-next{opacity:0;pointer-events:none}
.menu.active{clip-path:none}
.menu.revealing nav a{animation:menu-in .8s both}
.menu.revealing nav a:nth-child(2){animation-delay:.1s}
.menu.revealing nav a:nth-child(3){animation-delay:.2s}
@keyframes menu-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.menu.revealing nav a{animation:none}}