.heading-title-row{display:flex;align-items:center;gap:18px;min-height:72px;margin-top:-8px;margin-bottom:-5px}.heading-title-row h1{min-width:0}.mosquito-art{width:105px;height:79px;flex:0 0 105px;pointer-events:none;overflow:visible}.mosquito-flier{transform-origin:72px 53px}.mosquito-wing{transform-origin:69px 49px}.mosquito-wing-far{transform-origin:70px 50px}.mosquito-flight-trail{fill:none;stroke:#d7d9ef;stroke-width:1.3;stroke-linecap:round;stroke-dasharray:2 5}
[data-motion="on"] .mosquito-flier{animation:mosquito-hover 16s ease-in-out infinite}[data-motion="on"] .mosquito-wing{animation:mosquito-wings .16s ease-in-out infinite alternate}[data-motion="on"] .mosquito-wing-far{animation:mosquito-wings .16s ease-in-out -.08s infinite alternate}
@keyframes mosquito-hover{0%,35%,100%{transform:translate(0,0) rotate(0)}7%{transform:translate(-6px,-4px) rotate(-4deg)}15%{transform:translate(6px,-8px) rotate(3deg)}24%{transform:translate(10px,1px) rotate(-2deg)}30%{transform:translate(0,2px) rotate(0)}}
@keyframes mosquito-wings{from{transform:scaleY(.62) rotate(-5deg)}to{transform:scaleY(1) rotate(5deg)}}
.motion-out-of-view *,[data-motion-paused="true"] .mosquito-art *,[data-motion-paused="true"] .rain-art *{animation-play-state:paused!important}
.motion-toggle{font-size:12px;gap:7px;min-width:109px}.motion-toggle[aria-pressed="true"]{background:#f4f4fd;border-color:#e1e2f5;color:#5961bd}.motion-toggle svg{width:15px;height:15px}.motion-toggle .motion-play{display:none}.motion-toggle[aria-pressed="false"] .motion-pause{display:none}.motion-toggle[aria-pressed="false"] .motion-play{display:block}
.rain-figure{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0}.rain-figure strong{font:600 32px var(--display);letter-spacing:-1px;line-height:1.3;white-space:nowrap}.rain-figure small{font:400 14px var(--sans);color:var(--muted);letter-spacing:0}.rain-art{width:46px;height:48px;flex:0 0 46px;overflow:visible;pointer-events:none}.rain-drop,.rain-ripple{opacity:0}.rain-ripple{transform-box:fill-box;transform-origin:center}
[data-motion="on"] .rain-art[data-rain-active="true"] .rain-cloud{animation:rain-cloud-drift 4.8s ease-in-out infinite}
[data-motion="on"] .rain-art[data-rain-active="true"] .rain-drop{animation:rain-fall 1.8s linear infinite}
[data-motion="on"] .rain-art[data-rain-active="true"] .rain-drop:nth-child(2){animation-delay:-.6s}
[data-motion="on"] .rain-art[data-rain-active="true"] .rain-drop:nth-child(3){animation-delay:-1.2s}
[data-motion="on"] .rain-art[data-rain-active="true"] .rain-ripple{animation:rain-ripple 1.8s ease-out -.4s infinite}
@keyframes rain-cloud-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes rain-fall{0%{transform:translateY(-3px);opacity:0}15%{opacity:.85}65%{transform:translateY(12px);opacity:0}100%{transform:translateY(12px);opacity:0}}
@keyframes rain-ripple{0%{transform:scale(.4);opacity:0}25%{opacity:.5}75%,100%{transform:scale(1.3);opacity:0}}
[data-motion="off"] *,[data-motion="off"] *::before,[data-motion="off"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:1100px){.heading-title-row{gap:10px}.mosquito-art{width:90px;flex-basis:90px;height:68px}.rain-figure{gap:4px}.rain-figure strong{font-size:27px}.rain-art{width:36px;height:42px;flex-basis:36px}.top-actions{gap:15px}}
@media(max-width:600px){.heading-title-row{min-height:60px;margin-top:0}.mosquito-art{width:80px;flex-basis:80px;height:60px}.rain-figure strong{font-size:28px}.rain-figure small{font-size:12px}.top-actions{gap:8px}.topbar .motion-toggle{min-width:88px;padding:8px;font-size:11px}.topbar .motion-toggle svg{width:12px}}
@media(max-width:480px){#export span{display:none}.topbar #export{padding:9px}.heading-title-row{gap:4px}.mosquito-art{width:72px;flex-basis:72px;height:58px}.heading-title-row h1{font-size:25px}.rain-figure{gap:3px}.rain-art{width:32px;flex-basis:32px}}
@media(prefers-reduced-motion:reduce){.mosquito-art *,.rain-art *{animation:none!important}.rain-drop,.rain-ripple{opacity:0!important}}