.rain-plot{display:flex;gap:5px;align-items:flex-end;min-height:220px;overflow-x:auto;padding:12px 2px}.rain-column{flex:1;min-width:24px;text-align:center}.rain-stack{height:150px;display:flex;flex-direction:column;justify-content:flex-end}.rain-bar{background:#174ea6;color:white;font-size:11px;min-height:2px;transition:height .3s}.rain-water{background:#acdfff;color:#143a66;font-size:11px;transition:height .3s}.rain-column.active .rain-stack{outline:2px solid #174ea6;outline-offset:2px}.rain-column.scanning .rain-stack{outline:2px dashed #007c9c}.rain-column small{display:block;font-size:10px}.rain-column span{display:block;min-height:20px;font-size:11px;color:#174ea6;font-weight:700}.rain-state{white-space:pre-wrap;font-size:13px}.demo .inputs{grid-template-columns:1fr auto}.demo .inputs input{min-width:0}@media(prefers-reduced-motion:reduce){.rain-bar,.rain-water{transition:none}}