*{box-sizing:border-box}body{margin:0;font:15px system-ui;background:#eef3f0;color:#18231c}header{height:58px;padding:16px 20px;background:#123d2b;color:#fff;display:flex;justify-content:space-between}main{max-width:1100px;margin:auto;padding:12px}#map{height:calc(100vh - 180px);min-height:480px;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #0002}section{background:#fff;padding:12px;margin-top:12px;border-radius:12px}.speed{display:flex;align-items:baseline;gap:8px}.speed strong{font-size:42px;color:#176b45}.speed span{font-weight:700}button{padding:9px 14px;margin-left:8px;background:#176b45;color:#fff;border:0;border-radius:7px}#info{color:#53635a}@media(max-width:600px){#map{height:65vh;min-height:400px}label{display:block}input{margin:8px 0;width:100%}button{margin:4px 4px 0 0}}