*{box-sizing:border-box}
html,body{margin:0;height:100%;font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif;background:#0b1220;color:#e5edf7}
.topbar{min-height:82px;padding:12px 18px;display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid #243247}
.topbar h1{font-size:20px;margin:3px 0}.topbar h1 span{font-size:11px;padding:3px 7px;border:1px solid #66758c;border-radius:999px}
.topbar p,.topbar a{margin:0;color:#9fb0c6;font-size:12px}.status{font-size:12px;color:#d4e2f4;text-align:right;max-width:390px}
.toolbar{padding:8px 14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #243247;background:#0d1726}
.toolbar label{font-size:12px;color:#aebdd0}.toolbar select,.toolbar button{margin-left:5px;background:#111c2d;color:#eef5ff;border:1px solid #35465e;border-radius:7px;padding:7px}
.toolbar button{cursor:pointer}.toolbar button:hover{border-color:#7087a6}.preset-group{display:flex;gap:5px}.preset-group button{margin-left:0}
.map-shell{position:relative;height:calc(100vh - 137px);min-height:420px}
#map,#overlay{position:absolute;inset:0;width:100%;height:100%}#overlay{pointer-events:none}
.legend{position:absolute;z-index:4;right:12px;bottom:12px;padding:7px 10px;background:rgba(8,15,27,.86);border:1px solid #40516a;border-radius:8px;font-size:11px;backdrop-filter:blur(8px)}
.debug{position:absolute;z-index:4;left:12px;bottom:12px;width:min(470px,calc(100% - 24px));padding:10px 12px;background:rgba(8,15,27,.9);border:1px solid #40516a;border-radius:10px;font-size:11px;line-height:1.5;backdrop-filter:blur(8px)}
.debug strong{font-size:12px}.note{margin-top:7px;color:#aebdd0;border-top:1px solid #33455e;padding-top:6px}
@media(max-width:760px){
 .topbar{min-height:72px;padding:9px 12px}.topbar p{display:none}.topbar h1{font-size:17px}.status{max-width:42vw;font-size:11px}
 .toolbar{gap:7px;padding:7px 9px}.toolbar label{width:100%;display:flex;align-items:center}.toolbar select{flex:1}
 .preset-group{width:100%}.preset-group button{flex:1}
 .map-shell{height:calc(100vh - 199px);min-height:360px}.debug{bottom:8px;max-height:34vh;overflow:auto}
 .legend{right:8px;bottom:calc(34vh + 14px);max-width:48vw}
}