.water-panel{margin:10px 0;border:1px solid #364944;border-radius:14px;background:linear-gradient(135deg,#132421dd,#101b1bdd);color:#e6eee9;overflow:hidden}.water-panel summary{display:grid;grid-template-columns:1fr auto;gap:5px;padding:16px;cursor:pointer;min-height:64px;list-style:none}.water-panel summary>span{font:10px monospace;letter-spacing:.16em;color:#93c3bb}.water-panel summary>strong{grid-column:1;font-size:15px}.water-panel summary>i{grid-column:2;grid-row:1/3;font-size:24px;align-self:center;font-style:normal}.water-panel[open] summary>i{transform:rotate(45deg)}.water-body{padding:0 16px 16px}.water-body label{display:flex;justify-content:space-between;gap:12px;margin:14px 0 5px;font-size:12px}.water-body select{width:100%;min-height:44px;padding:10px;border:1px solid #425a51;border-radius:8px;background:#152421;color:#edf4f0;font:inherit;font-size:13px}.water-body input[type=range]{width:100%;min-height:44px;accent-color:#9fd4c5}.water-body output{color:#a6d7c8;font-variant-numeric:tabular-nums}.water-body :disabled{opacity:.45;cursor:not-allowed}.water-service button{min-height:44px;width:100%;margin-top:12px;padding:10px 14px;border:1px solid #85baa8;border-radius:8px;background:#203d34;color:#e6fff3;font:inherit;font-size:13px;cursor:pointer}.water-service button[aria-pressed=true]{background:#3b5e48}.water-note,.water-service-note,.water-feedback{font-size:11px;line-height:1.55;color:#a7bbb1;margin:10px 0 0}.water-feedback:empty{display:none}.water-panel :focus-visible{outline:2px solid #b4edd7;outline-offset:3px}.water-service[hidden]{display:none}