@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root,:host{--ol-background-color: white;--ol-accent-background-color: #F5F5F5;--ol-subtle-background-color: rgba(128, 128, 128, .25);--ol-partial-background-color: rgba(255, 255, 255, .75);--ol-foreground-color: #333333;--ol-subtle-foreground-color: #666666;--ol-brand-color: #00AAFF}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{width:1px;height:15px;background-color:var(--ol-foreground-color);float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:10px;z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{position:absolute;font-size:12px;text-align:center;bottom:25px;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color)}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:var(--ol-subtle-background-color);border-radius:4px}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:var(--ol-subtle-foreground-color);font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:var(--ol-background-color);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{text-decoration:none;outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.ol-overviewmap .ol-viewport:hover{cursor:pointer}:root{font-family:Space Grotesk,sans-serif;color:#f2ede5;background:#0e171e;font-synthesis:none;--bg: #0e171e;--surface: #14232b;--surface-2: #182b34;--line: #2b4148;--muted: #8ea1a2;--accent: #e47b44;--accent-soft: #f4b78e;--mono: "DM Mono", monospace}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at 12% 10%,rgba(38,74,77,.28),transparent 32rem),var(--bg)}.topbar{min-height:78px;display:flex;align-items:center;gap:14px;padding:18px 32px;border-bottom:1px solid var(--line)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--accent);color:var(--accent-soft);font:500 14px var(--mono);letter-spacing:-1px}.eyebrow,.panel-kicker,.topbar-meta,.map-footer,footer,.field-label,legend,.date-field span{font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.eyebrow{color:var(--accent);margin:0 0 3px}h1,h2,p{margin:0}h1{font-size:16px;line-height:1;font-weight:600;letter-spacing:-.02em}.topbar-meta{margin-left:auto;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:9px}.status-dot{width:7px;height:7px;border-radius:50%;background:#79bd8d;box-shadow:0 0 0 3px #79bd8d1f}.divider{width:1px;height:14px;background:var(--line);margin:0 5px}.workspace{width:min(1500px,100%);margin:0 auto;padding:28px 32px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.72fr);grid-template-rows:minmax(520px,1fr) auto;gap:16px}.map-panel,.control-panel,.results-panel{background:#14232bd1;border:1px solid var(--line)}.map-panel{min-height:520px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.map-toolbar,.map-footer,.results-heading{display:flex;align-items:center;justify-content:space-between;padding:15px 17px}.map-toolbar{border-bottom:1px solid var(--line)}.map-actions{display:flex;gap:8px}.panel-kicker{color:var(--accent)}.button{border:1px solid var(--line);color:var(--accent-soft);background:transparent;padding:8px 11px;cursor:pointer;font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.04em}.button:hover,.button:focus-visible,.button-active{border-color:var(--accent);background:#e47b441a;outline:none}.file-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.map{min-height:0;background:#d5dbd3}.map-error{padding:9px 17px;border-top:1px solid #784638;color:#f49a7f;font-size:11px}.map-footer{color:var(--muted);border-top:1px solid var(--line);font-size:9px}.map-footer span{display:inline-flex;gap:8px;align-items:center}.legend-swatch{width:10px;height:10px;display:inline-block;border:2px solid var(--accent)}.legend-building{border-color:#d9bd52}.legend-road{border-color:#68b1be}.control-panel{padding:22px}.panel-heading{padding-bottom:22px;border-bottom:1px solid var(--line)}.panel-heading h2,.results-heading h2{font-size:22px;letter-spacing:-.04em;margin-top:8px}.panel-heading p{color:var(--muted);font-size:12px;line-height:1.55;margin-top:8px;max-width:35ch}fieldset{border:0;padding:20px 0;margin:0;border-bottom:1px solid var(--line)}legend{color:var(--muted);padding:0;margin-bottom:14px}.date-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}.date-field,.field-label{display:grid;gap:7px;color:var(--muted)}.date-field span,.field-label{font-size:9px}input,select{width:100%;border:1px solid var(--line);border-radius:0;background:var(--surface-2);color:#f2ede5;padding:10px 9px;min-height:38px;outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #e47b441f}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0 0 14px}.submit-block{padding-top:20px}.ready-line{min-height:25px;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.check{width:17px;height:17px;border:1px solid var(--line);color:transparent;display:grid;place-items:center;font-size:11px}.check-on{border-color:#79bd8d;color:#79bd8d}.primary-button{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding:13px 14px;border:1px solid var(--accent);background:var(--accent);color:#201811;cursor:pointer;font-weight:700;font-size:12px}.primary-button:hover,.primary-button:focus-visible{background:var(--accent-soft);outline:2px solid rgba(228,123,68,.35);outline-offset:2px}.primary-button:disabled{cursor:not-allowed;opacity:.45}.results-panel{grid-column:1 / -1;min-height:185px}.results-heading{border-bottom:1px solid var(--line)}.results-heading h2{font-size:16px;margin-top:5px}.job-status{font:500 10px var(--mono);text-transform:uppercase;padding:5px 8px;border:1px solid var(--line);color:var(--muted)}.status-completed{color:#8bd39d;border-color:#46715b}.status-failed{color:#f49a7f;border-color:#784638}.empty-state{min-height:126px;display:grid;place-items:center;align-content:center;gap:7px;color:var(--muted);text-align:center}.empty-mark{color:var(--accent);font:300 25px var(--mono)}.empty-state p,.progress-state strong,.error-state strong{color:#f2ede5;font-size:12px}.empty-state span,.progress-state p,.error-state p{font-size:11px}.job-content{padding:16px}.progress-state,.error-state{display:flex;align-items:center;gap:12px;min-height:92px}.progress-state p,.error-state p{color:var(--muted);margin-top:5px}.error-state{color:#f49a7f}.spinner{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.preview{display:block;width:100%;max-height:320px;object-fit:cover;border:1px solid var(--line)}.download-row{display:flex;gap:9px;margin-top:10px}.download-row a{color:var(--accent-soft);border:1px solid var(--line);padding:9px 12px;text-decoration:none;font:500 10px var(--mono);text-transform:uppercase}.download-row a:hover,.download-row a:focus-visible{border-color:var(--accent);outline:none}.download-row span{color:var(--accent);padding-left:14px}footer{width:min(1500px,100%);margin:0 auto;padding:0 32px 18px;display:flex;justify-content:space-between;color:#5d7375;font-size:9px}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}@media(max-width:900px){.workspace{grid-template-columns:1fr;grid-template-rows:auto}.map-panel{min-height:480px}.results-panel{grid-column:auto}}@media(max-width:600px){.topbar{padding:16px}.topbar-meta{display:none}.workspace{padding:16px;gap:12px}.map-panel{min-height:390px}.control-panel{padding:18px}footer{padding:0 16px 15px;display:grid;gap:7px}.map-footer{align-items:flex-start;gap:10px;flex-direction:column}}.result-explainer{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #3b5151;background:#1f393b85}.explainer-icon{display:grid;place-items:center;flex:0 0 auto;width:25px;height:25px;border:1px solid var(--accent);color:var(--accent-soft);font-size:15px}.result-explainer strong,.change-map-block h3,.timeline-heading h3{color:#f2ede5;font-size:13px}.result-explainer p,.change-map-block p{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.5}.timeline-section{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.timeline-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:12px}.timeline-heading h3{margin-top:6px;font-size:16px;letter-spacing:-.02em}.timeline-help{max-width:62ch;margin-top:6px;color:var(--muted);font-size:11px;line-height:1.45}.timeline-count{color:var(--muted);font:500 10px var(--mono);text-transform:uppercase}.timeline-layout{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(300px,1.22fr);gap:14px}.timeline-slider{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:0 0 14px;color:var(--muted);font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.timeline-slider input{min-height:0;padding:0;accent-color:var(--accent)}.timelapse-player{margin:0 0 16px;border:1px solid var(--line);background:#0f1c22}.timelapse-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-bottom:1px solid var(--line)}.timelapse-toolbar strong{display:block;margin-top:5px;color:#f2ede5;font-size:13px}.image-quality-note{display:block;margin-top:5px;color:#9cb5a8;font:500 9px var(--mono);letter-spacing:.04em;text-transform:uppercase}.timelapse-frame{display:block;width:100%;aspect-ratio:16 / 9;object-fit:contain;background:#081217;image-rendering:auto}.timelapse-controls{display:flex;align-items:center;gap:14px;padding:10px 12px 2px}.timelapse-controls .timeline-slider{flex:1;margin:0}.timelapse-controls small,.timelapse-controls a{color:var(--muted);font:500 9px var(--mono);text-decoration:none;white-space:nowrap}.timelapse-controls a:hover,.timelapse-controls a:focus-visible{color:var(--accent-soft);outline:none}.scene-list{display:grid;gap:12px;align-content:start}.scene-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.scene-period{grid-column:1 / -1;color:var(--muted);font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.before-label{color:#9cb5a8}.after-label{color:var(--accent-soft)}.scene-card{min-width:0;padding:0 0 8px;text-align:left;color:#f2ede5;border:1px solid var(--line);background:#162a31;cursor:pointer}.scene-card:hover,.scene-card:focus-visible,.scene-selected{border-color:var(--accent);outline:none}.scene-card img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:contain;background:#0b171d;border-bottom:1px solid var(--line);image-rendering:auto}.scene-card span,.scene-card small{display:block;padding:5px 7px 0}.scene-card span{font-size:11px}.scene-card small{color:var(--muted);font:9px var(--mono)}.scene-focus{min-width:0;border:1px solid var(--line);background:#0f1c22}.scene-focus img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:contain;background:#081217;image-rendering:auto}.scene-focus-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px}.scene-focus-caption strong{display:block;margin-top:5px;font-size:15px}.period-pill{padding:5px 7px;border:1px solid var(--line);color:var(--muted);font:500 9px var(--mono);text-transform:uppercase}.period-pill.before{border-color:#466b5b;color:#9cb5a8}.period-pill.after{border-color:#82543d;color:var(--accent-soft)}.change-map-block{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.change-map-block .preview{margin-top:12px;max-height:420px;object-fit:contain;background:#0c151a}.land-cover-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.land-cover-table{margin-top:14px;border:1px solid var(--line)}.land-cover-row{display:grid;grid-template-columns:1.7fr .8fr .8fr .8fr;gap:8px;padding:8px 10px;border-top:1px solid rgba(43,65,72,.65);color:var(--muted);font-size:11px}.land-cover-row:first-child{border-top:0}.land-cover-row span:not(:first-child),.land-cover-row strong{text-align:right;font-family:var(--mono);font-size:10px}.land-cover-header{color:var(--muted);font:500 9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.change-up{color:#e49a70}.change-down{color:#8fca9a}.phase2-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.phase2-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.phase2-card{display:grid;gap:8px;padding:14px;border:1px solid var(--line);background:#122129}.phase2-card strong{color:#f2ede5;font-size:16px;letter-spacing:-.02em}.phase2-card>span:not(.phase2-label){color:var(--muted);font:500 11px var(--mono)}.phase2-label{color:var(--accent-soft);font:500 9px var(--mono);letter-spacing:.08em}.building-card{border-top:2px solid #d9bd52}.road-card{border-top:2px solid #68b1be}.phase2-card a{width:max-content;color:#f2ede5;font:500 10px var(--mono);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:3px}.phase2-card a:hover,.phase2-card a:focus-visible{color:var(--accent-soft);border-color:var(--accent);outline:none}@media(max-width:900px){.timeline-layout{grid-template-columns:1fr}}@media(max-width:600px){.scene-group{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-period{grid-column:1 / -1}.timeline-heading{align-items:flex-start;flex-direction:column}}.context-section{margin-top:18px;padding:16px 0 0;border-top:1px solid var(--line)}.context-heading{display:flex;justify-content:space-between;align-items:end;gap:12px}.context-heading h3{margin-top:6px;color:#f2ede5;font-size:16px;letter-spacing:-.02em}.context-source{color:#9cb5a8;font:500 9px var(--mono);text-transform:uppercase}.context-help{max-width:70ch;margin-top:7px;color:var(--muted);font-size:11px;line-height:1.5}.context-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.context-grid figure{margin:0;border:1px solid var(--line);background:#0f1c22}.context-grid img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:contain;background:#081217;image-rendering:auto}.context-grid figcaption{padding:8px 10px;color:#f2ede5;font:500 10px var(--mono);text-transform:uppercase}.gee-satellite-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.google-timelapse-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:12px}.gee-satellite-player{margin:0}.google-reference-map{position:relative;min-height:0;border:1px solid var(--line);background:#0f1c22;overflow:hidden}.google-map-label{position:absolute;z-index:1;top:0;left:0;right:0;display:flex;justify-content:space-between;gap:10px;padding:11px 12px;color:#f2ede5;background:linear-gradient(rgba(10,20,26,.94),rgba(10,20,26,.72),transparent);font:500 9px var(--mono);letter-spacing:.05em;text-transform:uppercase;pointer-events:none}.google-map-canvas{width:100%;min-height:100%;height:100%;min-height:420px}.google-map-message{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:6px;padding:18px;color:var(--muted);text-align:center;background:#101d24;font-size:11px}.google-map-message strong{color:#f2ede5;font-size:12px}.google-map-message code{color:var(--accent-soft);font:500 10px var(--mono)}.candidate-summary{display:flex;gap:14px;align-items:center;margin-top:14px;padding:13px 14px;border:1px solid #80543d;background:#5e392940}.candidate-number{color:var(--accent-soft);font:500 21px var(--mono);white-space:nowrap}.candidate-summary strong{color:#f2ede5;font-size:12px}.candidate-summary p{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.45}@media(max-width:600px){.context-heading{align-items:flex-start;flex-direction:column}.context-grid{grid-template-columns:1fr}.candidate-summary{align-items:flex-start;flex-direction:column;gap:5px}}@media(max-width:900px){.google-timelapse-grid{grid-template-columns:1fr}.google-map-canvas{min-height:360px}}@media(max-width:600px){.phase2-grid{grid-template-columns:1fr}}@media(max-width:600px){.timelapse-toolbar,.timelapse-controls{align-items:flex-start;flex-direction:column}.timelapse-controls{gap:6px;padding-bottom:10px}.timelapse-controls .timeline-slider{width:100%}}.basemap-select{min-height:34px;padding:0 28px 0 10px;border:1px solid var(--line);border-radius:0;color:var(--accent-soft);background:#14232b;font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.basemap-select:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.basemap-select option{color:#f2ede5;background:#14232b}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
