.rain-forecast-container{--rain-main:#3498db;--rain-trace:#aecadb;--prob-line:#e67e22;max-width:800px;margin:0 auto;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);font-family:sans-serif}.rain-forecast-container h2{margin:0 0 5px 0;color:#2a5298;font-size:1.2rem}.rain-forecast-container .date-sub{color:#666;font-size:.9rem;margin-bottom:15px;border-bottom:2px solid #eee;padding-bottom:8px}.rain-forecast-container .weather-chart-wrapper{position:relative;height:320px;width:100%}.rain-forecast-container .legend-custom{font-size:.8rem;color:#666;margin-top:15px;-js-display:flex;display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.rain-forecast-container .legend-custom .legend-item{-js-display:flex;display:flex;align-items:center;gap:5px}.rain-forecast-container .legend-custom .legend-item .dot{height:10px;width:10px;border-radius:2px}.rain-forecast-container .legend-custom .legend-item .dot.rain-main{background-color:#3498db}.rain-forecast-container .legend-custom .legend-item .dot.rain-trace{background-color:#aecadb}.rain-forecast-container .legend-custom .legend-item .dot.prob-line{background-color:#e67e22}.rain-forecast-container .loader{text-align:center;color:#666;padding:40px}