*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#20383b;background:#e8eeea;font-size:16px}#map{position:absolute;inset:0}header{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:13px;background:#fff;box-shadow:0 6px 35px #17333218;border-radius:14px;padding:14px 18px;max-width:calc(100% - 80px)}.mark{background:#173e42;color:#fff;font-weight:700;font-size:25px;width:42px;height:42px;display:grid;place-items:center;border-radius:10px}h1{font-size:16px;margin:0 0 6px;font-weight:400}h1 b{font-size:20px;margin-left:5px}header span{font-size:12px;color:#647979}button,select,input{font:inherit}button{cursor:pointer;background:white;border:1px solid #d7e0df;border-radius:7px;color:#234246;padding:10px 13px;font-size:14px}button:hover{background:#edf4f3}button.active{background:#214e50;color:white;border-color:#214e50}button:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #2b8d92;outline-offset:2px}#panelToggle{margin-left:15px}aside{position:absolute;top:115px;left:20px;width:306px;background:#fff;border-radius:14px;box-shadow:0 6px 35px #17333220;padding:20px;max-height:calc(100% - 190px);overflow:auto}.heading{font-size:18px;font-weight:700;display:flex;justify-content:space-between;margin-bottom:17px}.heading span{font-size:12px;background:#e7f2ef;color:#286b60;padding:5px 7px;border-radius:5px}.segmented{display:flex;gap:5px}.segmented button{flex:1;padding:10px 6px;font-size:14px}.hint{font-size:13px;color:#697c7c;line-height:1.5}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 0;font-size:14px}.row input{accent-color:#267776;width:18px;height:18px;flex-shrink:0}.range{margin:18px 0;font-size:14px}.range label{display:flex;justify-content:space-between}.range input{width:100%;margin-top:10px;accent-color:#267776}details{border-top:1px solid #e7eceb;padding:15px 0;font-size:14px}summary{cursor:pointer;line-height:1.5}summary span{float:right;color:#798b89}.legend{display:grid;grid-template-columns:14px 1fr;gap:11px;margin-top:15px;font-size:13px}.legend i{height:12px;border-radius:2px}.base{border-top:1px solid #e7eceb;padding-top:15px;font-size:14px}.base select{width:100%;margin-top:10px;padding:9px;background:white;border:1px solid #d7e0df;border-radius:6px}.views{max-width:calc(100% - 24px);overflow-x:auto;position:absolute;bottom:60px;left:50%;transform:translateX(-50%);display:flex;gap:5px;background:#ffffffee;padding:6px;border-radius:11px;box-shadow:0 5px 20px #15332c20;white-space:nowrap}footer{position:absolute;bottom:0;width:100%;background:#183c40;color:#e2eeee;display:flex;justify-content:space-between;gap:12px;padding:11px 20px;font-size:12px;pointer-events:none}.maplibregl-ctrl-top-right{top:20px;right:10px}.maplibregl-popup-content{padding:18px!important;max-width:320px;font-size:14px;line-height:1.5;border-radius:10px!important}.popup-title{font-weight:700;font-size:16px;margin:0 0 10px}.popup-note{font-size:12px;color:#607471;margin-top:10px}#fatal{position:absolute;left:50%;top:40%;transform:translateX(-50%);background:white;padding:25px;border-radius:12px;max-width:450px}.hidden{display:none}@media(max-width:700px){header{top:10px;left:10px;padding:10px;gap:8px;max-width:calc(100% - 60px)}header span{display:none}header h1{font-size:13px;line-height:1.5;margin:0}h1 b{display:block;font-size:17px;margin:0}.mark{display:none}#panelToggle{margin-left:4px}aside{top:90px;left:10px;width:280px;max-height:calc(100% - 190px)}.views{bottom:55px;max-width:96%;overflow:auto;left:10px;transform:none}.views button{font-size:12px;padding:10px}footer{padding:10px;font-size:12px}#zoomHint{display:none}.maplibregl-ctrl-top-right{right:0;top:10px}}