@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#e8ede4;font-synthesis:none;background:#111d20;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:4px;outline:2px solid #dcecb0}#viewport{position:absolute;inset:0}canvas{touch-action:none;display:block}#loading{color:#c4d4ae;position:absolute;top:50%;left:55%}header{pointer-events:none;align-items:center;gap:24px;display:flex;position:absolute;top:30px;left:36px;right:36px}.brand{letter-spacing:2px;color:#e8ede4;pointer-events:auto;align-items:center;gap:12px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.brand-icon{color:#d4e6ac;font-size:32px;font-weight:400}.project-tag{letter-spacing:1.6px;color:#9eaaa2;border-left:1px solid #526057;padding-left:24px;font-size:10px}.panel{scrollbar-width:thin;scrollbar-color:#435348 transparent;border-radius:10px;width:344px;max-height:calc(100dvh - 175px);padding:20px;scroll-padding-block:20px;position:absolute;top:106px;left:16px;overflow-y:auto}.eyebrow{letter-spacing:1.5px;color:#b1c193;font-size:9px}h1{letter-spacing:-1.8px;margin:17px 0 12px;font-family:Manrope,sans-serif;font-size:39px;font-weight:500;line-height:1.15}.intro{color:#93a49c;margin:0 0 28px;font-size:12px}.stats{border-top:1px solid #354139;border-bottom:1px solid #354139;gap:38px;margin-bottom:24px;padding:20px 0;display:flex}.stats strong{letter-spacing:-.6px;font-size:22px;font-weight:500}.stats small{color:#a5b1a7;font-size:12px}.stats span{color:#83968d;margin-top:6px;font-size:10px;display:block}.section-label{letter-spacing:1.8px;color:#92a098;margin:18px 0 10px;font-size:9px}.segmented{background:#0c1719;border:1px solid #344239;border-radius:7px;padding:4px;display:flex}.segmented button{color:#a5b3aa;background:0 0;border:0;border-radius:4px;flex:1;padding:9px 2px;font-size:11px}.segmented button.active{color:#253127;background:#d7e5b2}.range-title{justify-content:space-between;margin:23px 0 12px;font-size:12px;display:flex}output{color:#d7e5b2;font-variant-numeric:tabular-nums}input[type=range]{accent-color:#d7e5b2;cursor:pointer;width:100%;height:4px}.range-ends{color:#71877c;justify-content:space-between;margin:8px 0 17px;font-size:9px;display:flex}.toggle{color:#b5c2b6;justify-content:space-between;align-items:center;margin:13px 0;font-size:12px;display:flex}input[type=checkbox]{accent-color:#d7e5b2;cursor:pointer;width:15px;height:15px}.camera-buttons{grid-template-columns:1fr 1fr;gap:7px;display:grid}.camera-buttons button,#capture{color:#c0cec2;background:#1a2929;border:1px solid #3b4b41;border-radius:5px;padding:10px 7px;font-size:11px}.camera-buttons button:hover,#capture:hover{background:#34463b}details{color:#8fa397;border-top:1px solid #354139;margin-top:23px;padding-top:15px;font-size:11px;line-height:1.6}summary{cursor:pointer;color:#b4c1b3;justify-content:space-between;list-style:none;display:flex}details a{color:#d7e5b2}.top-right{letter-spacing:1.6px;align-items:center;gap:8px;font-size:9px;display:flex;position:absolute;top:35px;right:36px}.live-dot{background:#d7e5b2;border-radius:50%;width:5px;height:5px}#capture{letter-spacing:0;margin-left:15px}.legend{width:160px;position:absolute;bottom:120px;right:36px}.gradient{background:linear-gradient(90deg,#294c50,#688268,#b8b582,#e9d5a3);border-radius:3px;height:5px}.legend>div:last-child{color:#9da99c;justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.readout{color:#b7c7b2;white-space:nowrap;pointer-events:none;background:#122122cc;border:1px solid #3a4b40;border-radius:20px;padding:10px 15px;font-size:11px;position:absolute;bottom:82px;left:55%;transform:translate(-50%)}footer{color:#82958a;justify-content:space-between;gap:16px;font-size:10px;display:flex;position:absolute;bottom:25px;left:36px;right:36px}footer b{color:#bcc9b9;font-weight:500}footer i{margin:0 10px;font-style:normal}.disclaimer{letter-spacing:1.5px;font-size:8px}#mobile-panel{display:none}@media (height<=850px) and (width>=761px){h1{font-size:32px}.stats{margin-bottom:15px;padding:13px 0}.intro{margin-bottom:18px}.range-title{margin-top:17px}.toggle{margin:9px 0}.panel{top:95px}.section-label{margin-top:13px}details{margin-top:16px}}@media (width<=760px){header{top:20px;left:20px;right:20px}.project-tag,.top-right .live-dot{display:none}.brand{letter-spacing:1px;font-size:9px}.top-right{font-size:0;top:65px;right:20px}#capture{font-size:10px}.panel{z-index:3;background:#142325f5;border:1px solid #455447;border-radius:10px;width:290px;max-height:calc(100dvh - 220px);padding:20px;display:none;top:112px;left:16px}.panel.open{display:block}#mobile-panel{color:#213329;background:#d7e5b2;border:1px solid #617453;border-radius:5px;padding:11px 14px;font-size:11px;display:block;position:absolute;bottom:72px;left:20px}.legend{width:100px;bottom:82px;right:20px}.readout{font-size:10px;bottom:135px;left:50%}footer{font-size:9px;display:block;bottom:20px;left:20px;right:20px}footer .disclaimer{margin-top:10px;font-size:7px;display:block}h1{font-size:30px}}#scale-note,#drainage-note{color:#b6c58e;margin:8px 0 15px;font-size:10px}#drainage-note{color:#89c0c2;line-height:1.5}.photo-button{text-align:center;white-space:normal;overflow-wrap:anywhere;color:#d8e5c4;background:#273a2e;border:1px solid #52644d;border-radius:5px;width:100%;margin-top:16px;padding:12px;font-size:11px;line-height:1.5;text-decoration:none;display:block}.gradient.slope{background:linear-gradient(90deg,#456d5c,#c5af68,#b4422b)}.camera-buttons button:last-child{grid-column:1/-1}.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111d20eb;box-shadow:0 0 0 1px #43534866}dialog{color:#e3eadc;background:#172625;border:1px solid #4b5d4b;border-radius:16px;width:min(1000px,94vw);max-height:90dvh;padding:30px}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#071111ce}.dialog-header{justify-content:space-between;align-items:flex-start;display:flex}dialog h2{letter-spacing:-1px;margin:12px 0;font-family:Manrope,sans-serif;font-size:28px;font-weight:500}dialog p{color:#a7b8a9;font-size:12px;line-height:1.6}#close-photos{background:0 0;border:0;font-size:30px}.photo-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.photo-grid figure{margin:0}.photo-grid figure:last-child{grid-column:1/-1}.photo-grid img{object-fit:cover;border-radius:7px;width:100%;min-height:120px;display:block}.photo-grid figcaption{color:#b4c2ae;padding:8px 0;font-size:11px}.photo-credit a{color:#d7e5b2}body:has(dialog[open]) .panel{pointer-events:none}@media (width<=760px){.photo-grid{grid-template-columns:1fr}dialog{padding:20px}dialog h2{font-size:23px}.legend{width:145px}.legend .section-label{white-space:nowrap;letter-spacing:1px;font-size:8px}}.solar-controls{border-top:1px solid #3d4b3e;border-bottom:1px solid #3d4b3e;margin-bottom:20px;padding:0 0 14px}.solar-date-label{color:#b5c2b6;margin-bottom:7px;font-size:11px;display:block}input[type=date],input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e2e7d2;font:inherit;background:#1b2c2b;border:1px solid #485840;border-radius:5px;padding:8px;font-size:12px}input[type=date]{width:100%}.season-buttons{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px;display:grid}.season-buttons button,.solar-actions button{background:#20312b;border:1px solid #44533e;border-radius:5px;padding:8px 2px;font-size:10px}.season-buttons button:hover,.solar-actions button:hover{background:#3d5037}.solar-actions{gap:8px;display:flex}.solar-actions button{flex:1}.solar-controls .range-title{align-items:center;margin:14px 0 8px}.solar-note{color:#9aab9f;font-size:10px;line-height:1.55}#solar-error{color:#f2bc89;font-size:11px;line-height:1.5}#solar-error:empty{display:none}input:disabled,button:disabled{opacity:.4;cursor:not-allowed}.gradient.solar{background:linear-gradient(90deg,#193150,#dc802f,#fff398)}.legend{width:210px}#solar-card{pointer-events:none;background:#152423e8;border:1px solid #46563d;border-radius:9px;width:225px;padding:16px;position:absolute;top:105px;right:36px}#solar-status{letter-spacing:1.1px;color:#dfc380;font-size:8px}#solar-card-date{color:#a7b7a0;margin-top:12px;font-size:12px}#solar-clock{color:#efe8cb;margin:5px 0 13px;font-size:24px;font-weight:500;display:block}.sun-angles,.sun-times{color:#a1b198;justify-content:space-between;gap:8px;font-size:10px;display:flex}.sun-angles b,.sun-times b{color:#e3e7cf;margin-top:5px;font-weight:500;display:block}.sun-times{border-top:1px solid #3c4d3b;margin-top:14px;padding-top:12px}#solar-daylength{color:#cfca9b;margin:13px 0 8px;font-size:10px}#solar-card small{color:#8b9e8a;font-size:8px}#solar-card.night{border-color:#334955}#solar-card.night #solar-status{color:#9bbbd4}@media (width<=760px){#solar-card{width:180px;padding:12px;top:120px;right:20px}#solar-clock{font-size:19px}#solar-card .sun-times,#solar-daylength,#solar-card small{display:none}#solar-card-date{font-size:10px}.legend{width:170px}.legend>div:last-child{font-size:8px}}.flood-controls{border-top:1px solid #405968;border-bottom:1px solid #405968;margin-bottom:20px;padding-bottom:16px}.flood-controls>label{margin-bottom:8px;font-size:11px;display:block}.flood-controls select{color:#d9eaf2;width:100%;font:inherit;background:#1a2e36;border:1px solid #4c6a77;border-radius:5px;padding:10px;font-size:11px}.flood-controls p{color:#a4bec8;font-size:10px;line-height:1.6}.flood-controls details{margin-top:12px}#flood-level-value{color:#90d5f5;font-size:10px}#flood-card{pointer-events:none;background:#122735ee;border:1px solid #49778c;border-radius:9px;width:245px;padding:16px;position:absolute;top:105px;right:36px}#flood-card-title{letter-spacing:1px;color:#8fcde8;font-size:9px}#flood-card-value{margin:12px 0;font-size:20px;font-weight:500;display:block}#flood-card p{color:#bbced8;font-size:11px;line-height:1.6}#flood-card small{color:#92abb8;font-size:8px}@media (width<=760px){#flood-card{width:180px;padding:12px;top:120px;right:20px}#flood-card-value{font-size:16px}#flood-card p{font-size:10px}}.canopy-controls{border-top:1px solid #405a44;padding-bottom:18px}.canopy-controls .photo-button{margin-top:0}.canopy-controls .active{background:#526543}#canopy-note{pointer-events:none;background:#172a22ed;border:1px solid #5e7650;border-radius:9px;width:245px;padding:16px;position:absolute;top:105px;right:36px}#canopy-note b{letter-spacing:1px;color:#c5dca5;font-size:10px}#canopy-note p{color:#b9c8af;font-size:11px;line-height:1.6}#canopy-note small{color:#9aac90;font-size:9px}@media (width<=760px){#canopy-note{width:180px;padding:12px;top:120px;right:20px}}#property-dialog{width:min(1180px,94vw)}#close-property{background:0 0;border:0;padding:0 8px;font-size:30px}#property-dialog .dialog-header p{max-width:70ch}.property-filters{border-block:1px solid #435848;flex-wrap:wrap;gap:20px;margin:16px 0;padding:16px 0;display:flex}.property-filters label{align-items:center;gap:12px;font-size:12px;display:flex}.property-filters select{font:inherit;color:#e3eadc;background:#21362b;border:1px solid #607653;border-radius:5px;padding:9px}#property-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px;display:grid}#property-grid figure{margin:0}#property-grid img{object-fit:contain;background:#0f1d1a;border-radius:5px;width:100%;height:220px}#property-grid figcaption{color:#c0cfb9;margin-top:8px;font-size:11px}#property-grid a{display:block}#property-grid a:hover img{outline:2px solid #bdd599}#property-dialog select:focus-visible{outline-offset:3px;outline:2px solid #dcecb0}@media (width<=760px){#property-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}#property-grid img{height:160px}.property-filters{gap:12px}#property-grid figcaption{font-size:10px}}@media (width<=400px){#property-grid{grid-template-columns:1fr}#property-grid img{height:240px}}.context-controls{border-top:1px solid #405948;margin-top:4px;padding-bottom:20px}.context-controls .photo-button{margin-top:18px}.context-controls .season-buttons button{padding:10px 3px}.highlight-controls{border-top:1px solid #5b6247;padding-bottom:20px}#highlight-buttons{grid-template-columns:1fr}#highlight-buttons button{text-align:left;padding:12px}.tree-controls{border-top:1px solid #526948;padding-bottom:22px}#tree-select{color:#e6eddc;background:#20382b;border:1px solid #607653;border-radius:5px;width:100%;padding:10px}#tree-photo-links{color:#b8c9ac;gap:7px;font-size:10px;display:flex}#tree-photo-links a{color:#c8dbb9;flex:1;min-width:0;line-height:1.5;text-decoration:none}#tree-photo-links img{object-fit:cover;border-radius:4px;width:100%;height:70px;margin-bottom:5px;display:block}#tree-height-value{font-size:11px}.tree-controls input[type=range]{margin-inline:0;display:block}.tree-controls>label:not(.toggle){color:#c5d2c0;margin:14px 0 8px;font-size:11px;display:block}.tree-controls select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;font:inherit;color:#e6eddc;background:#20382b;border:1px solid #607653;border-radius:5px;padding:11px;font-size:11px;display:block}.tree-controls a.photo-button{box-sizing:border-box;text-align:center;overflow-wrap:anywhere;width:100%;margin:14px 0 18px;line-height:1.6;text-decoration:none;display:block}.tree-controls select:focus-visible,.tree-controls a.photo-button:focus-visible{outline-offset:3px;outline:2px solid #d6dfa1}.photo-edit-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;display:flex}.photo-edit-toolbar select,.photo-edit-toolbar button,.photo-edit-actions button{font:inherit;color:#e3eadc;background:#263d32;border:1px solid #61735a;border-radius:6px;padding:10px 12px;font-size:11px}.photo-edit-toolbar button:disabled{opacity:.45;cursor:default}.photo-edit-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.photo-edit-actions label{align-items:center;gap:7px;font-size:11px;display:flex}.photo-edit-actions input{accent-color:#a8bd7c;width:17px;height:17px}.photo-edit-actions button{color:#efc4b5;background:#3c3129}.photo-edit-toolbar[hidden],.photo-edit-actions[hidden],.photo-edit-toolbar [hidden]{display:none}