:root{color-scheme:light;--ink:#183a33;--paper:#fbfcf6;--muted:#6a7870;--line:#dde3d9;--shadow:0 2px 8px #1f39201a,0 8px 24px #1f39200a}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--ink);background:#e9ece4}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #d69d3a;outline-offset:3px}button:disabled{opacity:.35;cursor:default}button svg{height:22px;width:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button:hover:not(:disabled){background-color:#eaf0e5}button:active:not(:disabled){transform:translateY(1px)}
#map{position:absolute;inset:0;background-color:#e7ebe2;background-image:linear-gradient(#9ba99514 1px,transparent 1px),linear-gradient(90deg,#9ba99514 1px,transparent 1px);background-size:40px 40px;outline:none}.leaflet-container{font-family:inherit}.leaflet-control-attribution{display:none}.leaflet-control-container .leaflet-bottom{pointer-events:none}.leaflet-tile{image-rendering:auto}.leaflet-container:focus-visible{box-shadow:inset 0 0 0 3px #c39c59}
.panel{background:var(--paper);border:1px solid #e2e7dc;border-radius:13px;box-shadow:var(--shadow)}.place-card{position:absolute;z-index:800;top:max(20px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));display:flex;align-items:center;gap:12px;padding:13px 18px 13px 13px;user-select:none}.place-icon{display:grid;place-items:center;height:38px;width:38px;border-radius:10px;background:#e4edde}.place-icon svg{width:22px;fill:none;stroke:var(--ink);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}h1{font-size:17px;line-height:1.3;letter-spacing:.045em;margin:0;font-weight:650}h1 span{color:#a1ac9c;padding:0 2px}.place-card p{margin:5px 0 0;font-size:10px;letter-spacing:.05em;color:var(--muted)}.place-card p span{margin:0 4px;color:#adb7a5}.layers{position:absolute;z-index:800;top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));padding:5px;display:flex;gap:3px}.layers button{border:0;background:transparent;padding:10px 19px;border-radius:9px;font-size:12px;font-weight:600;white-space:nowrap;min-height:40px}.layers button.selected{background:var(--ink);color:#f5f8ed;box-shadow:0 2px 3px #193c3220}.layers button.selected:hover{background:#275245}
.map-tools{position:absolute;z-index:800;right:max(20px,env(safe-area-inset-right));top:93px;display:flex;flex-direction:column;gap:10px}.map-tools button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0}.zoom-tools{overflow:hidden;border-radius:12px}.zoom-tools button{background:transparent}.divider{display:block;height:1px;margin:0 11px;background:var(--line)}.map-tools>button{border:1px solid #e2e7dc;border-radius:12px}.map-tools #radius-button{height:55px;flex-direction:column;gap:2px}.map-tools #radius-button span{font-size:9px;letter-spacing:.02em}.map-tools #radius-button[aria-pressed=true]{background:var(--ink);color:white}.north{position:absolute;z-index:750;right:34px;top:304px;display:flex;flex-direction:column;align-items:center;gap:2px;color:#385345;pointer-events:none;filter:drop-shadow(0 1px 1px #fff8)}.north b{font-size:10px;font-weight:700}.north svg{width:15px;height:21px;fill:var(--ink);stroke:#ffffffa0;stroke-width:1}
.notice{position:absolute;z-index:800;bottom:76px;left:50%;transform:translateX(-50%);padding:9px 15px;border-radius:40px;background:#fbfcf4ed;box-shadow:0 1px 9px #142a1417;font-size:11px;white-space:nowrap;color:#476052;pointer-events:none;transition:opacity .3s}.notice.hidden{opacity:0}.notice.error{color:#864230}.bottom-left{position:absolute;z-index:800;left:max(22px,env(safe-area-inset-left));bottom:max(19px,env(safe-area-inset-bottom));pointer-events:none}.zoom-status{margin:6px 0 0;font-size:10px;color:#3b5448;background:#fbfcf2d9;border-radius:5px;padding:4px 6px;max-width:max-content}.leaflet-control-scale{margin:0!important;float:none!important;pointer-events:none}.leaflet-control-scale-line{font-family:inherit;font-size:10px;font-weight:600;line-height:1.1;padding:3px 6px 2px;border-width:0 2px 2px;border-color:#345141;color:#284134;background:#fbfcf2c9;box-shadow:none}.bottom-right{position:absolute;z-index:800;right:max(20px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));text-align:right}.map-note{border:1px solid #e4e8dc;border-radius:6px;padding:5px 8px;margin:0 0 6px;background:#fbfcf4ed;font-size:10px;box-shadow:0 1px 5px #17382109}.map-note span{margin-left:5px}.attribution{font-size:9px;line-height:1.6;color:#44584b;background:#fbfcf3e8;border-radius:4px;padding:2px 5px}.mobile-break{display:none}
.info-card{position:absolute;z-index:900;right:max(20px,env(safe-area-inset-right));bottom:91px;width:320px;padding:17px 19px 19px;font-size:12px;line-height:1.75;color:#58685b}.info-card[hidden]{display:none}.info-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 9px}.info-heading h2{margin:0;color:var(--ink);font-size:14px}.info-heading button{display:grid;place-items:center;line-height:1;background:transparent;border:0;border-radius:6px;width:30px;height:30px;font-size:23px;color:#6f7e70;margin:-5px -8px -5px 0}.info-card p{margin:10px 0}.info-card strong{font-weight:600;color:#405745}.info-meta{border-top:1px solid var(--line);margin-top:13px;padding-top:12px;font-size:10px;color:#7c877b}.noscript{position:absolute;top:42%;left:10%;right:10%;text-align:center;padding:20px;background:white;border-radius:10px;z-index:999}.radius-label{background:#f8faefeb;border:1px solid #dfe9d4;box-shadow:0 1px 4px #153c2220;border-radius:4px;color:#28513c;font-family:inherit;font-size:10px;padding:3px 6px}.radius-label:before{display:none}
@media(max-width:640px){.place-card{top:max(12px,env(safe-area-inset-top));left:12px;padding:10px 12px 10px 10px;gap:9px;right:12px;border-radius:12px}.place-icon{width:32px;height:32px}.place-icon svg{width:20px}h1{font-size:15px}.place-card p{font-size:9px;margin-top:4px}.layers{top:86px;left:12px;right:auto;border-radius:11px;padding:4px}.layers button{font-size:11px;padding:8px 14px;min-height:37px;border-radius:8px}.map-tools{top:86px;right:12px;gap:9px}.map-tools button{height:42px;width:42px}.map-tools #radius-button{height:52px}.north{right:26px;top:293px}.bottom-left{left:12px;bottom:max(15px,env(safe-area-inset-bottom))}.zoom-status{font-size:9px;max-width:157px;line-height:1.5;padding:4px 5px}.bottom-right{right:12px;bottom:max(14px,env(safe-area-inset-bottom));max-width:calc(100% - 180px)}.attribution{font-size:7px;line-height:1.5;padding:3px 4px}.mobile-break{display:block}.map-note{font-size:9px;padding:5px 6px}.notice{bottom:91px;max-width:calc(100% - 28px);white-space:normal;text-align:center;font-size:10px;padding:8px 13px}.info-card{right:12px;bottom:96px;width:min(320px,calc(100% - 24px));font-size:11px}.leaflet-control-scale-line{font-size:9px}.info-meta{font-size:9px}}
@media(max-height:500px) and (min-width:641px){.place-card{top:12px;left:12px;padding:9px 13px 9px 10px}.layers{top:12px;right:12px}.map-tools{top:80px;right:12px;gap:7px}.map-tools button{height:36px;width:36px}.map-tools #radius-button{height:43px}.north{top:274px;right:23px}.notice{bottom:18px}.info-card{bottom:75px;max-height:calc(100% - 95px);overflow:auto}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.place-card p .status-text{margin:0;color:var(--muted)}

.flight-link{font-size:13px;font-weight:700;text-decoration:none;color:#315b4e;padding:7px 9px;border:1px solid #d9e3d3;border-radius:7px;background:#f4f8ee;white-space:nowrap;flex-shrink:0}.flight-link:hover{background:#e4eedb}.flight-link:focus-visible{outline:3px solid #d69d3a;outline-offset:3px}