.rain-calculator{gap:1.25rem;display:grid}.rain-calculator .surface{min-width:0;padding:1.25rem}.rain-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.rain-field{flex-direction:column;gap:.4rem;display:flex}.rain-field input,.rain-field select,.rain-calculator textarea{width:100%;min-width:0;min-height:44px}.rain-field small{font-size:.85rem}.rain-primary{font-size:1.5rem;font-weight:700}.rain-chart{gap:.7rem;padding:0;list-style:none;display:grid}.rain-chart li{grid-template-columns:6rem minmax(0,1fr) 12rem;align-items:center;gap:.6rem;display:grid}.rain-chart strong{font-size:.85rem}.rain-track{background:#e5e7eb;border-radius:4px;height:1rem;overflow:hidden}.rain-track>div{background:#446c9c;height:100%}.rain-track>.rain-wet{background:#21604a}.rain-track>.rain-dry{background:#786043}.rain-toggle{align-items:center;gap:.5rem;display:flex}.rain-table{max-width:100%;overflow:auto}.rain-table table{border-collapse:collapse;white-space:nowrap;width:100%}.rain-table td,.rain-table th{text-align:right;border-bottom:1px solid #b8c4ce;padding:.6rem}.rain-table caption{text-align:left;padding:.5rem}.rain-actions{flex-wrap:wrap;gap:.7rem;margin-top:1rem;display:flex}.rain-actions button,.rain-calculator button{min-height:44px}.rain-calculator textarea{min-height:180px}.rain-calculator :focus-visible{outline-offset:3px;outline:3px solid #446c9c}@media (max-width:600px){.rain-fields{grid-template-columns:1fr}.rain-chart li{grid-template-columns:5.5rem minmax(0,1fr)}.rain-chart strong{grid-column:2}.rain-calculator .surface{padding:1rem}.rain-primary{font-size:1.25rem}}