.valley-app{--v-ink:#2d4436;--v-muted:#778074;--v-paper:#f7f5e9;--v-line:#dce0ce;--v-green:#446c4c;background:var(--v-paper);color:var(--v-ink);min-height:100dvh;font-family:var(--font-heebo),Arial,sans-serif;color-scheme:light}.valley-app *{box-sizing:border-box}.valley-app a,.valley-app button,.valley-app input{touch-action:manipulation}.valley-app button{cursor:pointer}.valley-app button:disabled{opacity:.35;cursor:default}.valley-app :focus-visible{outline:3px solid #a16635;outline-offset:4px}.valley-app a{text-decoration:none}.valley-header{height:76px;border-bottom:1px solid var(--v-line);justify-content:space-between;padding:0 5%;gap:20px;background:#faf9f1}.valley-back,.valley-header{display:flex;align-items:center}.valley-back{gap:8px;font-size:13px;font-weight:600}.valley-wordmark{display:flex;align-items:center;gap:4px;position:relative;font-family:var(--font-outfit),sans-serif;font-size:23px;letter-spacing:1px;font-weight:800;padding-bottom:13px}.valley-wordmark>span:not(.valley-logo-mark){font-weight:400}.valley-wordmark small{position:absolute;font-family:var(--font-heebo),sans-serif;letter-spacing:2px;bottom:-2px;right:0;left:36px;text-align:center;font-weight:400;font-size:9px}.valley-logo-mark{margin-right:5px;display:flex;color:#6e8f54}.valley-account a{background:#2e4939;color:#f9faec;padding:10px 16px;border-radius:6px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700}.valley-kick-k{font-weight:1000;font-family:Arial;font-size:18px;color:#b6ce8d}.valley-account>span{font-size:13px}.valley-account>button{font-size:11px;margin-inline-start:12px;text-decoration:underline}.valley-main{max-width:1580px;margin:auto;padding:34px 5% 45px}.valley-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.valley-eyebrow{color:#7c845f;font-size:11px;letter-spacing:.8px;font-weight:600;margin:0 0 6px}.valley-intro h1{font-size:32px;line-height:1.3;letter-spacing:-1.3px;font-weight:750;margin:0 0 7px}.valley-intro>div>p:last-child{font-size:13px;color:var(--v-muted);margin:0}.valley-clock{text-align:center;min-width:125px;border-right:1px solid var(--v-line);padding-right:23px}.valley-clock>div{display:flex;align-items:center;justify-content:center;gap:10px}.valley-clock strong{font-family:var(--font-outfit),sans-serif;font-size:28px;font-weight:500;letter-spacing:1px}.valley-clock span{font-size:11px;color:var(--v-muted)}.valley-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;direction:ltr;align-items:start}.valley-map-panel,.valley-sidebar{direction:rtl;min-width:0}.valley-map-panel{border:1px solid #c5cfb5;border-radius:9px;overflow:hidden;background:#eff1e2;position:sticky;top:20px}.valley-map-top{padding:13px 17px;display:flex;align-items:center;justify-content:space-between;font-size:11px;background:#f8f8ee;gap:8px}.valley-map-top>span{display:flex;align-items:center;gap:7px}.valley-map-top>span:last-child{font-weight:600}.valley-map-top i,.valley-neighbors i{width:6px;height:6px;background:#b8b8a9;border-radius:50%;display:inline-block;flex-shrink:0}.valley-map-top i.online,.valley-neighbors i.online{background:#73a35c}.valley-map-top i.demo{background:#c69e4e}.valley-map-stage{position:relative;aspect-ratio:3/2;min-height:340px;background:#728f47}.valley-scene,.valley-scene-shell{width:100%;height:100%;position:absolute;inset:0;display:block}.valley-scene{image-rendering:pixelated;touch-action:none;cursor:grab}.valley-scene:active{cursor:grabbing}.valley-map-controls{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;gap:5px}.valley-map-controls button{width:34px;height:34px;background:#fffbeaeb;border:1px solid #e2dfc6;display:grid;place-items:center;border-radius:4px;color:#3d513a}.valley-map-controls button:hover:not(:disabled){background:#fff}.valley-map-hint{bottom:12px;left:50%;transform:translateX(-50%);background:#263d2bd9;color:#edf1d8;padding:7px 13px;border-radius:4px;white-space:nowrap}.valley-demo-stamp,.valley-map-hint{position:absolute;font-size:10px;pointer-events:none}.valley-demo-stamp{top:15px;right:15px;background:#fff2c7ee;color:#5d5437;padding:5px 9px;border-radius:3px}.valley-map-bottom{display:flex;align-items:center;gap:11px;padding:9px 12px;font-size:10px;background:#f8f8ee}.valley-map-bottom button{display:grid;place-items:center;width:25px;height:25px}.valley-map-note{margin-right:auto;display:flex;align-items:center;gap:6px;color:#858b77}.valley-sidebar{display:flex;flex-direction:column;gap:16px}.valley-tree-summary{padding:20px 18px;background:#edf0df;border:1px solid #dbe1c9;border-radius:8px}.valley-section-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#798267;gap:8px}.valley-section-heading>span:first-child{display:flex;align-items:center;gap:6px}.valley-level{border:1px solid #c8d5b9;padding:3px 7px;border-radius:4px;font-size:10px}.valley-sidebar h2{font-weight:700;font-size:22px;margin:11px 0 4px;letter-spacing:-.5px}.valley-sidebar p{font-size:12px;line-height:1.85;color:#7c836e;margin:0}.valley-progress{height:7px;background:#d7dec4;border-radius:4px;overflow:hidden;margin:20px 0 8px;direction:ltr}.valley-progress>span{height:100%;display:block;background:#769753;border-radius:4px;transition:width .5s}.valley-progress-caption{display:flex;justify-content:space-between;font-size:9px;color:#8a8c76}.valley-progress-caption strong{font-size:10px;color:#4f6244}.valley-progress-caption strong span{font-weight:400;color:#8a8c76}.valley-metrics{display:grid;grid-template-columns:repeat(3,1fr);padding-top:20px;margin-top:19px;border-top:1px solid #d6ddc4}.valley-metrics>div{display:flex;flex-direction:column;align-items:center;gap:5px;border-left:1px solid #d6ddc4}.valley-metrics>div:last-child{border:0}.valley-metrics svg{color:#81936c}.valley-metrics strong{font-size:20px;font-weight:600;font-family:var(--font-outfit),sans-serif}.valley-metrics span{font-size:9px;color:#7b826c}.valley-personal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.valley-demo-water,.valley-personal-actions button{display:flex;align-items:center;justify-content:center;gap:7px;background:#3d6043;color:#fcfff0;border:1px solid #3d6043;border-radius:5px;padding:11px 7px;font-size:11px;font-weight:600}.valley-personal-actions .secondary{color:#526347;background:transparent;border-color:#d4dbc5}.valley-details{padding:19px 17px;border:1px solid #dfe2d3;border-radius:8px;background:#fcfbf5}.valley-details h2{font-size:18px}.valley-details ul{padding-right:16px;margin:13px 0 0;color:#6c7966;font-size:11px;line-height:2}.valley-details dl{margin:15px 0 10px}.valley-details dl>div{display:flex;justify-content:space-between;font-size:11px;padding:8px 0;border-bottom:1px solid #eceede;gap:10px}.valley-details dt{color:#838a76}.valley-details dd{font-weight:600;flex-shrink:0}.valley-details>small{font-size:9px;color:#929784;line-height:1.7;display:block}.valley-resident-state{color:#7d8b68;font-size:9px}.valley-palette{margin-top:14px;font-size:10px}.valley-palette>div{display:flex;gap:7px;margin-top:8px}.valley-palette button{width:26px;height:26px;border:1px solid #b7bea7;border-radius:50%;display:grid;place-items:center;color:#354d3b}.valley-text-button{display:flex;gap:6px;align-items:center;color:#587b4e;font-size:10px;margin-top:13px}.valley-demo-water{width:100%;margin-top:15px;background:#8f794c;border-color:#8f794c}.valley-details .valley-small{font-size:10px;margin-top:14px;line-height:1.6}.valley-weather{padding:13px 3px;border-top:1px solid var(--v-line)}.valley-weather>div{display:flex;align-items:center;gap:12px}.valley-weather svg{color:#8f9a71}.valley-weather>div>span{display:flex;flex-direction:column;gap:3px}.valley-weather strong{font-size:12px;font-weight:600}.valley-weather small{font-size:9px;color:#929882}.valley-weather b{margin-right:auto;font-family:var(--font-outfit),sans-serif;font-size:27px;font-weight:500}.valley-weather p{font-size:10px;margin:9px 0 3px}.valley-residents{margin-top:35px;border-top:1px solid var(--v-line);padding-top:26px}.valley-residents-title{display:flex;justify-content:space-between;align-items:center;gap:18px}.valley-residents h2{font-size:22px;margin:0;font-weight:650}.valley-residents form{display:flex;align-items:center;gap:9px;border:1px solid #d4dac6;background:#fcfbf5;border-radius:5px;padding:9px 12px;width:320px}.valley-residents input{font-size:11px;width:100%;min-width:0;outline:none;background:transparent}.valley-residents form svg{color:#899579;flex-shrink:0}.valley-residents form button{font-size:10px;color:#506d45}.valley-neighbors{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.valley-neighbors>button{display:flex;align-items:center;text-align:right;gap:11px;padding:11px;border:1px solid #e0e4d4;border-radius:6px;background:#fafaf1;min-width:0}.valley-neighbors>button[aria-pressed=true]{border-color:#889d6b;background:#edf1df}.valley-neighbors>button>span:nth-child(2){min-width:0;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:3px}.valley-neighbors bdi{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.valley-neighbors small{font-size:9px;font-weight:400;color:#8c9380}.valley-neighbors i{margin-right:auto}.valley-house-icon{display:grid;place-items:center;background:#e8eddd;border-radius:5px;padding:8px;flex-shrink:0}.valley-house-icon svg{fill:currentColor;stroke:#667959}.valley-search-results{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.valley-search-results button{display:flex;flex-direction:column;gap:5px;padding:10px 14px;background:#e9eedc;border-radius:5px;font-size:12px}.valley-search-results span{font-size:10px;color:#77856a}.valley-small{font-size:12px;color:#7e8874;margin:14px 0}.valley-connection-note,.valley-notice{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;line-height:1.8;border:1px solid #e1ddc4;background:#f3f0dc;border-radius:5px;padding:10px 14px;margin-top:15px}.valley-notice button{font-size:20px}.valley-connection-note a{display:flex;align-items:center;gap:5px;white-space:nowrap;font-weight:600;color:#69784f}.valley-footer{border-top:1px solid #dce0ce;max-width:1580px;margin:auto;padding:22px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#939a86;font-size:9px}.valley-footer>span{font-family:var(--font-outfit),sans-serif;letter-spacing:1px}.valley-footer>span>span{margin:0 7px}.valley-footer>div{display:flex;gap:15px;flex-wrap:wrap}.valley-footer a:hover,.valley-footer button:hover{color:#3f5d3e}.valley-asset-error{position:absolute;bottom:42px;left:15px;right:15px;background:#fff0d8;padding:9px;font-size:11px}.valley-app:fullscreen{overflow:auto}.valley-app:fullscreen .valley-main{max-width:1800px}@media(min-width:1500px){.valley-layout{grid-template-columns:minmax(0,1fr) 320px}.valley-main{padding-top:42px}.valley-intro h1{font-size:38px}.valley-map-stage{min-height:500px}}@media(max-width:1000px){.valley-main{padding:25px 3%}.valley-layout{grid-template-columns:minmax(0,1fr) 260px;gap:15px}.valley-map-stage{min-height:400px}.valley-header{padding:0 3%}.valley-neighbors{grid-template-columns:repeat(3,1fr)}.valley-intro h1{font-size:28px}}@media(max-width:760px){.valley-header{height:65px;gap:12px}.valley-back span{display:none}.valley-account a{font-size:10px;padding:8px 10px}.valley-wordmark{font-size:19px}.valley-logo-mark svg{width:19px}.valley-wordmark small{font-size:8px}.valley-main{padding-top:24px}.valley-intro{margin-bottom:20px}.valley-intro h1{font-size:26px}.valley-intro>div>p:last-child{font-size:11px}.valley-clock{padding-right:14px;min-width:95px}.valley-clock strong{font-size:23px}.valley-clock svg{width:17px}.valley-clock span,.valley-eyebrow{font-size:9px}.valley-layout{display:flex;flex-direction:column;gap:18px}.valley-map-panel{position:relative;top:auto;width:100%}.valley-map-stage{min-height:0;aspect-ratio:1.25}.valley-map-top{padding:11px 12px;font-size:10px}.valley-map-hint{font-size:8px;padding:5px 8px;bottom:8px}.valley-demo-stamp{font-size:8px;right:8px;top:8px}.valley-map-controls{left:8px;top:8px;gap:4px}.valley-map-controls button{width:28px;height:28px}.valley-map-controls svg{width:15px}.valley-map-note{font-size:8px}.valley-sidebar{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.valley-tree-summary{grid-column:1/-1;padding:17px}.valley-tree-summary h2{font-size:22px}.valley-metrics{padding-top:15px;margin-top:15px}.valley-details,.valley-personal-actions{grid-column:1/-1}.valley-details{padding:17px}.valley-weather{grid-column:1/-1;padding:12px 6px}.valley-residents{margin-top:22px;padding-top:20px}.valley-residents-title{align-items:stretch;flex-direction:column}.valley-residents h2{font-size:21px}.valley-residents form{width:100%;padding:11px}.valley-neighbors{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.valley-neighbors>button{gap:8px;padding:9px}.valley-neighbors>button>span:nth-child(2){font-size:10px}.valley-house-icon{padding:6px}.valley-house-icon svg{width:20px}.valley-connection-note{gap:6px}.valley-connection-note,.valley-footer{flex-direction:column;align-items:flex-start}.valley-footer{gap:12px;font-size:8px}.valley-footer>div{gap:12px}.valley-account>span,.valley-notice{font-size:10px}.valley-account>button{font-size:9px}}@media(prefers-reduced-motion:reduce){.valley-app *{scroll-behavior:auto!important;transition:none!important}}