.zone-picker{display:grid;gap:7px;margin:18px 0}.zone-picker button{display:flex;align-items:center;text-align:left;gap:12px;background:#edf1e7;border:1px solid #dce4d3;border-radius:11px;padding:11px 10px;color:#314d39;cursor:pointer;min-height:53px}.zone-picker button>span{font-size:11px;color:#72885d}.zone-picker button>div{font-size:12px;font-weight:600}.zone-picker small{display:block;font-size:9px;font-weight:400;color:#728168;margin-top:4px}.zone-picker i{font-style:normal;margin-left:auto}.zone-picker button[aria-pressed=true]{background:#d6e9b6;border-color:#91ab6d}.phone h3{font-size:23px}.zone-label{fill:#3f5a32;font:10px 'DM Sans',sans-serif;letter-spacing:1px}.zone-outline{fill:none;stroke:transparent;stroke-width:3}.zone-outline.selected{stroke:#f4ffdd;stroke-dasharray:6 6}.zone-outline.active{stroke:#d7f6ff;stroke-dasharray:none}.water-effect{opacity:0;transition:opacity .4s;pointer-events:none}.water-effect.active{opacity:1}.jet{fill:none;stroke:#dcf6ff;stroke-width:2;stroke-dasharray:5 5;stroke-linecap:round;animation:stream .8s linear infinite}.spray-spin{animation:rotate 12s linear infinite}.ripple{fill:none;stroke:#d5f4ff;stroke-width:1.5;opacity:.4;animation:ripple 2s ease-out infinite;transform-origin:center;transform-box:fill-box}.ripple.second{animation-delay:-1s}.wet-soil{fill:#6dd1e9;opacity:.25}.drop{fill:#bceeff;animation:drip 1.2s ease-in infinite}.water-effect:not(.active) *{animation-play-state:paused}#flow{opacity:0;animation:flow 1s linear infinite}#flow.active{opacity:1}@keyframes stream{to{stroke-dashoffset:-30}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ripple{from{opacity:.6;scale:.35}to{opacity:0;scale:1.15}}@keyframes drip{0%{transform:translateY(0);opacity:0}20%{opacity:1}100%{transform:translateY(13px);opacity:0}}@keyframes flow{to{stroke-dashoffset:-48}}.schedule strong{font-size:16px}.scene-bottom{min-height:55px}#status{font-size:13px}#substatus{margin-bottom:14px}.phone-top{margin-bottom:19px}.scene-top{gap:10px}#mode-label{font-size:10px;color:#617755}@media(max-width:700px){.experience{padding-left:3%;padding-right:3%}.phone{width:290px}.scene-bottom{padding-left:8px;padding-right:8px}.scene-top{font-size:11px}}@media(prefers-reduced-motion:reduce){.water-effect{transition:none}.jet,.spray-spin,.ripple,.drop,#flow{animation:none}.drop{opacity:1}.ripple{opacity:.4}}

.coverage-arc{fill:none;stroke:#d7f6ff;stroke-width:1.3;stroke-dasharray:5 5;opacity:.8}.corner-jet{stroke-width:1.4;stroke-opacity:.75;stroke-dasharray:3 12;animation-duration:1.7s}