:root{--ink:#152439;--muted:#56657a;--line:#dce2ea;--accent:#a8374f;--paper:#fff;--soft:#f3f6fa;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC",Arial,sans-serif;font-size:16px;color:var(--ink);background:var(--soft)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit;border:1px solid var(--line);border-radius:5px;background:white;padding:.5rem .8rem}button:hover{border-color:#8a98aa;background:#f1f4f8}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #316fa7;outline-offset:3px}button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}[hidden]{display:none!important}a{color:#286493;text-underline-offset:3px}
.masthead{height:94px;background:var(--ink);color:white;display:flex;align-items:center;gap:2rem;padding:1rem 1.5rem;border-bottom:4px solid var(--accent)}.identity{min-width:265px}.project-name{font-size:1.5rem;font-weight:650;letter-spacing:.05em}.english-name{font-size:.875rem;color:#d0d8e4;margin-top:.25rem}.modes{display:flex;gap:.35rem}.modes button{font-size:1rem;background:transparent;border-color:#6b7789;color:#e6ebf1;padding:.65rem 1.15rem}.modes button[aria-pressed=true]{background:white;color:var(--ink);border-color:white}.modes button:hover{background:#35465d}.modes button[aria-pressed=true]:hover{background:#e9edf4}.version{margin-left:auto;white-space:nowrap;font-size:.8125rem;color:#cbd4e1}
.workspace{display:grid;grid-template-columns:328px minmax(0,1fr);height:calc(100dvh - 94px);min-height:620px}.sidebar{background:var(--paper);border-right:1px solid var(--line);padding:1.3rem 1.35rem;overflow:auto}.count-block{padding-bottom:1.3rem;border-bottom:1px solid var(--line);margin-bottom:1.3rem}.overline{font-size:.875rem;color:var(--muted);letter-spacing:.08em}.big-number{font-size:3rem;line-height:1.3;font-weight:650;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:.2rem 0}.count-context{font-size:.875rem;color:var(--muted);line-height:1.7}.field{margin:1rem 0}.field label{display:block;font-size:.875rem;font-weight:650;margin-bottom:.45rem}.field input,.field select{border:1px solid #b6c1ce;border-radius:4px;background:white;width:100%;font-size:.9375rem;padding:.7rem .65rem;min-height:44px}.search-wrap{position:relative}.search-wrap input{padding-right:2.4rem}.search-wrap button{position:absolute;right:2px;top:2px;height:40px;font-size:1.4rem;padding:.2rem .6rem;background:transparent;border:0}.field input::-webkit-search-cancel-button{display:none}
.year-row{display:flex;justify-content:space-between;align-items:center;margin:1.2rem 0 .6rem;font-size:.9375rem}.year-row strong{font-size:1.2rem;font-variant-numeric:tabular-nums}.year-row button{font-size:.875rem;padding:.35rem .65rem}.range-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.8125rem}input[type=range]{width:100%;accent-color:var(--accent);height:28px}.render-modes{display:flex;gap:.3rem;margin-top:.9rem}.render-modes button{font-size:.875rem;flex:1}.method-note{font-size:.875rem;color:var(--muted);line-height:1.75;margin:.8rem 0}.checkbox{display:flex;align-items:flex-start;gap:.45rem;font-size:.875rem;line-height:1.6}.checkbox input{accent-color:var(--accent);width:17px;height:17px;margin-top:3px;flex-shrink:0}
h2{font-size:.875rem;margin:1.1rem 0 .7rem;font-weight:650}.legend-block{border-top:1px solid var(--line);margin-top:1.15rem}.legend-row{display:flex;width:100%;justify-content:space-between;align-items:center;border:0;border-radius:3px;padding:.4rem .25rem;font-size:.875rem}.legend-row span:first-child{display:flex;align-items:center;gap:.6rem}.legend-row em{font-style:normal;color:var(--muted);font-variant-numeric:tabular-nums}.legend-row.selected{background:#ecf0f5;box-shadow:inset 3px 0 var(--ink)}.swatch{width:10px;height:10px;display:inline-block;border-radius:50%;flex-shrink:0;border:1px solid #ffffff66}.size-legend{display:flex;justify-content:space-around;align-items:flex-end;margin:1.2rem 0 1rem;min-height:72px}.size-key{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.8125rem;color:var(--muted)}.size-circle{border-radius:50%;background:#a8374f55;border:1.5px solid #a8374f}.zero-key{display:inline-block;width:11px;height:11px;border:1.5px solid #718096;border-radius:50%;margin-right:.4rem}.heat-gradient{height:12px;border-radius:3px;background:linear-gradient(90deg,#4c8ca566,#e7c169,#b03b43);margin:1rem 0 .4rem}.legend-caption{font-size:.8125rem;color:var(--muted);line-height:1.6}.data-notes{margin-top:1.2rem;border-top:1px solid var(--line);padding-top:1rem;font-size:.875rem;line-height:1.75;color:var(--muted)}.data-notes summary{cursor:pointer;font-weight:650;color:var(--ink)}.data-notes p{margin:.7rem 0}.result-item{display:block;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:.7rem .2rem;font-size:.9375rem}.result-item small{display:block;font-size:.8125rem;color:var(--muted);margin-top:.25rem;overflow-wrap:anywhere}
.map-section{position:relative;min-width:0;overflow:hidden;background:#e9eff4}#map{position:absolute;inset:0}.map-heading{position:absolute;z-index:1;top:18px;left:18px;background:#fffffff2;box-shadow:0 1px 9px #15243916;border-radius:5px;padding:.85rem 1.1rem;max-width:calc(100% - 190px)}.map-heading h1{margin:0;font-size:1.15rem;font-weight:650}.map-heading p{margin:.4rem 0 0;font-size:.875rem;color:var(--muted);line-height:1.6}.map-actions{position:absolute;right:12px;top:120px;z-index:1}.map-actions button{font-size:.875rem;box-shadow:0 1px 6px #1524391a}.map-footnote{position:absolute;left:18px;bottom:36px;padding:.35rem .6rem;background:#fffffff0;font-size:.8125rem;max-width:calc(100% - 36px);color:var(--muted);border-radius:3px}.status-message{position:absolute;bottom:85px;left:18px;right:18px;z-index:2;background:#fff;border:1px solid #c9894d;padding:.8rem;font-size:.875rem;line-height:1.7}.detail-panel{position:absolute;z-index:3;right:18px;top:18px;bottom:auto;height:auto;max-height:calc(100% - 83px);width:340px;max-width:calc(100% - 36px);overflow:auto;background:#fff;box-shadow:0 8px 35px #15243936;border-radius:6px;padding:1.3rem}.close-detail{position:absolute;right:7px;top:7px;border:0;font-size:1.5rem;padding:.15rem .6rem;line-height:1.4}.detail-panel h2{font-size:1.3rem;margin:.35rem 1.8rem .8rem 0;overflow-wrap:anywhere}.detail-wylie{font-size:.9375rem;color:var(--muted);line-height:1.65;overflow-wrap:anywhere}.tibetan{font-family:"Kailasa","Noto Sans Tibetan","Microsoft Himalaya",serif;font-size:1.2rem;line-height:2}.detail-panel dl{margin:1rem 0;display:grid;grid-template-columns:92px 1fr;gap:.7rem .5rem;font-size:.875rem;line-height:1.6}.detail-panel dt{color:var(--muted)}.detail-panel dd{margin:0;overflow-wrap:anywhere}.detail-panel .source-box{font-size:.8125rem;line-height:1.8;border-top:1px solid var(--line);padding-top:.8rem;overflow-wrap:anywhere;color:var(--muted)}.review-note{font-size:.875rem;line-height:1.65;padding:.7rem;background:#fff5e9;border-left:3px solid #be823d;margin:.8rem 0}.badge{font-size:.75rem;display:inline-block;border:1px solid var(--line);border-radius:3px;padding:.15rem .4rem;margin-bottom:.4rem}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.maplibregl-ctrl-attrib{font-size:12px!important}.maplibregl-ctrl button{padding:0}
@media(max-width:1050px){.version{display:none}.masthead{gap:1rem}.identity{min-width:220px}.workspace{grid-template-columns:300px minmax(0,1fr)}.map-heading{max-width:calc(100% - 85px)}.map-heading p{max-width:300px}.detail-panel{width:315px}}
@media(max-width:760px){.masthead{height:auto;min-height:135px;padding:1rem;display:block}.project-name{font-size:1.25rem}.english-name{font-size:.8125rem}.modes{margin-top:.9rem;gap:.4rem}.modes button{flex:1;font-size:.9375rem;padding:.5rem .2rem}.workspace{display:flex;flex-direction:column;height:auto;min-height:0}.map-section{order:0;height:62dvh;min-height:420px}.sidebar{order:1;border-right:0;overflow:visible;padding:1.2rem}.count-block{display:grid;grid-template-columns:1fr auto;align-items:center;padding-bottom:1rem}.overline{grid-column:1;grid-row:1}.big-number{grid-column:2;grid-row:1/3;font-size:2.4rem;margin:0}.count-context{grid-column:1;grid-row:2;max-width:220px}.map-heading{top:10px;left:10px;padding:.65rem .8rem}.map-heading h1{font-size:1rem}.map-heading p{font-size:.8125rem}.map-actions{top:120px;right:10px}.map-footnote{left:10px;bottom:38px;font-size:.75rem;max-width:calc(100% - 20px)}.detail-panel{top:10px;right:10px;bottom:auto;max-height:calc(100% - 70px);width:340px;max-width:calc(100% - 20px)}.legend-block #legend{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem}.legend-block .size-legend,.legend-block .heat-gradient,.legend-block .legend-caption{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.playback-speeds{display:flex;align-items:center;gap:.35rem;margin:.65rem 0}.playback-speeds span{font-size:.875rem;color:var(--muted);margin-right:auto}.playback-speeds button{font-size:.875rem;padding:.35rem .55rem;min-width:44px;min-height:44px}

.fullscreen-toggle{position:absolute;right:12px;bottom:52px;z-index:4;display:grid;place-items:center;width:44px;height:44px;padding:0;background:#fff;box-shadow:0 1px 8px #15243930}
.fullscreen-toggle .collapse-icon{display:none}
.fullscreen-toggle[aria-pressed=true]{background:#fff;color:var(--ink);border-color:var(--line)}
.fullscreen-toggle[aria-pressed=true] .expand-icon{display:none}
.fullscreen-toggle[aria-pressed=true] .collapse-icon{display:block}
html:fullscreen{width:100%;height:100%;background:var(--soft);overflow:hidden}
html:fullscreen body{height:100%;display:flex;flex-direction:column}
html:fullscreen .masthead{flex-shrink:0}
html:fullscreen .workspace{flex:1;min-height:0;height:auto}
html:fullscreen .map-footnote{max-width:calc(100% - 84px)}
@media(max-width:760px){html:fullscreen .workspace{overflow:auto}html:fullscreen .map-section{flex-shrink:0;min-height:0;height:62dvh}.fullscreen-toggle{right:10px}}