:root{font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;color:#1a2926;background:#f5f6f2;font-synthesis:none;font-size:14px;--accent:#176c54;--line:#dce2dc}
*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column}button,select,input{font:inherit}button,select{background:white;border:1px solid #ccd5cd;border-radius:6px;color:inherit;min-height:34px}button{padding:6px 12px;cursor:pointer;white-space:nowrap}button:hover{background:#edf3ed}button:focus-visible,select:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #5cb79e;outline-offset:2px}button:disabled,select:disabled{opacity:.5;cursor:wait}button.active{background:#e2efe6;border-color:#6eaa8d;color:#145c44;font-weight:650}select{padding:5px 28px 5px 8px;max-width:100%}a{color:#356b57;text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}
.header{display:flex;align-items:center;justify-content:space-between;padding:12px 22px 10px;background:#fff;border-bottom:1px solid var(--line);gap:12px}.brand{display:flex;gap:12px;align-items:center}.mark{width:38px;height:38px;background:#1b684e;color:#fff;border-radius:9px;text-align:center;line-height:35px;font-size:32px}.brand h1{font-size:20px;line-height:1.2;margin:0;letter-spacing:.4px}.brand p{font-size:12px;color:#78867b;margin:5px 0 0}.header-actions{display:flex;align-items:center;gap:20px;font-size:12px}
.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;padding:10px 22px;background:#fff;border-bottom:1px solid var(--line)}.toolbar label{font-size:12px;color:#6a776d}.building-controls,.source-controls,.group-controls{display:flex;align-items:center;gap:6px}.building-controls select{width:218px}.building-controls button{padding:4px 9px}.group-controls{background:#f1f4ef;padding:3px;border-radius:8px;gap:3px}.group-controls button{border-color:transparent;background:transparent;font-size:12px;min-height:31px;padding:5px 11px}.group-controls button.active{background:#fff;box-shadow:0 1px 4px #152d1720;color:#156348}.source-controls{margin-left:auto}
.workspace{flex:1;min-height:340px;display:grid;grid-template-columns:1fr 1fr;position:relative;gap:2px;background:#cbd4cc}.pane{position:relative;min-width:0;min-height:0;overflow:hidden}.map{position:absolute;inset:0}.pane-title{position:absolute;left:16px;top:16px;display:flex;align-items:flex-start;gap:8px;pointer-events:none;background:#fffffff0;border:1px solid #ffffff80;box-shadow:0 2px 12px #13281c16;border-radius:8px;padding:11px 13px;max-width:calc(100% - 82px)}.pane-title strong{display:block;font-size:13px}.pane-title small{display:block;font-size:11px;margin-top:4px;color:#718176}.dot{width:8px;height:8px;background:#277959;border-radius:50%;margin-top:4px;flex:none}.model-dot{background:#cc8a30}.image-tools,.model-tools{position:absolute;left:16px;right:16px;top:90px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:8px 10px;width:max-content;max-width:calc(100% - 65px);border-radius:7px;background:#fffffff0;box-shadow:0 2px 10px #10282015;font-size:11px}.image-tools label,.model-tools label{display:flex;align-items:center;gap:4px;white-space:nowrap;cursor:pointer}.image-tools button,.model-tools button{font-size:11px;min-height:27px;padding:4px 8px}.view-buttons{display:flex;gap:3px}.model-tools .opacity-label{gap:5px}.model-tools input[type=range]{width:67px;accent-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent)}.model-tools output{min-width:31px;font-variant-numeric:tabular-nums}.map-note{position:absolute;left:12px;bottom:36px;padding:6px 9px;border-radius:4px;font-size:10px;color:#fff;background:#1b2e25d9;max-width:calc(100% - 28px);line-height:1.55;pointer-events:none}.maplibregl-ctrl-attrib{font-size:9px!important}.maplibregl-ctrl-scale{background:#ffffffcf!important}.maplibregl-ctrl-top-right{top:9px}
.inspector{display:grid;grid-template-columns:260px 1fr 245px;gap:22px;padding:14px 22px;background:#fff;border-top:1px solid var(--line);align-items:center}.selection{display:flex;flex-direction:column;gap:4px;min-width:0}.eyebrow{font-size:10px;letter-spacing:1px;color:#78867d}.selection strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.selection>span:not(.eyebrow){font-size:11px;color:#66786b}.examples{display:flex;gap:5px;margin-top:4px}.examples button{font-size:10px;min-height:24px;padding:3px 8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.metric{padding:10px 9px;border:1px solid #e6eae4;border-radius:7px;background:#fafbf8;cursor:pointer;text-align:left;min-width:0}.metric.active{border-color:#75a78b;background:#f0f6ef}.metric-name{display:block;font-size:10px;color:#738477}.metric-value{display:block;font-size:19px;font-weight:650;letter-spacing:-.5px;margin:5px 0 4px;font-variant-numeric:tabular-nums}.metric-sub{display:block;font-size:10px;line-height:1.7;color:#6f7b72}.provenance{display:flex;flex-direction:column;gap:4px;font-size:10px;color:#7b857d;border-left:1px solid var(--line);padding-left:18px;line-height:1.55}.provenance strong{font-weight:600;color:#4d6455}
#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#f1f4efe6;z-index:10;color:#476450;font-size:14px}.spinner{width:23px;height:23px;border:2px solid #a5baab;border-top-color:#21684b;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);padding:11px 18px;background:#203c2ff0;color:white;border-radius:7px;box-shadow:0 4px 20px #15251a44;font-size:12px;z-index:100;max-width:85vw;line-height:1.6}
.geometry-warning{position:absolute;left:16px;right:16px;bottom:88px;background:#fff3dceb;border:1px solid #c9a764;padding:7px 10px;border-radius:5px;color:#70501a;font-size:10px;line-height:1.5;max-width:530px}
.metric{white-space:normal}.metric-value{white-space:nowrap}.metric-sub{overflow-wrap:anywhere}
@media(min-width:1600px){.workspace{gap:3px}.toolbar{gap:14px 34px}.inspector{grid-template-columns:310px 1fr 280px;padding:16px 26px}.metric{padding:13px}.metric-value{font-size:22px}.pane-title{top:20px;left:20px}.image-tools,.model-tools{left:20px;top:95px}}
@media(max-width:1100px){.header{padding:10px 14px}.toolbar{padding:8px 12px;gap:6px 12px}.source-controls{margin-left:0}.group-controls button{padding:5px 8px}.inspector{grid-template-columns:200px 1fr;padding:12px;gap:12px}.provenance{display:none}.building-controls select{width:180px}.model-tools{gap:5px}.model-tools .opacity-label{display:none}.map-note{font-size:9px}.header-actions a{display:none}}
@media(max-width:680px){body{height:auto;min-height:100dvh}.header{padding:10px 12px}.brand h1{font-size:17px}.brand p{font-size:10px}.mark{width:32px;height:32px;font-size:27px;line-height:28px}.header-actions button{font-size:11px;padding:6px 9px}.toolbar{gap:7px}.building-controls{width:100%}.building-controls select{flex:1;width:110px}.building-controls label{min-width:25px}.group-controls{flex:1;justify-content:space-between}.group-controls button{font-size:11px;padding:5px 7px}.source-controls{width:100%}.source-controls select{flex:1}.workspace{display:flex;flex-direction:column;min-height:760px;flex:none;gap:3px}.pane{height:380px;flex:none}.pane-title{left:10px;top:10px;padding:8px 10px}.pane-title strong{font-size:12px}.pane-title small{font-size:10px}.image-tools,.model-tools{left:10px;top:76px;padding:6px 8px}.map-note{bottom:28px;left:8px;max-width:calc(100% - 16px);font-size:9px}.inspector{display:flex;flex-direction:column;align-items:stretch;gap:10px}.selection{flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px 12px}.selection .eyebrow{display:none}.selection strong{max-width:190px}.examples{margin:0}.metrics{gap:4px}.metric{padding:8px 6px}.metric-name{font-size:9px}.metric-value{font-size:17px}.metric-sub{font-size:9px}.provenance{display:flex;border:none;padding:0;gap:1px;font-size:9px}}
.header{padding:10px 14px}.brand h1{font-size:15px}.brand p{font-size:10px}.toolbar{padding:9px 12px;gap:8px 14px}.method-controls{display:flex;align-items:center;gap:6px;min-width:0}.method-controls label{font-size:11px;color:#6a776d}.method-controls select{max-width:220px;font-size:12px}.building-controls select#building{width:190px}.building-controls select#cohort{width:108px;font-size:11px}.source-controls select{font-size:12px}.inspector{grid-template-columns:205px minmax(0,1fr);padding:13px 14px;gap:15px}.metrics{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));max-height:240px;overflow-y:auto;align-self:stretch}.metric{padding:9px 10px;white-space:normal}.metric-value{font-size:19px}.metric-name{min-height:26px;line-height:1.5}.metric-sub{font-size:9px}.metric-mode{font-size:10px;color:#657b69;line-height:1.7;margin-top:6px}.metric-mode select{display:block;font-size:10px;min-height:29px;margin-top:4px;width:100%}.metric-note{font-size:9px;line-height:1.8;color:#7a877b;margin:5px 0}.pane-title strong{max-width:300px;overflow-wrap:anywhere}.model-tools{gap:6px;font-size:10px}.model-tools label{font-size:10px}.geometry-warning{max-height:72px;overflow:auto}.workspace{min-height:380px}
@media(max-width:850px){.toolbar{gap:7px}.building-controls{width:100%}.building-controls select#building{width:150px;flex:1}.building-controls select#cohort{width:90px;flex:none}.source-controls{margin-left:auto}.method-controls{flex:1}.method-controls select{width:100%;max-width:260px}.inspector{grid-template-columns:160px minmax(0,1fr)}.metrics{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.model-tools{max-width:calc(100% - 18px);right:9px;left:9px}}
@media(max-width:680px){.header{padding:9px 10px}.brand h1{font-size:13px}.brand p{font-size:9px}.toolbar{padding:8px}.source-controls{width:auto;flex:1}.source-controls label{display:none}.method-controls label{display:none}.method-controls select{font-size:11px}.building-controls select#building{width:90px}.building-controls select#cohort{width:82px}.building-controls button{padding:4px 7px}.building-controls label{display:none}.workspace{min-height:760px}.pane{height:380px}.inspector{display:block;padding:10px}.selection{display:flex;flex-direction:row;align-items:center;gap:6px 10px;flex-wrap:wrap;margin-bottom:9px}.selection>strong{max-width:160px;font-size:10px}.selection>span:not(.eyebrow){font-size:9px}.metric-mode{display:flex;align-items:center;gap:5px;max-width:100%;margin:0}.metric-mode select{margin:0;max-width:220px}.metric-note{width:100%;margin:2px 0}.metrics{display:flex;overflow-x:auto;overflow-y:hidden;max-height:none;padding-bottom:3px;scroll-snap-type:x proximity}.metric{min-width:132px;flex:0 0 132px;scroll-snap-align:start}.metric-value{font-size:18px}.metric-name{font-size:9px;min-height:25px}.model-tools .opacity-label{display:none}.pane-title{max-width:calc(100% - 73px)}.pane-title small{font-size:9px}.geometry-warning{bottom:73px;font-size:9px;max-height:69px}}

/* Source observations and independent map links. */
body{height:auto;min-height:100dvh}.workspace{flex:none;height:510px;min-height:430px}.observation-panel{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(265px,1fr);gap:20px;padding:15px 16px;background:#f7faf6;border-top:1px solid var(--line)}.cloud-inspector,.location-inspector{min-width:0}.observation-heading{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:12px}.observation-heading strong,.location-inspector>strong{font-size:13px;color:#244d3b}.observation-heading label,.cloud-controls label{display:flex;align-items:center;gap:5px}.observation-heading button{font-size:11px;min-height:29px;padding:4px 9px}.cloud-controls{display:flex;flex-wrap:wrap;align-items:center;gap:9px 15px;margin:12px 0 8px;font-size:11px}.cloud-controls select{font-size:11px;min-height:30px;max-width:225px}.cloud-controls label{max-width:100%;flex-wrap:wrap}.cloud-controls input[type=range]{width:75px;accent-color:var(--accent)}.cloud-controls output{font-variant-numeric:tabular-nums;min-width:30px}.point-legend{font-size:10px;color:#485f57;padding:5px 0}.point-legend[data-mode=height]:before{content:'';display:inline-block;width:92px;height:8px;margin-right:8px;border-radius:4px;background:linear-gradient(90deg,#245bfa,#24e2bb,#ccf52c,#fc4848)}.point-status{font-size:12px;font-weight:600;color:#254d3e;margin:6px 0}.point-detail{font-size:10px;color:#677b6e;line-height:1.65;margin:3px 0;overflow-wrap:anywhere}.observation-notes{font-size:10px;color:#6b7f70;line-height:1.7;margin-top:8px;max-width:800px}.observation-notes summary{cursor:pointer;color:#356b57}.observation-notes p{margin:6px 0}.location-inspector{border-left:1px solid var(--line);padding-left:20px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.location-inspector>label{font-size:10px;color:#677b6e}.coordinate-copy{display:flex;gap:6px;max-width:100%;width:100%}.coordinate-copy input{min-width:0;flex:1;border:1px solid #c9d7cc;background:white;border-radius:5px;padding:7px 8px;font-size:12px;font-variant-numeric:tabular-nums;color:#244d3b}.coordinate-copy button{font-size:11px;min-height:32px;padding:5px 9px}.location-links{display:flex;flex-wrap:wrap;gap:8px 14px;line-height:1.8;font-size:11px}.location-note{font-size:10px;color:#6b7f70;line-height:1.8;margin:0;max-width:510px}.model-tools .opacity-label{display:flex}.model-tools{max-width:calc(100% - 65px)}
@media(max-width:1000px){.observation-panel{grid-template-columns:minmax(0,1.4fr) minmax(245px,1fr);gap:12px;padding:12px}.location-inspector{padding-left:12px}.cloud-controls{gap:8px}.model-tools{max-width:calc(100% - 20px)}}
@media(max-width:680px){.workspace{height:auto;min-height:760px}.observation-panel{display:flex;flex-direction:column;gap:15px;padding:12px 10px}.location-inspector{padding:13px 0 0;border-left:0;border-top:1px solid var(--line);gap:7px}.cloud-controls{gap:8px 12px}.cloud-controls select{max-width:232px}.cloud-controls label:first-child{width:100%}.point-status{font-size:11px}.coordinate-copy input{font-size:12px}.location-note{font-size:10px}.observation-heading{gap:7px 9px}.model-tools .opacity-label{display:flex}.model-tools input[type=range]{width:55px}.point-detail{font-size:10px}}

@media(max-width:680px){.model-pane .model-tools{top:auto;bottom:57px}.model-pane .geometry-warning{bottom:139px;max-height:60px}}

@media(min-width:681px){.model-pane .model-tools{top:auto;bottom:70px}.model-pane .geometry-warning{bottom:126px}}