.home-ndvi{width:min(338px,100%);justify-self:center;min-width:0}.ndvi-card,.ndvi-viewer{color:#e7edf7;background:var(--color-navy);border:1px solid #1c2a3d;border-radius:20px}.ndvi-card{display:grid;grid-template-rows:24px 20px auto 60px 48px;gap:12px;padding:16px}.ndvi-capture-heading,.ndvi-card header,.ndvi-legend-values,.ndvi-navigation,.ndvi-stat,.ndvi-viewer-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.ndvi-card header>:is(h2,h3){font:600 18px/24px var(--font-barlow),sans-serif}.ndvi-capture-heading,.ndvi-card header>span{font-size:11px;line-height:16px;color:#a5b4c9}.ndvi-capture-heading time{color:#e7edf7;font-size:12px;font-weight:600}.satellite-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px}.satellite-tile{position:relative;display:grid;gap:8px;min-width:0}.satellite-preview{position:relative;height:128px;padding:4px;background:#101a2a;border-radius:12px;overflow:hidden}.satellite-tile-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font:600 14px/20px var(--font-inter),sans-serif}.satellite-tile-meta :is(h3,h4){font:inherit}.satellite-tile-open{position:absolute;inset:0;z-index:1;border:0;border-radius:12px;background:transparent}.satellite-tile:has(.satellite-tile-open:hover) .satellite-preview{background:#1c2a3d}.satellite-preview .ndvi-image-status{z-index:2;pointer-events:none;gap:4px;text-align:center;font-size:11px}.satellite-preview .ndvi-image-status button{pointer-events:auto;font-size:11px;padding-inline:6px}.ndvi-viewer-stage{position:relative;overflow:hidden;min-height:0}.ndvi-image-stack{height:100%}.ndvi-image{width:100%;height:100%;position:relative}.ndvi-image img{width:100%;height:100%;object-fit:contain;opacity:0}.ndvi-image[data-image-state=ready] img{opacity:1}.ndvi-image-status{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:12px;gap:8px;color:#a5b4c9}.ndvi-image-status button,.ndvi-navigation button{min-height:44px;padding:8px 16px;border:1px solid #536270;border-radius:12px;background:#101a2a;color:#e7edf7;font-size:12px}.ndvi-nojs{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--color-navy)}.ndvi-dates{min-width:0}.ndvi-range-wrap{position:relative;height:44px}.ndvi-range-line{position:absolute;inset:20px 0 auto;height:4px;border-radius:4px;background:linear-gradient(to right,var(--color-accent) var(--ndvi-progress),#536270 var(--ndvi-progress))}.ndvi-range-wrap input{position:relative;display:block;appearance:none;width:100%;height:44px;margin:0;cursor:pointer;background:transparent;touch-action:pan-y pinch-zoom;z-index:1}.ndvi-range-wrap input::-webkit-slider-runnable-track{height:4px;background:transparent}.ndvi-range-wrap input::-moz-range-track{height:4px;background:transparent}.ndvi-range-wrap input::-webkit-slider-thumb{appearance:none;width:18px;height:18px;margin-top:-7px;background:var(--color-accent);border:2px solid #0d1420;border-radius:50%}.ndvi-range-wrap input::-moz-range-thumb{width:14px;height:14px;background:var(--color-accent);border:2px solid #0d1420;border-radius:50%}.ndvi-stops{position:absolute;inset:20px 9px auto;display:flex;justify-content:space-between;pointer-events:none}.ndvi-stops i{width:4px;height:4px;background:#a5b4c9;border-radius:50%}.ndvi-date-labels{display:flex;justify-content:space-between;gap:2px;font-size:10px;line-height:16px;color:#a5b4c9;white-space:nowrap}.ndvi-date-labels [data-selected=true],.ndvi-open{color:#e7edf7;font-weight:600}.ndvi-open{width:100%;border:1px solid #1c2a3d;border-radius:16px;background:#101a2a;font-size:14px}.ndvi-navigation button:hover:not(:disabled),.ndvi-open:hover{background:#1c2a3d}.home-ndvi>figcaption{padding-top:12px;font-size:12px;line-height:16px;color:var(--color-muted)}.ndvi-viewer{position:fixed;inset:0;margin:auto;z-index:91;width:min(640px,calc(100% - 32px));height:fit-content;max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;padding:16px 24px 24px;background:#070b12}.ndvi-viewer-header{position:sticky;top:-8px;z-index:2;background:#070b12;display:flex;align-items:center;gap:8px;margin:-8px -8px 16px}.ndvi-viewer-header h2{font-size:20px;line-height:28px;letter-spacing:0}.ndvi-close{display:grid;place-items:center;width:44px;height:44px;background:transparent;border:0;border-radius:16px;flex-shrink:0}.ndvi-close img{width:24px;height:24px}.ndvi-context{display:flex;gap:12px;align-items:center;min-height:56px;padding:8px 16px;border:1px solid #1c2a3d;border-radius:16px;background:#0d1420}.ndvi-context>img{width:20px;height:20px}.ndvi-context>div{display:grid;gap:4px}.ndvi-context strong{font-size:14px;line-height:20px}.ndvi-context span{font-size:12px;line-height:16px;color:#93a4bc}.ndvi-viewer-heading{margin:24px 0 16px}.ndvi-viewer-heading h3{font-size:20px;line-height:28px}.ndvi-viewer-heading time{color:#a5b4c9;font-size:14px;font-weight:600}.ndvi-viewer-stage{height:254px;padding:12px;border:1px solid #1c2a3d;border-radius:16px;background:#0d1420}.ndvi-stat{margin-top:12px;font-size:14px}.ndvi-stat strong{font:600 20px/28px var(--font-barlow),sans-serif}.ndvi-viewer .ndvi-dates{margin-top:4px}.ndvi-viewer .ndvi-date-labels{font-size:12px}.ndvi-navigation{margin-top:12px}.ndvi-navigation span{font-size:12px;color:#93a4bc}.ndvi-navigation button:disabled{opacity:.4;cursor:default}.ndvi-legend{margin-top:24px}.ndvi-legend h3{font:600 14px/20px var(--font-inter),sans-serif}.ndvi-ramp{margin-top:12px;height:12px;border-radius:8px}.ndvi-legend-values{font-size:12px;color:#93a4bc;margin-top:6px}.ndvi-legend-values strong{font-weight:400;color:#e7edf7}.ndvi-legend p{font-size:14px;line-height:20px}.ndvi-legend p,.ndvi-source{margin-top:16px;color:#93a4bc}.ndvi-source{font-size:12px;line-height:18px}.ndvi-source summary{display:list-item;min-height:44px;padding-block:12px;color:#e7edf7}.ndvi-source p{margin-bottom:8px}.ndvi-source a{display:inline-block;text-decoration:underline;padding-block:12px}.home-ndvi :focus-visible,.ndvi-viewer :focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ndvi-overlay{position:fixed;inset:0;z-index:90;background:#070b12b8}.ndvi-overlay[data-state=open]{animation:ndvi-fade .16s ease-out}.ndvi-viewer[data-state=open]{animation:ndvi-enter .16s ease-out}@keyframes ndvi-fade{0%{opacity:0}to{opacity:1}}@keyframes ndvi-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.ndvi-viewer{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:calc(16px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.ndvi-overlay,.ndvi-viewer{animation:none!important}}.satellite-indices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border:0;padding:0;margin:0;min-width:0}.satellite-indices label{position:relative;cursor:pointer;min-width:0}.satellite-indices span{display:flex;align-items:center;justify-content:center;height:44px;padding:0 4px;background:#101a2a;border:1px solid #1c2a3d;border-radius:12px;color:#e7edf7;font-size:12px;font-weight:600}.satellite-indices input:checked+span{background:var(--color-accent);border-color:var(--color-accent);color:#0d1420}.satellite-indices input:focus-visible+span{outline:2px solid var(--color-accent);outline-offset:3px}.satellite-indices label:hover input:not(:checked)+span{background:#1c2a3d}.ndvi-viewer .satellite-indices{margin-top:20px}.home-ndvi>figcaption{min-height:76px}@media (min-width:1024px){.home-ndvi{width:min(480px,100%)}.ndvi-card{grid-template-rows:28px 24px auto 60px 52px;padding:20px}.satellite-grid{column-gap:12px}.satellite-preview{height:148px}.ndvi-card header>:is(h2,h3){font-size:22px;line-height:28px}.ndvi-card .ndvi-capture-heading,.ndvi-card header>span{font-size:14px;line-height:20px}.ndvi-card .ndvi-capture-heading time{font-size:14px}.ndvi-card .ndvi-date-labels{font-size:12px}.ndvi-open{font-size:16px}.home-ndvi>figcaption{font-size:14px;line-height:20px}}html[lang=en] .ndvi-card{grid-template-rows:minmax(24px,auto) minmax(20px,auto) auto minmax(60px,auto) minmax(48px,auto)}html[lang=en] :is(.ndvi-date-labels,.ndvi-card header,.ndvi-capture-heading){flex-wrap:wrap}