body{margin:0;background:#f5f7fa;color:#16243a;font:16px system-ui}main{max-width:1100px;margin:auto;padding:24px}h1{font-size:27px}p{line-height:1.5}form{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:16px 0}label{display:grid;gap:5px}input,button{font:inherit;padding:10px;border:1px solid #bac5d5;border-radius:6px}button{cursor:pointer;background:white}#key{min-width:300px}#map{height:480px;background:#e2e8f0;border-radius:8px}#results,#points{display:flex;gap:8px;flex-wrap:wrap}a{color:#1254ac}@media(max-width:600px){main{padding:12px}#map{height:360px}input{max-width:85vw}}