/* rain.css — ambient rain in the LEFT & RIGHT page gutters only (perf-light; populated by site.js).
   Hidden on narrow screens and when the user prefers reduced motion. */
.rain-gutter{position:fixed;top:0;bottom:0;width:90px;pointer-events:none;z-index:0;overflow:hidden;opacity:.32}
.rain-gutter.left{left:0}
.rain-gutter.right{right:0}
.rain-gutter i{position:absolute;top:-14%;width:1px;height:60px;
  background:linear-gradient(transparent,rgba(170,200,255,.55));
  animation:ko-rainfall linear infinite}
@keyframes ko-rainfall{to{transform:translateY(130vh)}}
@media (max-width:1100px){.rain-gutter{display:none}}            /* don't crowd narrow layouts */
@media (prefers-reduced-motion:reduce){.rain-gutter{display:none}}