.water-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:2}.water-layer span{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;border:1px solid #278aff35;background:radial-gradient(circle at 28% 25%,#fff8 0%,#80caff22 22%,#0866ff08 58%,#167bff30 90%);box-shadow:inset -5px -6px 12px #0067e518,inset 3px 3px 6px #ffffff33;opacity:.55;animation:water-drift var(--duration) ease-in-out var(--delay) infinite alternate;will-change:transform}.water-paused .water-layer span,.water-inactive .water-layer span{animation-play-state:paused}.real-gallery .media img{transition:transform .4s ease!important}.real-gallery .media.photo-active img{transform:translate(var(--photo-x,0px),var(--photo-y,0px)) scale(1.045)}.water-layer~#notice{z-index:30}
@keyframes water-drift{0%{transform:translate3d(-12px,40px,0) scale(.92)}50%{transform:translate3d(18px,-30px,0) scale(1.05)}100%{transform:translate3d(-8px,-100px,0) scale(.97)}}
@media(max-width:760px){.water-layer span{opacity:.3}.water-layer span:nth-child(n+4){display:none}}
@media(prefers-reduced-motion:reduce){.water-layer span{animation:none!important}.real-gallery .media.photo-active img{transform:none!important}}