.location-button{margin-top:10px;width:100%;border:1px solid #71865e;background:#273724;border-radius:4px;color:#e0ecc9;font-size:12px;padding:8px}.location-button:disabled{opacity:.6;cursor:wait}.freshness-section{padding:18px 27px;border-top:1px solid var(--line);background:#1c2920}.freshness-section p{font-size:12px;color:#d5e2bf;line-height:1.9;margin:10px 0}.freshness-section button{display:block;font-size:11px;color:#bed2a5;padding:3px 0}#observations{position:absolute;right:80px;top:78px;bottom:145px;width:min(410px,calc(100% - 120px));z-index:6;background:#122019f5;backdrop-filter:blur(16px);border:1px solid #627655;border-radius:8px;padding:20px;overflow:auto;scrollbar-width:thin;scrollbar-color:#58704b transparent}.obs-head{display:flex;justify-content:space-between;align-items:start}.obs-head h2{font-size:19px;letter-spacing:1px;font-weight:500;margin:8px 0 14px}.obs-head button{font-size:24px;padding:0;line-height:1}.obs-filters{display:flex;gap:9px;align-items:center;font-size:10px;flex-wrap:wrap}.obs-filters select,.scene-tools select{color:#e2ebd5;background:#273a2a;border:1px solid #526947;border-radius:3px;padding:5px;font:inherit}.obs-filters button{margin-left:auto;color:var(--accent);font-size:11px}#obs-status{color:#b9c9ac;font-size:11px;line-height:1.8}.obs-note{font-size:10px;color:#9bab98;line-height:1.8;border-top:1px solid #344734;padding-top:12px}.scene-row{display:grid;grid-template-columns:1fr auto;gap:5px;width:100%;padding:10px;border:1px solid #394d36;border-radius:4px;margin:6px 0;text-align:left;font-size:12px}.scene-row.selected{border-color:#c9dca5;background:#2a3b29}.scene-row small{font-size:9px;color:#adbea0}.scene-row span:last-child{font-size:10px;color:#cddfb3}.scene-row .cloudy{color:#ebc08e!important}.scene-preview{width:100%;aspect-ratio:1;object-fit:contain;background:#09120d;display:block;border:1px solid #354831;border-radius:4px}.scene-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:10px;line-height:1.8;margin:12px 0;color:#afc29d}.scene-meta b{display:block;font-weight:400;color:#edf1e5;font-size:11px}.scene-tools{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.scene-tools button{border:1px solid #64774e;border-radius:4px;padding:6px 9px;font-size:10px;color:#dbe9c5}.scene-tools button:disabled{opacity:.5;cursor:wait}.scene-id{font:9px ui-monospace,monospace;overflow-wrap:anywhere;color:#8da57e}.image-caption{font-size:10px;color:#b2c29f;line-height:1.8}.processing-status{font-size:11px;color:#cbdcb2;line-height:1.8}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compare-grid img,.compare-grid canvas{width:100%;background:#0a140e;aspect-ratio:1;object-fit:contain}.compare-grid p{font-size:10px;margin:4px 0}.analysis-canvas{width:100%;image-rendering:pixelated;background:#102017}.analysis-legend{height:10px;background:linear-gradient(90deg,#ad632e,#c4bb70,#347243);margin-top:6px;border-radius:2px}.analysis-controls label{display:flex;justify-content:space-between;font-size:11px;align-items:center;gap:10px;margin-top:10px}.analysis-controls input{flex:1;max-width:200px;accent-color:#ccdfa4}.analysis-reset{color:var(--accent);font-size:11px;border:1px solid #556c46;border-radius:3px;margin-top:10px;padding:5px 9px}.provider-card{border:1px solid #455d3b;padding:12px;border-radius:5px;margin:12px 0}.provider-card h3{margin:3px 0}.provider-card p{margin:7px 0}.provider-card a{color:var(--accent);font-size:11px}.user-position{color:#d8eab5}.obs-coverage{color:#9bd0be}.scene-source-links{display:flex;gap:12px;font-size:10px;color:#d1e3b5;margin:8px 0}#observations button:disabled{opacity:.5}
@media(max-width:1150px){#observations{right:65px;left:15px;width:auto;bottom:205px;top:78px}.freshness-section{padding:18px 21px}}@media(max-width:760px){#observations{inset:64px 10px 50px;padding:14px;width:auto}.obs-head h2{font-size:17px}.freshness-section{grid-column:1/-1}.compare-grid{grid-template-columns:1fr}.scene-preview{max-height:240px;aspect-ratio:auto}.obs-head .eyebrow{font-size:8px}}

#scene-list{max-height:148px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#536e45 transparent}.freshness-section p{white-space:pre-line}.scene-row{margin:4px 0;padding:8px}.obs-filters button{font-weight:600}.freshness-section #open-observations{font-size:12px;margin-top:7px}
/* v0.3: the displayed observation owns the visible time. */
#observation-stage{position:absolute;inset:0;z-index:4;background:radial-gradient(ellipse at 45% 42%,#223326,#101a14 70%);display:grid;grid-template-rows:auto minmax(100px,1fr) auto auto;padding:28px 32px 20px;gap:14px}.stage-header{display:flex;align-items:start;justify-content:space-between;gap:20px}.stage-header h2{font:400 28px/1.4 ui-monospace,"PingFang SC",monospace;letter-spacing:1px;margin:10px 0 8px}.stage-header p{font-size:11px;color:#b0c1a6;margin:0;line-height:1.8}.stage-actions{display:flex;gap:8px;flex-shrink:0}.stage-actions button{font-size:11px;border:1px solid #566a4a;border-radius:4px;padding:8px 10px;color:#d9e7be}.stage-actions button:first-child{background:#d2e3a9;color:#20301d}.scene-view>.map-top,.scene-view>.map-caption,.scene-view>.map-tools,.scene-view>.map-north,.scene-view>.map-bottom,.scene-view>#global-cloud-controls,.scene-view>#cloud-panel,.scene-view>#map-status{display:none!important}.scene-view>#map{visibility:hidden}.scene-view>.map-shade{display:none}#stage-viewport{min-width:0;min-height:0;position:relative;overflow:auto;background:#0c140f;border:1px solid #33452e;border-radius:6px;text-align:center;scrollbar-width:thin;scrollbar-color:#58704b #0c140f}#stage-image{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;margin:0 auto;max-width:100%;max-height:100%}#stage-message{min-height:100%;display:grid;place-items:center;padding:35px;font-size:14px;color:#bfcea9;line-height:2;white-space:pre-line}#stage-image-label{position:sticky;bottom:10px;display:inline-block;margin-top:-45px;background:#152019ec;border:1px solid #6b7c5744;border-radius:4px;padding:5px 10px;color:#c8d5ba;font-size:10px;pointer-events:none}.stage-image-tools{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.stage-image-tools button{border:1px solid #4a623d;border-radius:4px;font-size:11px;padding:7px 12px;color:#c6d7af}.stage-image-tools button:disabled{opacity:.4;cursor:default}.stage-image-tools span{font:11px ui-monospace,monospace;color:#a7bc93}.history-bar{border-top:1px solid #3c5133;padding-top:14px}.history-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.history-heading>span{font-size:12px;color:#dbe6c9}.history-heading>button{font-size:11px;color:#1f301b;background:#d2e3a9;border-radius:4px;padding:7px 12px;white-space:nowrap}.history-navigation{display:flex;align-items:center;gap:15px;margin-top:13px}.history-navigation input{flex:1;min-width:30px;accent-color:#c8dfa0}.history-navigation button{color:#d2e3b6;border:1px solid #526944;border-radius:4px;padding:7px 11px;font-size:11px;white-space:nowrap}.history-navigation button:disabled{opacity:.35;cursor:default}#history-scope{font-size:10px;color:#9daf8d;margin:10px 0 0;line-height:1.7}#back-to-observation{position:absolute;top:76px;left:26px;z-index:7;background:#d2e3a9;color:#20301b;font-size:12px;padding:10px 16px;border-radius:4px}#observations{top:84px;bottom:194px;background:#14221afc;z-index:8}.obs-head{position:sticky;top:-20px;z-index:2;background:#14221a;padding-top:6px}.history-date-filter{margin-top:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:10px;color:#b6cba2}.history-date-filter label{width:100%}.history-date-filter input{background:#253a27;color:#e0ecd0;border:1px solid #4b653d;padding:5px 7px;color-scheme:dark;border-radius:4px;font-size:11px}.history-date-filter button,#history-more{color:#d6e6bb;border:1px solid #516b40;border-radius:4px;padding:5px 9px;font-size:11px}#history-more{width:100%;margin:7px 0}#scene-list{max-height:220px}.scene-row{grid-template-columns:1fr auto}.scene-row small{display:block}.freshness-section{border-left:3px solid #bdd298}.freshness-section p{font-size:12px}.map-shell:not(.scene-view) .freshness-section{border-color:#b2a270}
@media(max-width:1150px){#observation-stage{padding:22px 20px 17px;gap:12px}.stage-header{flex-wrap:wrap;gap:10px}.stage-header h2{font-size:23px}.stage-actions{width:100%}.history-heading{flex-wrap:wrap}#observations{top:76px;bottom:205px;left:15px;right:15px}.stage-image-tools{gap:5px}.stage-image-tools button{padding:6px 8px}}
@media(max-width:760px){.map-shell.scene-view{height:82dvh;min-height:650px}#observation-stage{padding:17px 14px 14px;grid-template-rows:auto minmax(180px,1fr) auto auto;gap:9px}.stage-header h2{font-size:22px;margin:7px 0}.stage-header p{font-size:10px}.stage-header .eyebrow{font-size:9px}.stage-actions button{font-size:10px;padding:6px 10px}.history-heading>span{font-size:10px}.history-heading>button{font-size:10px;padding:6px 8px}.history-navigation{gap:7px;margin-top:10px}.history-navigation button{font-size:10px;padding:6px 8px}#history-scope{font-size:9px}.stage-image-tools button{font-size:10px;padding:5px 7px}#stage-image-label{font-size:8px;max-width:94%;margin-top:-44px}#stage-message{font-size:12px;padding:20px}#observations{top:72px;bottom:158px;left:9px;right:9px}.obs-head{top:-14px}#back-to-observation{top:63px;left:15px;font-size:10px;padding:7px 10px}#scene-list{max-height:160px}}