.dashboard-home { isolation: isolate; }
.dashboard-home::before { display:none; }
.dashboard-home > * { position: relative; z-index: 1; }
.rain-layer { position:absolute; z-index:0; inset:0 0 auto; height:250px; overflow:hidden; pointer-events:none; }
.dashboard-home > .rain-layer { position:absolute; z-index:0; }
.rain-drop { position:absolute; top:-28px; left:var(--rain-x); width:1.5px; height:var(--rain-length); opacity:var(--rain-opacity); border-radius:999px; background:linear-gradient(to bottom, transparent, #69aaf8 48%, #b9d9ff); transform:rotate(12deg); filter:blur(.15px); animation:real-rain-fall var(--rain-duration) linear var(--rain-delay) infinite; }
@keyframes real-rain-fall { 0% { transform:translate3d(-3px,-35px,0) rotate(12deg); opacity:0; } 12% { opacity:var(--rain-opacity); } 88% { opacity:var(--rain-opacity); } 100% { transform:translate3d(18px,285px,0) rotate(12deg); opacity:0; } }
@media (max-width: 700px) { .rain-layer { height:190px; } }
@media (prefers-reduced-motion: reduce) { .rain-drop { animation:none; opacity:.22; transform:rotate(12deg) translateY(30px); } }