#page-wrapper{display:flex;flex-direction:column;height:100vh;padding-bottom:70px;box-sizing:border-box}h1{text-align:center;color:#2c3e50;margin:15px 0;font-size:1.5em;flex-shrink:0}#map-container{width:100%;flex-grow:1;border-top:1px solid #ccc}#footer{position:fixed;bottom:0;left:0;width:100%;background:#fff;padding:10px 0;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:1000}#refresh-btn{display:block;width:90%;max-width:400px;margin:0 auto;padding:12px;font-size:16px;font-weight:700;color:#fff;background-color:#28a745;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}#refresh-btn:hover{background-color:#218838}.custom-marker{position:relative;width:160px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);border:1px solid #e0e0e0;font-size:12px;color:#333;cursor:pointer;-webkit-font-smoothing:antialiased;transform-origin:center bottom;transition:transform .2s ease-in-out}.custom-marker .marker-title{background-color:#007bff;color:#fff;padding:6px 10px;font-weight:700;font-size:14px;border-top-left-radius:8px;border-top-right-radius:8px}.custom-marker .marker-data{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.custom-marker:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:0;height:0;border-style:solid;border-width:10px 10px 0 10px;border-color:#fff transparent transparent transparent;filter:drop-shadow(0 3px 2px rgba(0,0,0,.05))}@media (max-width:600px){h1{font-size:1.2em;margin:10px 0}.custom-marker{transform:scale(.85)}}