.dihub-map-wrapper{width:100%;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.08)}.dihub-marker{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffffff;box-shadow:0 8px 18px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.08);transform:translateY(-6px);transition:transform .18s ease,box-shadow .18s ease;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dihub-marker:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%) rotate(45deg);width:16px;height:16px;background:#ffffff;box-shadow:3px 3px 8px rgba(0,0,0,.06)}.dihub-marker.is-hover{transform:translateY(-10px) scale(1.02);box-shadow:0 14px 28px rgba(0,0,0,.14),0 4px 10px rgba(0,0,0,.1)}.dihub-marker__label{font-size:13px;font-weight:600;color:#1d1f25}.dihub-marker--completed{border:2px solid #18a558}.dihub-marker--building{border:2px solid #8b68c6}.dihub-marker--planned{border:2px solid #e7b100}.maplibregl-popup .popup{max-width:260px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.popup-title{font-size:15px;font-weight:700;margin-bottom:4px}.popup-sub{font-size:12px;color:#61646b;margin-bottom:8px}.popup-link{display:inline-block;font-size:13px;font-weight:600;text-decoration:none;border:1px solid #8b68c6;padding:6px 10px;border-radius:10px;color:#8B68C6}.popup-link:hover{background:#f4f1fb}